@semcore/button 16.0.13-prerelease.9 → 16.1.0-prerelease.1

package/lib/esm/component/AbstractButton/AbstractButton.mjs

@@ -1,117 +1,155 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { Component, CORE_INSTANCE, sstyled, assignProps } from "@semcore/core";
-import { NeighborLocation, Box, Hint } from "@semcore/base-components";
+import { sstyled, assignProps, CORE_INSTANCE, Component } from "@semcore/core";
 import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
 import hasLabels from "@semcore/core/lib/utils/hasLabels";
 import logger from "@semcore/core/lib/utils/logger";
+import { Box } from "@semcore/flex-box";
+import NeighborLocation from "@semcore/neighbor-location";
+import { Hint } from "@semcore/tooltip";
 import React from "react";
 import SpinButton from "./SpinButton.mjs";
-const MAP_USE_DEFAULT_THEME = {
+var MAP_USE_DEFAULT_THEME = {
   primary: "info",
   secondary: "muted",
   tertiary: "info"
 };
-class AbstractButton extends Component {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "containerRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(this, "state", {
+var AbstractButton = /* @__PURE__ */ (function(_Component) {
+  function AbstractButton2() {
+    var _this;
+    _classCallCheck(this, AbstractButton2);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, AbstractButton2, [].concat(args));
+    _defineProperty(_this, "containerRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_this, "state", {
       ariaLabelledByContent: null
     });
+    return _this;
   }
-  getTextProps() {
-    const {
-      size
-    } = this.asProps;
-    return {
-      size
-    };
-  }
-  getAddonProps() {
-    const {
-      size
-    } = this.asProps;
-    return {
-      size
-    };
-  }
-  componentDidMount() {
-    if (process.env.NODE_ENV !== "production") {
-      logger.warn(this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title, `'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`, this.asProps["data-ui-name"] || AbstractButton.displayName);
-      logger.warn(this.asProps.theme === "warning", "Warning theme is deprecated and will be removed in the next major release.", this.asProps["data-ui-name"] || AbstractButton.displayName);
+  _inherits(AbstractButton2, _Component);
+  return _createClass(AbstractButton2, [{
+    key: "getTextProps",
+    value: function getTextProps() {
+      var size = this.asProps.size;
+      return {
+        size
+      };
+    }
+  }, {
+    key: "getAddonProps",
+    value: function getAddonProps() {
+      var size = this.asProps.size;
+      return {
+        size
+      };
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+      if (process.env.NODE_ENV !== "production") {
+        logger.warn(this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title, "'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content", this.asProps["data-ui-name"] || AbstractButton2.displayName);
+        logger.warn(this.asProps.theme === "warning", "Warning theme is deprecated and will be removed in the next major release.", this.asProps["data-ui-name"] || AbstractButton2.displayName);
+      }
+      var ariaLabelledby = this.asProps["aria-labelledby"];
+      if (ariaLabelledby) {
+        setTimeout(function() {
+          var _document$getElementB, _document$getElementB2;
+          _this2.setState({
+            ariaLabelledByContent: (_document$getElementB = (_document$getElementB2 = document.getElementById(ariaLabelledby)) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.textContent) !== null && _document$getElementB !== void 0 ? _document$getElementB : ""
+          });
+        }, 0);
+      }
     }
-    const ariaLabelledby = this.asProps["aria-labelledby"];
-    if (ariaLabelledby) {
-      setTimeout(() => {
-        var _a;
-        this.setState({
-          ariaLabelledByContent: ((_a = document.getElementById(ariaLabelledby)) == null ? void 0 : _a.textContent) ?? ""
+  }, {
+    key: "renderButton",
+    value: function renderButton(_ref6) {
+      var _ref = this.asProps, _ref3;
+      var buttonProps = _ref6.buttonProps, children = _ref6.children;
+      var _this$asProps = this.asProps, styles = _this$asProps.styles, theme = _this$asProps.theme;
+      var SButton = Box;
+      return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(SButton, _ref3.cn("SButton", _objectSpread({}, assignProps(_objectSpread({
+        "invertOutline": theme === "invert"
+      }, buttonProps), _ref))), children);
+    }
+  }, {
+    key: "renderButtonWithHint",
+    value: function renderButtonWithHint(_ref7) {
+      var _ref2 = this.asProps, _ref4;
+      var buttonProps = _ref7.buttonProps, children = _ref7.children, hintProps = _ref7.hintProps;
+      var _this$asProps2 = this.asProps, styles = _this$asProps2.styles, theme = _this$asProps2.theme;
+      var SButton = Hint;
+      return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SButton, _ref4.cn("SButton", _objectSpread({}, assignProps(_objectSpread(_objectSpread(_objectSpread({
+        "invertOutline": theme === "invert"
+      }, buttonProps), hintProps), {}, {
+        "ignorePortalsStacking": true
+      }), _ref2))), children);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref8, _ref9, _this3 = this;
+      var _this$asProps3 = this.asProps, styles = _this$asProps3.styles, use = _this$asProps3.use, _this$asProps3$theme = _this$asProps3.theme, theme = _this$asProps3$theme === void 0 ? typeof use === "string" && MAP_USE_DEFAULT_THEME[use] : _this$asProps3$theme, loading = _this$asProps3.loading, _this$asProps3$disabl = _this$asProps3.disabled, disabled = _this$asProps3$disabl === void 0 ? loading : _this$asProps3$disabl, size = _this$asProps3.size, neighborLocation = _this$asProps3.neighborLocation, hasChildren = _this$asProps3.children, title = _this$asProps3.title, ariaLabel = _this$asProps3["aria-label"], Children = _this$asProps3.Children, AddonLeft = _this$asProps3.addonLeft, AddonRight = _this$asProps3.addonRight, hintPlacement = _this$asProps3.hintPlacement;
+      var Button = this[CORE_INSTANCE];
+      var useTheme = use && theme ? "".concat(use, "-").concat(theme) : false;
+      var SInner = Box;
+      var SSpin = Box;
+      var buttonAriaLabel = (_ref8 = (_ref9 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref9 !== void 0 ? _ref9 : this.state.ariaLabelledByContent) !== null && _ref8 !== void 0 ? _ref8 : "";
+      var buttonProps = {
+        "type": "button",
+        "tag": "button",
+        disabled,
+        "use:theme": useTheme,
+        "ref": this.containerRef,
+        "text-color": this.getTextColor(),
+        "aria-busy": loading,
+        "__excludeProps": ["title"],
+        "tabIndex": 0
+      };
+      var hintProps = {
+        title: buttonAriaLabel,
+        timeout: [250, 50],
+        placement: hintPlacement,
+        theme: theme === "invert" ? "invert" : void 0,
+        __excludeProps: []
+      };
+      return /* @__PURE__ */ React.createElement(NeighborLocation.Detect, {
+        neighborLocation
+      }, function(neighborLocation2) {
+        var _ref5;
+        var children = (_ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SInner, _ref5.cn("SInner", {
+          "tag": "span",
+          "loading": loading,
+          "data-ui-name": "".concat(_this3.asProps["data-ui-name"], ".InnerWrapper")
+        }), AddonLeft ? /* @__PURE__ */ React.createElement(Button.Addon, null, /* @__PURE__ */ React.createElement(AddonLeft, _ref5.cn("AddonLeft", {}))) : null, addonTextChildren(Children, Button.Text, Button.Addon), AddonRight ? /* @__PURE__ */ React.createElement(Button.Addon, null, /* @__PURE__ */ React.createElement(AddonRight, _ref5.cn("AddonRight", {}))) : null), loading && /* @__PURE__ */ React.createElement(SSpin, _ref5.cn("SSpin", {
+          "tag": "span"
+        }), /* @__PURE__ */ React.createElement(SpinButton, _ref5.cn("SpinButton", {
+          "centered": true,
+          "size": size,
+          "theme": useTheme
+        })))));
+        buttonProps.neighborLocation = neighborLocation2;
+        if (hasChildren === void 0 || title) {
+          return _this3.renderButtonWithHint({
+            buttonProps,
+            hintProps,
+            children
+          });
+        }
+        return _this3.renderButton({
+          buttonProps,
+          children
         });
-      }, 0);
+      });
     }
-  }
-  render() {
-    var _ref = this.asProps;
-    const {
-      styles,
-      use,
-      theme = typeof use === "string" && MAP_USE_DEFAULT_THEME[use],
-      loading,
-      disabled = loading,
-      size,
-      neighborLocation,
-      children,
-      title,
-      ["aria-label"]: ariaLabel,
-      Children,
-      addonLeft: AddonLeft,
-      addonRight: AddonRight,
-      hintPlacement
-    } = this.asProps;
-    const SButton = Box;
-    const Button = this[CORE_INSTANCE];
-    const useTheme = use && theme ? `${use}-${theme}` : false;
-    const SInner = Box;
-    const SSpin = Box;
-    const buttonAriaLabel = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? "";
-    const showHint = children === void 0 || title;
-    return /* @__PURE__ */ React.createElement(NeighborLocation.Detect, {
-      neighborLocation
-    }, (neighborLocation2) => {
-      var _ref2;
-      return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SButton, _ref2.cn("SButton", {
-        ...assignProps({
-          "invertOutline": theme === "invert",
-          "type": "button",
-          "tag": "button",
-          "tabIndex": 0,
-          "disabled": disabled,
-          "use:theme": useTheme,
-          "ref": this.containerRef,
-          "text-color": this.getTextColor(),
-          "aria-busy": loading,
-          "__excludeProps": ["title"],
-          "aria-label": showHint ? buttonAriaLabel : void 0,
-          "neighborLocation": neighborLocation2
-        }, _ref)
-      }), /* @__PURE__ */ React.createElement(SInner, _ref2.cn("SInner", {
-        "tag": "span",
-        "loading": loading,
-        "data-ui-name": `${this.asProps["data-ui-name"]}.InnerWrapper`
-      }), AddonLeft ? /* @__PURE__ */ React.createElement(Button.Addon, null, /* @__PURE__ */ React.createElement(AddonLeft, _ref2.cn("AddonLeft", {}))) : null, addonTextChildren(Children, Button.Text, Button.Addon), AddonRight ? /* @__PURE__ */ React.createElement(Button.Addon, null, /* @__PURE__ */ React.createElement(AddonRight, _ref2.cn("AddonRight", {}))) : null), loading && /* @__PURE__ */ React.createElement(SSpin, _ref2.cn("SSpin", {
-        "tag": "span"
-      }), /* @__PURE__ */ React.createElement(SpinButton, _ref2.cn("SpinButton", {
-        "centered": true,
-        "size": size,
-        "theme": useTheme
-      })))), showHint && /* @__PURE__ */ React.createElement(Hint, _ref2.cn("Hint", {
-        "triggerRef": this.containerRef,
-        "timeout": [250, 50],
-        "placement": hintPlacement
-      }), buttonAriaLabel));
-    });
-  }
-}
+  }]);
+})(Component);
 _defineProperty(AbstractButton, "displayName", "AbstractButton");
 export {
   AbstractButton,

package/lib/esm/component/AbstractButton/SpinButton.mjs

@@ -1,17 +1,17 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import Spin from "@semcore/spin";
 import React from "react";
-const SPIN_SIZE_MAP = {
+var _excluded = ["theme", "size"];
+var SPIN_SIZE_MAP = {
   xl: "m",
   l: "s",
   m: "xs",
   s: "xxs"
 };
-function SpinButton({
-  theme,
-  size,
-  ...others
-}) {
+function SpinButton(_ref) {
+  _ref.theme;
+  var size = _ref.size, others = _objectWithoutProperties(_ref, _excluded);
   return /* @__PURE__ */ React.createElement(Spin, _extends({
     size: typeof size === "string" ? SPIN_SIZE_MAP[size] : size,
     theme: "currentColor"

package/lib/esm/component/Button/Button.mjs

@@ -1,51 +1,64 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { createComponent, sstyled, assignProps } from "@semcore/core";
-import { Box } from "@semcore/base-components";
+import { Box } from "@semcore/flex-box";
 import React from "react";
 import { AbstractButton } from "../AbstractButton/AbstractButton.mjs";
 /*!__reshadow-styles__:"./button.shadow.css"*/
-const style = (
+var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SButton_se7i8_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79);min-width:-moz-fit-content;min-width:fit-content}.___SButton_se7i8_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_se7i8_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_se7i8_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_se7i8_gg_.__disabled_se7i8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_se7i8_gg_._size_s_se7i8_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_se7i8_gg_._size_m_se7i8_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_se7i8_gg_._size_l_se7i8_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_se7i8_gg_._theme_primary-info_se7i8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_se7i8_gg_._theme_primary-info_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_se7i8_gg_._theme_primary-info_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-info_se7i8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_se7i8_gg_._theme_primary-success_se7i8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_se7i8_gg_._theme_primary-success_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_se7i8_gg_._theme_primary-success_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-success_se7i8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_se7i8_gg_._theme_primary-brand_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-warning_se7i8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_se7i8_gg_._theme_primary-brand_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_se7i8_gg_._theme_primary-brand_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-brand_se7i8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_se7i8_gg_._theme_primary-warning_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_se7i8_gg_._theme_primary-warning_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-warning_se7i8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_se7i8_gg_._theme_primary-danger_se7i8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_se7i8_gg_._theme_primary-danger_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_se7i8_gg_._theme_primary-danger_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-danger_se7i8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_se7i8_gg_._theme_primary-invert_se7i8_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_se7i8_gg_._theme_primary-invert_se7i8_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_se7i8_gg_._theme_primary-invert_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-invert_se7i8_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_se7i8_gg_._theme_secondary-muted_se7i8_gg_{color:var(--intergalactic-text-secondary, #6c6e79);border-color:var(--intergalactic-border-primary, #c4c7cf);background-color:var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1))}@media (hover:hover){.___SButton_se7i8_gg_._theme_secondary-muted_se7i8_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n    rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_se7i8_gg_._theme_secondary-muted_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_secondary-muted_se7i8_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n    rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_se7i8_gg_._theme_secondary-info_se7i8_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_se7i8_gg_._theme_secondary-info_se7i8_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_se7i8_gg_._theme_secondary-info_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_secondary-info_se7i8_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_se7i8_gg_._theme_secondary-invert_se7i8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05))}@media (hover:hover){.___SButton_se7i8_gg_._theme_secondary-invert_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_se7i8_gg_._theme_secondary-invert_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_secondary-invert_se7i8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-active,\n    rgba(255, 255, 255, 0.3))}.___SButton_se7i8_gg_._theme_tertiary-info_se7i8_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_se7i8_gg_._theme_tertiary-info_se7i8_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_se7i8_gg_._theme_tertiary-info_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_tertiary-info_se7i8_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_se7i8_gg_._theme_tertiary-muted_se7i8_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_se7i8_gg_._theme_tertiary-muted_se7i8_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_se7i8_gg_._theme_tertiary-muted_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_tertiary-muted_se7i8_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n    rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_se7i8_gg_._theme_tertiary-invert_se7i8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_se7i8_gg_._theme_tertiary-invert_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_se7i8_gg_._theme_tertiary-invert_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_tertiary-invert_se7i8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_se7i8_gg_._neighborLocation_right_se7i8_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_se7i8_gg_._neighborLocation_both_se7i8_gg_{border-radius:0;margin-left:-1px}.___SButton_se7i8_gg_._neighborLocation_left_se7i8_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_se7i8_gg_._neighborLocation_both_se7i8_gg_,.___SButton_se7i8_gg_._neighborLocation_left_se7i8_gg_{position:relative}.___SButton_se7i8_gg_._neighborLocation_both_se7i8_gg_:after,.___SButton_se7i8_gg_._neighborLocation_left_se7i8_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_se7i8_gg_._neighborLocation_both_se7i8_gg_._theme_secondary-muted_se7i8_gg_:after,.___SButton_se7i8_gg_._neighborLocation_left_se7i8_gg_._theme_secondary-muted_se7i8_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_se7i8_gg_+.___SButton_se7i8_gg_._neighborLocation_both_se7i8_gg_:after,.___SButton_se7i8_gg_+.___SButton_se7i8_gg_._neighborLocation_left_se7i8_gg_:after{content:"";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_se7i8_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_se7i8_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_se7i8_gg_.__loading_se7i8_gg_{visibility:hidden}.___SText_se7i8_gg_{display:inline-flex}.___SText_se7i8_gg_._size_l_se7i8_gg_,.___SText_se7i8_gg_._size_m_se7i8_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_se7i8_gg_._size_m_se7i8_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_se7i8_gg_._size_l_se7i8_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_se7i8_gg_._size_l_se7i8_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_se7i8_gg_._size_l_se7i8_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_se7i8_gg_._size_l_se7i8_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_se7i8_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_se7i8_gg_._size_m_se7i8_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_se7i8_gg_._size_m_se7i8_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_se7i8_gg_._size_m_se7i8_gg_:only-child{margin-left:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SAddon_se7i8_gg_._size_l_se7i8_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_se7i8_gg_._size_l_se7i8_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_se7i8_gg_._size_l_se7i8_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}',
+    '.___SButton_usmxt_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));min-width:-moz-fit-content;min-width:fit-content}@supports (color:color(display-p3 0 0 0%)){.___SButton_usmxt_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_usmxt_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SButton_usmxt_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_usmxt_gg_:active{text-decoration:none}@media (hover:hover){.___SButton_usmxt_gg_:hover{text-decoration:none}}.___SButton_usmxt_gg_.__disabled_usmxt_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_usmxt_gg_._size_s_usmxt_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_usmxt_gg_._size_m_usmxt_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_usmxt_gg_._size_l_usmxt_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_usmxt_gg_._theme_primary-info_usmxt_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}@media (hover:hover){.___SButton_usmxt_gg_._theme_primary-info_usmxt_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-info-hover, rgb(49, 52, 48))}}.___SButton_usmxt_gg_._theme_primary-info_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_primary-info_usmxt_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-info-active, rgb(0, 0, 0))}.___SButton_usmxt_gg_._theme_primary-success_usmxt_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success, rgb(0, 164, 128))}@supports (color:color(display-p3 0 0 0%)){.___SButton_usmxt_gg_._theme_primary-success_usmxt_gg_{background-color:var(--intergalactic-control-primary-success, rgb(0, 164, 128))}@media (color-gamut:p3){.___SButton_usmxt_gg_._theme_primary-success_usmxt_gg_{background-color:var(--intergalactic-control-primary-success, color(display-p3 0.13723 0.6542 0.50031))}}}@media (hover:hover){.___SButton_usmxt_gg_._theme_primary-success_usmxt_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success-hover, rgb(0, 150, 117))}@supports (color:color(display-p3 0 0 0%)){.___SButton_usmxt_gg_._theme_primary-success_usmxt_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, rgb(0, 150, 117))}@media (color-gamut:p3){.___SButton_usmxt_gg_._theme_primary-success_usmxt_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, color(display-p3 0.09181 0.60147 0.45602))}}}}.___SButton_usmxt_gg_._theme_primary-success_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_primary-success_usmxt_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success-active, rgb(0, 144, 112))}@supports (color:color(display-p3 0 0 0%)){.___SButton_usmxt_gg_._theme_primary-success_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_primary-success_usmxt_gg_:active{background-color:var(--intergalactic-control-primary-success-active, rgb(0, 144, 112))}@media (color-gamut:p3){.___SButton_usmxt_gg_._theme_primary-success_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_primary-success_usmxt_gg_:active{background-color:var(--intergalactic-control-primary-success-active, color(display-p3 0.07522 0.57486 0.43446))}}}.___SButton_usmxt_gg_._theme_primary-brand_usmxt_gg_,.___SButton_usmxt_gg_._theme_primary-warning_usmxt_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand, rgb(162, 97, 253))}@media (hover:hover){.___SButton_usmxt_gg_._theme_primary-brand_usmxt_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-hover, rgb(150, 76, 251))}}.___SButton_usmxt_gg_._theme_primary-brand_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_primary-brand_usmxt_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-active, rgb(144, 65, 250))}@media (hover:hover){.___SButton_usmxt_gg_._theme_primary-warning_usmxt_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-hover, rgb(150, 76, 251))}}.___SButton_usmxt_gg_._theme_primary-warning_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_primary-warning_usmxt_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-active, rgb(144, 65, 250))}.___SButton_usmxt_gg_._theme_primary-danger_usmxt_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-critical, rgb(247, 55, 64))}@media (hover:hover){.___SButton_usmxt_gg_._theme_primary-danger_usmxt_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-critical-hover, rgb(230, 44, 51))}}.___SButton_usmxt_gg_._theme_primary-danger_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_primary-danger_usmxt_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-critical-active, rgb(221, 39, 45))}.___SButton_usmxt_gg_._theme_primary-invert_usmxt_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));background-color:var(--intergalactic-control-primary-invert, rgb(255, 255, 255))}@media (hover:hover){.___SButton_usmxt_gg_._theme_primary-invert_usmxt_gg_:hover{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));background-color:var(--intergalactic-control-primary-invert-hover, rgb(241, 242, 242))}}.___SButton_usmxt_gg_._theme_primary-invert_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_primary-invert_usmxt_gg_:active{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));background-color:var(--intergalactic-control-primary-invert-active, rgb(234, 235, 235))}.___SButton_usmxt_gg_._theme_secondary-muted_usmxt_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));background-color:var(--intergalactic-control-secondary-neutral, rgba(0, 22, 16, 0.028))}@supports (color:color(display-p3 0 0 0%)){.___SButton_usmxt_gg_._theme_secondary-muted_usmxt_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SButton_usmxt_gg_._theme_secondary-muted_usmxt_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583));border-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}@media (hover:hover){.___SButton_usmxt_gg_._theme_secondary-muted_usmxt_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n    rgba(0, 21, 16, 0.056));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}}.___SButton_usmxt_gg_._theme_secondary-muted_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_secondary-muted_usmxt_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n    rgba(0, 21, 16, 0.084));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SButton_usmxt_gg_._theme_secondary-muted_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_secondary-muted_usmxt_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n    rgba(0, 21, 16, 0.084))}@media (color-gamut:p3){.___SButton_usmxt_gg_._theme_secondary-muted_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_secondary-muted_usmxt_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n    color(display-p3 0.01753 0.08157 0.06372 / 0.084))}}}.___SButton_usmxt_gg_._theme_secondary-info_usmxt_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039));color:var(--intergalactic-text-link, rgb(35, 95, 226));border-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}@supports (color:color(display-p3 0 0 0%)){.___SButton_usmxt_gg_._theme_secondary-info_usmxt_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039))}@media (color-gamut:p3){.___SButton_usmxt_gg_._theme_secondary-info_usmxt_gg_{background-color:var(--intergalactic-control-secondary-info, color(display-p3 0.12567 0.31309 0.96324 / 0.039))}}}@media (hover:hover){.___SButton_usmxt_gg_._theme_secondary-info_usmxt_gg_:hover{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@supports (color:color(display-p3 0 0 0%)){.___SButton_usmxt_gg_._theme_secondary-info_usmxt_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@media (color-gamut:p3){.___SButton_usmxt_gg_._theme_secondary-info_usmxt_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, color(display-p3 0.12402 0.30857 0.96259 / 0.077))}}}}.___SButton_usmxt_gg_._theme_secondary-info_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_secondary-info_usmxt_gg_:active{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SButton_usmxt_gg_._theme_secondary-info_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_secondary-info_usmxt_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SButton_usmxt_gg_._theme_secondary-info_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_secondary-info_usmxt_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SButton_usmxt_gg_._theme_secondary-invert_usmxt_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));border-color:var(--intergalactic-border-primary-invert, rgba(250, 255, 250, 0.391));background-color:var(--intergalactic-control-secondary-invert, rgba(225, 255, 219, 0.118))}@media (hover:hover){.___SButton_usmxt_gg_._theme_secondary-invert_usmxt_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-secondary-invert-hover, rgba(232, 255, 227, 0.145))}}.___SButton_usmxt_gg_._theme_secondary-invert_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_secondary-invert_usmxt_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-secondary-invert-active,\n    rgba(239, 255, 236, 0.183))}.___SButton_usmxt_gg_._theme_tertiary-info_usmxt_gg_{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-tertiary-info, transparent)}@media (hover:hover){.___SButton_usmxt_gg_._theme_tertiary-info_usmxt_gg_:hover{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 80, 255, 0.077))}@supports (color:color(display-p3 0 0 0%)){.___SButton_usmxt_gg_._theme_tertiary-info_usmxt_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 80, 255, 0.077))}@media (color-gamut:p3){.___SButton_usmxt_gg_._theme_tertiary-info_usmxt_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, color(display-p3 0.12402 0.30857 0.96259 / 0.077))}}}}.___SButton_usmxt_gg_._theme_tertiary-info_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_tertiary-info_usmxt_gg_:active{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-tertiary-info-active, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SButton_usmxt_gg_._theme_tertiary-info_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_tertiary-info_usmxt_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SButton_usmxt_gg_._theme_tertiary-info_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_tertiary-info_usmxt_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SButton_usmxt_gg_._theme_tertiary-muted_usmxt_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));background-color:var(--intergalactic-control-tertiary-neutral, transparent)}@supports (color:color(display-p3 0 0 0%)){.___SButton_usmxt_gg_._theme_tertiary-muted_usmxt_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_usmxt_gg_._theme_tertiary-muted_usmxt_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}@media (hover:hover){.___SButton_usmxt_gg_._theme_tertiary-muted_usmxt_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(0, 21, 16, 0.056));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}}.___SButton_usmxt_gg_._theme_tertiary-muted_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_tertiary-muted_usmxt_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n    rgba(0, 21, 16, 0.084));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SButton_usmxt_gg_._theme_tertiary-muted_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_tertiary-muted_usmxt_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n    rgba(0, 21, 16, 0.084))}@media (color-gamut:p3){.___SButton_usmxt_gg_._theme_tertiary-muted_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_tertiary-muted_usmxt_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n    color(display-p3 0.01753 0.08157 0.06372 / 0.084))}}}.___SButton_usmxt_gg_._theme_tertiary-invert_usmxt_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-tertiary-invert, transparent)}@media (hover:hover){.___SButton_usmxt_gg_._theme_tertiary-invert_usmxt_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(232, 255, 227, 0.145))}}.___SButton_usmxt_gg_._theme_tertiary-invert_usmxt_gg_.__active_usmxt_gg_,.___SButton_usmxt_gg_._theme_tertiary-invert_usmxt_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-tertiary-invert-active, rgba(239, 255, 236, 0.183))}.___SButton_usmxt_gg_._neighborLocation_right_usmxt_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_usmxt_gg_._neighborLocation_both_usmxt_gg_{border-radius:0;margin-left:-1px}.___SButton_usmxt_gg_._neighborLocation_left_usmxt_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_usmxt_gg_._neighborLocation_both_usmxt_gg_,.___SButton_usmxt_gg_._neighborLocation_left_usmxt_gg_{position:relative}.___SButton_usmxt_gg_._neighborLocation_both_usmxt_gg_:after,.___SButton_usmxt_gg_._neighborLocation_left_usmxt_gg_:after{background-color:var(--intergalactic-border-primary-invert, rgba(250, 255, 250, 0.391))}.___SButton_usmxt_gg_._neighborLocation_both_usmxt_gg_._theme_secondary-muted_usmxt_gg_:after,.___SButton_usmxt_gg_._neighborLocation_left_usmxt_gg_._theme_secondary-muted_usmxt_gg_:after{background-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SButton_usmxt_gg_._neighborLocation_both_usmxt_gg_._theme_secondary-muted_usmxt_gg_:after,.___SButton_usmxt_gg_._neighborLocation_left_usmxt_gg_._theme_secondary-muted_usmxt_gg_:after{background-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SButton_usmxt_gg_._neighborLocation_both_usmxt_gg_._theme_secondary-muted_usmxt_gg_:after,.___SButton_usmxt_gg_._neighborLocation_left_usmxt_gg_._theme_secondary-muted_usmxt_gg_:after{background-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SButton_usmxt_gg_+.___SButton_usmxt_gg_._neighborLocation_both_usmxt_gg_:after,.___SButton_usmxt_gg_+.___SButton_usmxt_gg_._neighborLocation_left_usmxt_gg_:after{content:"";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_usmxt_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_usmxt_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_usmxt_gg_.__loading_usmxt_gg_{visibility:hidden}.___SText_usmxt_gg_{display:inline-flex}.___SText_usmxt_gg_._size_l_usmxt_gg_,.___SText_usmxt_gg_._size_m_usmxt_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_usmxt_gg_._size_m_usmxt_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_usmxt_gg_._size_l_usmxt_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_usmxt_gg_._size_l_usmxt_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_usmxt_gg_._size_l_usmxt_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_usmxt_gg_._size_l_usmxt_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_usmxt_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_usmxt_gg_._size_m_usmxt_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_usmxt_gg_._size_m_usmxt_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_usmxt_gg_._size_m_usmxt_gg_:only-child{margin-left:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SAddon_usmxt_gg_._size_l_usmxt_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_usmxt_gg_._size_l_usmxt_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_usmxt_gg_._size_l_usmxt_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}',
     /*__inner_css_end__*/
-    "se7i8_gg_"
+    "usmxt_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SButton": "___SButton_se7i8_gg_",
-    "_disabled": "__disabled_se7i8_gg_",
-    "_size_s": "_size_s_se7i8_gg_",
-    "_size_m": "_size_m_se7i8_gg_",
-    "_size_l": "_size_l_se7i8_gg_",
-    "_neighborLocation_right": "_neighborLocation_right_se7i8_gg_",
-    "_neighborLocation_both": "_neighborLocation_both_se7i8_gg_",
-    "_neighborLocation_left": "_neighborLocation_left_se7i8_gg_",
-    "__SSpin": "___SSpin_se7i8_gg_",
-    "__SInner": "___SInner_se7i8_gg_",
-    "_loading": "__loading_se7i8_gg_",
-    "__SText": "___SText_se7i8_gg_",
-    "__SAddon": "___SAddon_se7i8_gg_",
-    "_theme_primary-info": "_theme_primary-info_se7i8_gg_",
-    "_active": "__active_se7i8_gg_",
-    "_theme_primary-success": "_theme_primary-success_se7i8_gg_",
-    "_theme_primary-brand": "_theme_primary-brand_se7i8_gg_",
-    "_theme_primary-warning": "_theme_primary-warning_se7i8_gg_",
-    "_theme_primary-danger": "_theme_primary-danger_se7i8_gg_",
-    "_theme_primary-invert": "_theme_primary-invert_se7i8_gg_",
-    "_theme_secondary-muted": "_theme_secondary-muted_se7i8_gg_",
-    "_theme_secondary-info": "_theme_secondary-info_se7i8_gg_",
-    "_theme_secondary-invert": "_theme_secondary-invert_se7i8_gg_",
-    "_theme_tertiary-info": "_theme_tertiary-info_se7i8_gg_",
-    "_theme_tertiary-muted": "_theme_tertiary-muted_se7i8_gg_",
-    "_theme_tertiary-invert": "_theme_tertiary-invert_se7i8_gg_"
+    "__SButton": "___SButton_usmxt_gg_",
+    "_disabled": "__disabled_usmxt_gg_",
+    "_size_s": "_size_s_usmxt_gg_",
+    "_size_m": "_size_m_usmxt_gg_",
+    "_size_l": "_size_l_usmxt_gg_",
+    "_neighborLocation_right": "_neighborLocation_right_usmxt_gg_",
+    "_neighborLocation_both": "_neighborLocation_both_usmxt_gg_",
+    "_neighborLocation_left": "_neighborLocation_left_usmxt_gg_",
+    "__SSpin": "___SSpin_usmxt_gg_",
+    "__SInner": "___SInner_usmxt_gg_",
+    "_loading": "__loading_usmxt_gg_",
+    "__SText": "___SText_usmxt_gg_",
+    "__SAddon": "___SAddon_usmxt_gg_",
+    "_theme_primary-info": "_theme_primary-info_usmxt_gg_",
+    "_active": "__active_usmxt_gg_",
+    "_theme_primary-success": "_theme_primary-success_usmxt_gg_",
+    "_theme_primary-brand": "_theme_primary-brand_usmxt_gg_",
+    "_theme_primary-warning": "_theme_primary-warning_usmxt_gg_",
+    "_theme_primary-danger": "_theme_primary-danger_usmxt_gg_",
+    "_theme_primary-invert": "_theme_primary-invert_usmxt_gg_",
+    "_theme_secondary-muted": "_theme_secondary-muted_usmxt_gg_",
+    "_theme_secondary-info": "_theme_secondary-info_usmxt_gg_",
+    "_theme_secondary-invert": "_theme_secondary-invert_usmxt_gg_",
+    "_theme_tertiary-info": "_theme_tertiary-info_usmxt_gg_",
+    "_theme_tertiary-muted": "_theme_tertiary-muted_usmxt_gg_",
+    "_theme_tertiary-invert": "_theme_tertiary-invert_usmxt_gg_"
   })
 );
-class RootButton extends AbstractButton {
-  getTextColor() {
-    return void 0;
+var RootButton = /* @__PURE__ */ (function(_AbstractButton) {
+  function RootButton2() {
+    _classCallCheck(this, RootButton2);
+    return _callSuper(this, RootButton2, arguments);
   }
-}
+  _inherits(RootButton2, _AbstractButton);
+  return _createClass(RootButton2, [{
+    key: "getTextColor",
+    value: function getTextColor() {
+      return void 0;
+    }
+  }]);
+})(AbstractButton);
 _defineProperty(RootButton, "displayName", "Button");
 _defineProperty(RootButton, "style", style);
 _defineProperty(RootButton, "defaultProps", {
@@ -54,23 +67,19 @@ _defineProperty(RootButton, "defaultProps", {
 });
 function Text(props) {
   var _ref = arguments[0], _ref3;
-  const SText = Box;
-  return _ref3 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SText, _ref3.cn("SText", {
-    ...assignProps({
-      "tag": "span"
-    }, _ref)
-  }));
+  var SText = Box;
+  return _ref3 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SText, _ref3.cn("SText", _objectSpread({}, assignProps({
+    "tag": "span"
+  }, _ref))));
 }
 function Addon(props) {
   var _ref2 = arguments[0], _ref4;
-  const SAddon = Box;
-  return _ref4 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SAddon, _ref4.cn("SAddon", {
-    ...assignProps({
-      "tag": "span"
-    }, _ref2)
-  }));
+  var SAddon = Box;
+  return _ref4 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SAddon, _ref4.cn("SAddon", _objectSpread({}, assignProps({
+    "tag": "span"
+  }, _ref2))));
 }
-const Button = createComponent(RootButton, {
+var Button = createComponent(RootButton, {
   Text,
   Addon
 });