@semcore/base-components 17.0.0 → 17.0.1

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [17.0.1] - 2026-04-16
+
+### Fixed
+
+- Build processing to correct extract styles.
+
 ## [17.0.0] - 2026-04-15
 
 ### BREAK

package/lib/cjs/components/animation/Animation.js

@@ -12,19 +12,19 @@ var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("../flex-box");
 // @ts-nocheck
 /*!__reshadow-styles__:"./style/animate.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SAnimation_1ypzv_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_1ypzv);animation-duration:var(--durationFinalize_1ypzv);animation-delay:var(--delayFinalize_1ypzv);animation-name:var(--keyframesFinalize_1ypzv)}.___SAnimation_1ypzv_gg_.__transition-based_1ypzv_gg_{transition-timing-function:var(--timingFunction_1ypzv);transition-duration:var(--durationFinalize_1ypzv)}.___SAnimation_1ypzv_gg_.__visible_1ypzv_gg_{animation-duration:var(--durationInitialize_1ypzv);animation-delay:var(--delayInitialize_1ypzv);animation-name:var(--keyframesInitialize_1ypzv)}.___SAnimation_1ypzv_gg_.__visible_1ypzv_gg_.__transition-based_1ypzv_gg_{transition-timing-function:var(--timingFunction_1ypzv);transition-duration:var(--durationInitialize_1ypzv)}@media (prefers-reduced-motion){.___SAnimation_1ypzv_gg_.__transition-based_1ypzv_gg_,.___SAnimation_1ypzv_gg_.__visible_1ypzv_gg_.__transition-based_1ypzv_gg_{transition-timing-function:none;transition-duration:none}.___SAnimation_1ypzv_gg_,.___SAnimation_1ypzv_gg_.__visible_1ypzv_gg_{animation-timing-function:step-end;animation-iteration-count:1}}", /*__inner_css_end__*/"1ypzv_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SAnimation_k54uj_gg_{animation-fill-mode:both;animation-timing-function:var(--timingFunction_k54uj);animation-duration:var(--durationFinalize_k54uj);animation-delay:var(--delayFinalize_k54uj);animation-name:var(--keyframesFinalize_k54uj)}.___SAnimation_k54uj_gg_.__transition-based_k54uj_gg_{transition-timing-function:var(--timingFunction_k54uj);transition-duration:var(--durationFinalize_k54uj)}.___SAnimation_k54uj_gg_.__visible_k54uj_gg_{animation-duration:var(--durationInitialize_k54uj);animation-delay:var(--delayInitialize_k54uj);animation-name:var(--keyframesInitialize_k54uj)}.___SAnimation_k54uj_gg_.__visible_k54uj_gg_.__transition-based_k54uj_gg_{transition-timing-function:var(--timingFunction_k54uj);transition-duration:var(--durationInitialize_k54uj)}@media (prefers-reduced-motion){.___SAnimation_k54uj_gg_.__transition-based_k54uj_gg_,.___SAnimation_k54uj_gg_.__visible_k54uj_gg_.__transition-based_k54uj_gg_{transition-timing-function:none;transition-duration:none}.___SAnimation_k54uj_gg_,.___SAnimation_k54uj_gg_.__visible_k54uj_gg_{animation-timing-function:step-end;animation-iteration-count:1}}", /*__inner_css_end__*/"k54uj_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SAnimation": "___SAnimation_1ypzv_gg_",
-  "--timingFunction": "--timingFunction_1ypzv",
-  "--durationFinalize": "--durationFinalize_1ypzv",
-  "--delayFinalize": "--delayFinalize_1ypzv",
-  "--keyframesFinalize": "--keyframesFinalize_1ypzv",
-  "_transition-based": "__transition-based_1ypzv_gg_",
-  "_visible": "__visible_1ypzv_gg_",
-  "--durationInitialize": "--durationInitialize_1ypzv",
-  "--delayInitialize": "--delayInitialize_1ypzv",
-  "--keyframesInitialize": "--keyframesInitialize_1ypzv"
+  "__SAnimation": "___SAnimation_k54uj_gg_",
+  "--timingFunction": "--timingFunction_k54uj",
+  "--durationFinalize": "--durationFinalize_k54uj",
+  "--delayFinalize": "--delayFinalize_k54uj",
+  "--keyframesFinalize": "--keyframesFinalize_k54uj",
+  "_transition-based": "__transition-based_k54uj_gg_",
+  "_visible": "__visible_k54uj_gg_",
+  "--durationInitialize": "--durationInitialize_k54uj",
+  "--delayInitialize": "--delayInitialize_k54uj",
+  "--keyframesInitialize": "--keyframesInitialize_k54uj"
 });
 function propToArray(prop) {
   return Array.isArray(prop) ? prop : [prop, prop];

package/lib/cjs/components/animation/Collapse.js

@@ -12,36 +12,36 @@ var _react = _interopRequireDefault(require("react"));
 var _Animation = _interopRequireDefault(require("./Animation"));
 // @ts-nocheck
 /*!__reshadow-styles__:"./style/keyframes.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes collapse-enter_1ns4f{0%,to{overflow:clip}}@keyframes collapse-exit_1ns4f{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1ns4f{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1ns4f{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1ns4f{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1ns4f{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1ns4f{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_1ns4f{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_1ns4f{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_1ns4f{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_1ns4f{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_1ns4f{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_1ns4f{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_1ns4f{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_1ns4f{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1ns4f{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1ns4f{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1ns4f{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1ns4f{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1ns4f{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1ns4f{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1ns4f{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1ns4f{0%{transform:var(--transformStart_1ns4f)}to{transform:var(--transformEnd_1ns4f)}}@keyframes transform-exit_1ns4f{0%{transform:var(--transformEnd_1ns4f)}to{transform:var(--transformStart_1ns4f)}}.___SCollapse_1ns4f_gg_{transition-property:height;display:flow-root}", /*__inner_css_end__*/"1ns4f_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes collapse-enter_1fqaa{0%,to{overflow:clip}}@keyframes collapse-exit_1fqaa{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1fqaa{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1fqaa{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1fqaa{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1fqaa{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1fqaa{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_1fqaa{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_1fqaa{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_1fqaa{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_1fqaa{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_1fqaa{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_1fqaa{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_1fqaa{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_1fqaa{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1fqaa{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1fqaa{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1fqaa{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1fqaa{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1fqaa{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1fqaa{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1fqaa{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1fqaa{0%{transform:var(--transformStart_1fqaa)}to{transform:var(--transformEnd_1fqaa)}}@keyframes transform-exit_1fqaa{0%{transform:var(--transformEnd_1fqaa)}to{transform:var(--transformStart_1fqaa)}}.___SCollapse_1fqaa_gg_{transition-property:height;display:flow-root}", /*__inner_css_end__*/"1fqaa_gg_"),
 /*__reshadow_css_end__*/
 {
-  "@collapse-enter": "collapse-enter_1ns4f",
-  "@collapse-exit": "collapse-exit_1ns4f",
-  "__SCollapse": "___SCollapse_1ns4f_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1ns4f",
-  "@fade-in-out-exit": "fade-in-out-exit_1ns4f",
-  "@opacity-in": "opacity-in_1ns4f",
-  "@opacity-out": "opacity-out_1ns4f",
-  "@scale-left-in": "scale-left-in_1ns4f",
-  "@scale-right-in": "scale-right-in_1ns4f",
-  "@scale-top-in": "scale-top-in_1ns4f",
-  "@scale-bottom-in": "scale-bottom-in_1ns4f",
-  "@scale-left-out": "scale-left-out_1ns4f",
-  "@scale-right-out": "scale-right-out_1ns4f",
-  "@scale-top-out": "scale-top-out_1ns4f",
-  "@scale-bottom-out": "scale-bottom-out_1ns4f",
-  "@slide-top-in": "slide-top-in_1ns4f",
-  "@slide-top-out": "slide-top-out_1ns4f",
-  "@slide-bottom-in": "slide-bottom-in_1ns4f",
-  "@slide-bottom-out": "slide-bottom-out_1ns4f",
-  "@slide-left-in": "slide-left-in_1ns4f",
-  "@slide-left-out": "slide-left-out_1ns4f",
-  "@slide-right-in": "slide-right-in_1ns4f",
-  "@slide-right-out": "slide-right-out_1ns4f",
-  "@transform-enter": "transform-enter_1ns4f",
-  "--transformStart": "--transformStart_1ns4f",
-  "--transformEnd": "--transformEnd_1ns4f",
-  "@transform-exit": "transform-exit_1ns4f"
+  "@collapse-enter": "collapse-enter_1fqaa",
+  "@collapse-exit": "collapse-exit_1fqaa",
+  "__SCollapse": "___SCollapse_1fqaa_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_1fqaa",
+  "@fade-in-out-exit": "fade-in-out-exit_1fqaa",
+  "@opacity-in": "opacity-in_1fqaa",
+  "@opacity-out": "opacity-out_1fqaa",
+  "@scale-left-in": "scale-left-in_1fqaa",
+  "@scale-right-in": "scale-right-in_1fqaa",
+  "@scale-top-in": "scale-top-in_1fqaa",
+  "@scale-bottom-in": "scale-bottom-in_1fqaa",
+  "@scale-left-out": "scale-left-out_1fqaa",
+  "@scale-right-out": "scale-right-out_1fqaa",
+  "@scale-top-out": "scale-top-out_1fqaa",
+  "@scale-bottom-out": "scale-bottom-out_1fqaa",
+  "@slide-top-in": "slide-top-in_1fqaa",
+  "@slide-top-out": "slide-top-out_1fqaa",
+  "@slide-bottom-in": "slide-bottom-in_1fqaa",
+  "@slide-bottom-out": "slide-bottom-out_1fqaa",
+  "@slide-left-in": "slide-left-in_1fqaa",
+  "@slide-left-out": "slide-left-out_1fqaa",
+  "@slide-right-in": "slide-right-in_1fqaa",
+  "@slide-right-out": "slide-right-out_1fqaa",
+  "@transform-enter": "transform-enter_1fqaa",
+  "--transformStart": "--transformStart_1fqaa",
+  "--transformEnd": "--transformEnd_1fqaa",
+  "@transform-exit": "transform-exit_1fqaa"
 });
 function Collapse({
   onAnimationStart,

package/lib/cjs/components/animation/FadeInOut.js

@@ -9,36 +9,36 @@ var _core = require("@semcore/core");
 var _react = _interopRequireDefault(require("react"));
 var _Animation = _interopRequireDefault(require("./Animation"));
 /*!__reshadow-styles__:"./style/keyframes.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes collapse-enter_1ns4f{0%,to{overflow:clip}}@keyframes collapse-exit_1ns4f{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1ns4f{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1ns4f{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1ns4f{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1ns4f{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1ns4f{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_1ns4f{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_1ns4f{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_1ns4f{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_1ns4f{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_1ns4f{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_1ns4f{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_1ns4f{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_1ns4f{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1ns4f{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1ns4f{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1ns4f{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1ns4f{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1ns4f{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1ns4f{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1ns4f{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1ns4f{0%{transform:var(--transformStart_1ns4f)}to{transform:var(--transformEnd_1ns4f)}}@keyframes transform-exit_1ns4f{0%{transform:var(--transformEnd_1ns4f)}to{transform:var(--transformStart_1ns4f)}}.___SCollapse_1ns4f_gg_{transition-property:height;display:flow-root}", /*__inner_css_end__*/"1ns4f_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes collapse-enter_1fqaa{0%,to{overflow:clip}}@keyframes collapse-exit_1fqaa{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1fqaa{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1fqaa{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1fqaa{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1fqaa{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1fqaa{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_1fqaa{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_1fqaa{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_1fqaa{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_1fqaa{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_1fqaa{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_1fqaa{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_1fqaa{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_1fqaa{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1fqaa{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1fqaa{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1fqaa{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1fqaa{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1fqaa{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1fqaa{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1fqaa{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1fqaa{0%{transform:var(--transformStart_1fqaa)}to{transform:var(--transformEnd_1fqaa)}}@keyframes transform-exit_1fqaa{0%{transform:var(--transformEnd_1fqaa)}to{transform:var(--transformStart_1fqaa)}}.___SCollapse_1fqaa_gg_{transition-property:height;display:flow-root}", /*__inner_css_end__*/"1fqaa_gg_"),
 /*__reshadow_css_end__*/
 {
-  "@collapse-enter": "collapse-enter_1ns4f",
-  "@collapse-exit": "collapse-exit_1ns4f",
-  "__SCollapse": "___SCollapse_1ns4f_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1ns4f",
-  "@fade-in-out-exit": "fade-in-out-exit_1ns4f",
-  "@opacity-in": "opacity-in_1ns4f",
-  "@opacity-out": "opacity-out_1ns4f",
-  "@scale-left-in": "scale-left-in_1ns4f",
-  "@scale-right-in": "scale-right-in_1ns4f",
-  "@scale-top-in": "scale-top-in_1ns4f",
-  "@scale-bottom-in": "scale-bottom-in_1ns4f",
-  "@scale-left-out": "scale-left-out_1ns4f",
-  "@scale-right-out": "scale-right-out_1ns4f",
-  "@scale-top-out": "scale-top-out_1ns4f",
-  "@scale-bottom-out": "scale-bottom-out_1ns4f",
-  "@slide-top-in": "slide-top-in_1ns4f",
-  "@slide-top-out": "slide-top-out_1ns4f",
-  "@slide-bottom-in": "slide-bottom-in_1ns4f",
-  "@slide-bottom-out": "slide-bottom-out_1ns4f",
-  "@slide-left-in": "slide-left-in_1ns4f",
-  "@slide-left-out": "slide-left-out_1ns4f",
-  "@slide-right-in": "slide-right-in_1ns4f",
-  "@slide-right-out": "slide-right-out_1ns4f",
-  "@transform-enter": "transform-enter_1ns4f",
-  "--transformStart": "--transformStart_1ns4f",
-  "--transformEnd": "--transformEnd_1ns4f",
-  "@transform-exit": "transform-exit_1ns4f"
+  "@collapse-enter": "collapse-enter_1fqaa",
+  "@collapse-exit": "collapse-exit_1fqaa",
+  "__SCollapse": "___SCollapse_1fqaa_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_1fqaa",
+  "@fade-in-out-exit": "fade-in-out-exit_1fqaa",
+  "@opacity-in": "opacity-in_1fqaa",
+  "@opacity-out": "opacity-out_1fqaa",
+  "@scale-left-in": "scale-left-in_1fqaa",
+  "@scale-right-in": "scale-right-in_1fqaa",
+  "@scale-top-in": "scale-top-in_1fqaa",
+  "@scale-bottom-in": "scale-bottom-in_1fqaa",
+  "@scale-left-out": "scale-left-out_1fqaa",
+  "@scale-right-out": "scale-right-out_1fqaa",
+  "@scale-top-out": "scale-top-out_1fqaa",
+  "@scale-bottom-out": "scale-bottom-out_1fqaa",
+  "@slide-top-in": "slide-top-in_1fqaa",
+  "@slide-top-out": "slide-top-out_1fqaa",
+  "@slide-bottom-in": "slide-bottom-in_1fqaa",
+  "@slide-bottom-out": "slide-bottom-out_1fqaa",
+  "@slide-left-in": "slide-left-in_1fqaa",
+  "@slide-left-out": "slide-left-out_1fqaa",
+  "@slide-right-in": "slide-right-in_1fqaa",
+  "@slide-right-out": "slide-right-out_1fqaa",
+  "@transform-enter": "transform-enter_1fqaa",
+  "--transformStart": "--transformStart_1fqaa",
+  "--transformEnd": "--transformEnd_1fqaa",
+  "@transform-exit": "transform-exit_1fqaa"
 });
 function FadeInOut(props, ref) {
   var _ref;

package/lib/cjs/components/animation/Scale.js

@@ -10,36 +10,36 @@ var _ref2 = require("@semcore/core/lib/utils/ref");
 var _react = _interopRequireDefault(require("react"));
 var _Animation = _interopRequireDefault(require("./Animation"));
 /*!__reshadow-styles__:"./style/keyframes.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes collapse-enter_1ns4f{0%,to{overflow:clip}}@keyframes collapse-exit_1ns4f{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1ns4f{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1ns4f{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1ns4f{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1ns4f{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1ns4f{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_1ns4f{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_1ns4f{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_1ns4f{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_1ns4f{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_1ns4f{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_1ns4f{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_1ns4f{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_1ns4f{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1ns4f{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1ns4f{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1ns4f{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1ns4f{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1ns4f{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1ns4f{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1ns4f{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1ns4f{0%{transform:var(--transformStart_1ns4f)}to{transform:var(--transformEnd_1ns4f)}}@keyframes transform-exit_1ns4f{0%{transform:var(--transformEnd_1ns4f)}to{transform:var(--transformStart_1ns4f)}}.___SCollapse_1ns4f_gg_{transition-property:height;display:flow-root}", /*__inner_css_end__*/"1ns4f_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes collapse-enter_1fqaa{0%,to{overflow:clip}}@keyframes collapse-exit_1fqaa{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1fqaa{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1fqaa{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1fqaa{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1fqaa{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1fqaa{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_1fqaa{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_1fqaa{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_1fqaa{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_1fqaa{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_1fqaa{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_1fqaa{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_1fqaa{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_1fqaa{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1fqaa{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1fqaa{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1fqaa{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1fqaa{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1fqaa{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1fqaa{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1fqaa{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1fqaa{0%{transform:var(--transformStart_1fqaa)}to{transform:var(--transformEnd_1fqaa)}}@keyframes transform-exit_1fqaa{0%{transform:var(--transformEnd_1fqaa)}to{transform:var(--transformStart_1fqaa)}}.___SCollapse_1fqaa_gg_{transition-property:height;display:flow-root}", /*__inner_css_end__*/"1fqaa_gg_"),
 /*__reshadow_css_end__*/
 {
-  "@collapse-enter": "collapse-enter_1ns4f",
-  "@collapse-exit": "collapse-exit_1ns4f",
-  "__SCollapse": "___SCollapse_1ns4f_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1ns4f",
-  "@fade-in-out-exit": "fade-in-out-exit_1ns4f",
-  "@opacity-in": "opacity-in_1ns4f",
-  "@opacity-out": "opacity-out_1ns4f",
-  "@scale-left-in": "scale-left-in_1ns4f",
-  "@scale-right-in": "scale-right-in_1ns4f",
-  "@scale-top-in": "scale-top-in_1ns4f",
-  "@scale-bottom-in": "scale-bottom-in_1ns4f",
-  "@scale-left-out": "scale-left-out_1ns4f",
-  "@scale-right-out": "scale-right-out_1ns4f",
-  "@scale-top-out": "scale-top-out_1ns4f",
-  "@scale-bottom-out": "scale-bottom-out_1ns4f",
-  "@slide-top-in": "slide-top-in_1ns4f",
-  "@slide-top-out": "slide-top-out_1ns4f",
-  "@slide-bottom-in": "slide-bottom-in_1ns4f",
-  "@slide-bottom-out": "slide-bottom-out_1ns4f",
-  "@slide-left-in": "slide-left-in_1ns4f",
-  "@slide-left-out": "slide-left-out_1ns4f",
-  "@slide-right-in": "slide-right-in_1ns4f",
-  "@slide-right-out": "slide-right-out_1ns4f",
-  "@transform-enter": "transform-enter_1ns4f",
-  "--transformStart": "--transformStart_1ns4f",
-  "--transformEnd": "--transformEnd_1ns4f",
-  "@transform-exit": "transform-exit_1ns4f"
+  "@collapse-enter": "collapse-enter_1fqaa",
+  "@collapse-exit": "collapse-exit_1fqaa",
+  "__SCollapse": "___SCollapse_1fqaa_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_1fqaa",
+  "@fade-in-out-exit": "fade-in-out-exit_1fqaa",
+  "@opacity-in": "opacity-in_1fqaa",
+  "@opacity-out": "opacity-out_1fqaa",
+  "@scale-left-in": "scale-left-in_1fqaa",
+  "@scale-right-in": "scale-right-in_1fqaa",
+  "@scale-top-in": "scale-top-in_1fqaa",
+  "@scale-bottom-in": "scale-bottom-in_1fqaa",
+  "@scale-left-out": "scale-left-out_1fqaa",
+  "@scale-right-out": "scale-right-out_1fqaa",
+  "@scale-top-out": "scale-top-out_1fqaa",
+  "@scale-bottom-out": "scale-bottom-out_1fqaa",
+  "@slide-top-in": "slide-top-in_1fqaa",
+  "@slide-top-out": "slide-top-out_1fqaa",
+  "@slide-bottom-in": "slide-bottom-in_1fqaa",
+  "@slide-bottom-out": "slide-bottom-out_1fqaa",
+  "@slide-left-in": "slide-left-in_1fqaa",
+  "@slide-left-out": "slide-left-out_1fqaa",
+  "@slide-right-in": "slide-right-in_1fqaa",
+  "@slide-right-out": "slide-right-out_1fqaa",
+  "@transform-enter": "transform-enter_1fqaa",
+  "--transformStart": "--transformStart_1fqaa",
+  "--transformEnd": "--transformEnd_1fqaa",
+  "@transform-exit": "transform-exit_1fqaa"
 });
 function Scale(props, ref) {
   var _ref;

package/lib/cjs/components/animation/Slide.js

@@ -9,36 +9,36 @@ var _core = require("@semcore/core");
 var _react = _interopRequireDefault(require("react"));
 var _Animation = _interopRequireDefault(require("./Animation"));
 /*!__reshadow-styles__:"./style/keyframes.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes collapse-enter_1ns4f{0%,to{overflow:clip}}@keyframes collapse-exit_1ns4f{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1ns4f{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1ns4f{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1ns4f{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1ns4f{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1ns4f{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_1ns4f{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_1ns4f{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_1ns4f{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_1ns4f{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_1ns4f{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_1ns4f{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_1ns4f{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_1ns4f{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1ns4f{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1ns4f{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1ns4f{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1ns4f{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1ns4f{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1ns4f{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1ns4f{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1ns4f{0%{transform:var(--transformStart_1ns4f)}to{transform:var(--transformEnd_1ns4f)}}@keyframes transform-exit_1ns4f{0%{transform:var(--transformEnd_1ns4f)}to{transform:var(--transformStart_1ns4f)}}.___SCollapse_1ns4f_gg_{transition-property:height;display:flow-root}", /*__inner_css_end__*/"1ns4f_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes collapse-enter_1fqaa{0%,to{overflow:clip}}@keyframes collapse-exit_1fqaa{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1fqaa{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1fqaa{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1fqaa{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1fqaa{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1fqaa{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_1fqaa{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_1fqaa{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_1fqaa{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_1fqaa{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_1fqaa{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_1fqaa{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_1fqaa{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_1fqaa{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1fqaa{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1fqaa{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1fqaa{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1fqaa{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1fqaa{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1fqaa{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1fqaa{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1fqaa{0%{transform:var(--transformStart_1fqaa)}to{transform:var(--transformEnd_1fqaa)}}@keyframes transform-exit_1fqaa{0%{transform:var(--transformEnd_1fqaa)}to{transform:var(--transformStart_1fqaa)}}.___SCollapse_1fqaa_gg_{transition-property:height;display:flow-root}", /*__inner_css_end__*/"1fqaa_gg_"),
 /*__reshadow_css_end__*/
 {
-  "@collapse-enter": "collapse-enter_1ns4f",
-  "@collapse-exit": "collapse-exit_1ns4f",
-  "__SCollapse": "___SCollapse_1ns4f_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1ns4f",
-  "@fade-in-out-exit": "fade-in-out-exit_1ns4f",
-  "@opacity-in": "opacity-in_1ns4f",
-  "@opacity-out": "opacity-out_1ns4f",
-  "@scale-left-in": "scale-left-in_1ns4f",
-  "@scale-right-in": "scale-right-in_1ns4f",
-  "@scale-top-in": "scale-top-in_1ns4f",
-  "@scale-bottom-in": "scale-bottom-in_1ns4f",
-  "@scale-left-out": "scale-left-out_1ns4f",
-  "@scale-right-out": "scale-right-out_1ns4f",
-  "@scale-top-out": "scale-top-out_1ns4f",
-  "@scale-bottom-out": "scale-bottom-out_1ns4f",
-  "@slide-top-in": "slide-top-in_1ns4f",
-  "@slide-top-out": "slide-top-out_1ns4f",
-  "@slide-bottom-in": "slide-bottom-in_1ns4f",
-  "@slide-bottom-out": "slide-bottom-out_1ns4f",
-  "@slide-left-in": "slide-left-in_1ns4f",
-  "@slide-left-out": "slide-left-out_1ns4f",
-  "@slide-right-in": "slide-right-in_1ns4f",
-  "@slide-right-out": "slide-right-out_1ns4f",
-  "@transform-enter": "transform-enter_1ns4f",
-  "--transformStart": "--transformStart_1ns4f",
-  "--transformEnd": "--transformEnd_1ns4f",
-  "@transform-exit": "transform-exit_1ns4f"
+  "@collapse-enter": "collapse-enter_1fqaa",
+  "@collapse-exit": "collapse-exit_1fqaa",
+  "__SCollapse": "___SCollapse_1fqaa_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_1fqaa",
+  "@fade-in-out-exit": "fade-in-out-exit_1fqaa",
+  "@opacity-in": "opacity-in_1fqaa",
+  "@opacity-out": "opacity-out_1fqaa",
+  "@scale-left-in": "scale-left-in_1fqaa",
+  "@scale-right-in": "scale-right-in_1fqaa",
+  "@scale-top-in": "scale-top-in_1fqaa",
+  "@scale-bottom-in": "scale-bottom-in_1fqaa",
+  "@scale-left-out": "scale-left-out_1fqaa",
+  "@scale-right-out": "scale-right-out_1fqaa",
+  "@scale-top-out": "scale-top-out_1fqaa",
+  "@scale-bottom-out": "scale-bottom-out_1fqaa",
+  "@slide-top-in": "slide-top-in_1fqaa",
+  "@slide-top-out": "slide-top-out_1fqaa",
+  "@slide-bottom-in": "slide-bottom-in_1fqaa",
+  "@slide-bottom-out": "slide-bottom-out_1fqaa",
+  "@slide-left-in": "slide-left-in_1fqaa",
+  "@slide-left-out": "slide-left-out_1fqaa",
+  "@slide-right-in": "slide-right-in_1fqaa",
+  "@slide-right-out": "slide-right-out_1fqaa",
+  "@transform-enter": "transform-enter_1fqaa",
+  "--transformStart": "--transformStart_1fqaa",
+  "--transformEnd": "--transformEnd_1fqaa",
+  "@transform-exit": "transform-exit_1fqaa"
 });
 function Slide(props, ref) {
   var _ref;

package/lib/cjs/components/animation/Transform.js

@@ -9,36 +9,36 @@ var _core = require("@semcore/core");
 var _react = _interopRequireDefault(require("react"));
 var _Animation = _interopRequireDefault(require("./Animation"));
 /*!__reshadow-styles__:"./style/keyframes.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes collapse-enter_1ns4f{0%,to{overflow:clip}}@keyframes collapse-exit_1ns4f{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1ns4f{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1ns4f{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1ns4f{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1ns4f{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1ns4f{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_1ns4f{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_1ns4f{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_1ns4f{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_1ns4f{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_1ns4f{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_1ns4f{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_1ns4f{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_1ns4f{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1ns4f{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1ns4f{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1ns4f{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1ns4f{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1ns4f{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1ns4f{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1ns4f{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1ns4f{0%{transform:var(--transformStart_1ns4f)}to{transform:var(--transformEnd_1ns4f)}}@keyframes transform-exit_1ns4f{0%{transform:var(--transformEnd_1ns4f)}to{transform:var(--transformStart_1ns4f)}}.___SCollapse_1ns4f_gg_{transition-property:height;display:flow-root}", /*__inner_css_end__*/"1ns4f_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes collapse-enter_1fqaa{0%,to{overflow:clip}}@keyframes collapse-exit_1fqaa{0%,to{overflow:clip}}@keyframes fade-in-out-enter_1fqaa{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_1fqaa{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_1fqaa{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_1fqaa{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_1fqaa{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_1fqaa{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_1fqaa{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_1fqaa{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_1fqaa{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_1fqaa{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_1fqaa{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_1fqaa{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_1fqaa{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_1fqaa{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_1fqaa{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_1fqaa{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_1fqaa{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_1fqaa{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_1fqaa{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_1fqaa{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_1fqaa{0%{transform:var(--transformStart_1fqaa)}to{transform:var(--transformEnd_1fqaa)}}@keyframes transform-exit_1fqaa{0%{transform:var(--transformEnd_1fqaa)}to{transform:var(--transformStart_1fqaa)}}.___SCollapse_1fqaa_gg_{transition-property:height;display:flow-root}", /*__inner_css_end__*/"1fqaa_gg_"),
 /*__reshadow_css_end__*/
 {
-  "@collapse-enter": "collapse-enter_1ns4f",
-  "@collapse-exit": "collapse-exit_1ns4f",
-  "__SCollapse": "___SCollapse_1ns4f_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_1ns4f",
-  "@fade-in-out-exit": "fade-in-out-exit_1ns4f",
-  "@opacity-in": "opacity-in_1ns4f",
-  "@opacity-out": "opacity-out_1ns4f",
-  "@scale-left-in": "scale-left-in_1ns4f",
-  "@scale-right-in": "scale-right-in_1ns4f",
-  "@scale-top-in": "scale-top-in_1ns4f",
-  "@scale-bottom-in": "scale-bottom-in_1ns4f",
-  "@scale-left-out": "scale-left-out_1ns4f",
-  "@scale-right-out": "scale-right-out_1ns4f",
-  "@scale-top-out": "scale-top-out_1ns4f",
-  "@scale-bottom-out": "scale-bottom-out_1ns4f",
-  "@slide-top-in": "slide-top-in_1ns4f",
-  "@slide-top-out": "slide-top-out_1ns4f",
-  "@slide-bottom-in": "slide-bottom-in_1ns4f",
-  "@slide-bottom-out": "slide-bottom-out_1ns4f",
-  "@slide-left-in": "slide-left-in_1ns4f",
-  "@slide-left-out": "slide-left-out_1ns4f",
-  "@slide-right-in": "slide-right-in_1ns4f",
-  "@slide-right-out": "slide-right-out_1ns4f",
-  "@transform-enter": "transform-enter_1ns4f",
-  "--transformStart": "--transformStart_1ns4f",
-  "--transformEnd": "--transformEnd_1ns4f",
-  "@transform-exit": "transform-exit_1ns4f"
+  "@collapse-enter": "collapse-enter_1fqaa",
+  "@collapse-exit": "collapse-exit_1fqaa",
+  "__SCollapse": "___SCollapse_1fqaa_gg_",
+  "@fade-in-out-enter": "fade-in-out-enter_1fqaa",
+  "@fade-in-out-exit": "fade-in-out-exit_1fqaa",
+  "@opacity-in": "opacity-in_1fqaa",
+  "@opacity-out": "opacity-out_1fqaa",
+  "@scale-left-in": "scale-left-in_1fqaa",
+  "@scale-right-in": "scale-right-in_1fqaa",
+  "@scale-top-in": "scale-top-in_1fqaa",
+  "@scale-bottom-in": "scale-bottom-in_1fqaa",
+  "@scale-left-out": "scale-left-out_1fqaa",
+  "@scale-right-out": "scale-right-out_1fqaa",
+  "@scale-top-out": "scale-top-out_1fqaa",
+  "@scale-bottom-out": "scale-bottom-out_1fqaa",
+  "@slide-top-in": "slide-top-in_1fqaa",
+  "@slide-top-out": "slide-top-out_1fqaa",
+  "@slide-bottom-in": "slide-bottom-in_1fqaa",
+  "@slide-bottom-out": "slide-bottom-out_1fqaa",
+  "@slide-left-in": "slide-left-in_1fqaa",
+  "@slide-left-out": "slide-left-out_1fqaa",
+  "@slide-right-in": "slide-right-in_1fqaa",
+  "@slide-right-out": "slide-right-out_1fqaa",
+  "@transform-enter": "transform-enter_1fqaa",
+  "--transformStart": "--transformStart_1fqaa",
+  "--transformEnd": "--transformEnd_1fqaa",
+  "@transform-exit": "transform-exit_1fqaa"
 });
 function Transform(props, ref) {
   var _ref;

package/lib/cjs/components/flex-box/Box/useBox.js

@@ -11,18 +11,18 @@ var _propsForElement = _interopRequireDefault(require("@semcore/core/lib/utils/p
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
 /*!__reshadow-styles__:"../style/use-box.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBox_1x9qy_gg_._inAfterOutline_false_1x9qy_gg_:focus-visible,.___SBox_1x9qy_gg_._inAfterOutline_true_1x9qy_gg_:focus-visible::after{z-index:1;outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}.___SBox_1x9qy_gg_._inAfterOutline_false_1x9qy_gg_.__invertOutline_1x9qy_gg_:focus-visible,.___SBox_1x9qy_gg_._inAfterOutline_true_1x9qy_gg_.__invertOutline_1x9qy_gg_:focus-visible::after{outline-color:var(--intergalactic-keyboard-focus-invert-outline, rgba(255, 255, 255, 0.8))}.___SBox_1x9qy_gg_._inAfterOutline_true_1x9qy_gg_:focus-visible::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(0);right:var(0);bottom:var(0);left:var(0)}@media (hover:hover){.___SBox_1x9qy_gg_.__hoverCursor_1x9qy_gg_:hover{cursor:var(--hoverCursor_1x9qy)}}.___SBoxInnerOutline_1x9qy_gg_._inAfterOutline_false_1x9qy_gg_:focus-visible,.___SBoxInnerOutline_1x9qy_gg_._inAfterOutline_true_1x9qy_gg_:focus-visible::after{outline-offset:-2px}.___SBoxSizing_1x9qy_gg_{box-sizing:border-box}.___SBoxInline_1x9qy_gg_{display:inline-block}", /*__inner_css_end__*/"1x9qy_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBox_crpfx_gg_._inAfterOutline_false_crpfx_gg_:focus-visible,.___SBox_crpfx_gg_._inAfterOutline_true_crpfx_gg_:focus-visible::after{z-index:1;outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}.___SBox_crpfx_gg_._inAfterOutline_false_crpfx_gg_.__invertOutline_crpfx_gg_:focus-visible,.___SBox_crpfx_gg_._inAfterOutline_true_crpfx_gg_.__invertOutline_crpfx_gg_:focus-visible::after{outline-color:var(--intergalactic-keyboard-focus-invert-outline, rgba(255, 255, 255, 0.8))}.___SBox_crpfx_gg_._inAfterOutline_true_crpfx_gg_:focus-visible::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(0);right:var(0);bottom:var(0);left:var(0)}@media (hover:hover){.___SBox_crpfx_gg_.__hoverCursor_crpfx_gg_:hover{cursor:var(--hoverCursor_crpfx)}}.___SBoxInnerOutline_crpfx_gg_._inAfterOutline_false_crpfx_gg_:focus-visible,.___SBoxInnerOutline_crpfx_gg_._inAfterOutline_true_crpfx_gg_:focus-visible::after{outline-offset:-2px}.___SBoxSizing_crpfx_gg_{box-sizing:border-box}.___SBoxInline_crpfx_gg_{display:inline-block}", /*__inner_css_end__*/"crpfx_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SBoxInnerOutline": "___SBoxInnerOutline_1x9qy_gg_",
-  "_inAfterOutline_false": "_inAfterOutline_false_1x9qy_gg_",
-  "_inAfterOutline_true": "_inAfterOutline_true_1x9qy_gg_",
-  "__SBoxSizing": "___SBoxSizing_1x9qy_gg_",
-  "__SBoxInline": "___SBoxInline_1x9qy_gg_",
-  "__SBox": "___SBox_1x9qy_gg_",
-  "_invertOutline": "__invertOutline_1x9qy_gg_",
-  "_hoverCursor": "__hoverCursor_1x9qy_gg_",
-  "--hoverCursor": "--hoverCursor_1x9qy"
+  "__SBoxInnerOutline": "___SBoxInnerOutline_crpfx_gg_",
+  "_inAfterOutline_false": "_inAfterOutline_false_crpfx_gg_",
+  "_inAfterOutline_true": "_inAfterOutline_true_crpfx_gg_",
+  "__SBoxSizing": "___SBoxSizing_crpfx_gg_",
+  "__SBoxInline": "___SBoxInline_crpfx_gg_",
+  "__SBox": "___SBox_crpfx_gg_",
+  "_invertOutline": "__invertOutline_crpfx_gg_",
+  "_hoverCursor": "__hoverCursor_crpfx_gg_",
+  "--hoverCursor": "--hoverCursor_crpfx"
 });
 /** @deprecated */
 function calculateIndentStyles(props, scaleIndent) {

package/lib/cjs/components/flex-box/Flex/useFlex.js

@@ -11,11 +11,11 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
 var _useBox = _interopRequireDefault(require("../Box/useBox"));
 /*!__reshadow-styles__:"../style/use-flex.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFlex_fqcaq_gg_{display:flex}.___SFlex_fqcaq_gg_.__inline_fqcaq_gg_{display:inline-flex}", /*__inner_css_end__*/"fqcaq_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFlex_25vrj_gg_{display:flex}.___SFlex_25vrj_gg_.__inline_25vrj_gg_{display:inline-flex}", /*__inner_css_end__*/"25vrj_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SFlex": "___SFlex_fqcaq_gg_",
-  "_inline": "__inline_fqcaq_gg_"
+  "__SFlex": "___SFlex_25vrj_gg_",
+  "_inline": "__inline_25vrj_gg_"
 });
 function calculateFlexStyles(props) {
   const DirectionReverse = {

package/lib/cjs/components/flex-box/invalid-state-box/InvalidStateBox.js

@@ -9,10 +9,10 @@ var _core = require("@semcore/core");
 var _react = _interopRequireDefault(require("react"));
 var _Box = _interopRequireDefault(require("../Box"));
 /*!__reshadow-styles__:"./invalidStateBox.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SPattern_1wevc_gg_{width:6px;height:100%;position:absolute;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:calc(var(--intergalactic-control-rounded, 6px) - 2px);border-top-left-radius:calc(var(--intergalactic-control-rounded, 6px) - 2px)}", /*__inner_css_end__*/"1wevc_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SPattern_gir2k_gg_{width:6px;height:100%;position:absolute;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:calc(var(--intergalactic-control-rounded, 6px) - 2px);border-top-left-radius:calc(var(--intergalactic-control-rounded, 6px) - 2px)}", /*__inner_css_end__*/"gir2k_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SPattern": "___SPattern_1wevc_gg_"
+  "__SPattern": "___SPattern_gir2k_gg_"
 });
 function InvalidStatePatternComponent() {
   var _ref = arguments[0],

package/lib/cjs/components/flex-box/screen-reader-only-box/ScreenReaderOnlyBox.js

@@ -9,10 +9,10 @@ var _core = require("@semcore/core");
 var _react = _interopRequireDefault(require("react"));
 var _Box = _interopRequireDefault(require("../Box"));
 /*!__reshadow-styles__:"./screenReaderOnlyBox.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SScreenReaderOnly_ysuwz_gg_{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border-width:0;left:-1px;top:-1px}", /*__inner_css_end__*/"ysuwz_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SScreenReaderOnly_r0fi0_gg_{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border-width:0;left:-1px;top:-1px}", /*__inner_css_end__*/"r0fi0_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SScreenReaderOnly": "___SScreenReaderOnly_ysuwz_gg_"
+  "__SScreenReaderOnly": "___SScreenReaderOnly_r0fi0_gg_"
 });
 function ScreenReaderOnlyComponent() {
   var _ref = arguments[0],