intergalactic 15.67.1 → 15.68.0

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_1af1b{0%,to{overflow:clip}}@keyframes collapse-exit_1af1b{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1af1b{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1af1b{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1af1b{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1af1b{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1af1b{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_1af1b{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_1af1b{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_1af1b{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_1af1b{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_1af1b{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_1af1b{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_1af1b{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_1af1b{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1af1b{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1af1b{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1af1b{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1af1b{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1af1b{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1af1b{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1af1b{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1af1b{0%{transform:var(--transformStart_1af1b)}to{transform:var(--transformEnd_1af1b)}}@keyframes transform-exit_1af1b{0%{transform:var(--transformEnd_1af1b)}to{transform:var(--transformStart_1af1b)}}.___SCollapse_1af1b_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1af1b_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_1af1b",
-  "@collapse-exit": "collapse-exit_1af1b",
-  "__SCollapse": "___SCollapse_1af1b_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1af1b",
-  "@fade-in-out-exit": "fade-in-out-exit_1af1b",
-  "@opacity-in": "opacity-in_1af1b",
-  "@opacity-out": "opacity-out_1af1b",
-  "@scale-left-in": "scale-left-in_1af1b",
-  "@scale-right-in": "scale-right-in_1af1b",
-  "@scale-top-in": "scale-top-in_1af1b",
-  "@scale-bottom-in": "scale-bottom-in_1af1b",
-  "@scale-left-out": "scale-left-out_1af1b",
-  "@scale-right-out": "scale-right-out_1af1b",
-  "@scale-top-out": "scale-top-out_1af1b",
-  "@scale-bottom-out": "scale-bottom-out_1af1b",
-  "@slide-top-in": "slide-top-in_1af1b",
-  "@slide-top-out": "slide-top-out_1af1b",
-  "@slide-bottom-in": "slide-bottom-in_1af1b",
-  "@slide-bottom-out": "slide-bottom-out_1af1b",
-  "@slide-left-in": "slide-left-in_1af1b",
-  "@slide-left-out": "slide-left-out_1af1b",
-  "@slide-right-in": "slide-right-in_1af1b",
-  "@slide-right-out": "slide-right-out_1af1b",
-  "@transform-enter": "transform-enter_1af1b",
-  "--transformStart": "--transformStart_1af1b",
-  "--transformEnd": "--transformEnd_1af1b",
-  "@transform-exit": "transform-exit_1af1b"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_xtvdz{0%,to{overflow:clip}}@keyframes collapse-exit_xtvdz{0%,to{overflow:clip}}@keyframes fade-in-out-enter_xtvdz{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_xtvdz{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_xtvdz{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_xtvdz{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_xtvdz{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_xtvdz{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_xtvdz{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_xtvdz{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_xtvdz{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_xtvdz{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_xtvdz{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_xtvdz{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_xtvdz{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_xtvdz{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_xtvdz{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_xtvdz{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_xtvdz{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_xtvdz{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_xtvdz{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_xtvdz{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_xtvdz{0%{transform:var(--transformStart_xtvdz)}to{transform:var(--transformEnd_xtvdz)}}@keyframes transform-exit_xtvdz{0%{transform:var(--transformEnd_xtvdz)}to{transform:var(--transformStart_xtvdz)}}.___SCollapse_xtvdz_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "xtvdz_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_xtvdz",
+  "@collapse-exit": "collapse-exit_xtvdz",
+  "__SCollapse": "___SCollapse_xtvdz_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_xtvdz",
+  "@fade-in-out-exit": "fade-in-out-exit_xtvdz",
+  "@opacity-in": "opacity-in_xtvdz",
+  "@opacity-out": "opacity-out_xtvdz",
+  "@scale-left-in": "scale-left-in_xtvdz",
+  "@scale-right-in": "scale-right-in_xtvdz",
+  "@scale-top-in": "scale-top-in_xtvdz",
+  "@scale-bottom-in": "scale-bottom-in_xtvdz",
+  "@scale-left-out": "scale-left-out_xtvdz",
+  "@scale-right-out": "scale-right-out_xtvdz",
+  "@scale-top-out": "scale-top-out_xtvdz",
+  "@scale-bottom-out": "scale-bottom-out_xtvdz",
+  "@slide-top-in": "slide-top-in_xtvdz",
+  "@slide-top-out": "slide-top-out_xtvdz",
+  "@slide-bottom-in": "slide-bottom-in_xtvdz",
+  "@slide-bottom-out": "slide-bottom-out_xtvdz",
+  "@slide-left-in": "slide-left-in_xtvdz",
+  "@slide-left-out": "slide-left-out_xtvdz",
+  "@slide-right-in": "slide-right-in_xtvdz",
+  "@slide-right-out": "slide-right-out_xtvdz",
+  "@transform-enter": "transform-enter_xtvdz",
+  "--transformStart": "--transformStart_xtvdz",
+  "--transformEnd": "--transformEnd_xtvdz",
+  "@transform-exit": "transform-exit_xtvdz"
 });
 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_1af1b{0%,to{overflow:clip}}@keyframes collapse-exit_1af1b{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1af1b{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1af1b{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1af1b{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1af1b{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1af1b{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_1af1b{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_1af1b{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_1af1b{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_1af1b{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_1af1b{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_1af1b{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_1af1b{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_1af1b{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1af1b{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1af1b{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1af1b{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1af1b{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1af1b{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1af1b{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1af1b{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1af1b{0%{transform:var(--transformStart_1af1b)}to{transform:var(--transformEnd_1af1b)}}@keyframes transform-exit_1af1b{0%{transform:var(--transformEnd_1af1b)}to{transform:var(--transformStart_1af1b)}}.___SCollapse_1af1b_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1af1b_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_1af1b",
-  "@collapse-exit": "collapse-exit_1af1b",
-  "__SCollapse": "___SCollapse_1af1b_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1af1b",
-  "@fade-in-out-exit": "fade-in-out-exit_1af1b",
-  "@opacity-in": "opacity-in_1af1b",
-  "@opacity-out": "opacity-out_1af1b",
-  "@scale-left-in": "scale-left-in_1af1b",
-  "@scale-right-in": "scale-right-in_1af1b",
-  "@scale-top-in": "scale-top-in_1af1b",
-  "@scale-bottom-in": "scale-bottom-in_1af1b",
-  "@scale-left-out": "scale-left-out_1af1b",
-  "@scale-right-out": "scale-right-out_1af1b",
-  "@scale-top-out": "scale-top-out_1af1b",
-  "@scale-bottom-out": "scale-bottom-out_1af1b",
-  "@slide-top-in": "slide-top-in_1af1b",
-  "@slide-top-out": "slide-top-out_1af1b",
-  "@slide-bottom-in": "slide-bottom-in_1af1b",
-  "@slide-bottom-out": "slide-bottom-out_1af1b",
-  "@slide-left-in": "slide-left-in_1af1b",
-  "@slide-left-out": "slide-left-out_1af1b",
-  "@slide-right-in": "slide-right-in_1af1b",
-  "@slide-right-out": "slide-right-out_1af1b",
-  "@transform-enter": "transform-enter_1af1b",
-  "--transformStart": "--transformStart_1af1b",
-  "--transformEnd": "--transformEnd_1af1b",
-  "@transform-exit": "transform-exit_1af1b"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_xtvdz{0%,to{overflow:clip}}@keyframes collapse-exit_xtvdz{0%,to{overflow:clip}}@keyframes fade-in-out-enter_xtvdz{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_xtvdz{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_xtvdz{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_xtvdz{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_xtvdz{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_xtvdz{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_xtvdz{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_xtvdz{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_xtvdz{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_xtvdz{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_xtvdz{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_xtvdz{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_xtvdz{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_xtvdz{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_xtvdz{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_xtvdz{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_xtvdz{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_xtvdz{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_xtvdz{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_xtvdz{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_xtvdz{0%{transform:var(--transformStart_xtvdz)}to{transform:var(--transformEnd_xtvdz)}}@keyframes transform-exit_xtvdz{0%{transform:var(--transformEnd_xtvdz)}to{transform:var(--transformStart_xtvdz)}}.___SCollapse_xtvdz_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "xtvdz_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_xtvdz",
+  "@collapse-exit": "collapse-exit_xtvdz",
+  "__SCollapse": "___SCollapse_xtvdz_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_xtvdz",
+  "@fade-in-out-exit": "fade-in-out-exit_xtvdz",
+  "@opacity-in": "opacity-in_xtvdz",
+  "@opacity-out": "opacity-out_xtvdz",
+  "@scale-left-in": "scale-left-in_xtvdz",
+  "@scale-right-in": "scale-right-in_xtvdz",
+  "@scale-top-in": "scale-top-in_xtvdz",
+  "@scale-bottom-in": "scale-bottom-in_xtvdz",
+  "@scale-left-out": "scale-left-out_xtvdz",
+  "@scale-right-out": "scale-right-out_xtvdz",
+  "@scale-top-out": "scale-top-out_xtvdz",
+  "@scale-bottom-out": "scale-bottom-out_xtvdz",
+  "@slide-top-in": "slide-top-in_xtvdz",
+  "@slide-top-out": "slide-top-out_xtvdz",
+  "@slide-bottom-in": "slide-bottom-in_xtvdz",
+  "@slide-bottom-out": "slide-bottom-out_xtvdz",
+  "@slide-left-in": "slide-left-in_xtvdz",
+  "@slide-left-out": "slide-left-out_xtvdz",
+  "@slide-right-in": "slide-right-in_xtvdz",
+  "@slide-right-out": "slide-right-out_xtvdz",
+  "@transform-enter": "transform-enter_xtvdz",
+  "--transformStart": "--transformStart_xtvdz",
+  "--transformEnd": "--transformEnd_xtvdz",
+  "@transform-exit": "transform-exit_xtvdz"
 });
 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_1af1b{0%,to{overflow:clip}}@keyframes collapse-exit_1af1b{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1af1b{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1af1b{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1af1b{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1af1b{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1af1b{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_1af1b{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_1af1b{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_1af1b{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_1af1b{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_1af1b{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_1af1b{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_1af1b{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_1af1b{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1af1b{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1af1b{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1af1b{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1af1b{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1af1b{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1af1b{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1af1b{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1af1b{0%{transform:var(--transformStart_1af1b)}to{transform:var(--transformEnd_1af1b)}}@keyframes transform-exit_1af1b{0%{transform:var(--transformEnd_1af1b)}to{transform:var(--transformStart_1af1b)}}.___SCollapse_1af1b_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1af1b_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_1af1b",
-  "@collapse-exit": "collapse-exit_1af1b",
-  "__SCollapse": "___SCollapse_1af1b_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1af1b",
-  "@fade-in-out-exit": "fade-in-out-exit_1af1b",
-  "@opacity-in": "opacity-in_1af1b",
-  "@opacity-out": "opacity-out_1af1b",
-  "@scale-left-in": "scale-left-in_1af1b",
-  "@scale-right-in": "scale-right-in_1af1b",
-  "@scale-top-in": "scale-top-in_1af1b",
-  "@scale-bottom-in": "scale-bottom-in_1af1b",
-  "@scale-left-out": "scale-left-out_1af1b",
-  "@scale-right-out": "scale-right-out_1af1b",
-  "@scale-top-out": "scale-top-out_1af1b",
-  "@scale-bottom-out": "scale-bottom-out_1af1b",
-  "@slide-top-in": "slide-top-in_1af1b",
-  "@slide-top-out": "slide-top-out_1af1b",
-  "@slide-bottom-in": "slide-bottom-in_1af1b",
-  "@slide-bottom-out": "slide-bottom-out_1af1b",
-  "@slide-left-in": "slide-left-in_1af1b",
-  "@slide-left-out": "slide-left-out_1af1b",
-  "@slide-right-in": "slide-right-in_1af1b",
-  "@slide-right-out": "slide-right-out_1af1b",
-  "@transform-enter": "transform-enter_1af1b",
-  "--transformStart": "--transformStart_1af1b",
-  "--transformEnd": "--transformEnd_1af1b",
-  "@transform-exit": "transform-exit_1af1b"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_xtvdz{0%,to{overflow:clip}}@keyframes collapse-exit_xtvdz{0%,to{overflow:clip}}@keyframes fade-in-out-enter_xtvdz{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_xtvdz{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_xtvdz{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_xtvdz{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_xtvdz{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_xtvdz{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_xtvdz{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_xtvdz{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_xtvdz{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_xtvdz{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_xtvdz{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_xtvdz{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_xtvdz{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_xtvdz{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_xtvdz{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_xtvdz{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_xtvdz{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_xtvdz{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_xtvdz{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_xtvdz{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_xtvdz{0%{transform:var(--transformStart_xtvdz)}to{transform:var(--transformEnd_xtvdz)}}@keyframes transform-exit_xtvdz{0%{transform:var(--transformEnd_xtvdz)}to{transform:var(--transformStart_xtvdz)}}.___SCollapse_xtvdz_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "xtvdz_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_xtvdz",
+  "@collapse-exit": "collapse-exit_xtvdz",
+  "__SCollapse": "___SCollapse_xtvdz_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_xtvdz",
+  "@fade-in-out-exit": "fade-in-out-exit_xtvdz",
+  "@opacity-in": "opacity-in_xtvdz",
+  "@opacity-out": "opacity-out_xtvdz",
+  "@scale-left-in": "scale-left-in_xtvdz",
+  "@scale-right-in": "scale-right-in_xtvdz",
+  "@scale-top-in": "scale-top-in_xtvdz",
+  "@scale-bottom-in": "scale-bottom-in_xtvdz",
+  "@scale-left-out": "scale-left-out_xtvdz",
+  "@scale-right-out": "scale-right-out_xtvdz",
+  "@scale-top-out": "scale-top-out_xtvdz",
+  "@scale-bottom-out": "scale-bottom-out_xtvdz",
+  "@slide-top-in": "slide-top-in_xtvdz",
+  "@slide-top-out": "slide-top-out_xtvdz",
+  "@slide-bottom-in": "slide-bottom-in_xtvdz",
+  "@slide-bottom-out": "slide-bottom-out_xtvdz",
+  "@slide-left-in": "slide-left-in_xtvdz",
+  "@slide-left-out": "slide-left-out_xtvdz",
+  "@slide-right-in": "slide-right-in_xtvdz",
+  "@slide-right-out": "slide-right-out_xtvdz",
+  "@transform-enter": "transform-enter_xtvdz",
+  "--transformStart": "--transformStart_xtvdz",
+  "--transformEnd": "--transformEnd_xtvdz",
+  "@transform-exit": "transform-exit_xtvdz"
 });
 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_1af1b{0%,to{overflow:clip}}@keyframes collapse-exit_1af1b{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1af1b{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1af1b{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1af1b{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1af1b{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1af1b{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_1af1b{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_1af1b{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_1af1b{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_1af1b{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_1af1b{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_1af1b{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_1af1b{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_1af1b{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1af1b{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1af1b{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1af1b{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1af1b{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1af1b{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1af1b{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1af1b{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1af1b{0%{transform:var(--transformStart_1af1b)}to{transform:var(--transformEnd_1af1b)}}@keyframes transform-exit_1af1b{0%{transform:var(--transformEnd_1af1b)}to{transform:var(--transformStart_1af1b)}}.___SCollapse_1af1b_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1af1b_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_1af1b",
-  "@collapse-exit": "collapse-exit_1af1b",
-  "__SCollapse": "___SCollapse_1af1b_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1af1b",
-  "@fade-in-out-exit": "fade-in-out-exit_1af1b",
-  "@opacity-in": "opacity-in_1af1b",
-  "@opacity-out": "opacity-out_1af1b",
-  "@scale-left-in": "scale-left-in_1af1b",
-  "@scale-right-in": "scale-right-in_1af1b",
-  "@scale-top-in": "scale-top-in_1af1b",
-  "@scale-bottom-in": "scale-bottom-in_1af1b",
-  "@scale-left-out": "scale-left-out_1af1b",
-  "@scale-right-out": "scale-right-out_1af1b",
-  "@scale-top-out": "scale-top-out_1af1b",
-  "@scale-bottom-out": "scale-bottom-out_1af1b",
-  "@slide-top-in": "slide-top-in_1af1b",
-  "@slide-top-out": "slide-top-out_1af1b",
-  "@slide-bottom-in": "slide-bottom-in_1af1b",
-  "@slide-bottom-out": "slide-bottom-out_1af1b",
-  "@slide-left-in": "slide-left-in_1af1b",
-  "@slide-left-out": "slide-left-out_1af1b",
-  "@slide-right-in": "slide-right-in_1af1b",
-  "@slide-right-out": "slide-right-out_1af1b",
-  "@transform-enter": "transform-enter_1af1b",
-  "--transformStart": "--transformStart_1af1b",
-  "--transformEnd": "--transformEnd_1af1b",
-  "@transform-exit": "transform-exit_1af1b"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_xtvdz{0%,to{overflow:clip}}@keyframes collapse-exit_xtvdz{0%,to{overflow:clip}}@keyframes fade-in-out-enter_xtvdz{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_xtvdz{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_xtvdz{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_xtvdz{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_xtvdz{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_xtvdz{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_xtvdz{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_xtvdz{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_xtvdz{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_xtvdz{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_xtvdz{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_xtvdz{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_xtvdz{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_xtvdz{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_xtvdz{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_xtvdz{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_xtvdz{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_xtvdz{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_xtvdz{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_xtvdz{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_xtvdz{0%{transform:var(--transformStart_xtvdz)}to{transform:var(--transformEnd_xtvdz)}}@keyframes transform-exit_xtvdz{0%{transform:var(--transformEnd_xtvdz)}to{transform:var(--transformStart_xtvdz)}}.___SCollapse_xtvdz_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "xtvdz_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_xtvdz",
+  "@collapse-exit": "collapse-exit_xtvdz",
+  "__SCollapse": "___SCollapse_xtvdz_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_xtvdz",
+  "@fade-in-out-exit": "fade-in-out-exit_xtvdz",
+  "@opacity-in": "opacity-in_xtvdz",
+  "@opacity-out": "opacity-out_xtvdz",
+  "@scale-left-in": "scale-left-in_xtvdz",
+  "@scale-right-in": "scale-right-in_xtvdz",
+  "@scale-top-in": "scale-top-in_xtvdz",
+  "@scale-bottom-in": "scale-bottom-in_xtvdz",
+  "@scale-left-out": "scale-left-out_xtvdz",
+  "@scale-right-out": "scale-right-out_xtvdz",
+  "@scale-top-out": "scale-top-out_xtvdz",
+  "@scale-bottom-out": "scale-bottom-out_xtvdz",
+  "@slide-top-in": "slide-top-in_xtvdz",
+  "@slide-top-out": "slide-top-out_xtvdz",
+  "@slide-bottom-in": "slide-bottom-in_xtvdz",
+  "@slide-bottom-out": "slide-bottom-out_xtvdz",
+  "@slide-left-in": "slide-left-in_xtvdz",
+  "@slide-left-out": "slide-left-out_xtvdz",
+  "@slide-right-in": "slide-right-in_xtvdz",
+  "@slide-right-out": "slide-right-out_xtvdz",
+  "@transform-enter": "transform-enter_xtvdz",
+  "--transformStart": "--transformStart_xtvdz",
+  "--transformEnd": "--transformEnd_xtvdz",
+  "@transform-exit": "transform-exit_xtvdz"
 });
 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_1af1b{0%,to{overflow:clip}}@keyframes collapse-exit_1af1b{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1af1b{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1af1b{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1af1b{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1af1b{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1af1b{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_1af1b{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_1af1b{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_1af1b{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_1af1b{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_1af1b{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_1af1b{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_1af1b{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_1af1b{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1af1b{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1af1b{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1af1b{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1af1b{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1af1b{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1af1b{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1af1b{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1af1b{0%{transform:var(--transformStart_1af1b)}to{transform:var(--transformEnd_1af1b)}}@keyframes transform-exit_1af1b{0%{transform:var(--transformEnd_1af1b)}to{transform:var(--transformStart_1af1b)}}.___SCollapse_1af1b_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "1af1b_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_1af1b",
-  "@collapse-exit": "collapse-exit_1af1b",
-  "__SCollapse": "___SCollapse_1af1b_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1af1b",
-  "@fade-in-out-exit": "fade-in-out-exit_1af1b",
-  "@opacity-in": "opacity-in_1af1b",
-  "@opacity-out": "opacity-out_1af1b",
-  "@scale-left-in": "scale-left-in_1af1b",
-  "@scale-right-in": "scale-right-in_1af1b",
-  "@scale-top-in": "scale-top-in_1af1b",
-  "@scale-bottom-in": "scale-bottom-in_1af1b",
-  "@scale-left-out": "scale-left-out_1af1b",
-  "@scale-right-out": "scale-right-out_1af1b",
-  "@scale-top-out": "scale-top-out_1af1b",
-  "@scale-bottom-out": "scale-bottom-out_1af1b",
-  "@slide-top-in": "slide-top-in_1af1b",
-  "@slide-top-out": "slide-top-out_1af1b",
-  "@slide-bottom-in": "slide-bottom-in_1af1b",
-  "@slide-bottom-out": "slide-bottom-out_1af1b",
-  "@slide-left-in": "slide-left-in_1af1b",
-  "@slide-left-out": "slide-left-out_1af1b",
-  "@slide-right-in": "slide-right-in_1af1b",
-  "@slide-right-out": "slide-right-out_1af1b",
-  "@transform-enter": "transform-enter_1af1b",
-  "--transformStart": "--transformStart_1af1b",
-  "--transformEnd": "--transformEnd_1af1b",
-  "@transform-exit": "transform-exit_1af1b"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_xtvdz{0%,to{overflow:clip}}@keyframes collapse-exit_xtvdz{0%,to{overflow:clip}}@keyframes fade-in-out-enter_xtvdz{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_xtvdz{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_xtvdz{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_xtvdz{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_xtvdz{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_xtvdz{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_xtvdz{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_xtvdz{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_xtvdz{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_xtvdz{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_xtvdz{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_xtvdz{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_xtvdz{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_xtvdz{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_xtvdz{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_xtvdz{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_xtvdz{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_xtvdz{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_xtvdz{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_xtvdz{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_xtvdz{0%{transform:var(--transformStart_xtvdz)}to{transform:var(--transformEnd_xtvdz)}}@keyframes transform-exit_xtvdz{0%{transform:var(--transformEnd_xtvdz)}to{transform:var(--transformStart_xtvdz)}}.___SCollapse_xtvdz_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "xtvdz_gg_") /*__reshadow_css_end__*/, {
+  "@collapse-enter": "collapse-enter_xtvdz",
+  "@collapse-exit": "collapse-exit_xtvdz",
+  "__SCollapse": "___SCollapse_xtvdz_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_xtvdz",
+  "@fade-in-out-exit": "fade-in-out-exit_xtvdz",
+  "@opacity-in": "opacity-in_xtvdz",
+  "@opacity-out": "opacity-out_xtvdz",
+  "@scale-left-in": "scale-left-in_xtvdz",
+  "@scale-right-in": "scale-right-in_xtvdz",
+  "@scale-top-in": "scale-top-in_xtvdz",
+  "@scale-bottom-in": "scale-bottom-in_xtvdz",
+  "@scale-left-out": "scale-left-out_xtvdz",
+  "@scale-right-out": "scale-right-out_xtvdz",
+  "@scale-top-out": "scale-top-out_xtvdz",
+  "@scale-bottom-out": "scale-bottom-out_xtvdz",
+  "@slide-top-in": "slide-top-in_xtvdz",
+  "@slide-top-out": "slide-top-out_xtvdz",
+  "@slide-bottom-in": "slide-bottom-in_xtvdz",
+  "@slide-bottom-out": "slide-bottom-out_xtvdz",
+  "@slide-left-in": "slide-left-in_xtvdz",
+  "@slide-left-out": "slide-left-out_xtvdz",
+  "@slide-right-in": "slide-right-in_xtvdz",
+  "@slide-right-out": "slide-right-out_xtvdz",
+  "@transform-enter": "transform-enter_xtvdz",
+  "--transformStart": "--transformStart_xtvdz",
+  "--transformEnd": "--transformEnd_xtvdz",
+  "@transform-exit": "transform-exit_xtvdz"
 });
 function Transform(props, ref) {
   var _ref;

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

@@ -58,7 +58,8 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
         loading = _this$asProps.loading,
         empty = _this$asProps.empty;
       return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_BaseTrigger["default"], (0, _core.assignProps)({
-        "tag": 'button'
+        "tag": 'button',
+        "type": 'button'
       }, _ref), (0, _addonTextChildren["default"])(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), /*#__PURE__*/_react["default"].createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/_react["default"].createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
         "size": 'xs',
         "theme": false

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_addonTextChildren","_m","_BaseTrigger","_spin","_animatedSizeEnhance","_useCssVariable","style","sstyled","insert","RootButtonTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","_this$asProps","Children","styles","loading","empty","createElement","BaseTrigger","assignProps","addonTextChildren","Text","cn","Component","_defineProperty2","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","createComponent","parent","_default","exports"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n  static displayName = 'ButtonTrigger';\n  static style = style;\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n  ];\n\n  getTextProps() {\n    return {\n      tag: 'span',\n    };\n  }\n  getAddonProps() {\n    return {\n      tag: 'span',\n    };\n  }\n\n  render() {\n    const SButtonAddon = ButtonTrigger.Addon;\n    const SButtonTriggerSpin = Spin;\n    const { Children, styles, loading, empty } = this.asProps;\n\n    return sstyled(styles)(\n      <Root render={BaseTrigger} tag={'button'}>\n        {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n        <SButtonAddon>\n          {loading ? <SButtonTriggerSpin size='xs' theme={false} /> : <ChevronDown />}\n        </SButtonAddon>\n      </Root>,\n    );\n  }\n}\n\nconst ButtonTrigger = createComponent(\n  RootButtonTrigger,\n  {\n    Text: BaseTrigger.Text,\n    Addon: BaseTrigger.Addon,\n  },\n  {\n    parent: BaseTrigger,\n  },\n);\n\nexport default ButtonTrigger;\n"],"mappings":";;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,kBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,EAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,YAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,KAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,oBAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,eAAA,GAAAR,OAAA;AAAuE;AAAA,IAAAS,KAAA,+BAAAX,KAAA,CAAAY,OAAA,CAAAC,MAAA;EAAA;EAAA;AAAA;AAAA,IAIjEC,iBAAiB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,iBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,iBAAA;EAAA,SAAAA,kBAAA;IAAA,IAAAK,gBAAA,mBAAAL,iBAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,iBAAA;IAAAS,GAAA;IAAAC,KAAA,EAgBrB,SAAAC,aAAA,EAAe;MACb,OAAO;QACLC,GAAG,EAAE;MACP,CAAC;IACH;EAAC;IAAAH,GAAA;IAAAC,KAAA,EACD,SAAAG,cAAA,EAAgB;MACd,OAAO;QACLD,GAAG,EAAE;MACP,CAAC;IACH;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAI,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,YAAY,GAAGC,aAAa,CAACC,KAAK;MACxC,IAAMC,kBAAkB,GAAGC,gBAAI;MAC/B,IAAAC,aAAA,GAA6C,IAAI,CAACP,OAAO;QAAjDQ,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,aAAA,CAANE,MAAM;QAAEC,OAAO,GAAAH,aAAA,CAAPG,OAAO;QAAEC,KAAK,GAAAJ,aAAA,CAALI,KAAK;MAExC,OAAAV,KAAA,GAAO,IAAAnB,aAAO,EAAC2B,MAAM,CAAC,eACpBpC,MAAA,YAAAuC,aAAA,CAAcC,uBAAW,MAAA3C,KAAA,CAAA4C,WAAA;QAAA,OAAO;MAAQ,GAAAf,IAAA,GACrC,IAAAgB,6BAAiB,EAACP,QAAQ,EAAEL,aAAa,CAACa,IAAI,EAAEb,aAAa,CAACC,KAAK,EAAEO,KAAK,CAAC,eAC5EtC,MAAA,YAAAuC,aAAA,CAACV,YAAY,EAAAD,KAAA,CAAAgB,EAAA,sBACVP,OAAO,gBAAGrC,MAAA,YAAAuC,aAAA,CAACP,kBAAkB,EAAAJ,KAAA,CAAAgB,EAAA;QAAA,QAAM,IAAI;QAAA,SAAQ;MAAK,GAAI,gBAAG5C,MAAA,YAAAuC,aAAA,CAACpC,EAAA,WAAW,EAAAyB,KAAA,CAAAgB,EAAA,oBAAG,CAC9D,CACV;IAEX;EAAC;EAAA,OAAAjC,iBAAA;AAAA,EAxC6BkC,eAAS;AAAA,IAAAC,gBAAA,aAAnCnC,iBAAiB,iBACA,eAAe;AAAA,IAAAmC,gBAAA,aADhCnC,iBAAiB,WAENH,KAAK;AAAA,IAAAsC,gBAAA,aAFhBnC,iBAAiB,aAGJ,CACf,IAAAoC,kCAAkB,EAAC;EACjBC,QAAQ,EAAE,kCAAkC;EAC5CC,QAAQ,EAAE,KAAK;EACfC,GAAG,EAAEC,MAAM,CAACC,QAAQ;EACpBC,IAAI,EAAE;AACR,CAAC,CAAC,EACF,IAAAC,+BAAmB,EAAC;EAClBC,YAAY,EAAE,CAAC,OAAO,CAAC;EACvBC,UAAU,EAAE,CAAC,OAAO;AACtB,CAAC,CAAC,CACH;AA6BH,IAAM1B,aAAa,GAAG,IAAA2B,gBAAe,EACnC9C,iBAAiB,EACjB;EACEgC,IAAI,EAAEH,uBAAW,CAACG,IAAI;EACtBZ,KAAK,EAAES,uBAAW,CAACT;AACrB,CAAC,EACD;EACE2B,MAAM,EAAElB;AACV,CAAC,CACF;AAAC,IAAAmB,QAAA,GAEa7B,aAAa;AAAA8B,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"ButtonTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_addonTextChildren","_m","_BaseTrigger","_spin","_animatedSizeEnhance","_useCssVariable","style","sstyled","insert","RootButtonTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","_this$asProps","Children","styles","loading","empty","createElement","BaseTrigger","assignProps","addonTextChildren","Text","cn","Component","_defineProperty2","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","createComponent","parent","_default","exports"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n  static displayName = 'ButtonTrigger';\n  static style = style;\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n  ];\n\n  getTextProps() {\n    return {\n      tag: 'span',\n    };\n  }\n  getAddonProps() {\n    return {\n      tag: 'span',\n    };\n  }\n\n  render() {\n    const SButtonAddon = ButtonTrigger.Addon;\n    const SButtonTriggerSpin = Spin;\n    const { Children, styles, loading, empty } = this.asProps;\n\n    return sstyled(styles)(\n      <Root render={BaseTrigger} tag='button' type='button'>\n        {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n        <SButtonAddon>\n          {loading ? <SButtonTriggerSpin size='xs' theme={false} /> : <ChevronDown />}\n        </SButtonAddon>\n      </Root>,\n    );\n  }\n}\n\nconst ButtonTrigger = createComponent(\n  RootButtonTrigger,\n  {\n    Text: BaseTrigger.Text,\n    Addon: BaseTrigger.Addon,\n  },\n  {\n    parent: BaseTrigger,\n  },\n);\n\nexport default ButtonTrigger;\n"],"mappings":"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"}

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

@@ -52,7 +52,8 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
         loading = _this$asProps.loading,
         empty = _this$asProps.empty;
       return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(BaseTrigger, _assignProps({
-        "tag": 'button'
+        "tag": 'button',
+        "type": 'button'
       }, _ref), addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), /*#__PURE__*/React.createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/React.createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
         "size": 'xs',
         "theme": false

package/base-trigger/lib/es6/ButtonTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","BaseTrigger","Spin","animatedSizeEnhance","cssVariableEnhance","style","_sstyled","insert","RootButtonTrigger","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","_this$asProps","Children","styles","loading","empty","createElement","_assignProps","Text","cn","_defineProperty","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","parent"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n  static displayName = 'ButtonTrigger';\n  static style = style;\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n  ];\n\n  getTextProps() {\n    return {\n      tag: 'span',\n    };\n  }\n  getAddonProps() {\n    return {\n      tag: 'span',\n    };\n  }\n\n  render() {\n    const SButtonAddon = ButtonTrigger.Addon;\n    const SButtonTriggerSpin = Spin;\n    const { Children, styles, loading, empty } = this.asProps;\n\n    return sstyled(styles)(\n      <Root render={BaseTrigger} tag={'button'}>\n        {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n        <SButtonAddon>\n          {loading ? <SButtonTriggerSpin size='xs' theme={false} /> : <ChevronDown />}\n        </SButtonAddon>\n      </Root>,\n    );\n  }\n}\n\nconst ButtonTrigger = createComponent(\n  RootButtonTrigger,\n  {\n    Text: BaseTrigger.Text,\n    Addon: BaseTrigger.Addon,\n  },\n  {\n    parent: BaseTrigger,\n  },\n);\n\nexport default ButtonTrigger;\n"],"mappings":"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"}
+{"version":3,"file":"ButtonTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","BaseTrigger","Spin","animatedSizeEnhance","cssVariableEnhance","style","_sstyled","insert","RootButtonTrigger","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","_this$asProps","Children","styles","loading","empty","createElement","_assignProps","Text","cn","_defineProperty","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","parent"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n  static displayName = 'ButtonTrigger';\n  static style = style;\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n  ];\n\n  getTextProps() {\n    return {\n      tag: 'span',\n    };\n  }\n  getAddonProps() {\n    return {\n      tag: 'span',\n    };\n  }\n\n  render() {\n    const SButtonAddon = ButtonTrigger.Addon;\n    const SButtonTriggerSpin = Spin;\n    const { Children, styles, loading, empty } = this.asProps;\n\n    return sstyled(styles)(\n      <Root render={BaseTrigger} tag='button' type='button'>\n        {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n        <SButtonAddon>\n          {loading ? <SButtonTriggerSpin size='xs' theme={false} /> : <ChevronDown />}\n        </SButtonAddon>\n      </Root>,\n    );\n  }\n}\n\nconst ButtonTrigger = createComponent(\n  RootButtonTrigger,\n  {\n    Text: BaseTrigger.Text,\n    Addon: BaseTrigger.Addon,\n  },\n  {\n    parent: BaseTrigger,\n  },\n);\n\nexport default ButtonTrigger;\n"],"mappings":"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"}

package/components.json

@@ -2,7 +2,7 @@
   "@semcore/accordion": "5.24.4",
   "@semcore/animation": "2.19.2",
   "@semcore/badge": "4.18.5",
-  "@semcore/base-trigger": "4.27.0",
+  "@semcore/base-trigger": "4.27.1",
   "@semcore/breadcrumbs": "5.24.3",
   "@semcore/breakpoints": "1.19.5",
   "@semcore/button": "5.20.5",
@@ -13,17 +13,17 @@
   "@semcore/core": "2.17.5",
   "@semcore/counter": "3.18.5",
   "@semcore/data-table": "4.28.2",
-  "@semcore/date-picker": "4.30.3",
+  "@semcore/date-picker": "4.30.4",
   "@semcore/divider": "4.18.5",
   "@semcore/dot": "5.18.6",
   "@semcore/drag-and-drop": "3.27.4",
-  "@semcore/dropdown": "4.19.7",
-  "@semcore/dropdown-menu": "4.22.3",
-  "@semcore/d3-chart": "3.31.2",
+  "@semcore/dropdown": "4.20.0",
+  "@semcore/dropdown-menu": "4.23.0",
+  "@semcore/d3-chart": "3.32.0",
   "@semcore/ellipsis": "2.19.4",
   "@semcore/email": "1.0.2",
   "@semcore/errors": "4.23.3",
-  "@semcore/feature-popover": "4.25.6",
+  "@semcore/feature-popover": "4.26.0",
   "@semcore/feedback-form": "6.20.3",
   "@semcore/flags": "4.18.6",
   "@semcore/flex-box": "5.19.4",
@@ -48,13 +48,13 @@
   "@semcore/outside-click": "3.17.6",
   "@semcore/pagination": "4.28.6",
   "@semcore/pills": "5.20.4",
-  "@semcore/popper": "5.20.5",
+  "@semcore/popper": "5.21.0",
   "@semcore/portal": "3.17.5",
   "@semcore/product-head": "4.19.6",
   "@semcore/progress-bar": "4.18.6",
   "@semcore/radio": "6.22.4",
   "@semcore/scroll-area": "5.20.7",
-  "@semcore/select": "4.32.7",
+  "@semcore/select": "4.32.8",
   "@semcore/side-panel": "3.26.6",
   "@semcore/skeleton": "5.19.6",
   "@semcore/slider": "4.18.6",
@@ -66,8 +66,8 @@
   "@semcore/tab-panel": "4.20.4",
   "@semcore/tag": "5.27.4",
   "@semcore/textarea": "5.19.7",
-  "@semcore/time-picker": "4.32.2",
-  "@semcore/tooltip": "6.21.1",
+  "@semcore/time-picker": "4.32.3",
+  "@semcore/tooltip": "6.22.0",
   "@semcore/typography": "5.26.4",
   "@semcore/utils": "4.20.5",
   "@semcore/widget-empty": "4.18.6",

package/d3-chart/lib/cjs/Area.js

@@ -22,17 +22,17 @@ var _utils = require("./utils");
 var _AnimatedClipPath = _interopRequireDefault(require("./AnimatedClipPath"));
 var _Pattern = require("./Pattern");
 /*__reshadow-styles__:"./style/area.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SArea_1x07n_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_1x07n_gg_.__color_1x07n_gg_{fill:var(--color_1x07n)}.___SArea_1x07n_gg_.__pattern_1x07n_gg_{fill:var(--pattern_1x07n);fill-opacity:.7}.___SArea_1x07n_gg_.__transparent_1x07n_gg_{opacity:.3}.___SAreaLine_1x07n_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_1x07n_gg_.__color_1x07n_gg_{stroke:var(--color_1x07n)}.___SAreaLine_1x07n_gg_.__transparent_1x07n_gg_{opacity:.3}.___SAreaLine_1x07n_gg_,.___SArea_1x07n_gg_{transition-property:d;transition-duration:var(--duration_1x07n);transition-timing-function:ease-in-out}.___SNull_1x07n_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_1x07n_gg_.__hide_1x07n_gg_{display:none}" /*__inner_css_end__*/, "1x07n_gg_") /*__reshadow_css_end__*/, {
-  "__SArea": "___SArea_1x07n_gg_",
-  "_color": "__color_1x07n_gg_",
-  "--color": "--color_1x07n",
-  "_pattern": "__pattern_1x07n_gg_",
-  "--pattern": "--pattern_1x07n",
-  "_transparent": "__transparent_1x07n_gg_",
-  "__SAreaLine": "___SAreaLine_1x07n_gg_",
-  "--duration": "--duration_1x07n",
-  "__SNull": "___SNull_1x07n_gg_",
-  "_hide": "__hide_1x07n_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SArea_c45n9_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_c45n9_gg_.__color_c45n9_gg_{fill:var(--color_c45n9)}.___SArea_c45n9_gg_.__pattern_c45n9_gg_{fill:var(--pattern_c45n9);fill-opacity:.7}.___SArea_c45n9_gg_.__transparent_c45n9_gg_{opacity:.3}.___SAreaLine_c45n9_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_c45n9_gg_.__color_c45n9_gg_{stroke:var(--color_c45n9)}.___SAreaLine_c45n9_gg_.__transparent_c45n9_gg_{opacity:.3}.___SAreaLine_c45n9_gg_,.___SArea_c45n9_gg_{transition-property:d;transition-duration:var(--duration_c45n9);transition-timing-function:ease-in-out}.___SNull_c45n9_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_c45n9_gg_.__hide_c45n9_gg_{display:none}" /*__inner_css_end__*/, "c45n9_gg_") /*__reshadow_css_end__*/, {
+  "__SArea": "___SArea_c45n9_gg_",
+  "_color": "__color_c45n9_gg_",
+  "--color": "--color_c45n9",
+  "_pattern": "__pattern_c45n9_gg_",
+  "--pattern": "--pattern_c45n9",
+  "_transparent": "__transparent_c45n9_gg_",
+  "__SAreaLine": "___SAreaLine_c45n9_gg_",
+  "--duration": "--duration_c45n9",
+  "__SNull": "___SNull_c45n9_gg_",
+  "_hide": "__hide_c45n9_gg_"
 });
 var AreaRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(AreaRoot, _Component);