intergalactic 15.63.0 → 15.65.1

package/animation/lib/es6/Collapse.js

@@ -6,34 +6,34 @@ import React from 'react';
 import { createBaseComponent, sstyled } from 'intergalactic/core';
 import Animation from './Animation';
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1xcu2{0%,to{overflow:hidden}}@keyframes collapse-exit_1xcu2{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1xcu2{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1xcu2{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1xcu2{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1xcu2{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1xcu2{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_1xcu2{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_1xcu2{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_1xcu2{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_1xcu2{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_1xcu2{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_1xcu2{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_1xcu2{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_1xcu2{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1xcu2{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1xcu2{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1xcu2{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1xcu2{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1xcu2{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1xcu2{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1xcu2{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1xcu2{0%{transform:var(--transformStart_1xcu2)}to{transform:var(--transformEnd_1xcu2)}}@keyframes transform-exit_1xcu2{0%{transform:var(--transformEnd_1xcu2)}to{transform:var(--transformStart_1xcu2)}}.___SCollapse_1xcu2_gg_{transition-property:height}" /*__inner_css_end__*/, "1xcu2_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_1xcu2",
-  "@collapse-exit": "collapse-exit_1xcu2",
-  "__SCollapse": "___SCollapse_1xcu2_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1xcu2",
-  "@fade-in-out-exit": "fade-in-out-exit_1xcu2",
-  "@opacity-in": "opacity-in_1xcu2",
-  "@opacity-out": "opacity-out_1xcu2",
-  "@scale-left-in": "scale-left-in_1xcu2",
-  "@scale-right-in": "scale-right-in_1xcu2",
-  "@scale-top-in": "scale-top-in_1xcu2",
-  "@scale-bottom-in": "scale-bottom-in_1xcu2",
-  "@scale-left-out": "scale-left-out_1xcu2",
-  "@scale-right-out": "scale-right-out_1xcu2",
-  "@scale-top-out": "scale-top-out_1xcu2",
-  "@scale-bottom-out": "scale-bottom-out_1xcu2",
-  "@slide-top-in": "slide-top-in_1xcu2",
-  "@slide-top-out": "slide-top-out_1xcu2",
-  "@slide-bottom-in": "slide-bottom-in_1xcu2",
-  "@slide-bottom-out": "slide-bottom-out_1xcu2",
-  "@slide-left-in": "slide-left-in_1xcu2",
-  "@slide-left-out": "slide-left-out_1xcu2",
-  "@slide-right-in": "slide-right-in_1xcu2",
-  "@slide-right-out": "slide-right-out_1xcu2",
-  "@transform-enter": "transform-enter_1xcu2",
-  "--transformStart": "--transformStart_1xcu2",
-  "--transformEnd": "--transformEnd_1xcu2",
-  "@transform-exit": "transform-exit_1xcu2"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1jk89{0%,to{overflow:hidden}}@keyframes collapse-exit_1jk89{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1jk89{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1jk89{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1jk89{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1jk89{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1jk89{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_1jk89{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_1jk89{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_1jk89{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_1jk89{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_1jk89{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_1jk89{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_1jk89{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_1jk89{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1jk89{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1jk89{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1jk89{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1jk89{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1jk89{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1jk89{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1jk89{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1jk89{0%{transform:var(--transformStart_1jk89)}to{transform:var(--transformEnd_1jk89)}}@keyframes transform-exit_1jk89{0%{transform:var(--transformEnd_1jk89)}to{transform:var(--transformStart_1jk89)}}.___SCollapse_1jk89_gg_{transition-property:height}" /*__inner_css_end__*/, "1jk89_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_1jk89",
+  "@collapse-exit": "collapse-exit_1jk89",
+  "__SCollapse": "___SCollapse_1jk89_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_1jk89",
+  "@fade-in-out-exit": "fade-in-out-exit_1jk89",
+  "@opacity-in": "opacity-in_1jk89",
+  "@opacity-out": "opacity-out_1jk89",
+  "@scale-left-in": "scale-left-in_1jk89",
+  "@scale-right-in": "scale-right-in_1jk89",
+  "@scale-top-in": "scale-top-in_1jk89",
+  "@scale-bottom-in": "scale-bottom-in_1jk89",
+  "@scale-left-out": "scale-left-out_1jk89",
+  "@scale-right-out": "scale-right-out_1jk89",
+  "@scale-top-out": "scale-top-out_1jk89",
+  "@scale-bottom-out": "scale-bottom-out_1jk89",
+  "@slide-top-in": "slide-top-in_1jk89",
+  "@slide-top-out": "slide-top-out_1jk89",
+  "@slide-bottom-in": "slide-bottom-in_1jk89",
+  "@slide-bottom-out": "slide-bottom-out_1jk89",
+  "@slide-left-in": "slide-left-in_1jk89",
+  "@slide-left-out": "slide-left-out_1jk89",
+  "@slide-right-in": "slide-right-in_1jk89",
+  "@slide-right-out": "slide-right-out_1jk89",
+  "@transform-enter": "transform-enter_1jk89",
+  "--transformStart": "--transformStart_1jk89",
+  "--transformEnd": "--transformEnd_1jk89",
+  "@transform-exit": "transform-exit_1jk89"
 });
 import { useForkRef } from 'intergalactic/utils/lib/ref';
 import useEnhancedEffect from 'intergalactic/utils/lib/use/useEnhancedEffect';

package/animation/lib/es6/FadeInOut.js

@@ -4,34 +4,34 @@ import React from 'react';
 import { createBaseComponent, sstyled } from 'intergalactic/core';
 import Animation from './Animation';
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1xcu2{0%,to{overflow:hidden}}@keyframes collapse-exit_1xcu2{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1xcu2{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1xcu2{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1xcu2{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1xcu2{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1xcu2{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_1xcu2{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_1xcu2{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_1xcu2{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_1xcu2{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_1xcu2{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_1xcu2{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_1xcu2{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_1xcu2{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1xcu2{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1xcu2{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1xcu2{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1xcu2{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1xcu2{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1xcu2{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1xcu2{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1xcu2{0%{transform:var(--transformStart_1xcu2)}to{transform:var(--transformEnd_1xcu2)}}@keyframes transform-exit_1xcu2{0%{transform:var(--transformEnd_1xcu2)}to{transform:var(--transformStart_1xcu2)}}.___SCollapse_1xcu2_gg_{transition-property:height}" /*__inner_css_end__*/, "1xcu2_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_1xcu2",
-  "@collapse-exit": "collapse-exit_1xcu2",
-  "__SCollapse": "___SCollapse_1xcu2_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1xcu2",
-  "@fade-in-out-exit": "fade-in-out-exit_1xcu2",
-  "@opacity-in": "opacity-in_1xcu2",
-  "@opacity-out": "opacity-out_1xcu2",
-  "@scale-left-in": "scale-left-in_1xcu2",
-  "@scale-right-in": "scale-right-in_1xcu2",
-  "@scale-top-in": "scale-top-in_1xcu2",
-  "@scale-bottom-in": "scale-bottom-in_1xcu2",
-  "@scale-left-out": "scale-left-out_1xcu2",
-  "@scale-right-out": "scale-right-out_1xcu2",
-  "@scale-top-out": "scale-top-out_1xcu2",
-  "@scale-bottom-out": "scale-bottom-out_1xcu2",
-  "@slide-top-in": "slide-top-in_1xcu2",
-  "@slide-top-out": "slide-top-out_1xcu2",
-  "@slide-bottom-in": "slide-bottom-in_1xcu2",
-  "@slide-bottom-out": "slide-bottom-out_1xcu2",
-  "@slide-left-in": "slide-left-in_1xcu2",
-  "@slide-left-out": "slide-left-out_1xcu2",
-  "@slide-right-in": "slide-right-in_1xcu2",
-  "@slide-right-out": "slide-right-out_1xcu2",
-  "@transform-enter": "transform-enter_1xcu2",
-  "--transformStart": "--transformStart_1xcu2",
-  "--transformEnd": "--transformEnd_1xcu2",
-  "@transform-exit": "transform-exit_1xcu2"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1jk89{0%,to{overflow:hidden}}@keyframes collapse-exit_1jk89{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1jk89{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1jk89{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1jk89{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1jk89{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1jk89{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_1jk89{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_1jk89{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_1jk89{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_1jk89{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_1jk89{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_1jk89{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_1jk89{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_1jk89{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1jk89{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1jk89{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1jk89{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1jk89{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1jk89{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1jk89{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1jk89{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1jk89{0%{transform:var(--transformStart_1jk89)}to{transform:var(--transformEnd_1jk89)}}@keyframes transform-exit_1jk89{0%{transform:var(--transformEnd_1jk89)}to{transform:var(--transformStart_1jk89)}}.___SCollapse_1jk89_gg_{transition-property:height}" /*__inner_css_end__*/, "1jk89_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_1jk89",
+  "@collapse-exit": "collapse-exit_1jk89",
+  "__SCollapse": "___SCollapse_1jk89_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_1jk89",
+  "@fade-in-out-exit": "fade-in-out-exit_1jk89",
+  "@opacity-in": "opacity-in_1jk89",
+  "@opacity-out": "opacity-out_1jk89",
+  "@scale-left-in": "scale-left-in_1jk89",
+  "@scale-right-in": "scale-right-in_1jk89",
+  "@scale-top-in": "scale-top-in_1jk89",
+  "@scale-bottom-in": "scale-bottom-in_1jk89",
+  "@scale-left-out": "scale-left-out_1jk89",
+  "@scale-right-out": "scale-right-out_1jk89",
+  "@scale-top-out": "scale-top-out_1jk89",
+  "@scale-bottom-out": "scale-bottom-out_1jk89",
+  "@slide-top-in": "slide-top-in_1jk89",
+  "@slide-top-out": "slide-top-out_1jk89",
+  "@slide-bottom-in": "slide-bottom-in_1jk89",
+  "@slide-bottom-out": "slide-bottom-out_1jk89",
+  "@slide-left-in": "slide-left-in_1jk89",
+  "@slide-left-out": "slide-left-out_1jk89",
+  "@slide-right-in": "slide-right-in_1jk89",
+  "@slide-right-out": "slide-right-out_1jk89",
+  "@transform-enter": "transform-enter_1jk89",
+  "--transformStart": "--transformStart_1jk89",
+  "--transformEnd": "--transformEnd_1jk89",
+  "@transform-exit": "transform-exit_1jk89"
 });
 function FadeInOut(props, ref) {
   var _ref;

package/animation/lib/es6/Scale.js

@@ -5,34 +5,34 @@ import React from 'react';
 import { createBaseComponent, sstyled } from 'intergalactic/core';
 import Animation from './Animation';
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1xcu2{0%,to{overflow:hidden}}@keyframes collapse-exit_1xcu2{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1xcu2{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1xcu2{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1xcu2{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1xcu2{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1xcu2{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_1xcu2{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_1xcu2{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_1xcu2{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_1xcu2{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_1xcu2{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_1xcu2{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_1xcu2{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_1xcu2{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1xcu2{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1xcu2{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1xcu2{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1xcu2{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1xcu2{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1xcu2{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1xcu2{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1xcu2{0%{transform:var(--transformStart_1xcu2)}to{transform:var(--transformEnd_1xcu2)}}@keyframes transform-exit_1xcu2{0%{transform:var(--transformEnd_1xcu2)}to{transform:var(--transformStart_1xcu2)}}.___SCollapse_1xcu2_gg_{transition-property:height}" /*__inner_css_end__*/, "1xcu2_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_1xcu2",
-  "@collapse-exit": "collapse-exit_1xcu2",
-  "__SCollapse": "___SCollapse_1xcu2_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1xcu2",
-  "@fade-in-out-exit": "fade-in-out-exit_1xcu2",
-  "@opacity-in": "opacity-in_1xcu2",
-  "@opacity-out": "opacity-out_1xcu2",
-  "@scale-left-in": "scale-left-in_1xcu2",
-  "@scale-right-in": "scale-right-in_1xcu2",
-  "@scale-top-in": "scale-top-in_1xcu2",
-  "@scale-bottom-in": "scale-bottom-in_1xcu2",
-  "@scale-left-out": "scale-left-out_1xcu2",
-  "@scale-right-out": "scale-right-out_1xcu2",
-  "@scale-top-out": "scale-top-out_1xcu2",
-  "@scale-bottom-out": "scale-bottom-out_1xcu2",
-  "@slide-top-in": "slide-top-in_1xcu2",
-  "@slide-top-out": "slide-top-out_1xcu2",
-  "@slide-bottom-in": "slide-bottom-in_1xcu2",
-  "@slide-bottom-out": "slide-bottom-out_1xcu2",
-  "@slide-left-in": "slide-left-in_1xcu2",
-  "@slide-left-out": "slide-left-out_1xcu2",
-  "@slide-right-in": "slide-right-in_1xcu2",
-  "@slide-right-out": "slide-right-out_1xcu2",
-  "@transform-enter": "transform-enter_1xcu2",
-  "--transformStart": "--transformStart_1xcu2",
-  "--transformEnd": "--transformEnd_1xcu2",
-  "@transform-exit": "transform-exit_1xcu2"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1jk89{0%,to{overflow:hidden}}@keyframes collapse-exit_1jk89{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1jk89{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1jk89{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1jk89{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1jk89{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1jk89{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_1jk89{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_1jk89{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_1jk89{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_1jk89{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_1jk89{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_1jk89{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_1jk89{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_1jk89{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1jk89{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1jk89{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1jk89{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1jk89{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1jk89{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1jk89{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1jk89{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1jk89{0%{transform:var(--transformStart_1jk89)}to{transform:var(--transformEnd_1jk89)}}@keyframes transform-exit_1jk89{0%{transform:var(--transformEnd_1jk89)}to{transform:var(--transformStart_1jk89)}}.___SCollapse_1jk89_gg_{transition-property:height}" /*__inner_css_end__*/, "1jk89_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_1jk89",
+  "@collapse-exit": "collapse-exit_1jk89",
+  "__SCollapse": "___SCollapse_1jk89_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_1jk89",
+  "@fade-in-out-exit": "fade-in-out-exit_1jk89",
+  "@opacity-in": "opacity-in_1jk89",
+  "@opacity-out": "opacity-out_1jk89",
+  "@scale-left-in": "scale-left-in_1jk89",
+  "@scale-right-in": "scale-right-in_1jk89",
+  "@scale-top-in": "scale-top-in_1jk89",
+  "@scale-bottom-in": "scale-bottom-in_1jk89",
+  "@scale-left-out": "scale-left-out_1jk89",
+  "@scale-right-out": "scale-right-out_1jk89",
+  "@scale-top-out": "scale-top-out_1jk89",
+  "@scale-bottom-out": "scale-bottom-out_1jk89",
+  "@slide-top-in": "slide-top-in_1jk89",
+  "@slide-top-out": "slide-top-out_1jk89",
+  "@slide-bottom-in": "slide-bottom-in_1jk89",
+  "@slide-bottom-out": "slide-bottom-out_1jk89",
+  "@slide-left-in": "slide-left-in_1jk89",
+  "@slide-left-out": "slide-left-out_1jk89",
+  "@slide-right-in": "slide-right-in_1jk89",
+  "@slide-right-out": "slide-right-out_1jk89",
+  "@transform-enter": "transform-enter_1jk89",
+  "--transformStart": "--transformStart_1jk89",
+  "--transformEnd": "--transformEnd_1jk89",
+  "@transform-exit": "transform-exit_1jk89"
 });
 import { useForkRef } from 'intergalactic/utils/lib/ref';
 function Scale(props, ref) {

package/animation/lib/es6/Slide.js

@@ -4,34 +4,34 @@ import React from 'react';
 import { createBaseComponent, sstyled } from 'intergalactic/core';
 import Animation from './Animation';
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1xcu2{0%,to{overflow:hidden}}@keyframes collapse-exit_1xcu2{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1xcu2{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1xcu2{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1xcu2{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1xcu2{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1xcu2{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_1xcu2{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_1xcu2{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_1xcu2{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_1xcu2{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_1xcu2{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_1xcu2{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_1xcu2{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_1xcu2{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1xcu2{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1xcu2{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1xcu2{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1xcu2{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1xcu2{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1xcu2{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1xcu2{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1xcu2{0%{transform:var(--transformStart_1xcu2)}to{transform:var(--transformEnd_1xcu2)}}@keyframes transform-exit_1xcu2{0%{transform:var(--transformEnd_1xcu2)}to{transform:var(--transformStart_1xcu2)}}.___SCollapse_1xcu2_gg_{transition-property:height}" /*__inner_css_end__*/, "1xcu2_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_1xcu2",
-  "@collapse-exit": "collapse-exit_1xcu2",
-  "__SCollapse": "___SCollapse_1xcu2_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1xcu2",
-  "@fade-in-out-exit": "fade-in-out-exit_1xcu2",
-  "@opacity-in": "opacity-in_1xcu2",
-  "@opacity-out": "opacity-out_1xcu2",
-  "@scale-left-in": "scale-left-in_1xcu2",
-  "@scale-right-in": "scale-right-in_1xcu2",
-  "@scale-top-in": "scale-top-in_1xcu2",
-  "@scale-bottom-in": "scale-bottom-in_1xcu2",
-  "@scale-left-out": "scale-left-out_1xcu2",
-  "@scale-right-out": "scale-right-out_1xcu2",
-  "@scale-top-out": "scale-top-out_1xcu2",
-  "@scale-bottom-out": "scale-bottom-out_1xcu2",
-  "@slide-top-in": "slide-top-in_1xcu2",
-  "@slide-top-out": "slide-top-out_1xcu2",
-  "@slide-bottom-in": "slide-bottom-in_1xcu2",
-  "@slide-bottom-out": "slide-bottom-out_1xcu2",
-  "@slide-left-in": "slide-left-in_1xcu2",
-  "@slide-left-out": "slide-left-out_1xcu2",
-  "@slide-right-in": "slide-right-in_1xcu2",
-  "@slide-right-out": "slide-right-out_1xcu2",
-  "@transform-enter": "transform-enter_1xcu2",
-  "--transformStart": "--transformStart_1xcu2",
-  "--transformEnd": "--transformEnd_1xcu2",
-  "@transform-exit": "transform-exit_1xcu2"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1jk89{0%,to{overflow:hidden}}@keyframes collapse-exit_1jk89{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1jk89{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1jk89{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1jk89{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1jk89{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1jk89{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_1jk89{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_1jk89{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_1jk89{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_1jk89{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_1jk89{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_1jk89{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_1jk89{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_1jk89{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1jk89{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1jk89{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1jk89{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1jk89{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1jk89{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1jk89{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1jk89{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1jk89{0%{transform:var(--transformStart_1jk89)}to{transform:var(--transformEnd_1jk89)}}@keyframes transform-exit_1jk89{0%{transform:var(--transformEnd_1jk89)}to{transform:var(--transformStart_1jk89)}}.___SCollapse_1jk89_gg_{transition-property:height}" /*__inner_css_end__*/, "1jk89_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_1jk89",
+  "@collapse-exit": "collapse-exit_1jk89",
+  "__SCollapse": "___SCollapse_1jk89_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_1jk89",
+  "@fade-in-out-exit": "fade-in-out-exit_1jk89",
+  "@opacity-in": "opacity-in_1jk89",
+  "@opacity-out": "opacity-out_1jk89",
+  "@scale-left-in": "scale-left-in_1jk89",
+  "@scale-right-in": "scale-right-in_1jk89",
+  "@scale-top-in": "scale-top-in_1jk89",
+  "@scale-bottom-in": "scale-bottom-in_1jk89",
+  "@scale-left-out": "scale-left-out_1jk89",
+  "@scale-right-out": "scale-right-out_1jk89",
+  "@scale-top-out": "scale-top-out_1jk89",
+  "@scale-bottom-out": "scale-bottom-out_1jk89",
+  "@slide-top-in": "slide-top-in_1jk89",
+  "@slide-top-out": "slide-top-out_1jk89",
+  "@slide-bottom-in": "slide-bottom-in_1jk89",
+  "@slide-bottom-out": "slide-bottom-out_1jk89",
+  "@slide-left-in": "slide-left-in_1jk89",
+  "@slide-left-out": "slide-left-out_1jk89",
+  "@slide-right-in": "slide-right-in_1jk89",
+  "@slide-right-out": "slide-right-out_1jk89",
+  "@transform-enter": "transform-enter_1jk89",
+  "--transformStart": "--transformStart_1jk89",
+  "--transformEnd": "--transformEnd_1jk89",
+  "@transform-exit": "transform-exit_1jk89"
 });
 function Slide(props, ref) {
   var _ref;

package/animation/lib/es6/Transform.js

@@ -6,34 +6,34 @@ import React from 'react';
 import { createBaseComponent, sstyled } from 'intergalactic/core';
 import Animation from './Animation';
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1xcu2{0%,to{overflow:hidden}}@keyframes collapse-exit_1xcu2{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1xcu2{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1xcu2{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1xcu2{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1xcu2{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1xcu2{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_1xcu2{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_1xcu2{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_1xcu2{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_1xcu2{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_1xcu2{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_1xcu2{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_1xcu2{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_1xcu2{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1xcu2{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1xcu2{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1xcu2{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1xcu2{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1xcu2{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1xcu2{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1xcu2{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1xcu2{0%{transform:var(--transformStart_1xcu2)}to{transform:var(--transformEnd_1xcu2)}}@keyframes transform-exit_1xcu2{0%{transform:var(--transformEnd_1xcu2)}to{transform:var(--transformStart_1xcu2)}}.___SCollapse_1xcu2_gg_{transition-property:height}" /*__inner_css_end__*/, "1xcu2_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_1xcu2",
-  "@collapse-exit": "collapse-exit_1xcu2",
-  "__SCollapse": "___SCollapse_1xcu2_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1xcu2",
-  "@fade-in-out-exit": "fade-in-out-exit_1xcu2",
-  "@opacity-in": "opacity-in_1xcu2",
-  "@opacity-out": "opacity-out_1xcu2",
-  "@scale-left-in": "scale-left-in_1xcu2",
-  "@scale-right-in": "scale-right-in_1xcu2",
-  "@scale-top-in": "scale-top-in_1xcu2",
-  "@scale-bottom-in": "scale-bottom-in_1xcu2",
-  "@scale-left-out": "scale-left-out_1xcu2",
-  "@scale-right-out": "scale-right-out_1xcu2",
-  "@scale-top-out": "scale-top-out_1xcu2",
-  "@scale-bottom-out": "scale-bottom-out_1xcu2",
-  "@slide-top-in": "slide-top-in_1xcu2",
-  "@slide-top-out": "slide-top-out_1xcu2",
-  "@slide-bottom-in": "slide-bottom-in_1xcu2",
-  "@slide-bottom-out": "slide-bottom-out_1xcu2",
-  "@slide-left-in": "slide-left-in_1xcu2",
-  "@slide-left-out": "slide-left-out_1xcu2",
-  "@slide-right-in": "slide-right-in_1xcu2",
-  "@slide-right-out": "slide-right-out_1xcu2",
-  "@transform-enter": "transform-enter_1xcu2",
-  "--transformStart": "--transformStart_1xcu2",
-  "--transformEnd": "--transformEnd_1xcu2",
-  "@transform-exit": "transform-exit_1xcu2"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_1jk89{0%,to{overflow:hidden}}@keyframes collapse-exit_1jk89{0%,to{overflow:hidden}}@keyframes fade-in-out-enter_1jk89{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1jk89{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1jk89{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1jk89{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1jk89{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_1jk89{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_1jk89{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_1jk89{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_1jk89{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_1jk89{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_1jk89{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_1jk89{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_1jk89{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1jk89{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1jk89{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1jk89{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1jk89{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1jk89{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1jk89{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1jk89{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1jk89{0%{transform:var(--transformStart_1jk89)}to{transform:var(--transformEnd_1jk89)}}@keyframes transform-exit_1jk89{0%{transform:var(--transformEnd_1jk89)}to{transform:var(--transformStart_1jk89)}}.___SCollapse_1jk89_gg_{transition-property:height}" /*__inner_css_end__*/, "1jk89_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_1jk89",
+  "@collapse-exit": "collapse-exit_1jk89",
+  "__SCollapse": "___SCollapse_1jk89_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_1jk89",
+  "@fade-in-out-exit": "fade-in-out-exit_1jk89",
+  "@opacity-in": "opacity-in_1jk89",
+  "@opacity-out": "opacity-out_1jk89",
+  "@scale-left-in": "scale-left-in_1jk89",
+  "@scale-right-in": "scale-right-in_1jk89",
+  "@scale-top-in": "scale-top-in_1jk89",
+  "@scale-bottom-in": "scale-bottom-in_1jk89",
+  "@scale-left-out": "scale-left-out_1jk89",
+  "@scale-right-out": "scale-right-out_1jk89",
+  "@scale-top-out": "scale-top-out_1jk89",
+  "@scale-bottom-out": "scale-bottom-out_1jk89",
+  "@slide-top-in": "slide-top-in_1jk89",
+  "@slide-top-out": "slide-top-out_1jk89",
+  "@slide-bottom-in": "slide-bottom-in_1jk89",
+  "@slide-bottom-out": "slide-bottom-out_1jk89",
+  "@slide-left-in": "slide-left-in_1jk89",
+  "@slide-left-out": "slide-left-out_1jk89",
+  "@slide-right-in": "slide-right-in_1jk89",
+  "@slide-right-out": "slide-right-out_1jk89",
+  "@transform-enter": "transform-enter_1jk89",
+  "--transformStart": "--transformStart_1jk89",
+  "--transformEnd": "--transformEnd_1jk89",
+  "@transform-exit": "transform-exit_1jk89"
 });
 function Transform(props, ref) {
   var _ref;

package/badge/lib/cjs/Badge.js

@@ -17,12 +17,12 @@ var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("intergalactic/flex-box");
 var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
 /*__reshadow-styles__:"./style/badge.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBadge_old6s_gg_{display:inline-block;box-sizing:border-box;height:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-fs-200, 14px);padding:0 var(--intergalactic-spacing-1x, 4px);border-radius:var(--intergalactic-badge-rounded, 6px);white-space:nowrap;font-size:var(--intergalactic-fs-50, 10px);font-weight:var(--intergalactic-medium, 500);letter-spacing:.3px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.___SBadge_old6s_gg_.__bg_old6s_gg_{background-color:var(--bg_old6s)}.___SBadge_old6s_gg_.__color_old6s_gg_{color:var(--color_old6s)}" /*__inner_css_end__*/, "old6s_gg_") /*__reshadow_css_end__*/, {
-  "__SBadge": "___SBadge_old6s_gg_",
-  "_bg": "__bg_old6s_gg_",
-  "--bg": "--bg_old6s",
-  "_color": "__color_old6s_gg_",
-  "--color": "--color_old6s"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBadge_q6sgm_gg_{display:inline-block;box-sizing:border-box;height:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-fs-200, 14px);padding:0 var(--intergalactic-spacing-1x, 4px);border-radius:var(--intergalactic-badge-rounded, 6px);white-space:nowrap;font-size:var(--intergalactic-fs-50, 10px);font-weight:var(--intergalactic-medium, 500);letter-spacing:.3px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.___SBadge_q6sgm_gg_.__bg_q6sgm_gg_{background-color:var(--bg_q6sgm)}.___SBadge_q6sgm_gg_.__color_q6sgm_gg_{color:var(--color_q6sgm)}" /*__inner_css_end__*/, "q6sgm_gg_") /*__reshadow_css_end__*/, {
+  "__SBadge": "___SBadge_q6sgm_gg_",
+  "_bg": "__bg_q6sgm_gg_",
+  "--bg": "--bg_q6sgm",
+  "_color": "__color_q6sgm_gg_",
+  "--color": "--color_q6sgm"
 });
 var RootBadge = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootBadge, _Component);

package/badge/lib/es6/Badge.js

@@ -11,12 +11,12 @@ import createComponent, { Component, Root, sstyled } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
 import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
 /*__reshadow-styles__:"./style/badge.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBadge_old6s_gg_{display:inline-block;box-sizing:border-box;height:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-fs-200, 14px);padding:0 var(--intergalactic-spacing-1x, 4px);border-radius:var(--intergalactic-badge-rounded, 6px);white-space:nowrap;font-size:var(--intergalactic-fs-50, 10px);font-weight:var(--intergalactic-medium, 500);letter-spacing:.3px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.___SBadge_old6s_gg_.__bg_old6s_gg_{background-color:var(--bg_old6s)}.___SBadge_old6s_gg_.__color_old6s_gg_{color:var(--color_old6s)}" /*__inner_css_end__*/, "old6s_gg_") /*__reshadow_css_end__*/, {
-  "__SBadge": "___SBadge_old6s_gg_",
-  "_bg": "__bg_old6s_gg_",
-  "--bg": "--bg_old6s",
-  "_color": "__color_old6s_gg_",
-  "--color": "--color_old6s"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBadge_q6sgm_gg_{display:inline-block;box-sizing:border-box;height:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-fs-200, 14px);padding:0 var(--intergalactic-spacing-1x, 4px);border-radius:var(--intergalactic-badge-rounded, 6px);white-space:nowrap;font-size:var(--intergalactic-fs-50, 10px);font-weight:var(--intergalactic-medium, 500);letter-spacing:.3px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.___SBadge_q6sgm_gg_.__bg_q6sgm_gg_{background-color:var(--bg_q6sgm)}.___SBadge_q6sgm_gg_.__color_q6sgm_gg_{color:var(--color_q6sgm)}" /*__inner_css_end__*/, "q6sgm_gg_") /*__reshadow_css_end__*/, {
+  "__SBadge": "___SBadge_q6sgm_gg_",
+  "_bg": "__bg_q6sgm_gg_",
+  "--bg": "--bg_q6sgm",
+  "_color": "__color_q6sgm_gg_",
+  "--color": "--color_q6sgm"
 });
 var RootBadge = /*#__PURE__*/function (_Component) {
   _inherits(RootBadge, _Component);

package/base-trigger/lib/cjs/BaseTrigger.js

@@ -22,24 +22,24 @@ var _logger = _interopRequireDefault(require("intergalactic/utils/lib/logger"));
 var _animatedSizeEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/animatedSizeEnhance"));
 var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
 /*__reshadow-styles__:"./style/base-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_ub9kh_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_ub9kh_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_ub9kh_gg_:active,.___SBaseTrigger_ub9kh_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_ub9kh_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_ub9kh_gg_.__keyboardFocused_ub9kh_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}@media (hover:hover){.___SBaseTrigger_ub9kh_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_ub9kh_gg_.__active_ub9kh_gg_,.___SBaseTrigger_ub9kh_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_ub9kh_gg_.__disabled_ub9kh_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_ub9kh_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_ub9kh_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_ub9kh_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_ub9kh_gg_{width:12px;height:12px}.___SBaseTrigger_ub9kh_gg_._size_m_ub9kh_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_ub9kh_gg_._size_m_ub9kh_gg_ .___SAddon_ub9kh_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_ub9kh_gg_._size_m_ub9kh_gg_ .___SAddon_ub9kh_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_ub9kh_gg_._size_l_ub9kh_gg_ .___SAddon_ub9kh_gg_:only-child,.___SBaseTrigger_ub9kh_gg_._size_m_ub9kh_gg_ .___SAddon_ub9kh_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_ub9kh_gg_._size_l_ub9kh_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_ub9kh_gg_._size_l_ub9kh_gg_ .___SAddon_ub9kh_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_ub9kh_gg_._size_l_ub9kh_gg_ .___SAddon_ub9kh_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_ub9kh_gg_._neighborLocation_right_ub9kh_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_ub9kh_gg_._neighborLocation_both_ub9kh_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_ub9kh_gg_._neighborLocation_left_ub9kh_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_ub9kh_gg_.__display-placeholder_ub9kh_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_ub9kh_gg_._state_valid_ub9kh_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_ub9kh_gg_._state_invalid_ub9kh_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_ub9kh_gg_._state_invalid_ub9kh_gg_.__keyboardFocused_ub9kh_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInvalidPattern_ub9kh_gg_._size_m_ub9kh_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_ub9kh_gg_._size_l_ub9kh_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "ub9kh_gg_") /*__reshadow_css_end__*/, {
-  "__SBaseTrigger": "___SBaseTrigger_ub9kh_gg_",
-  "_disabled": "__disabled_ub9kh_gg_",
-  "__SInner": "___SInner_ub9kh_gg_",
-  "__SText": "___SText_ub9kh_gg_",
-  "__SAddon": "___SAddon_ub9kh_gg_",
-  "__SBaseAddon": "___SBaseAddon_ub9kh_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_ub9kh_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_ub9kh_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_ub9kh_gg_",
-  "_display-placeholder": "__display-placeholder_ub9kh_gg_",
-  "_state_valid": "_state_valid_ub9kh_gg_",
-  "__SInvalidPattern": "___SInvalidPattern_ub9kh_gg_",
-  "_size_m": "_size_m_ub9kh_gg_",
-  "_size_l": "_size_l_ub9kh_gg_",
-  "_keyboardFocused": "__keyboardFocused_ub9kh_gg_",
-  "_active": "__active_ub9kh_gg_",
-  "_state_invalid": "_state_invalid_ub9kh_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_x3lt1_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_x3lt1_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_x3lt1_gg_:active,.___SBaseTrigger_x3lt1_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_x3lt1_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_x3lt1_gg_.__keyboardFocused_x3lt1_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}@media (hover:hover){.___SBaseTrigger_x3lt1_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_x3lt1_gg_.__active_x3lt1_gg_,.___SBaseTrigger_x3lt1_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_x3lt1_gg_.__disabled_x3lt1_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_x3lt1_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_x3lt1_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_x3lt1_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_x3lt1_gg_{width:12px;height:12px}.___SBaseTrigger_x3lt1_gg_._size_m_x3lt1_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_x3lt1_gg_._size_m_x3lt1_gg_ .___SAddon_x3lt1_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_x3lt1_gg_._size_m_x3lt1_gg_ .___SAddon_x3lt1_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_x3lt1_gg_._size_l_x3lt1_gg_ .___SAddon_x3lt1_gg_:only-child,.___SBaseTrigger_x3lt1_gg_._size_m_x3lt1_gg_ .___SAddon_x3lt1_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_x3lt1_gg_._size_l_x3lt1_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_x3lt1_gg_._size_l_x3lt1_gg_ .___SAddon_x3lt1_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_x3lt1_gg_._size_l_x3lt1_gg_ .___SAddon_x3lt1_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_x3lt1_gg_._neighborLocation_right_x3lt1_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_x3lt1_gg_._neighborLocation_both_x3lt1_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_x3lt1_gg_._neighborLocation_left_x3lt1_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_x3lt1_gg_.__display-placeholder_x3lt1_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_x3lt1_gg_._state_valid_x3lt1_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_x3lt1_gg_._state_invalid_x3lt1_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_x3lt1_gg_._state_invalid_x3lt1_gg_.__keyboardFocused_x3lt1_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInvalidPattern_x3lt1_gg_._size_m_x3lt1_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_x3lt1_gg_._size_l_x3lt1_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "x3lt1_gg_") /*__reshadow_css_end__*/, {
+  "__SBaseTrigger": "___SBaseTrigger_x3lt1_gg_",
+  "_disabled": "__disabled_x3lt1_gg_",
+  "__SInner": "___SInner_x3lt1_gg_",
+  "__SText": "___SText_x3lt1_gg_",
+  "__SAddon": "___SAddon_x3lt1_gg_",
+  "__SBaseAddon": "___SBaseAddon_x3lt1_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_x3lt1_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_x3lt1_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_x3lt1_gg_",
+  "_display-placeholder": "__display-placeholder_x3lt1_gg_",
+  "_state_valid": "_state_valid_x3lt1_gg_",
+  "__SInvalidPattern": "___SInvalidPattern_x3lt1_gg_",
+  "_size_m": "_size_m_x3lt1_gg_",
+  "_size_l": "_size_l_x3lt1_gg_",
+  "_keyboardFocused": "__keyboardFocused_x3lt1_gg_",
+  "_active": "__active_x3lt1_gg_",
+  "_state_invalid": "_state_invalid_x3lt1_gg_"
 });
 var RootBaseTrigger = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootBaseTrigger, _Component);

package/base-trigger/lib/cjs/ButtonTrigger.js

@@ -20,9 +20,9 @@ var _spin = _interopRequireDefault(require("intergalactic/spin"));
 var _animatedSizeEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/animatedSizeEnhance"));
 var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
 /*__reshadow-styles__:"./style/button-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_1fbo0_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1fbo0_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "1fbo0_gg_") /*__reshadow_css_end__*/, {
-  "__SButtonAddon": "___SButtonAddon_1fbo0_gg_",
-  "__SButtonTriggerSpin": "___SButtonTriggerSpin_1fbo0_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_2qntm_gg_{width:12px;height:12px}.___SButtonTriggerSpin_2qntm_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "2qntm_gg_") /*__reshadow_css_end__*/, {
+  "__SButtonAddon": "___SButtonAddon_2qntm_gg_",
+  "__SButtonTriggerSpin": "___SButtonTriggerSpin_2qntm_gg_"
 });
 var RootButtonTrigger = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootButtonTrigger, _Component);

package/base-trigger/lib/cjs/FilterTrigger.js

@@ -14,6 +14,7 @@ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/hel
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _core = _interopRequireWildcard(require("intergalactic/core"));
 var _react = _interopRequireDefault(require("react"));
 var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));
@@ -32,14 +33,15 @@ var _inputProps = _interopRequireWildcard(require("intergalactic/utils/lib/input
 var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
 var _useFocusLock = require("intergalactic/utils/lib/use/useFocusLock");
 /*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_3dgjm_gg_.__selected_3dgjm_gg_{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SFilterTrigger_3dgjm_gg_.__selected_3dgjm_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_3dgjm_gg_.__selected_3dgjm_gg_.__active_3dgjm_gg_,.___SFilterTrigger_3dgjm_gg_.__selected_3dgjm_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_3dgjm_gg_{display:inline-flex}.___SWrapper_3dgjm_gg_:focus{outline:0}.___SWrapper_3dgjm_gg_.__keyboardFocused_3dgjm_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_3dgjm_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "3dgjm_gg_") /*__reshadow_css_end__*/, {
-  "__SWrapper": "___SWrapper_3dgjm_gg_",
-  "_keyboardFocused": "__keyboardFocused_3dgjm_gg_",
-  "__SCounter": "___SCounter_3dgjm_gg_",
-  "__SFilterTrigger": "___SFilterTrigger_3dgjm_gg_",
-  "_selected": "__selected_3dgjm_gg_",
-  "_active": "__active_3dgjm_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_1lwqc_gg_.__selected_1lwqc_gg_{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SFilterTrigger_1lwqc_gg_.__selected_1lwqc_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1lwqc_gg_.__selected_1lwqc_gg_.__active_1lwqc_gg_,.___SFilterTrigger_1lwqc_gg_.__selected_1lwqc_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1lwqc_gg_{display:inline-flex}.___SWrapper_1lwqc_gg_:focus{outline:0}.___SWrapper_1lwqc_gg_.__keyboardFocused_1lwqc_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_1lwqc_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "1lwqc_gg_") /*__reshadow_css_end__*/, {
+  "__SWrapper": "___SWrapper_1lwqc_gg_",
+  "_keyboardFocused": "__keyboardFocused_1lwqc_gg_",
+  "__SCounter": "___SCounter_1lwqc_gg_",
+  "__SFilterTrigger": "___SFilterTrigger_1lwqc_gg_",
+  "_selected": "__selected_1lwqc_gg_",
+  "_active": "__active_1lwqc_gg_"
 });
+var filterTriggerInputProps = [].concat((0, _toConsumableArray2["default"])(_inputProps.inputProps), ['aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby']);
 var RootFilterTrigger = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootFilterTrigger, _Component);
   var _super = (0, _createSuper2["default"])(RootFilterTrigger);
@@ -54,11 +56,9 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
       return e.stopPropagation();
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClear", function () {
-      setTimeout(function () {
-        if (document.activeElement === document.body) {
-          (0, _useFocusLock.setFocus)(_this.asProps.triggerRef.current);
-        }
-      }, 0);
+      requestAnimationFrame(function () {
+        (0, _useFocusLock.setFocus)(_this.asProps.triggerRef.current);
+      });
     });
     return _this;
   }
@@ -90,7 +90,15 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
       return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SWrapper, _ref3.cn("SWrapper", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "aria-label": getI18nText('filter'),
         "__excludeProps": ['id'],
-        "use:role": role
+        "use:role": role,
+        "use:aria-controls": undefined,
+        "use:aria-owns": undefined,
+        "use:aria-haspopup": undefined,
+        "use:aria-expanded": undefined,
+        "use:aria-disabled": undefined,
+        "use:aria-activedescendant": undefined,
+        "use:aria-label": undefined,
+        "use:aria-labelledby": undefined
       }, _ref))), /*#__PURE__*/_react["default"].createElement(_neighborLocation["default"], _ref3.cn("NeighborLocation", {}), /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", (0, _objectSpread2["default"])({
         "tag": 'button',
         "type": 'button',
@@ -136,7 +144,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
   onChangeOf: ['value']
 }), (0, _uniqueID["default"])()]);
 (0, _defineProperty2["default"])(RootFilterTrigger, "defaultProps", {
-  includeInputProps: _inputProps.inputProps,
+  includeInputProps: filterTriggerInputProps,
   i18n: _intergalacticDynamicLocales.localizedMessages,
   locale: 'en',
   triggerRef: /*#__PURE__*/_react["default"].createRef(),