intergalactic 15.67.0 → 15.67.1

package/animation/lib/es6/Collapse.js

@@ -6,34 +6,34 @@ import React from 'react';
 import { createBaseComponent, sstyled } from 'intergalactic/core';
 import Animation from './Animation';
 /*__reshadow-styles__:"./style/keyframes.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_iownw{0%,to{overflow:clip}}@keyframes collapse-exit_iownw{0%,to{overflow:clip}}@keyframes fade-in-out-enter_iownw{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_iownw{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_iownw{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_iownw{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_iownw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_iownw{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_iownw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_iownw{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_iownw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_iownw{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_iownw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_iownw{0%{transform:var(--transformStart_iownw)}to{transform:var(--transformEnd_iownw)}}@keyframes transform-exit_iownw{0%{transform:var(--transformEnd_iownw)}to{transform:var(--transformStart_iownw)}}.___SCollapse_iownw_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "iownw_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_iownw",
-  "@collapse-exit": "collapse-exit_iownw",
-  "__SCollapse": "___SCollapse_iownw_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_iownw",
-  "@fade-in-out-exit": "fade-in-out-exit_iownw",
-  "@opacity-in": "opacity-in_iownw",
-  "@opacity-out": "opacity-out_iownw",
-  "@scale-left-in": "scale-left-in_iownw",
-  "@scale-right-in": "scale-right-in_iownw",
-  "@scale-top-in": "scale-top-in_iownw",
-  "@scale-bottom-in": "scale-bottom-in_iownw",
-  "@scale-left-out": "scale-left-out_iownw",
-  "@scale-right-out": "scale-right-out_iownw",
-  "@scale-top-out": "scale-top-out_iownw",
-  "@scale-bottom-out": "scale-bottom-out_iownw",
-  "@slide-top-in": "slide-top-in_iownw",
-  "@slide-top-out": "slide-top-out_iownw",
-  "@slide-bottom-in": "slide-bottom-in_iownw",
-  "@slide-bottom-out": "slide-bottom-out_iownw",
-  "@slide-left-in": "slide-left-in_iownw",
-  "@slide-left-out": "slide-left-out_iownw",
-  "@slide-right-in": "slide-right-in_iownw",
-  "@slide-right-out": "slide-right-out_iownw",
-  "@transform-enter": "transform-enter_iownw",
-  "--transformStart": "--transformStart_iownw",
-  "--transformEnd": "--transformEnd_iownw",
-  "@transform-exit": "transform-exit_iownw"
+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"
 });
 import { useForkRef } from 'intergalactic/utils/lib/ref';
 import useEnhancedEffect from 'intergalactic/utils/lib/use/useEnhancedEffect';
@@ -70,13 +70,16 @@ function Collapse(_ref2, ref) {
     if (props.visible) event.currentTarget.style.height = "".concat(event.currentTarget.scrollHeight, "px");
     if (!props.visible) event.currentTarget.style.height = "".concat(0, "px");
   }, [props.visible]);
+  var visibleRef = React.useRef(props.visible);
+  visibleRef.current = props.visible;
   var handleAnimationEnd = React.useCallback(function (event) {
     if (event.currentTarget !== event.target) return;
     if (onAnimationEnd) onAnimationEnd(event);
     var element = event.currentTarget;
     setTimeout(function () {
       if (!element) return;
-      element.style.height = 'auto';
+      if (visibleRef.current) element.style.height = 'auto';
+      if (!visibleRef.current) element.style.height = "".concat(0, "px");
       if (overflowHidden) {
         element.style.overflow = overflowRef.current;
       }

package/animation/lib/es6/Collapse.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapse.js","names":["React","createBaseComponent","sstyled","Animation","style","_sstyled","insert","useForkRef","useEnhancedEffect","Collapse","_ref2","ref","_ref","onAnimationStart","onAnimationEnd","_ref2$overflowHidden","overflowHidden","props","_objectWithoutProperties","_excluded","SCollapse","overflowRef","useRef","innerRef","forkedRef","current","visible","height","concat","scrollHeight","animationFillMode","handleAnimationStart","useCallback","event","currentTarget","target","window","getComputedStyle","overflow","handleAnimationEnd","element","setTimeout","createElement","cn","_objectSpread","displayName"],"sources":["../../src/Collapse.jsx"],"sourcesContent":["import React from 'react';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport Animation from './Animation';\nimport style from './style/keyframes.shadow.css';\nimport { useForkRef } from '@semcore/utils/lib/ref';\nimport useEnhancedEffect from '@semcore/utils/lib/use/useEnhancedEffect';\n\nfunction Collapse({ onAnimationStart, onAnimationEnd, overflowHidden = true, ...props }, ref) {\n  const SCollapse = Animation;\n  const overflowRef = React.useRef('initial');\n  const innerRef = React.useRef(null);\n  const forkedRef = useForkRef(innerRef, ref);\n\n  useEnhancedEffect(() => {\n    if (!innerRef.current) return;\n    if (props.visible) innerRef.current.style.height = `${0}px`;\n    if (!props.visible) innerRef.current.style.height = `${innerRef.current.scrollHeight}px`;\n    if (props.visible) innerRef.current.style.animationFillMode = 'none';\n    if (!props.visible) innerRef.current.style.animationFillMode = 'both';\n  }, [props.visible]);\n\n  useEnhancedEffect(() => {\n    if (!innerRef.current) return;\n    if (props.visible) innerRef.current.style.height = 'auto';\n    if (!props.visible) innerRef.current.style.height = `${0}px`;\n  }, []);\n\n  const handleAnimationStart = React.useCallback(\n    (event) => {\n      if (event.currentTarget !== event.target) return;\n      if (onAnimationStart) onAnimationStart(event);\n      if (overflowHidden) {\n        overflowRef.current = window.getComputedStyle(event.currentTarget).overflow;\n        event.currentTarget.style.overflow = 'clip';\n      }\n\n      if (props.visible) event.currentTarget.style.height = `${event.currentTarget.scrollHeight}px`;\n      if (!props.visible) event.currentTarget.style.height = `${0}px`;\n    },\n    [props.visible],\n  );\n\n  const handleAnimationEnd = React.useCallback((event) => {\n    if (event.currentTarget !== event.target) return;\n    if (onAnimationEnd) onAnimationEnd(event);\n    const element = event.currentTarget;\n\n    setTimeout(() => {\n      if (!element) return;\n      element.style.height = 'auto';\n      if (overflowHidden) {\n        element.style.overflow = overflowRef.current;\n      }\n    }, 0);\n  }, []);\n\n  return sstyled(style)(\n    <SCollapse\n      ref={forkedRef}\n      {...props}\n      onAnimationStart={handleAnimationStart}\n      onAnimationEnd={handleAnimationEnd}\n      keyframes={[style['@collapse-enter'], style['@collapse-exit']]}\n      transition-based\n    />,\n  );\n}\n\nCollapse.displayName = 'Collapse';\n\nexport default createBaseComponent(Collapse);\n"],"mappings":"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"}
+{"version":3,"file":"Collapse.js","names":["React","createBaseComponent","sstyled","Animation","style","_sstyled","insert","useForkRef","useEnhancedEffect","Collapse","_ref2","ref","_ref","onAnimationStart","onAnimationEnd","_ref2$overflowHidden","overflowHidden","props","_objectWithoutProperties","_excluded","SCollapse","overflowRef","useRef","innerRef","forkedRef","current","visible","height","concat","scrollHeight","animationFillMode","handleAnimationStart","useCallback","event","currentTarget","target","window","getComputedStyle","overflow","visibleRef","handleAnimationEnd","element","setTimeout","createElement","cn","_objectSpread","displayName"],"sources":["../../src/Collapse.jsx"],"sourcesContent":["import React from 'react';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport Animation from './Animation';\nimport style from './style/keyframes.shadow.css';\nimport { useForkRef } from '@semcore/utils/lib/ref';\nimport useEnhancedEffect from '@semcore/utils/lib/use/useEnhancedEffect';\n\nfunction Collapse({ onAnimationStart, onAnimationEnd, overflowHidden = true, ...props }, ref) {\n  const SCollapse = Animation;\n  const overflowRef = React.useRef('initial');\n  const innerRef = React.useRef(null);\n  const forkedRef = useForkRef(innerRef, ref);\n\n  useEnhancedEffect(() => {\n    if (!innerRef.current) return;\n    if (props.visible) innerRef.current.style.height = `${0}px`;\n    if (!props.visible) innerRef.current.style.height = `${innerRef.current.scrollHeight}px`;\n    if (props.visible) innerRef.current.style.animationFillMode = 'none';\n    if (!props.visible) innerRef.current.style.animationFillMode = 'both';\n  }, [props.visible]);\n\n  useEnhancedEffect(() => {\n    if (!innerRef.current) return;\n    if (props.visible) innerRef.current.style.height = 'auto';\n    if (!props.visible) innerRef.current.style.height = `${0}px`;\n  }, []);\n\n  const handleAnimationStart = React.useCallback(\n    (event) => {\n      if (event.currentTarget !== event.target) return;\n      if (onAnimationStart) onAnimationStart(event);\n      if (overflowHidden) {\n        overflowRef.current = window.getComputedStyle(event.currentTarget).overflow;\n        event.currentTarget.style.overflow = 'clip';\n      }\n\n      if (props.visible) event.currentTarget.style.height = `${event.currentTarget.scrollHeight}px`;\n      if (!props.visible) event.currentTarget.style.height = `${0}px`;\n    },\n    [props.visible],\n  );\n\n  const visibleRef = React.useRef(props.visible);\n  visibleRef.current = props.visible;\n  const handleAnimationEnd = React.useCallback((event) => {\n    if (event.currentTarget !== event.target) return;\n    if (onAnimationEnd) onAnimationEnd(event);\n    const element = event.currentTarget;\n\n    setTimeout(() => {\n      if (!element) return;\n      if (visibleRef.current) element.style.height = 'auto';\n      if (!visibleRef.current) element.style.height = `${0}px`;\n      if (overflowHidden) {\n        element.style.overflow = overflowRef.current;\n      }\n    }, 0);\n  }, []);\n\n  return sstyled(style)(\n    <SCollapse\n      ref={forkedRef}\n      {...props}\n      onAnimationStart={handleAnimationStart}\n      onAnimationEnd={handleAnimationEnd}\n      keyframes={[style['@collapse-enter'], style['@collapse-exit']]}\n      transition-based\n    />,\n  );\n}\n\nCollapse.displayName = 'Collapse';\n\nexport default createBaseComponent(Collapse);\n"],"mappings":"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"}

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_iownw{0%,to{overflow:clip}}@keyframes collapse-exit_iownw{0%,to{overflow:clip}}@keyframes fade-in-out-enter_iownw{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_iownw{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_iownw{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_iownw{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_iownw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_iownw{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_iownw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_iownw{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_iownw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_iownw{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_iownw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_iownw{0%{transform:var(--transformStart_iownw)}to{transform:var(--transformEnd_iownw)}}@keyframes transform-exit_iownw{0%{transform:var(--transformEnd_iownw)}to{transform:var(--transformStart_iownw)}}.___SCollapse_iownw_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "iownw_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_iownw",
-  "@collapse-exit": "collapse-exit_iownw",
-  "__SCollapse": "___SCollapse_iownw_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_iownw",
-  "@fade-in-out-exit": "fade-in-out-exit_iownw",
-  "@opacity-in": "opacity-in_iownw",
-  "@opacity-out": "opacity-out_iownw",
-  "@scale-left-in": "scale-left-in_iownw",
-  "@scale-right-in": "scale-right-in_iownw",
-  "@scale-top-in": "scale-top-in_iownw",
-  "@scale-bottom-in": "scale-bottom-in_iownw",
-  "@scale-left-out": "scale-left-out_iownw",
-  "@scale-right-out": "scale-right-out_iownw",
-  "@scale-top-out": "scale-top-out_iownw",
-  "@scale-bottom-out": "scale-bottom-out_iownw",
-  "@slide-top-in": "slide-top-in_iownw",
-  "@slide-top-out": "slide-top-out_iownw",
-  "@slide-bottom-in": "slide-bottom-in_iownw",
-  "@slide-bottom-out": "slide-bottom-out_iownw",
-  "@slide-left-in": "slide-left-in_iownw",
-  "@slide-left-out": "slide-left-out_iownw",
-  "@slide-right-in": "slide-right-in_iownw",
-  "@slide-right-out": "slide-right-out_iownw",
-  "@transform-enter": "transform-enter_iownw",
-  "--transformStart": "--transformStart_iownw",
-  "--transformEnd": "--transformEnd_iownw",
-  "@transform-exit": "transform-exit_iownw"
+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"
 });
 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_iownw{0%,to{overflow:clip}}@keyframes collapse-exit_iownw{0%,to{overflow:clip}}@keyframes fade-in-out-enter_iownw{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_iownw{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_iownw{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_iownw{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_iownw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_iownw{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_iownw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_iownw{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_iownw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_iownw{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_iownw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_iownw{0%{transform:var(--transformStart_iownw)}to{transform:var(--transformEnd_iownw)}}@keyframes transform-exit_iownw{0%{transform:var(--transformEnd_iownw)}to{transform:var(--transformStart_iownw)}}.___SCollapse_iownw_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "iownw_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_iownw",
-  "@collapse-exit": "collapse-exit_iownw",
-  "__SCollapse": "___SCollapse_iownw_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_iownw",
-  "@fade-in-out-exit": "fade-in-out-exit_iownw",
-  "@opacity-in": "opacity-in_iownw",
-  "@opacity-out": "opacity-out_iownw",
-  "@scale-left-in": "scale-left-in_iownw",
-  "@scale-right-in": "scale-right-in_iownw",
-  "@scale-top-in": "scale-top-in_iownw",
-  "@scale-bottom-in": "scale-bottom-in_iownw",
-  "@scale-left-out": "scale-left-out_iownw",
-  "@scale-right-out": "scale-right-out_iownw",
-  "@scale-top-out": "scale-top-out_iownw",
-  "@scale-bottom-out": "scale-bottom-out_iownw",
-  "@slide-top-in": "slide-top-in_iownw",
-  "@slide-top-out": "slide-top-out_iownw",
-  "@slide-bottom-in": "slide-bottom-in_iownw",
-  "@slide-bottom-out": "slide-bottom-out_iownw",
-  "@slide-left-in": "slide-left-in_iownw",
-  "@slide-left-out": "slide-left-out_iownw",
-  "@slide-right-in": "slide-right-in_iownw",
-  "@slide-right-out": "slide-right-out_iownw",
-  "@transform-enter": "transform-enter_iownw",
-  "--transformStart": "--transformStart_iownw",
-  "--transformEnd": "--transformEnd_iownw",
-  "@transform-exit": "transform-exit_iownw"
+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"
 });
 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_iownw{0%,to{overflow:clip}}@keyframes collapse-exit_iownw{0%,to{overflow:clip}}@keyframes fade-in-out-enter_iownw{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_iownw{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_iownw{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_iownw{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_iownw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_iownw{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_iownw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_iownw{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_iownw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_iownw{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_iownw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_iownw{0%{transform:var(--transformStart_iownw)}to{transform:var(--transformEnd_iownw)}}@keyframes transform-exit_iownw{0%{transform:var(--transformEnd_iownw)}to{transform:var(--transformStart_iownw)}}.___SCollapse_iownw_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "iownw_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_iownw",
-  "@collapse-exit": "collapse-exit_iownw",
-  "__SCollapse": "___SCollapse_iownw_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_iownw",
-  "@fade-in-out-exit": "fade-in-out-exit_iownw",
-  "@opacity-in": "opacity-in_iownw",
-  "@opacity-out": "opacity-out_iownw",
-  "@scale-left-in": "scale-left-in_iownw",
-  "@scale-right-in": "scale-right-in_iownw",
-  "@scale-top-in": "scale-top-in_iownw",
-  "@scale-bottom-in": "scale-bottom-in_iownw",
-  "@scale-left-out": "scale-left-out_iownw",
-  "@scale-right-out": "scale-right-out_iownw",
-  "@scale-top-out": "scale-top-out_iownw",
-  "@scale-bottom-out": "scale-bottom-out_iownw",
-  "@slide-top-in": "slide-top-in_iownw",
-  "@slide-top-out": "slide-top-out_iownw",
-  "@slide-bottom-in": "slide-bottom-in_iownw",
-  "@slide-bottom-out": "slide-bottom-out_iownw",
-  "@slide-left-in": "slide-left-in_iownw",
-  "@slide-left-out": "slide-left-out_iownw",
-  "@slide-right-in": "slide-right-in_iownw",
-  "@slide-right-out": "slide-right-out_iownw",
-  "@transform-enter": "transform-enter_iownw",
-  "--transformStart": "--transformStart_iownw",
-  "--transformEnd": "--transformEnd_iownw",
-  "@transform-exit": "transform-exit_iownw"
+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"
 });
 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_iownw{0%,to{overflow:clip}}@keyframes collapse-exit_iownw{0%,to{overflow:clip}}@keyframes fade-in-out-enter_iownw{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_iownw{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_iownw{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_iownw{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{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_iownw{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_iownw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_iownw{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_iownw{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_iownw{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_iownw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_iownw{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_iownw{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_iownw{0%{transform:var(--transformStart_iownw)}to{transform:var(--transformEnd_iownw)}}@keyframes transform-exit_iownw{0%{transform:var(--transformEnd_iownw)}to{transform:var(--transformStart_iownw)}}.___SCollapse_iownw_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "iownw_gg_") /*__reshadow_css_end__*/, {
-  "@collapse-enter": "collapse-enter_iownw",
-  "@collapse-exit": "collapse-exit_iownw",
-  "__SCollapse": "___SCollapse_iownw_gg_",
-  "@fade-in-out-enter": "fade-in-out-enter_iownw",
-  "@fade-in-out-exit": "fade-in-out-exit_iownw",
-  "@opacity-in": "opacity-in_iownw",
-  "@opacity-out": "opacity-out_iownw",
-  "@scale-left-in": "scale-left-in_iownw",
-  "@scale-right-in": "scale-right-in_iownw",
-  "@scale-top-in": "scale-top-in_iownw",
-  "@scale-bottom-in": "scale-bottom-in_iownw",
-  "@scale-left-out": "scale-left-out_iownw",
-  "@scale-right-out": "scale-right-out_iownw",
-  "@scale-top-out": "scale-top-out_iownw",
-  "@scale-bottom-out": "scale-bottom-out_iownw",
-  "@slide-top-in": "slide-top-in_iownw",
-  "@slide-top-out": "slide-top-out_iownw",
-  "@slide-bottom-in": "slide-bottom-in_iownw",
-  "@slide-bottom-out": "slide-bottom-out_iownw",
-  "@slide-left-in": "slide-left-in_iownw",
-  "@slide-left-out": "slide-left-out_iownw",
-  "@slide-right-in": "slide-right-in_iownw",
-  "@slide-right-out": "slide-right-out_iownw",
-  "@transform-enter": "transform-enter_iownw",
-  "--transformStart": "--transformStart_iownw",
-  "--transformEnd": "--transformEnd_iownw",
-  "@transform-exit": "transform-exit_iownw"
+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"
 });
 function Transform(props, ref) {
   var _ref;

package/badge/lib/cjs/Badge.js

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

package/badge/lib/es6/Badge.js

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

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

@@ -22,24 +22,24 @@ var _logger = _interopRequireDefault(require("intergalactic/utils/lib/logger"));
 var _animatedSizeEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/animatedSizeEnhance"));
 var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
 /*__reshadow-styles__:"./style/base-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_iqzof_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_iqzof_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_iqzof_gg_:active,.___SBaseTrigger_iqzof_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_iqzof_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_iqzof_gg_.__keyboardFocused_iqzof_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}@media (hover:hover){.___SBaseTrigger_iqzof_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_iqzof_gg_.__active_iqzof_gg_,.___SBaseTrigger_iqzof_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_iqzof_gg_.__disabled_iqzof_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_iqzof_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_iqzof_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_iqzof_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_iqzof_gg_{width:12px;height:12px}.___SBaseTrigger_iqzof_gg_._size_m_iqzof_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_iqzof_gg_._size_m_iqzof_gg_ .___SAddon_iqzof_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_iqzof_gg_._size_m_iqzof_gg_ .___SAddon_iqzof_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_iqzof_gg_._size_l_iqzof_gg_ .___SAddon_iqzof_gg_:only-child,.___SBaseTrigger_iqzof_gg_._size_m_iqzof_gg_ .___SAddon_iqzof_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_iqzof_gg_._size_l_iqzof_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_iqzof_gg_._size_l_iqzof_gg_ .___SAddon_iqzof_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_iqzof_gg_._size_l_iqzof_gg_ .___SAddon_iqzof_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_iqzof_gg_._neighborLocation_right_iqzof_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_iqzof_gg_._neighborLocation_both_iqzof_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_iqzof_gg_._neighborLocation_left_iqzof_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_iqzof_gg_.__display-placeholder_iqzof_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_iqzof_gg_._state_valid_iqzof_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_iqzof_gg_._state_invalid_iqzof_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_iqzof_gg_._state_invalid_iqzof_gg_.__keyboardFocused_iqzof_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInvalidPattern_iqzof_gg_._size_m_iqzof_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_iqzof_gg_._size_l_iqzof_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "iqzof_gg_") /*__reshadow_css_end__*/, {
-  "__SBaseTrigger": "___SBaseTrigger_iqzof_gg_",
-  "_disabled": "__disabled_iqzof_gg_",
-  "__SInner": "___SInner_iqzof_gg_",
-  "__SText": "___SText_iqzof_gg_",
-  "__SAddon": "___SAddon_iqzof_gg_",
-  "__SBaseAddon": "___SBaseAddon_iqzof_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_iqzof_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_iqzof_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_iqzof_gg_",
-  "_display-placeholder": "__display-placeholder_iqzof_gg_",
-  "_state_valid": "_state_valid_iqzof_gg_",
-  "__SInvalidPattern": "___SInvalidPattern_iqzof_gg_",
-  "_size_m": "_size_m_iqzof_gg_",
-  "_size_l": "_size_l_iqzof_gg_",
-  "_keyboardFocused": "__keyboardFocused_iqzof_gg_",
-  "_active": "__active_iqzof_gg_",
-  "_state_invalid": "_state_invalid_iqzof_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_1srsq_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_1srsq_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1srsq_gg_:active,.___SBaseTrigger_1srsq_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1srsq_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_1srsq_gg_.__keyboardFocused_1srsq_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}@media (hover:hover){.___SBaseTrigger_1srsq_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1srsq_gg_.__active_1srsq_gg_,.___SBaseTrigger_1srsq_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1srsq_gg_.__disabled_1srsq_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1srsq_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1srsq_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_1srsq_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_1srsq_gg_{width:12px;height:12px}.___SBaseTrigger_1srsq_gg_._size_m_1srsq_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_1srsq_gg_._size_m_1srsq_gg_ .___SAddon_1srsq_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1srsq_gg_._size_m_1srsq_gg_ .___SAddon_1srsq_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1srsq_gg_._size_l_1srsq_gg_ .___SAddon_1srsq_gg_:only-child,.___SBaseTrigger_1srsq_gg_._size_m_1srsq_gg_ .___SAddon_1srsq_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1srsq_gg_._size_l_1srsq_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_1srsq_gg_._size_l_1srsq_gg_ .___SAddon_1srsq_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1srsq_gg_._size_l_1srsq_gg_ .___SAddon_1srsq_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1srsq_gg_._neighborLocation_right_1srsq_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1srsq_gg_._neighborLocation_both_1srsq_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1srsq_gg_._neighborLocation_left_1srsq_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1srsq_gg_.__display-placeholder_1srsq_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1srsq_gg_._state_valid_1srsq_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1srsq_gg_._state_invalid_1srsq_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1srsq_gg_._state_invalid_1srsq_gg_.__keyboardFocused_1srsq_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInvalidPattern_1srsq_gg_._size_m_1srsq_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_1srsq_gg_._size_l_1srsq_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "1srsq_gg_") /*__reshadow_css_end__*/, {
+  "__SBaseTrigger": "___SBaseTrigger_1srsq_gg_",
+  "_disabled": "__disabled_1srsq_gg_",
+  "__SInner": "___SInner_1srsq_gg_",
+  "__SText": "___SText_1srsq_gg_",
+  "__SAddon": "___SAddon_1srsq_gg_",
+  "__SBaseAddon": "___SBaseAddon_1srsq_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_1srsq_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_1srsq_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_1srsq_gg_",
+  "_display-placeholder": "__display-placeholder_1srsq_gg_",
+  "_state_valid": "_state_valid_1srsq_gg_",
+  "__SInvalidPattern": "___SInvalidPattern_1srsq_gg_",
+  "_size_m": "_size_m_1srsq_gg_",
+  "_size_l": "_size_l_1srsq_gg_",
+  "_keyboardFocused": "__keyboardFocused_1srsq_gg_",
+  "_active": "__active_1srsq_gg_",
+  "_state_invalid": "_state_invalid_1srsq_gg_"
 });
 var RootBaseTrigger = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootBaseTrigger, _Component);

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

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