intergalactic 15.108.0 → 15.109.0-prerelease.1

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+## [15.109.0] - 2024-09-27
+
+### @semcore/icon
+
+- **Added** New `Ahrefs`, `Microsoft`, `Moz`, `Shapchat`, `Amazon`, `CallRailColored`, `MailChimp`, `Matomo`, `LinkedInColored`, `TikTokColored`, `TikTokColoredInvert`, `Salesforce` icons.
+
+### @semcore/side-panel
+
+- **Changed** Removed weird animation delay on `SidePanel` close that was causing animation fragmenting.
+
+### @semcore/utils
+
+- **Fixed** Moving focus in an iframe didn't remove visible focus from elements in the focus-locked container.
+- **Fixed** Attribute `suppressHydrationWarning` was not appling to components.
+
 ## [15.108.0] - 2024-09-20
 
 ### @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_104ol_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_104ol_gg_.__keyboardFocused_104ol_gg_:not(._tabIndex_-1_104ol_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_104ol_gg_.__use_104ol_gg_.__use_104ol_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_104ol_gg_.__use_104ol_gg_._use_primary_104ol_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_104ol_gg_.__use_104ol_gg_._use_primary_104ol_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_104ol_gg_.__disabled_104ol_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_104ol_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_104ol_gg_.__selected_104ol_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_104ol_gg_{transition:none}}" /*__inner_css_end__*/, "104ol_gg_") /*__reshadow_css_end__*/, {
-  "__SItemToggle": "___SItemToggle_104ol_gg_",
-  "_keyboardFocused": "__keyboardFocused_104ol_gg_",
-  "_tabIndex_-1": "_tabIndex_-1_104ol_gg_",
-  "_use": "__use_104ol_gg_",
-  "_use_primary": "_use_primary_104ol_gg_",
-  "_disabled": "__disabled_104ol_gg_",
-  "__SItemChevron": "___SItemChevron_104ol_gg_",
-  "_selected": "__selected_104ol_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SItemToggle_101aq_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_101aq_gg_.__keyboardFocused_101aq_gg_:not(._tabIndex_-1_101aq_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_101aq_gg_.__use_101aq_gg_.__use_101aq_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_101aq_gg_.__use_101aq_gg_._use_primary_101aq_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_101aq_gg_.__use_101aq_gg_._use_primary_101aq_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_101aq_gg_.__disabled_101aq_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_101aq_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_101aq_gg_.__selected_101aq_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_101aq_gg_{transition:none}}" /*__inner_css_end__*/, "101aq_gg_") /*__reshadow_css_end__*/, {
+  "__SItemToggle": "___SItemToggle_101aq_gg_",
+  "_keyboardFocused": "__keyboardFocused_101aq_gg_",
+  "_tabIndex_-1": "_tabIndex_-1_101aq_gg_",
+  "_use": "__use_101aq_gg_",
+  "_use_primary": "_use_primary_101aq_gg_",
+  "_disabled": "__disabled_101aq_gg_",
+  "__SItemChevron": "___SItemChevron_101aq_gg_",
+  "_selected": "__selected_101aq_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_104ol_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_104ol_gg_.__keyboardFocused_104ol_gg_:not(._tabIndex_-1_104ol_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_104ol_gg_.__use_104ol_gg_.__use_104ol_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_104ol_gg_.__use_104ol_gg_._use_primary_104ol_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_104ol_gg_.__use_104ol_gg_._use_primary_104ol_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_104ol_gg_.__disabled_104ol_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_104ol_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_104ol_gg_.__selected_104ol_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_104ol_gg_{transition:none}}" /*__inner_css_end__*/, "104ol_gg_") /*__reshadow_css_end__*/, {
-  "__SItemToggle": "___SItemToggle_104ol_gg_",
-  "_keyboardFocused": "__keyboardFocused_104ol_gg_",
-  "_tabIndex_-1": "_tabIndex_-1_104ol_gg_",
-  "_use": "__use_104ol_gg_",
-  "_use_primary": "_use_primary_104ol_gg_",
-  "_disabled": "__disabled_104ol_gg_",
-  "__SItemChevron": "___SItemChevron_104ol_gg_",
-  "_selected": "__selected_104ol_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SItemToggle_101aq_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_101aq_gg_.__keyboardFocused_101aq_gg_:not(._tabIndex_-1_101aq_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_101aq_gg_.__use_101aq_gg_.__use_101aq_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_101aq_gg_.__use_101aq_gg_._use_primary_101aq_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_101aq_gg_.__use_101aq_gg_._use_primary_101aq_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_101aq_gg_.__disabled_101aq_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_101aq_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_101aq_gg_.__selected_101aq_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_101aq_gg_{transition:none}}" /*__inner_css_end__*/, "101aq_gg_") /*__reshadow_css_end__*/, {
+  "__SItemToggle": "___SItemToggle_101aq_gg_",
+  "_keyboardFocused": "__keyboardFocused_101aq_gg_",
+  "_tabIndex_-1": "_tabIndex_-1_101aq_gg_",
+  "_use": "__use_101aq_gg_",
+  "_use_primary": "_use_primary_101aq_gg_",
+  "_disabled": "__disabled_101aq_gg_",
+  "__SItemChevron": "___SItemChevron_101aq_gg_",
+  "_selected": "__selected_101aq_gg_"
 });
 var RootAccordion = /*#__PURE__*/function (_Component) {
   _inherits(RootAccordion, _Component);

package/accordion/package.json

@@ -1 +1 @@
-{"name":"intergalactic/accordion","description":"Semrush Accordion Component","version":"5.40.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.33.0","@semcore/flex-box":"5.33.0","@semcore/icon":"4.45.0","@semcore/utils":"4.36.0","@semcore/button":"5.37.0","@semcore/typography":"5.42.0"},"peerDependencies":{"@semcore/core":"^2.17.5","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.40.1-prerelease.1","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.33.1-prerelease.1","@semcore/flex-box":"5.33.1-prerelease.1","@semcore/icon":"4.46.0-prerelease.1","@semcore/utils":"4.36.2-prerelease.1","@semcore/button":"5.37.1-prerelease.1","@semcore/typography":"5.42.1-prerelease.1"},"peerDependencies":{"@semcore/core":"^2.31.1-prerelease.1","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_awf5z_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_awf5z);animation-duration:var(--durationFinalize_awf5z);animation-delay:var(--delayFinalize_awf5z);animation-name:var(--keyframesFinalize_awf5z)}.___SAnimation_awf5z_gg_.__transition-based_awf5z_gg_{transition-timing-function:var(--timingFunction_awf5z);transition-duration:var(--durationFinalize_awf5z);transition-delay:var(--delayFinalize_awf5z)}.___SAnimation_awf5z_gg_.__visible_awf5z_gg_{animation-duration:var(--durationInitialize_awf5z);animation-delay:var(--delayInitialize_awf5z);animation-name:var(--keyframesInitialize_awf5z)}.___SAnimation_awf5z_gg_.__visible_awf5z_gg_.__transition-based_awf5z_gg_{transition-timing-function:var(--timingFunction_awf5z);transition-duration:var(--durationInitialize_awf5z);transition-delay:var(--delayInitialize_awf5z)}@media (prefers-reduced-motion){.___SAnimation_awf5z_gg_.__transition-based_awf5z_gg_,.___SAnimation_awf5z_gg_.__visible_awf5z_gg_.__transition-based_awf5z_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_awf5z_gg_,.___SAnimation_awf5z_gg_.__visible_awf5z_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "awf5z_gg_") /*__reshadow_css_end__*/, {
-  "__SAnimation": "___SAnimation_awf5z_gg_",
-  "--timingFunction": "--timingFunction_awf5z",
-  "--durationFinalize": "--durationFinalize_awf5z",
-  "--delayFinalize": "--delayFinalize_awf5z",
-  "--keyframesFinalize": "--keyframesFinalize_awf5z",
-  "_transition-based": "__transition-based_awf5z_gg_",
-  "_visible": "__visible_awf5z_gg_",
-  "--durationInitialize": "--durationInitialize_awf5z",
-  "--delayInitialize": "--delayInitialize_awf5z",
-  "--keyframesInitialize": "--keyframesInitialize_awf5z"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SAnimation_1ncs3_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_1ncs3);animation-duration:var(--durationFinalize_1ncs3);animation-delay:var(--delayFinalize_1ncs3);animation-name:var(--keyframesFinalize_1ncs3)}.___SAnimation_1ncs3_gg_.__transition-based_1ncs3_gg_{transition-timing-function:var(--timingFunction_1ncs3);transition-duration:var(--durationFinalize_1ncs3);transition-delay:var(--delayFinalize_1ncs3)}.___SAnimation_1ncs3_gg_.__visible_1ncs3_gg_{animation-duration:var(--durationInitialize_1ncs3);animation-delay:var(--delayInitialize_1ncs3);animation-name:var(--keyframesInitialize_1ncs3)}.___SAnimation_1ncs3_gg_.__visible_1ncs3_gg_.__transition-based_1ncs3_gg_{transition-timing-function:var(--timingFunction_1ncs3);transition-duration:var(--durationInitialize_1ncs3);transition-delay:var(--delayInitialize_1ncs3)}@media (prefers-reduced-motion){.___SAnimation_1ncs3_gg_.__transition-based_1ncs3_gg_,.___SAnimation_1ncs3_gg_.__visible_1ncs3_gg_.__transition-based_1ncs3_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_1ncs3_gg_,.___SAnimation_1ncs3_gg_.__visible_1ncs3_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "1ncs3_gg_") /*__reshadow_css_end__*/, {
+  "__SAnimation": "___SAnimation_1ncs3_gg_",
+  "--timingFunction": "--timingFunction_1ncs3",
+  "--durationFinalize": "--durationFinalize_1ncs3",
+  "--delayFinalize": "--delayFinalize_1ncs3",
+  "--keyframesFinalize": "--keyframesFinalize_1ncs3",
+  "_transition-based": "__transition-based_1ncs3_gg_",
+  "_visible": "__visible_1ncs3_gg_",
+  "--durationInitialize": "--durationInitialize_1ncs3",
+  "--delayInitialize": "--delayInitialize_1ncs3",
+  "--keyframesInitialize": "--keyframesInitialize_1ncs3"
 });
 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_1r8ng{0%,to{overflow:clip}}@keyframes collapse-exit_1r8ng{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1r8ng{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1r8ng{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1r8ng{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1r8ng{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1r8ng{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_1r8ng{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_1r8ng{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_1r8ng{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_1r8ng{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_1r8ng{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_1r8ng{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_1r8ng{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_1r8ng{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1r8ng{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1r8ng{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1r8ng{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1r8ng{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1r8ng{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1r8ng{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1r8ng{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1r8ng{0%{transform:var(--transformStart_1r8ng)}to{transform:var(--transformEnd_1r8ng)}}@keyframes transform-exit_1r8ng{0%{transform:var(--transformEnd_1r8ng)}to{transform:var(--transformStart_1r8ng)}}.___SCollapse_1r8ng_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1r8ng_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_1r8ng",
-  "@collapse-exit": "collapse-exit_1r8ng",
-  "__SCollapse": "___SCollapse_1r8ng_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1r8ng",
-  "@fade-in-out-exit": "fade-in-out-exit_1r8ng",
-  "@opacity-in": "opacity-in_1r8ng",
-  "@opacity-out": "opacity-out_1r8ng",
-  "@scale-left-in": "scale-left-in_1r8ng",
-  "@scale-right-in": "scale-right-in_1r8ng",
-  "@scale-top-in": "scale-top-in_1r8ng",
-  "@scale-bottom-in": "scale-bottom-in_1r8ng",
-  "@scale-left-out": "scale-left-out_1r8ng",
-  "@scale-right-out": "scale-right-out_1r8ng",
-  "@scale-top-out": "scale-top-out_1r8ng",
-  "@scale-bottom-out": "scale-bottom-out_1r8ng",
-  "@slide-top-in": "slide-top-in_1r8ng",
-  "@slide-top-out": "slide-top-out_1r8ng",
-  "@slide-bottom-in": "slide-bottom-in_1r8ng",
-  "@slide-bottom-out": "slide-bottom-out_1r8ng",
-  "@slide-left-in": "slide-left-in_1r8ng",
-  "@slide-left-out": "slide-left-out_1r8ng",
-  "@slide-right-in": "slide-right-in_1r8ng",
-  "@slide-right-out": "slide-right-out_1r8ng",
-  "@transform-enter": "transform-enter_1r8ng",
-  "--transformStart": "--transformStart_1r8ng",
-  "--transformEnd": "--transformEnd_1r8ng",
-  "@transform-exit": "transform-exit_1r8ng"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_w31f0{0%,to{overflow:clip}}@keyframes collapse-exit_w31f0{0%,to{overflow:clip}}@keyframes fade-in-out-enter_w31f0{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_w31f0{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_w31f0{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_w31f0{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_w31f0{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_w31f0{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_w31f0{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_w31f0{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_w31f0{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_w31f0{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_w31f0{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_w31f0{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_w31f0{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_w31f0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_w31f0{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_w31f0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_w31f0{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_w31f0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_w31f0{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_w31f0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_w31f0{0%{transform:var(--transformStart_w31f0)}to{transform:var(--transformEnd_w31f0)}}@keyframes transform-exit_w31f0{0%{transform:var(--transformEnd_w31f0)}to{transform:var(--transformStart_w31f0)}}.___SCollapse_w31f0_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "w31f0_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_w31f0",
+  "@collapse-exit": "collapse-exit_w31f0",
+  "__SCollapse": "___SCollapse_w31f0_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_w31f0",
+  "@fade-in-out-exit": "fade-in-out-exit_w31f0",
+  "@opacity-in": "opacity-in_w31f0",
+  "@opacity-out": "opacity-out_w31f0",
+  "@scale-left-in": "scale-left-in_w31f0",
+  "@scale-right-in": "scale-right-in_w31f0",
+  "@scale-top-in": "scale-top-in_w31f0",
+  "@scale-bottom-in": "scale-bottom-in_w31f0",
+  "@scale-left-out": "scale-left-out_w31f0",
+  "@scale-right-out": "scale-right-out_w31f0",
+  "@scale-top-out": "scale-top-out_w31f0",
+  "@scale-bottom-out": "scale-bottom-out_w31f0",
+  "@slide-top-in": "slide-top-in_w31f0",
+  "@slide-top-out": "slide-top-out_w31f0",
+  "@slide-bottom-in": "slide-bottom-in_w31f0",
+  "@slide-bottom-out": "slide-bottom-out_w31f0",
+  "@slide-left-in": "slide-left-in_w31f0",
+  "@slide-left-out": "slide-left-out_w31f0",
+  "@slide-right-in": "slide-right-in_w31f0",
+  "@slide-right-out": "slide-right-out_w31f0",
+  "@transform-enter": "transform-enter_w31f0",
+  "--transformStart": "--transformStart_w31f0",
+  "--transformEnd": "--transformEnd_w31f0",
+  "@transform-exit": "transform-exit_w31f0"
 });
 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_1r8ng{0%,to{overflow:clip}}@keyframes collapse-exit_1r8ng{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1r8ng{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1r8ng{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1r8ng{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1r8ng{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1r8ng{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_1r8ng{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_1r8ng{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_1r8ng{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_1r8ng{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_1r8ng{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_1r8ng{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_1r8ng{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_1r8ng{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1r8ng{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1r8ng{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1r8ng{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1r8ng{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1r8ng{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1r8ng{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1r8ng{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1r8ng{0%{transform:var(--transformStart_1r8ng)}to{transform:var(--transformEnd_1r8ng)}}@keyframes transform-exit_1r8ng{0%{transform:var(--transformEnd_1r8ng)}to{transform:var(--transformStart_1r8ng)}}.___SCollapse_1r8ng_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1r8ng_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_1r8ng",
-  "@collapse-exit": "collapse-exit_1r8ng",
-  "__SCollapse": "___SCollapse_1r8ng_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1r8ng",
-  "@fade-in-out-exit": "fade-in-out-exit_1r8ng",
-  "@opacity-in": "opacity-in_1r8ng",
-  "@opacity-out": "opacity-out_1r8ng",
-  "@scale-left-in": "scale-left-in_1r8ng",
-  "@scale-right-in": "scale-right-in_1r8ng",
-  "@scale-top-in": "scale-top-in_1r8ng",
-  "@scale-bottom-in": "scale-bottom-in_1r8ng",
-  "@scale-left-out": "scale-left-out_1r8ng",
-  "@scale-right-out": "scale-right-out_1r8ng",
-  "@scale-top-out": "scale-top-out_1r8ng",
-  "@scale-bottom-out": "scale-bottom-out_1r8ng",
-  "@slide-top-in": "slide-top-in_1r8ng",
-  "@slide-top-out": "slide-top-out_1r8ng",
-  "@slide-bottom-in": "slide-bottom-in_1r8ng",
-  "@slide-bottom-out": "slide-bottom-out_1r8ng",
-  "@slide-left-in": "slide-left-in_1r8ng",
-  "@slide-left-out": "slide-left-out_1r8ng",
-  "@slide-right-in": "slide-right-in_1r8ng",
-  "@slide-right-out": "slide-right-out_1r8ng",
-  "@transform-enter": "transform-enter_1r8ng",
-  "--transformStart": "--transformStart_1r8ng",
-  "--transformEnd": "--transformEnd_1r8ng",
-  "@transform-exit": "transform-exit_1r8ng"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_w31f0{0%,to{overflow:clip}}@keyframes collapse-exit_w31f0{0%,to{overflow:clip}}@keyframes fade-in-out-enter_w31f0{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_w31f0{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_w31f0{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_w31f0{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_w31f0{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_w31f0{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_w31f0{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_w31f0{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_w31f0{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_w31f0{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_w31f0{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_w31f0{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_w31f0{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_w31f0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_w31f0{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_w31f0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_w31f0{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_w31f0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_w31f0{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_w31f0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_w31f0{0%{transform:var(--transformStart_w31f0)}to{transform:var(--transformEnd_w31f0)}}@keyframes transform-exit_w31f0{0%{transform:var(--transformEnd_w31f0)}to{transform:var(--transformStart_w31f0)}}.___SCollapse_w31f0_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "w31f0_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_w31f0",
+  "@collapse-exit": "collapse-exit_w31f0",
+  "__SCollapse": "___SCollapse_w31f0_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_w31f0",
+  "@fade-in-out-exit": "fade-in-out-exit_w31f0",
+  "@opacity-in": "opacity-in_w31f0",
+  "@opacity-out": "opacity-out_w31f0",
+  "@scale-left-in": "scale-left-in_w31f0",
+  "@scale-right-in": "scale-right-in_w31f0",
+  "@scale-top-in": "scale-top-in_w31f0",
+  "@scale-bottom-in": "scale-bottom-in_w31f0",
+  "@scale-left-out": "scale-left-out_w31f0",
+  "@scale-right-out": "scale-right-out_w31f0",
+  "@scale-top-out": "scale-top-out_w31f0",
+  "@scale-bottom-out": "scale-bottom-out_w31f0",
+  "@slide-top-in": "slide-top-in_w31f0",
+  "@slide-top-out": "slide-top-out_w31f0",
+  "@slide-bottom-in": "slide-bottom-in_w31f0",
+  "@slide-bottom-out": "slide-bottom-out_w31f0",
+  "@slide-left-in": "slide-left-in_w31f0",
+  "@slide-left-out": "slide-left-out_w31f0",
+  "@slide-right-in": "slide-right-in_w31f0",
+  "@slide-right-out": "slide-right-out_w31f0",
+  "@transform-enter": "transform-enter_w31f0",
+  "--transformStart": "--transformStart_w31f0",
+  "--transformEnd": "--transformEnd_w31f0",
+  "@transform-exit": "transform-exit_w31f0"
 });
 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_1r8ng{0%,to{overflow:clip}}@keyframes collapse-exit_1r8ng{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1r8ng{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1r8ng{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1r8ng{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1r8ng{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1r8ng{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_1r8ng{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_1r8ng{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_1r8ng{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_1r8ng{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_1r8ng{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_1r8ng{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_1r8ng{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_1r8ng{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1r8ng{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1r8ng{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1r8ng{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1r8ng{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1r8ng{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1r8ng{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1r8ng{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1r8ng{0%{transform:var(--transformStart_1r8ng)}to{transform:var(--transformEnd_1r8ng)}}@keyframes transform-exit_1r8ng{0%{transform:var(--transformEnd_1r8ng)}to{transform:var(--transformStart_1r8ng)}}.___SCollapse_1r8ng_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1r8ng_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_1r8ng",
-  "@collapse-exit": "collapse-exit_1r8ng",
-  "__SCollapse": "___SCollapse_1r8ng_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1r8ng",
-  "@fade-in-out-exit": "fade-in-out-exit_1r8ng",
-  "@opacity-in": "opacity-in_1r8ng",
-  "@opacity-out": "opacity-out_1r8ng",
-  "@scale-left-in": "scale-left-in_1r8ng",
-  "@scale-right-in": "scale-right-in_1r8ng",
-  "@scale-top-in": "scale-top-in_1r8ng",
-  "@scale-bottom-in": "scale-bottom-in_1r8ng",
-  "@scale-left-out": "scale-left-out_1r8ng",
-  "@scale-right-out": "scale-right-out_1r8ng",
-  "@scale-top-out": "scale-top-out_1r8ng",
-  "@scale-bottom-out": "scale-bottom-out_1r8ng",
-  "@slide-top-in": "slide-top-in_1r8ng",
-  "@slide-top-out": "slide-top-out_1r8ng",
-  "@slide-bottom-in": "slide-bottom-in_1r8ng",
-  "@slide-bottom-out": "slide-bottom-out_1r8ng",
-  "@slide-left-in": "slide-left-in_1r8ng",
-  "@slide-left-out": "slide-left-out_1r8ng",
-  "@slide-right-in": "slide-right-in_1r8ng",
-  "@slide-right-out": "slide-right-out_1r8ng",
-  "@transform-enter": "transform-enter_1r8ng",
-  "--transformStart": "--transformStart_1r8ng",
-  "--transformEnd": "--transformEnd_1r8ng",
-  "@transform-exit": "transform-exit_1r8ng"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_w31f0{0%,to{overflow:clip}}@keyframes collapse-exit_w31f0{0%,to{overflow:clip}}@keyframes fade-in-out-enter_w31f0{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_w31f0{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_w31f0{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_w31f0{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_w31f0{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_w31f0{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_w31f0{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_w31f0{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_w31f0{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_w31f0{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_w31f0{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_w31f0{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_w31f0{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_w31f0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_w31f0{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_w31f0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_w31f0{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_w31f0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_w31f0{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_w31f0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_w31f0{0%{transform:var(--transformStart_w31f0)}to{transform:var(--transformEnd_w31f0)}}@keyframes transform-exit_w31f0{0%{transform:var(--transformEnd_w31f0)}to{transform:var(--transformStart_w31f0)}}.___SCollapse_w31f0_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "w31f0_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_w31f0",
+  "@collapse-exit": "collapse-exit_w31f0",
+  "__SCollapse": "___SCollapse_w31f0_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_w31f0",
+  "@fade-in-out-exit": "fade-in-out-exit_w31f0",
+  "@opacity-in": "opacity-in_w31f0",
+  "@opacity-out": "opacity-out_w31f0",
+  "@scale-left-in": "scale-left-in_w31f0",
+  "@scale-right-in": "scale-right-in_w31f0",
+  "@scale-top-in": "scale-top-in_w31f0",
+  "@scale-bottom-in": "scale-bottom-in_w31f0",
+  "@scale-left-out": "scale-left-out_w31f0",
+  "@scale-right-out": "scale-right-out_w31f0",
+  "@scale-top-out": "scale-top-out_w31f0",
+  "@scale-bottom-out": "scale-bottom-out_w31f0",
+  "@slide-top-in": "slide-top-in_w31f0",
+  "@slide-top-out": "slide-top-out_w31f0",
+  "@slide-bottom-in": "slide-bottom-in_w31f0",
+  "@slide-bottom-out": "slide-bottom-out_w31f0",
+  "@slide-left-in": "slide-left-in_w31f0",
+  "@slide-left-out": "slide-left-out_w31f0",
+  "@slide-right-in": "slide-right-in_w31f0",
+  "@slide-right-out": "slide-right-out_w31f0",
+  "@transform-enter": "transform-enter_w31f0",
+  "--transformStart": "--transformStart_w31f0",
+  "--transformEnd": "--transformEnd_w31f0",
+  "@transform-exit": "transform-exit_w31f0"
 });
 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_1r8ng{0%,to{overflow:clip}}@keyframes collapse-exit_1r8ng{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1r8ng{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1r8ng{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1r8ng{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1r8ng{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1r8ng{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_1r8ng{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_1r8ng{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_1r8ng{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_1r8ng{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_1r8ng{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_1r8ng{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_1r8ng{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_1r8ng{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1r8ng{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1r8ng{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1r8ng{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1r8ng{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1r8ng{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1r8ng{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1r8ng{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1r8ng{0%{transform:var(--transformStart_1r8ng)}to{transform:var(--transformEnd_1r8ng)}}@keyframes transform-exit_1r8ng{0%{transform:var(--transformEnd_1r8ng)}to{transform:var(--transformStart_1r8ng)}}.___SCollapse_1r8ng_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1r8ng_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_1r8ng",
-  "@collapse-exit": "collapse-exit_1r8ng",
-  "__SCollapse": "___SCollapse_1r8ng_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1r8ng",
-  "@fade-in-out-exit": "fade-in-out-exit_1r8ng",
-  "@opacity-in": "opacity-in_1r8ng",
-  "@opacity-out": "opacity-out_1r8ng",
-  "@scale-left-in": "scale-left-in_1r8ng",
-  "@scale-right-in": "scale-right-in_1r8ng",
-  "@scale-top-in": "scale-top-in_1r8ng",
-  "@scale-bottom-in": "scale-bottom-in_1r8ng",
-  "@scale-left-out": "scale-left-out_1r8ng",
-  "@scale-right-out": "scale-right-out_1r8ng",
-  "@scale-top-out": "scale-top-out_1r8ng",
-  "@scale-bottom-out": "scale-bottom-out_1r8ng",
-  "@slide-top-in": "slide-top-in_1r8ng",
-  "@slide-top-out": "slide-top-out_1r8ng",
-  "@slide-bottom-in": "slide-bottom-in_1r8ng",
-  "@slide-bottom-out": "slide-bottom-out_1r8ng",
-  "@slide-left-in": "slide-left-in_1r8ng",
-  "@slide-left-out": "slide-left-out_1r8ng",
-  "@slide-right-in": "slide-right-in_1r8ng",
-  "@slide-right-out": "slide-right-out_1r8ng",
-  "@transform-enter": "transform-enter_1r8ng",
-  "--transformStart": "--transformStart_1r8ng",
-  "--transformEnd": "--transformEnd_1r8ng",
-  "@transform-exit": "transform-exit_1r8ng"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_w31f0{0%,to{overflow:clip}}@keyframes collapse-exit_w31f0{0%,to{overflow:clip}}@keyframes fade-in-out-enter_w31f0{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_w31f0{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_w31f0{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_w31f0{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_w31f0{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_w31f0{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_w31f0{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_w31f0{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_w31f0{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_w31f0{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_w31f0{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_w31f0{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_w31f0{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_w31f0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_w31f0{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_w31f0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_w31f0{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_w31f0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_w31f0{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_w31f0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_w31f0{0%{transform:var(--transformStart_w31f0)}to{transform:var(--transformEnd_w31f0)}}@keyframes transform-exit_w31f0{0%{transform:var(--transformEnd_w31f0)}to{transform:var(--transformStart_w31f0)}}.___SCollapse_w31f0_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "w31f0_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_w31f0",
+  "@collapse-exit": "collapse-exit_w31f0",
+  "__SCollapse": "___SCollapse_w31f0_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_w31f0",
+  "@fade-in-out-exit": "fade-in-out-exit_w31f0",
+  "@opacity-in": "opacity-in_w31f0",
+  "@opacity-out": "opacity-out_w31f0",
+  "@scale-left-in": "scale-left-in_w31f0",
+  "@scale-right-in": "scale-right-in_w31f0",
+  "@scale-top-in": "scale-top-in_w31f0",
+  "@scale-bottom-in": "scale-bottom-in_w31f0",
+  "@scale-left-out": "scale-left-out_w31f0",
+  "@scale-right-out": "scale-right-out_w31f0",
+  "@scale-top-out": "scale-top-out_w31f0",
+  "@scale-bottom-out": "scale-bottom-out_w31f0",
+  "@slide-top-in": "slide-top-in_w31f0",
+  "@slide-top-out": "slide-top-out_w31f0",
+  "@slide-bottom-in": "slide-bottom-in_w31f0",
+  "@slide-bottom-out": "slide-bottom-out_w31f0",
+  "@slide-left-in": "slide-left-in_w31f0",
+  "@slide-left-out": "slide-left-out_w31f0",
+  "@slide-right-in": "slide-right-in_w31f0",
+  "@slide-right-out": "slide-right-out_w31f0",
+  "@transform-enter": "transform-enter_w31f0",
+  "--transformStart": "--transformStart_w31f0",
+  "--transformEnd": "--transformEnd_w31f0",
+  "@transform-exit": "transform-exit_w31f0"
 });
 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_1r8ng{0%,to{overflow:clip}}@keyframes collapse-exit_1r8ng{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1r8ng{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1r8ng{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1r8ng{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1r8ng{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1r8ng{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_1r8ng{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_1r8ng{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_1r8ng{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_1r8ng{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_1r8ng{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_1r8ng{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_1r8ng{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_1r8ng{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1r8ng{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1r8ng{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1r8ng{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1r8ng{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1r8ng{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1r8ng{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1r8ng{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1r8ng{0%{transform:var(--transformStart_1r8ng)}to{transform:var(--transformEnd_1r8ng)}}@keyframes transform-exit_1r8ng{0%{transform:var(--transformEnd_1r8ng)}to{transform:var(--transformStart_1r8ng)}}.___SCollapse_1r8ng_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1r8ng_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_1r8ng",
-  "@collapse-exit": "collapse-exit_1r8ng",
-  "__SCollapse": "___SCollapse_1r8ng_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1r8ng",
-  "@fade-in-out-exit": "fade-in-out-exit_1r8ng",
-  "@opacity-in": "opacity-in_1r8ng",
-  "@opacity-out": "opacity-out_1r8ng",
-  "@scale-left-in": "scale-left-in_1r8ng",
-  "@scale-right-in": "scale-right-in_1r8ng",
-  "@scale-top-in": "scale-top-in_1r8ng",
-  "@scale-bottom-in": "scale-bottom-in_1r8ng",
-  "@scale-left-out": "scale-left-out_1r8ng",
-  "@scale-right-out": "scale-right-out_1r8ng",
-  "@scale-top-out": "scale-top-out_1r8ng",
-  "@scale-bottom-out": "scale-bottom-out_1r8ng",
-  "@slide-top-in": "slide-top-in_1r8ng",
-  "@slide-top-out": "slide-top-out_1r8ng",
-  "@slide-bottom-in": "slide-bottom-in_1r8ng",
-  "@slide-bottom-out": "slide-bottom-out_1r8ng",
-  "@slide-left-in": "slide-left-in_1r8ng",
-  "@slide-left-out": "slide-left-out_1r8ng",
-  "@slide-right-in": "slide-right-in_1r8ng",
-  "@slide-right-out": "slide-right-out_1r8ng",
-  "@transform-enter": "transform-enter_1r8ng",
-  "--transformStart": "--transformStart_1r8ng",
-  "--transformEnd": "--transformEnd_1r8ng",
-  "@transform-exit": "transform-exit_1r8ng"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_w31f0{0%,to{overflow:clip}}@keyframes collapse-exit_w31f0{0%,to{overflow:clip}}@keyframes fade-in-out-enter_w31f0{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_w31f0{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_w31f0{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_w31f0{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_w31f0{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_w31f0{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_w31f0{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_w31f0{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_w31f0{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_w31f0{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_w31f0{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_w31f0{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_w31f0{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_w31f0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_w31f0{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_w31f0{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_w31f0{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_w31f0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_w31f0{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_w31f0{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_w31f0{0%{transform:var(--transformStart_w31f0)}to{transform:var(--transformEnd_w31f0)}}@keyframes transform-exit_w31f0{0%{transform:var(--transformEnd_w31f0)}to{transform:var(--transformStart_w31f0)}}.___SCollapse_w31f0_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "w31f0_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_w31f0",
+  "@collapse-exit": "collapse-exit_w31f0",
+  "__SCollapse": "___SCollapse_w31f0_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_w31f0",
+  "@fade-in-out-exit": "fade-in-out-exit_w31f0",
+  "@opacity-in": "opacity-in_w31f0",
+  "@opacity-out": "opacity-out_w31f0",
+  "@scale-left-in": "scale-left-in_w31f0",
+  "@scale-right-in": "scale-right-in_w31f0",
+  "@scale-top-in": "scale-top-in_w31f0",
+  "@scale-bottom-in": "scale-bottom-in_w31f0",
+  "@scale-left-out": "scale-left-out_w31f0",
+  "@scale-right-out": "scale-right-out_w31f0",
+  "@scale-top-out": "scale-top-out_w31f0",
+  "@scale-bottom-out": "scale-bottom-out_w31f0",
+  "@slide-top-in": "slide-top-in_w31f0",
+  "@slide-top-out": "slide-top-out_w31f0",
+  "@slide-bottom-in": "slide-bottom-in_w31f0",
+  "@slide-bottom-out": "slide-bottom-out_w31f0",
+  "@slide-left-in": "slide-left-in_w31f0",
+  "@slide-left-out": "slide-left-out_w31f0",
+  "@slide-right-in": "slide-right-in_w31f0",
+  "@slide-right-out": "slide-right-out_w31f0",
+  "@transform-enter": "transform-enter_w31f0",
+  "--transformStart": "--transformStart_w31f0",
+  "--transformEnd": "--transformEnd_w31f0",
+  "@transform-exit": "transform-exit_w31f0"
 });
 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_awf5z_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_awf5z);animation-duration:var(--durationFinalize_awf5z);animation-delay:var(--delayFinalize_awf5z);animation-name:var(--keyframesFinalize_awf5z)}.___SAnimation_awf5z_gg_.__transition-based_awf5z_gg_{transition-timing-function:var(--timingFunction_awf5z);transition-duration:var(--durationFinalize_awf5z);transition-delay:var(--delayFinalize_awf5z)}.___SAnimation_awf5z_gg_.__visible_awf5z_gg_{animation-duration:var(--durationInitialize_awf5z);animation-delay:var(--delayInitialize_awf5z);animation-name:var(--keyframesInitialize_awf5z)}.___SAnimation_awf5z_gg_.__visible_awf5z_gg_.__transition-based_awf5z_gg_{transition-timing-function:var(--timingFunction_awf5z);transition-duration:var(--durationInitialize_awf5z);transition-delay:var(--delayInitialize_awf5z)}@media (prefers-reduced-motion){.___SAnimation_awf5z_gg_.__transition-based_awf5z_gg_,.___SAnimation_awf5z_gg_.__visible_awf5z_gg_.__transition-based_awf5z_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_awf5z_gg_,.___SAnimation_awf5z_gg_.__visible_awf5z_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "awf5z_gg_") /*__reshadow_css_end__*/, {
-  "__SAnimation": "___SAnimation_awf5z_gg_",
-  "--timingFunction": "--timingFunction_awf5z",
-  "--durationFinalize": "--durationFinalize_awf5z",
-  "--delayFinalize": "--delayFinalize_awf5z",
-  "--keyframesFinalize": "--keyframesFinalize_awf5z",
-  "_transition-based": "__transition-based_awf5z_gg_",
-  "_visible": "__visible_awf5z_gg_",
-  "--durationInitialize": "--durationInitialize_awf5z",
-  "--delayInitialize": "--delayInitialize_awf5z",
-  "--keyframesInitialize": "--keyframesInitialize_awf5z"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAnimation_1ncs3_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_1ncs3);animation-duration:var(--durationFinalize_1ncs3);animation-delay:var(--delayFinalize_1ncs3);animation-name:var(--keyframesFinalize_1ncs3)}.___SAnimation_1ncs3_gg_.__transition-based_1ncs3_gg_{transition-timing-function:var(--timingFunction_1ncs3);transition-duration:var(--durationFinalize_1ncs3);transition-delay:var(--delayFinalize_1ncs3)}.___SAnimation_1ncs3_gg_.__visible_1ncs3_gg_{animation-duration:var(--durationInitialize_1ncs3);animation-delay:var(--delayInitialize_1ncs3);animation-name:var(--keyframesInitialize_1ncs3)}.___SAnimation_1ncs3_gg_.__visible_1ncs3_gg_.__transition-based_1ncs3_gg_{transition-timing-function:var(--timingFunction_1ncs3);transition-duration:var(--durationInitialize_1ncs3);transition-delay:var(--delayInitialize_1ncs3)}@media (prefers-reduced-motion){.___SAnimation_1ncs3_gg_.__transition-based_1ncs3_gg_,.___SAnimation_1ncs3_gg_.__visible_1ncs3_gg_.__transition-based_1ncs3_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_1ncs3_gg_,.___SAnimation_1ncs3_gg_.__visible_1ncs3_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "1ncs3_gg_") /*__reshadow_css_end__*/, {
+  "__SAnimation": "___SAnimation_1ncs3_gg_",
+  "--timingFunction": "--timingFunction_1ncs3",
+  "--durationFinalize": "--durationFinalize_1ncs3",
+  "--delayFinalize": "--delayFinalize_1ncs3",
+  "--keyframesFinalize": "--keyframesFinalize_1ncs3",
+  "_transition-based": "__transition-based_1ncs3_gg_",
+  "_visible": "__visible_1ncs3_gg_",
+  "--durationInitialize": "--durationInitialize_1ncs3",
+  "--delayInitialize": "--delayInitialize_1ncs3",
+  "--keyframesInitialize": "--keyframesInitialize_1ncs3"
 });
 function propToArray(prop) {
   return Array.isArray(prop) ? prop : [prop, prop];