intergalactic 15.107.0 → 15.108.0

package/CHANGELOG.md

@@ -1,3 +1,56 @@
+## [15.108.0] - 2024-09-20
+
+### @semcore/button
+
+- **Added** Component `ButtonLink`.
+
+### @semcore/card
+
+- **Changed** Render hints in header with `ButtonLink` component.
+
+### @semcore/carousel
+
+- **Fixed** Carousel controls are not focusable and available to be navigated to each control by screen readers.
+
+### @semcore/data-table
+
+- **Added** Keyboard navigation.
+
+### @semcore/inline-input
+
+- **Changed** Render confirm/cancel buttons with `ButtonLink` component.
+
+### @semcore/input-tags
+
+- **Changed** Tags remove button now follow tag in the DOM.
+- **Changed** Added aria description to editable tags.
+
+### @semcore/pagination
+
+- **Changed** Render total pages button with `ButtonLink` component.
+
+### @semcore/side-panel
+
+- **Changed** Render back button with `ButtonLink` component.
+
+### @semcore/tag
+
+- **Changed** Remove button aria-label from "Remove" to "Delete".
+- **Fixed** `interactive` prop passing from `TagContainer` to `Tag`.
+- **Added** `TagContainer.Circle` and `TagContainer.Addon` components.
+- **Changed** Remove button aria-label from "Remove" to "Delete".
+- **Fixed** `interactive` prop passing from `TagContainer` to `Tag`.
+
+### @semcore/utils
+
+- **Fixed** Hidden elements might be considered as focusable. It was breaking "Skip to content after plot" feature in d3-chart in some cases.
+
+### @semcore/wizard
+
+- **Added** `Wizard.StepBack` and `Wizard.StepNext` buttons.
+- **Added** Autofocus on wizard content after step change.
+- **Changed** Correct `tab` and `tabpanel` roles connecting of wizard steps and content.
+
 ## [15.107.0] - 2024-09-06
 
 ### @semcore/color-picker

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_yuyvs_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_yuyvs_gg_.__keyboardFocused_yuyvs_gg_:not(._tabIndex_-1_yuyvs_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_yuyvs_gg_.__use_yuyvs_gg_.__use_yuyvs_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_yuyvs_gg_.__use_yuyvs_gg_._use_primary_yuyvs_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_yuyvs_gg_.__use_yuyvs_gg_._use_primary_yuyvs_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_yuyvs_gg_.__disabled_yuyvs_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_yuyvs_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_yuyvs_gg_.__selected_yuyvs_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_yuyvs_gg_{transition:none}}" /*__inner_css_end__*/, "yuyvs_gg_") /*__reshadow_css_end__*/, {
-  "__SItemToggle": "___SItemToggle_yuyvs_gg_",
-  "_keyboardFocused": "__keyboardFocused_yuyvs_gg_",
-  "_tabIndex_-1": "_tabIndex_-1_yuyvs_gg_",
-  "_use": "__use_yuyvs_gg_",
-  "_use_primary": "_use_primary_yuyvs_gg_",
-  "_disabled": "__disabled_yuyvs_gg_",
-  "__SItemChevron": "___SItemChevron_yuyvs_gg_",
-  "_selected": "__selected_yuyvs_gg_"
+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 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_yuyvs_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_yuyvs_gg_.__keyboardFocused_yuyvs_gg_:not(._tabIndex_-1_yuyvs_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_yuyvs_gg_.__use_yuyvs_gg_.__use_yuyvs_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_yuyvs_gg_.__use_yuyvs_gg_._use_primary_yuyvs_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_yuyvs_gg_.__use_yuyvs_gg_._use_primary_yuyvs_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_yuyvs_gg_.__disabled_yuyvs_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_yuyvs_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_yuyvs_gg_.__selected_yuyvs_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_yuyvs_gg_{transition:none}}" /*__inner_css_end__*/, "yuyvs_gg_") /*__reshadow_css_end__*/, {
-  "__SItemToggle": "___SItemToggle_yuyvs_gg_",
-  "_keyboardFocused": "__keyboardFocused_yuyvs_gg_",
-  "_tabIndex_-1": "_tabIndex_-1_yuyvs_gg_",
-  "_use": "__use_yuyvs_gg_",
-  "_use_primary": "_use_primary_yuyvs_gg_",
-  "_disabled": "__disabled_yuyvs_gg_",
-  "__SItemChevron": "___SItemChevron_yuyvs_gg_",
-  "_selected": "__selected_yuyvs_gg_"
+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 RootAccordion = /*#__PURE__*/function (_Component) {
   _inherits(RootAccordion, _Component);

package/accordion/package.json

@@ -1 +1 @@
-{"name":"intergalactic/accordion","description":"Semrush Accordion Component","version":"5.39.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.32.0","@semcore/flex-box":"5.32.0","@semcore/icon":"4.44.1","@semcore/utils":"4.35.0","@semcore/button":"5.36.0","@semcore/typography":"5.41.1"},"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.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"}}

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_1fofj_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_1fofj);animation-duration:var(--durationFinalize_1fofj);animation-delay:var(--delayFinalize_1fofj);animation-name:var(--keyframesFinalize_1fofj)}.___SAnimation_1fofj_gg_.__transition-based_1fofj_gg_{transition-timing-function:var(--timingFunction_1fofj);transition-duration:var(--durationFinalize_1fofj);transition-delay:var(--delayFinalize_1fofj)}.___SAnimation_1fofj_gg_.__visible_1fofj_gg_{animation-duration:var(--durationInitialize_1fofj);animation-delay:var(--delayInitialize_1fofj);animation-name:var(--keyframesInitialize_1fofj)}.___SAnimation_1fofj_gg_.__visible_1fofj_gg_.__transition-based_1fofj_gg_{transition-timing-function:var(--timingFunction_1fofj);transition-duration:var(--durationInitialize_1fofj);transition-delay:var(--delayInitialize_1fofj)}@media (prefers-reduced-motion){.___SAnimation_1fofj_gg_.__transition-based_1fofj_gg_,.___SAnimation_1fofj_gg_.__visible_1fofj_gg_.__transition-based_1fofj_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_1fofj_gg_,.___SAnimation_1fofj_gg_.__visible_1fofj_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "1fofj_gg_") /*__reshadow_css_end__*/, {
-  "__SAnimation": "___SAnimation_1fofj_gg_",
-  "--timingFunction": "--timingFunction_1fofj",
-  "--durationFinalize": "--durationFinalize_1fofj",
-  "--delayFinalize": "--delayFinalize_1fofj",
-  "--keyframesFinalize": "--keyframesFinalize_1fofj",
-  "_transition-based": "__transition-based_1fofj_gg_",
-  "_visible": "__visible_1fofj_gg_",
-  "--durationInitialize": "--durationInitialize_1fofj",
-  "--delayInitialize": "--delayInitialize_1fofj",
-  "--keyframesInitialize": "--keyframesInitialize_1fofj"
+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"
 });
 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_11fy1{0%,to{overflow:clip}}@keyframes collapse-exit_11fy1{0%,to{overflow:clip}}@keyframes fade-in-out-enter_11fy1{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_11fy1{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_11fy1{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_11fy1{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_11fy1{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_11fy1{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_11fy1{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_11fy1{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_11fy1{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_11fy1{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_11fy1{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_11fy1{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_11fy1{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_11fy1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_11fy1{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_11fy1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_11fy1{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_11fy1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_11fy1{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_11fy1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_11fy1{0%{transform:var(--transformStart_11fy1)}to{transform:var(--transformEnd_11fy1)}}@keyframes transform-exit_11fy1{0%{transform:var(--transformEnd_11fy1)}to{transform:var(--transformStart_11fy1)}}.___SCollapse_11fy1_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "11fy1_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_11fy1",
-  "@collapse-exit": "collapse-exit_11fy1",
-  "__SCollapse": "___SCollapse_11fy1_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_11fy1",
-  "@fade-in-out-exit": "fade-in-out-exit_11fy1",
-  "@opacity-in": "opacity-in_11fy1",
-  "@opacity-out": "opacity-out_11fy1",
-  "@scale-left-in": "scale-left-in_11fy1",
-  "@scale-right-in": "scale-right-in_11fy1",
-  "@scale-top-in": "scale-top-in_11fy1",
-  "@scale-bottom-in": "scale-bottom-in_11fy1",
-  "@scale-left-out": "scale-left-out_11fy1",
-  "@scale-right-out": "scale-right-out_11fy1",
-  "@scale-top-out": "scale-top-out_11fy1",
-  "@scale-bottom-out": "scale-bottom-out_11fy1",
-  "@slide-top-in": "slide-top-in_11fy1",
-  "@slide-top-out": "slide-top-out_11fy1",
-  "@slide-bottom-in": "slide-bottom-in_11fy1",
-  "@slide-bottom-out": "slide-bottom-out_11fy1",
-  "@slide-left-in": "slide-left-in_11fy1",
-  "@slide-left-out": "slide-left-out_11fy1",
-  "@slide-right-in": "slide-right-in_11fy1",
-  "@slide-right-out": "slide-right-out_11fy1",
-  "@transform-enter": "transform-enter_11fy1",
-  "--transformStart": "--transformStart_11fy1",
-  "--transformEnd": "--transformEnd_11fy1",
-  "@transform-exit": "transform-exit_11fy1"
+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"
 });
 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_11fy1{0%,to{overflow:clip}}@keyframes collapse-exit_11fy1{0%,to{overflow:clip}}@keyframes fade-in-out-enter_11fy1{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_11fy1{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_11fy1{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_11fy1{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_11fy1{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_11fy1{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_11fy1{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_11fy1{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_11fy1{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_11fy1{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_11fy1{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_11fy1{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_11fy1{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_11fy1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_11fy1{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_11fy1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_11fy1{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_11fy1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_11fy1{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_11fy1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_11fy1{0%{transform:var(--transformStart_11fy1)}to{transform:var(--transformEnd_11fy1)}}@keyframes transform-exit_11fy1{0%{transform:var(--transformEnd_11fy1)}to{transform:var(--transformStart_11fy1)}}.___SCollapse_11fy1_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "11fy1_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_11fy1",
-  "@collapse-exit": "collapse-exit_11fy1",
-  "__SCollapse": "___SCollapse_11fy1_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_11fy1",
-  "@fade-in-out-exit": "fade-in-out-exit_11fy1",
-  "@opacity-in": "opacity-in_11fy1",
-  "@opacity-out": "opacity-out_11fy1",
-  "@scale-left-in": "scale-left-in_11fy1",
-  "@scale-right-in": "scale-right-in_11fy1",
-  "@scale-top-in": "scale-top-in_11fy1",
-  "@scale-bottom-in": "scale-bottom-in_11fy1",
-  "@scale-left-out": "scale-left-out_11fy1",
-  "@scale-right-out": "scale-right-out_11fy1",
-  "@scale-top-out": "scale-top-out_11fy1",
-  "@scale-bottom-out": "scale-bottom-out_11fy1",
-  "@slide-top-in": "slide-top-in_11fy1",
-  "@slide-top-out": "slide-top-out_11fy1",
-  "@slide-bottom-in": "slide-bottom-in_11fy1",
-  "@slide-bottom-out": "slide-bottom-out_11fy1",
-  "@slide-left-in": "slide-left-in_11fy1",
-  "@slide-left-out": "slide-left-out_11fy1",
-  "@slide-right-in": "slide-right-in_11fy1",
-  "@slide-right-out": "slide-right-out_11fy1",
-  "@transform-enter": "transform-enter_11fy1",
-  "--transformStart": "--transformStart_11fy1",
-  "--transformEnd": "--transformEnd_11fy1",
-  "@transform-exit": "transform-exit_11fy1"
+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"
 });
 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_11fy1{0%,to{overflow:clip}}@keyframes collapse-exit_11fy1{0%,to{overflow:clip}}@keyframes fade-in-out-enter_11fy1{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_11fy1{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_11fy1{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_11fy1{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_11fy1{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_11fy1{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_11fy1{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_11fy1{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_11fy1{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_11fy1{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_11fy1{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_11fy1{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_11fy1{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_11fy1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_11fy1{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_11fy1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_11fy1{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_11fy1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_11fy1{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_11fy1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_11fy1{0%{transform:var(--transformStart_11fy1)}to{transform:var(--transformEnd_11fy1)}}@keyframes transform-exit_11fy1{0%{transform:var(--transformEnd_11fy1)}to{transform:var(--transformStart_11fy1)}}.___SCollapse_11fy1_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "11fy1_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_11fy1",
-  "@collapse-exit": "collapse-exit_11fy1",
-  "__SCollapse": "___SCollapse_11fy1_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_11fy1",
-  "@fade-in-out-exit": "fade-in-out-exit_11fy1",
-  "@opacity-in": "opacity-in_11fy1",
-  "@opacity-out": "opacity-out_11fy1",
-  "@scale-left-in": "scale-left-in_11fy1",
-  "@scale-right-in": "scale-right-in_11fy1",
-  "@scale-top-in": "scale-top-in_11fy1",
-  "@scale-bottom-in": "scale-bottom-in_11fy1",
-  "@scale-left-out": "scale-left-out_11fy1",
-  "@scale-right-out": "scale-right-out_11fy1",
-  "@scale-top-out": "scale-top-out_11fy1",
-  "@scale-bottom-out": "scale-bottom-out_11fy1",
-  "@slide-top-in": "slide-top-in_11fy1",
-  "@slide-top-out": "slide-top-out_11fy1",
-  "@slide-bottom-in": "slide-bottom-in_11fy1",
-  "@slide-bottom-out": "slide-bottom-out_11fy1",
-  "@slide-left-in": "slide-left-in_11fy1",
-  "@slide-left-out": "slide-left-out_11fy1",
-  "@slide-right-in": "slide-right-in_11fy1",
-  "@slide-right-out": "slide-right-out_11fy1",
-  "@transform-enter": "transform-enter_11fy1",
-  "--transformStart": "--transformStart_11fy1",
-  "--transformEnd": "--transformEnd_11fy1",
-  "@transform-exit": "transform-exit_11fy1"
+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"
 });
 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_11fy1{0%,to{overflow:clip}}@keyframes collapse-exit_11fy1{0%,to{overflow:clip}}@keyframes fade-in-out-enter_11fy1{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_11fy1{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_11fy1{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_11fy1{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_11fy1{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_11fy1{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_11fy1{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_11fy1{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_11fy1{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_11fy1{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_11fy1{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_11fy1{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_11fy1{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_11fy1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_11fy1{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_11fy1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_11fy1{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_11fy1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_11fy1{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_11fy1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_11fy1{0%{transform:var(--transformStart_11fy1)}to{transform:var(--transformEnd_11fy1)}}@keyframes transform-exit_11fy1{0%{transform:var(--transformEnd_11fy1)}to{transform:var(--transformStart_11fy1)}}.___SCollapse_11fy1_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "11fy1_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_11fy1",
-  "@collapse-exit": "collapse-exit_11fy1",
-  "__SCollapse": "___SCollapse_11fy1_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_11fy1",
-  "@fade-in-out-exit": "fade-in-out-exit_11fy1",
-  "@opacity-in": "opacity-in_11fy1",
-  "@opacity-out": "opacity-out_11fy1",
-  "@scale-left-in": "scale-left-in_11fy1",
-  "@scale-right-in": "scale-right-in_11fy1",
-  "@scale-top-in": "scale-top-in_11fy1",
-  "@scale-bottom-in": "scale-bottom-in_11fy1",
-  "@scale-left-out": "scale-left-out_11fy1",
-  "@scale-right-out": "scale-right-out_11fy1",
-  "@scale-top-out": "scale-top-out_11fy1",
-  "@scale-bottom-out": "scale-bottom-out_11fy1",
-  "@slide-top-in": "slide-top-in_11fy1",
-  "@slide-top-out": "slide-top-out_11fy1",
-  "@slide-bottom-in": "slide-bottom-in_11fy1",
-  "@slide-bottom-out": "slide-bottom-out_11fy1",
-  "@slide-left-in": "slide-left-in_11fy1",
-  "@slide-left-out": "slide-left-out_11fy1",
-  "@slide-right-in": "slide-right-in_11fy1",
-  "@slide-right-out": "slide-right-out_11fy1",
-  "@transform-enter": "transform-enter_11fy1",
-  "--transformStart": "--transformStart_11fy1",
-  "--transformEnd": "--transformEnd_11fy1",
-  "@transform-exit": "transform-exit_11fy1"
+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"
 });
 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_11fy1{0%,to{overflow:clip}}@keyframes collapse-exit_11fy1{0%,to{overflow:clip}}@keyframes fade-in-out-enter_11fy1{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_11fy1{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_11fy1{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_11fy1{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_11fy1{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_11fy1{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_11fy1{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_11fy1{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_11fy1{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_11fy1{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_11fy1{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_11fy1{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_11fy1{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_11fy1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_11fy1{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_11fy1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_11fy1{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_11fy1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_11fy1{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_11fy1{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_11fy1{0%{transform:var(--transformStart_11fy1)}to{transform:var(--transformEnd_11fy1)}}@keyframes transform-exit_11fy1{0%{transform:var(--transformEnd_11fy1)}to{transform:var(--transformStart_11fy1)}}.___SCollapse_11fy1_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "11fy1_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_11fy1",
-  "@collapse-exit": "collapse-exit_11fy1",
-  "__SCollapse": "___SCollapse_11fy1_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_11fy1",
-  "@fade-in-out-exit": "fade-in-out-exit_11fy1",
-  "@opacity-in": "opacity-in_11fy1",
-  "@opacity-out": "opacity-out_11fy1",
-  "@scale-left-in": "scale-left-in_11fy1",
-  "@scale-right-in": "scale-right-in_11fy1",
-  "@scale-top-in": "scale-top-in_11fy1",
-  "@scale-bottom-in": "scale-bottom-in_11fy1",
-  "@scale-left-out": "scale-left-out_11fy1",
-  "@scale-right-out": "scale-right-out_11fy1",
-  "@scale-top-out": "scale-top-out_11fy1",
-  "@scale-bottom-out": "scale-bottom-out_11fy1",
-  "@slide-top-in": "slide-top-in_11fy1",
-  "@slide-top-out": "slide-top-out_11fy1",
-  "@slide-bottom-in": "slide-bottom-in_11fy1",
-  "@slide-bottom-out": "slide-bottom-out_11fy1",
-  "@slide-left-in": "slide-left-in_11fy1",
-  "@slide-left-out": "slide-left-out_11fy1",
-  "@slide-right-in": "slide-right-in_11fy1",
-  "@slide-right-out": "slide-right-out_11fy1",
-  "@transform-enter": "transform-enter_11fy1",
-  "--transformStart": "--transformStart_11fy1",
-  "--transformEnd": "--transformEnd_11fy1",
-  "@transform-exit": "transform-exit_11fy1"
+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"
 });
 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_1fofj_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_1fofj);animation-duration:var(--durationFinalize_1fofj);animation-delay:var(--delayFinalize_1fofj);animation-name:var(--keyframesFinalize_1fofj)}.___SAnimation_1fofj_gg_.__transition-based_1fofj_gg_{transition-timing-function:var(--timingFunction_1fofj);transition-duration:var(--durationFinalize_1fofj);transition-delay:var(--delayFinalize_1fofj)}.___SAnimation_1fofj_gg_.__visible_1fofj_gg_{animation-duration:var(--durationInitialize_1fofj);animation-delay:var(--delayInitialize_1fofj);animation-name:var(--keyframesInitialize_1fofj)}.___SAnimation_1fofj_gg_.__visible_1fofj_gg_.__transition-based_1fofj_gg_{transition-timing-function:var(--timingFunction_1fofj);transition-duration:var(--durationInitialize_1fofj);transition-delay:var(--delayInitialize_1fofj)}@media (prefers-reduced-motion){.___SAnimation_1fofj_gg_.__transition-based_1fofj_gg_,.___SAnimation_1fofj_gg_.__visible_1fofj_gg_.__transition-based_1fofj_gg_{transition-timing-function:none;transition-duration:none;transition-delay:none}.___SAnimation_1fofj_gg_,.___SAnimation_1fofj_gg_.__visible_1fofj_gg_{animation-timing-function:step-end;animation-iteration-count:1}}" /*__inner_css_end__*/, "1fofj_gg_") /*__reshadow_css_end__*/, {
-  "__SAnimation": "___SAnimation_1fofj_gg_",
-  "--timingFunction": "--timingFunction_1fofj",
-  "--durationFinalize": "--durationFinalize_1fofj",
-  "--delayFinalize": "--delayFinalize_1fofj",
-  "--keyframesFinalize": "--keyframesFinalize_1fofj",
-  "_transition-based": "__transition-based_1fofj_gg_",
-  "_visible": "__visible_1fofj_gg_",
-  "--durationInitialize": "--durationInitialize_1fofj",
-  "--delayInitialize": "--delayInitialize_1fofj",
-  "--keyframesInitialize": "--keyframesInitialize_1fofj"
+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"
 });
 function propToArray(prop) {
   return Array.isArray(prop) ? prop : [prop, prop];