@semcore/button 5.44.0-prerelease.0 → 5.44.0-prerelease.1

package/lib/es6/component/AbstractButton/AbstractButton.js

@@ -0,0 +1,175 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { assignProps as _assignProps2 } from "@semcore/core";
+import { assignProps as _assignProps } from "@semcore/core";
+import React from 'react';
+import { Box } from '@semcore/flex-box';
+import { Hint } from '@semcore/tooltip';
+import NeighborLocation from '@semcore/neighbor-location';
+import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
+import logger from '@semcore/utils/lib/logger';
+import SpinButton from './SpinButton';
+import hasLabels from '@semcore/utils/lib/hasLabels';
+import { Component, CORE_INSTANCE, Root, sstyled } from '@semcore/core';
+export var MAP_USE_DEFAULT_THEME = {
+  primary: 'info',
+  secondary: 'muted',
+  tertiary: 'info'
+};
+export var AbstractButton = /*#__PURE__*/function (_Component) {
+  _inherits(AbstractButton, _Component);
+  var _super = _createSuper(AbstractButton);
+  function AbstractButton() {
+    var _this;
+    _classCallCheck(this, AbstractButton);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "containerRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      ariaLabelledByContent: null
+    });
+    return _this;
+  }
+  _createClass(AbstractButton, [{
+    key: "getTextProps",
+    value: function getTextProps() {
+      var size = this.asProps.size;
+      return {
+        size: size
+      };
+    }
+  }, {
+    key: "getAddonProps",
+    value: function getAddonProps() {
+      var size = this.asProps.size;
+      return {
+        size: 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'] || 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);
+      }
+      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);
+      }
+    }
+  }, {
+    key: "renderButton",
+    value: function renderButton(_ref6) {
+      var _ref = this.asProps,
+        _ref3;
+      var buttonProps = _ref6.buttonProps,
+        children = _ref6.children;
+      var styles = this.asProps.styles;
+      var SButton = Box;
+      return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SButton, _ref3.cn("SButton", _objectSpread({}, _assignProps(_objectSpread({}, 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 styles = this.asProps.styles;
+      var SButton = Hint;
+      return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SButton, _ref4.cn("SButton", _objectSpread({}, _assignProps2(_objectSpread(_objectSpread({}, buttonProps), hintProps), _ref2))), children);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref8,
+        _ref9,
+        _this3 = this;
+      var _this$asProps = this.asProps,
+        styles = _this$asProps.styles,
+        use = _this$asProps.use,
+        _this$asProps$theme = _this$asProps.theme,
+        theme = _this$asProps$theme === void 0 ? typeof use === 'string' && MAP_USE_DEFAULT_THEME[use] : _this$asProps$theme,
+        loading = _this$asProps.loading,
+        _this$asProps$disable = _this$asProps.disabled,
+        disabled = _this$asProps$disable === void 0 ? loading : _this$asProps$disable,
+        size = _this$asProps.size,
+        neighborLocation = _this$asProps.neighborLocation,
+        hasChildren = _this$asProps.children,
+        title = _this$asProps.title,
+        ariaLabel = _this$asProps['aria-label'],
+        Children = _this$asProps.Children,
+        AddonLeft = _this$asProps.addonLeft,
+        AddonRight = _this$asProps.addonRight,
+        hintPlacement = _this$asProps.hintPlacement;
+      // @ts-ignore
+      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: disabled,
+        'use:theme': useTheme,
+        ref: this.containerRef,
+        'text-color': this.getTextColor(),
+        'aria-busy': loading,
+        __excludeProps: ['title']
+      };
+      var hintProps = {
+        title: buttonAriaLabel,
+        timeout: [250, 50],
+        placement: hintPlacement,
+        theme: theme === 'invert' ? 'invert' : undefined,
+        __excludeProps: []
+      };
+      return /*#__PURE__*/React.createElement(NeighborLocation.Detect, {
+        neighborLocation: neighborLocation
+      }, function (neighborLocation) {
+        var _ref5;
+        var children = (_ref5 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SInner, _ref5.cn("SInner", {
+          "tag": 'span',
+          "loading": loading
+        }), 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 = neighborLocation;
+        if (hasChildren === undefined || title) {
+          return _this3.renderButtonWithHint({
+            buttonProps: buttonProps,
+            hintProps: hintProps,
+            children: children
+          });
+        }
+        return _this3.renderButton({
+          buttonProps: buttonProps,
+          children: children
+        });
+      });
+    }
+  }]);
+  return AbstractButton;
+}(Component);
+_defineProperty(AbstractButton, "displayName", 'AbstractButton');
+//# sourceMappingURL=AbstractButton.js.map

package/lib/es6/component/AbstractButton/AbstractButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AbstractButton.js","names":["React","Box","Hint","NeighborLocation","addonTextChildren","logger","SpinButton","hasLabels","Component","CORE_INSTANCE","Root","sstyled","MAP_USE_DEFAULT_THEME","primary","secondary","tertiary","AbstractButton","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","ariaLabelledByContent","_createClass","key","value","getTextProps","size","asProps","getAddonProps","componentDidMount","_this2","process","env","NODE_ENV","warn","containerRef","current","title","displayName","theme","ariaLabelledby","setTimeout","_document$getElementB","_document$getElementB2","setState","document","getElementById","textContent","renderButton","_ref6","_ref","_ref3","buttonProps","children","styles","SButton","createElement","cn","_objectSpread","_assignProps","renderButtonWithHint","_ref7","_ref2","_ref4","hintProps","_assignProps2","render","_ref8","_ref9","_this3","_this$asProps","use","_this$asProps$theme","loading","_this$asProps$disable","disabled","neighborLocation","hasChildren","ariaLabel","Children","AddonLeft","addonLeft","AddonRight","addonRight","hintPlacement","Button","useTheme","SInner","SSpin","buttonAriaLabel","state","type","tag","ref","getTextColor","__excludeProps","timeout","placement","undefined","Detect","_ref5","Fragment","Addon","Text"],"sources":["../../../../src/component/AbstractButton/AbstractButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@semcore/flex-box';\nimport { Hint } from '@semcore/tooltip';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport SpinButton from './SpinButton';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\nimport { AbstractButtonProps } from './AbstractButton.type';\nimport { Component, CORE_INSTANCE, Root, sstyled } from '@semcore/core';\n\nexport const MAP_USE_DEFAULT_THEME: Record<string, string> = {\n  primary: 'info',\n  secondary: 'muted',\n  tertiary: 'info',\n};\n\ntype Props = AbstractButtonProps<any, any, any>;\n\nexport abstract class AbstractButton extends Component<Props, {}, {}> {\n  static displayName = 'AbstractButton';\n\n  containerRef = React.createRef<HTMLButtonElement>();\n\n  state = {\n    ariaLabelledByContent: null,\n  };\n\n  protected abstract getTextColor(): string | undefined;\n\n  getTextProps() {\n    const { size } = this.asProps;\n\n    return {\n      size,\n    };\n  }\n\n  getAddonProps() {\n    const { size } = this.asProps;\n    return {\n      size,\n    };\n  }\n\n  componentDidMount() {\n    if (process.env.NODE_ENV !== 'production') {\n      logger.warn(\n        this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title,\n        `'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n        this.asProps['data-ui-name'] || AbstractButton.displayName,\n      );\n\n      logger.warn(\n        this.asProps.theme === 'warning',\n        'Warning theme is deprecated and will be removed in the next major release.',\n        this.asProps['data-ui-name'] || AbstractButton.displayName,\n      );\n    }\n\n    const ariaLabelledby = this.asProps['aria-labelledby'];\n\n    if (ariaLabelledby) {\n      setTimeout(() => {\n        this.setState({\n          ariaLabelledByContent: document.getElementById(ariaLabelledby)?.textContent ?? '',\n        });\n      }, 0);\n    }\n  }\n\n  renderButton({ buttonProps, children }: any) {\n    const { styles } = this.asProps;\n    const SButton = Root;\n\n    return sstyled(styles)(\n      <SButton render={Box} {...buttonProps}>\n        {children}\n      </SButton>,\n    );\n  }\n\n  renderButtonWithHint({ buttonProps, children, hintProps }: any) {\n    const { styles } = this.asProps;\n    const SButton = Root;\n\n    return sstyled(styles)(\n      <SButton render={Hint} {...buttonProps} {...hintProps}>\n        {children}\n      </SButton>,\n    );\n  }\n\n  render() {\n    const {\n      styles,\n      use,\n      theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],\n      loading,\n      disabled = loading,\n      size,\n      neighborLocation,\n      children: hasChildren,\n      title,\n      ['aria-label']: ariaLabel,\n      Children,\n      addonLeft: AddonLeft,\n      addonRight: AddonRight,\n      hintPlacement,\n    } = this.asProps;\n    // @ts-ignore\n    const Button = this[CORE_INSTANCE];\n    const useTheme = use && theme ? `${use}-${theme}` : false;\n    const SInner = Box;\n    const SSpin = Box;\n    const buttonAriaLabel = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n    const buttonProps: Record<string, any> = {\n      type: 'button',\n      tag: 'button',\n      disabled,\n      'use:theme': useTheme,\n      ref: this.containerRef,\n      'text-color': this.getTextColor(),\n      'aria-busy': loading,\n      __excludeProps: ['title'],\n    };\n\n    const hintProps = {\n      title: buttonAriaLabel,\n      timeout: [250, 50],\n      placement: hintPlacement,\n      theme: theme === 'invert' ? 'invert' : undefined,\n      __excludeProps: [],\n    };\n\n    return (\n      <NeighborLocation.Detect neighborLocation={neighborLocation}>\n        {(neighborLocation) => {\n          const children = sstyled(styles)(\n            <>\n              {/* @ts-ignore */}\n              <SInner tag='span' loading={loading}>\n                {AddonLeft ? (\n                  <Button.Addon>\n                    <AddonLeft />\n                  </Button.Addon>\n                ) : null}\n                {addonTextChildren(Children, Button.Text, Button.Addon)}\n                {AddonRight ? (\n                  <Button.Addon>\n                    <AddonRight />\n                  </Button.Addon>\n                ) : null}\n              </SInner>\n              {loading && (\n                <SSpin tag='span'>\n                  <SpinButton centered size={size} theme={useTheme} />\n                </SSpin>\n              )}\n            </>,\n          );\n          buttonProps.neighborLocation = neighborLocation;\n\n          if (hasChildren === undefined || title) {\n            return this.renderButtonWithHint({ buttonProps, hintProps, children });\n          }\n\n          return this.renderButton({ buttonProps, children });\n        }}\n      </NeighborLocation.Detect>\n    );\n  }\n}\n"],"mappings":"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"}

package/lib/es6/component/AbstractButton/AbstractButton.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=AbstractButton.type.js.map

package/lib/es6/component/AbstractButton/AbstractButton.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AbstractButton.type.js","names":[],"sources":["../../../../src/component/AbstractButton/AbstractButton.type.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn } from '@semcore/core';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { BoxProps } from '@semcore/flex-box';\nimport { NeighborItemProps } from '@semcore/neighbor-location';\nimport { TooltipHintProps } from '@semcore/tooltip';\n\nexport type AbstractButtonProps<S, U, T> = BoxProps &\n  NeighborItemProps &\n  KeyboardFocusProps & {\n    /** Button activity state */\n    active?: boolean;\n    /** Disabled button state */\n    disabled?: boolean;\n    /** Loading button state */\n    loading?: boolean;\n    /** Tag for the left Addon */\n    addonLeft?: React.ElementType;\n    /** Tag for the right Addon */\n    addonRight?: React.ElementType;\n    /**\n     * Placement for hint\n     * @default top\n     */\n    hintPlacement?: TooltipHintProps['placement'];\n\n    /** Button type. Defined in Button.type or ButtonLink.type */\n    size?: S;\n    /** Button usage. Defined in Button.type or ButtonLink.type */\n    use?: U;\n    /** Button theme. Defined in Button.type or ButtonLink.type */\n    theme?: T;\n  };\n\nexport type AbstractButtonAddonProps<S> = BoxProps & {\n  size?: S;\n};\n\nexport type AbstractButtonTextProps<S> = BoxProps & {\n  size?: S;\n};\n\nexport type AbstractButtonContext = {\n  getTextProps: PropGetterFn;\n  getAddonProps: PropGetterFn;\n};\n"],"mappings":""}

package/lib/es6/component/{Button → AbstractButton}/SpinButton.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["theme", "size"];
-import Spin from '@semcore/spin';
 import React from 'react';
+import Spin from '@semcore/spin';
 export var SPIN_SIZE_MAP = {
   xl: 'm',
   l: 's',

package/lib/es6/component/AbstractButton/SpinButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpinButton.js","names":["React","Spin","SPIN_SIZE_MAP","xl","l","m","s","SpinButton","_ref","theme","size","others","_objectWithoutProperties","_excluded","createElement","_extends"],"sources":["../../../../src/component/AbstractButton/SpinButton.tsx"],"sourcesContent":["import React from 'react';\nimport Spin from '@semcore/spin';\n\nexport const SPIN_SIZE_MAP: Record<string, string> = {\n  xl: 'm',\n  l: 's',\n  m: 'xs',\n  s: 'xxs',\n};\n\nexport default function SpinButton({ theme, size, ...others }: any) {\n  return (\n    <Spin\n      size={typeof size === 'string' ? SPIN_SIZE_MAP[size] : size}\n      theme='currentColor'\n      {...others}\n    />\n  );\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,IAAI,MAAM,eAAe;AAEhC,OAAO,IAAMC,aAAqC,GAAG;EACnDC,EAAE,EAAE,GAAG;EACPC,CAAC,EAAE,GAAG;EACNC,CAAC,EAAE,IAAI;EACPC,CAAC,EAAE;AACL,CAAC;AAED,eAAe,SAASC,UAAUA,CAAAC,IAAA,EAAkC;EAAA,IAA/BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAKC,MAAM,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACzD,oBACEb,KAAA,CAAAc,aAAA,CAACb,IAAI,EAAAc,QAAA;IACHL,IAAI,EAAE,OAAOA,IAAI,KAAK,QAAQ,GAAGR,aAAa,CAACQ,IAAI,CAAC,GAAGA,IAAK;IAC5DD,KAAK,EAAC;EAAc,GAChBE,MAAM,EACV;AAEN"}

package/lib/es6/component/Button/Button.js

@@ -1,195 +1,89 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _callSuper from "@babel/runtime/helpers/callSuper";
 import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from "@semcore/core";
-import { assignProps as _assignProps3 } from "@semcore/core";
+import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
-import { NeighborLocation, Box, Hint } from '@semcore/base-components';
-import { Component, CORE_INSTANCE, createComponent, Root, sstyled } 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 { Text } from '@semcore/typography';
 import React from 'react';
+import createComponent, { sstyled, Root } from '@semcore/core';
+import { Box } from '@semcore/flex-box';
+import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
 /*!__reshadow-styles__:"./button.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SButton_2b5mr_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, rgba(0, 3, 0, 0.583));min-width:-moz-fit-content;min-width:fit-content}@supports (color:color(display-p3 0 0 0%)){.___SButton_2b5mr_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_2b5mr_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SButton_2b5mr_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_2b5mr_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_2b5mr_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_2b5mr_gg_.__disabled_2b5mr_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_2b5mr_gg_._size_s_2b5mr_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_2b5mr_gg_._size_m_2b5mr_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_2b5mr_gg_._size_l_2b5mr_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_2b5mr_gg_._theme_primary-info_2b5mr_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_2b5mr_gg_._theme_primary-info_2b5mr_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_2b5mr_gg_._theme_primary-info_2b5mr_gg_.__active_2b5mr_gg_,.___SButton_2b5mr_gg_._theme_primary-info_2b5mr_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_2b5mr_gg_._theme_primary-success_2b5mr_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_2b5mr_gg_._theme_primary-success_2b5mr_gg_{background-color:var(--intergalactic-control-primary-success, rgb(0, 164, 128))}@media (color-gamut:p3){.___SButton_2b5mr_gg_._theme_primary-success_2b5mr_gg_{background-color:var(--intergalactic-control-primary-success, color(display-p3 0.13723 0.6542 0.50031))}}}@media (hover:hover){.___SButton_2b5mr_gg_._theme_primary-success_2b5mr_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_2b5mr_gg_._theme_primary-success_2b5mr_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, rgb(0, 150, 117))}@media (color-gamut:p3){.___SButton_2b5mr_gg_._theme_primary-success_2b5mr_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, color(display-p3 0.09181 0.60147 0.45602))}}}}.___SButton_2b5mr_gg_._theme_primary-success_2b5mr_gg_.__active_2b5mr_gg_,.___SButton_2b5mr_gg_._theme_primary-success_2b5mr_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_2b5mr_gg_._theme_primary-success_2b5mr_gg_.__active_2b5mr_gg_,.___SButton_2b5mr_gg_._theme_primary-success_2b5mr_gg_:active{background-color:var(--intergalactic-control-primary-success-active, rgb(0, 144, 112))}@media (color-gamut:p3){.___SButton_2b5mr_gg_._theme_primary-success_2b5mr_gg_.__active_2b5mr_gg_,.___SButton_2b5mr_gg_._theme_primary-success_2b5mr_gg_:active{background-color:var(--intergalactic-control-primary-success-active, color(display-p3 0.07522 0.57486 0.43446))}}}.___SButton_2b5mr_gg_._theme_primary-brand_2b5mr_gg_,.___SButton_2b5mr_gg_._theme_primary-warning_2b5mr_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_2b5mr_gg_._theme_primary-brand_2b5mr_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_2b5mr_gg_._theme_primary-brand_2b5mr_gg_.__active_2b5mr_gg_,.___SButton_2b5mr_gg_._theme_primary-brand_2b5mr_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_2b5mr_gg_._theme_primary-warning_2b5mr_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_2b5mr_gg_._theme_primary-warning_2b5mr_gg_.__active_2b5mr_gg_,.___SButton_2b5mr_gg_._theme_primary-warning_2b5mr_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_2b5mr_gg_._theme_primary-danger_2b5mr_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_2b5mr_gg_._theme_primary-danger_2b5mr_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_2b5mr_gg_._theme_primary-danger_2b5mr_gg_.__active_2b5mr_gg_,.___SButton_2b5mr_gg_._theme_primary-danger_2b5mr_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_2b5mr_gg_._theme_primary-invert_2b5mr_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_2b5mr_gg_._theme_primary-invert_2b5mr_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_2b5mr_gg_._theme_primary-invert_2b5mr_gg_.__active_2b5mr_gg_,.___SButton_2b5mr_gg_._theme_primary-invert_2b5mr_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_2b5mr_gg_._theme_secondary-muted_2b5mr_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_2b5mr_gg_._theme_secondary-muted_2b5mr_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_2b5mr_gg_._theme_secondary-muted_2b5mr_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_2b5mr_gg_._theme_secondary-muted_2b5mr_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_2b5mr_gg_._theme_secondary-muted_2b5mr_gg_.__active_2b5mr_gg_,.___SButton_2b5mr_gg_._theme_secondary-muted_2b5mr_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_2b5mr_gg_._theme_secondary-muted_2b5mr_gg_.__active_2b5mr_gg_,.___SButton_2b5mr_gg_._theme_secondary-muted_2b5mr_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n    rgba(0, 21, 16, 0.084))}@media (color-gamut:p3){.___SButton_2b5mr_gg_._theme_secondary-muted_2b5mr_gg_.__active_2b5mr_gg_,.___SButton_2b5mr_gg_._theme_secondary-muted_2b5mr_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n    color(display-p3 0.01753 0.08157 0.06372 / 0.084))}}}.___SButton_2b5mr_gg_._theme_secondary-info_2b5mr_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 31, 210, 0.031));color:var(--intergalactic-text-link, rgb(36, 93, 229));border-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}@supports (color:color(display-p3 0 0 0%)){.___SButton_2b5mr_gg_._theme_secondary-info_2b5mr_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 31, 210, 0.031))}@media (color-gamut:p3){.___SButton_2b5mr_gg_._theme_secondary-info_2b5mr_gg_{background-color:var(--intergalactic-control-secondary-info, color(display-p3 0.03208 0.12081 0.79186 / 0.031))}}}@media (hover:hover){.___SButton_2b5mr_gg_._theme_secondary-info_2b5mr_gg_:hover{color:var(--intergalactic-text-link, rgb(36, 93, 229));background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 30, 209, 0.062))}@supports (color:color(display-p3 0 0 0%)){.___SButton_2b5mr_gg_._theme_secondary-info_2b5mr_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 30, 209, 0.062))}@media (color-gamut:p3){.___SButton_2b5mr_gg_._theme_secondary-info_2b5mr_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, color(display-p3 0.02906 0.11403 0.78782 / 0.062))}}}}.___SButton_2b5mr_gg_._theme_secondary-info_2b5mr_gg_.__active_2b5mr_gg_,.___SButton_2b5mr_gg_._theme_secondary-info_2b5mr_gg_:active{color:var(--intergalactic-text-link, rgb(36, 93, 229));background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 29, 208, 0.093))}@supports (color:color(display-p3 0 0 0%)){.___SButton_2b5mr_gg_._theme_secondary-info_2b5mr_gg_.__active_2b5mr_gg_,.___SButton_2b5mr_gg_._theme_secondary-info_2b5mr_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 29, 208, 0.093))}@media (color-gamut:p3){.___SButton_2b5mr_gg_._theme_secondary-info_2b5mr_gg_.__active_2b5mr_gg_,.___SButton_2b5mr_gg_._theme_secondary-info_2b5mr_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, color(display-p3 0.02831 0.11224 0.78317 / 0.093))}}}.___SButton_2b5mr_gg_._theme_secondary-invert_2b5mr_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_2b5mr_gg_._theme_secondary-invert_2b5mr_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_2b5mr_gg_._theme_secondary-invert_2b5mr_gg_.__active_2b5mr_gg_,.___SButton_2b5mr_gg_._theme_secondary-invert_2b5mr_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_2b5mr_gg_._theme_tertiary-info_2b5mr_gg_{color:var(--intergalactic-text-link, rgb(36, 93, 229));background-color:var(--intergalactic-control-tertiary-info, transparent)}@media (hover:hover){.___SButton_2b5mr_gg_._theme_tertiary-info_2b5mr_gg_:hover{color:var(--intergalactic-text-link, rgb(36, 93, 229));background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 30, 209, 0.062))}@supports (color:color(display-p3 0 0 0%)){.___SButton_2b5mr_gg_._theme_tertiary-info_2b5mr_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 30, 209, 0.062))}@media (color-gamut:p3){.___SButton_2b5mr_gg_._theme_tertiary-info_2b5mr_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, color(display-p3 0.02906 0.11403 0.78782 / 0.062))}}}}.___SButton_2b5mr_gg_._theme_tertiary-info_2b5mr_gg_.__active_2b5mr_gg_,.___SButton_2b5mr_gg_._theme_tertiary-info_2b5mr_gg_:active{color:var(--intergalactic-text-link, rgb(36, 93, 229));background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 29, 208, 0.093))}@supports (color:color(display-p3 0 0 0%)){.___SButton_2b5mr_gg_._theme_tertiary-info_2b5mr_gg_.__active_2b5mr_gg_,.___SButton_2b5mr_gg_._theme_tertiary-info_2b5mr_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 29, 208, 0.093))}@media (color-gamut:p3){.___SButton_2b5mr_gg_._theme_tertiary-info_2b5mr_gg_.__active_2b5mr_gg_,.___SButton_2b5mr_gg_._theme_tertiary-info_2b5mr_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, color(display-p3 0.02831 0.11224 0.78317 / 0.093))}}}.___SButton_2b5mr_gg_._theme_tertiary-muted_2b5mr_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_2b5mr_gg_._theme_tertiary-muted_2b5mr_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_2b5mr_gg_._theme_tertiary-muted_2b5mr_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}@media (hover:hover){.___SButton_2b5mr_gg_._theme_tertiary-muted_2b5mr_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_2b5mr_gg_._theme_tertiary-muted_2b5mr_gg_.__active_2b5mr_gg_,.___SButton_2b5mr_gg_._theme_tertiary-muted_2b5mr_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_2b5mr_gg_._theme_tertiary-muted_2b5mr_gg_.__active_2b5mr_gg_,.___SButton_2b5mr_gg_._theme_tertiary-muted_2b5mr_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n    rgba(0, 21, 16, 0.084))}@media (color-gamut:p3){.___SButton_2b5mr_gg_._theme_tertiary-muted_2b5mr_gg_.__active_2b5mr_gg_,.___SButton_2b5mr_gg_._theme_tertiary-muted_2b5mr_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n    color(display-p3 0.01753 0.08157 0.06372 / 0.084))}}}.___SButton_2b5mr_gg_._theme_tertiary-invert_2b5mr_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_2b5mr_gg_._theme_tertiary-invert_2b5mr_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_2b5mr_gg_._theme_tertiary-invert_2b5mr_gg_.__active_2b5mr_gg_,.___SButton_2b5mr_gg_._theme_tertiary-invert_2b5mr_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_2b5mr_gg_._neighborLocation_right_2b5mr_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_2b5mr_gg_._neighborLocation_both_2b5mr_gg_{border-radius:0;margin-left:-1px}.___SButton_2b5mr_gg_._neighborLocation_left_2b5mr_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_2b5mr_gg_._neighborLocation_both_2b5mr_gg_,.___SButton_2b5mr_gg_._neighborLocation_left_2b5mr_gg_{position:relative}.___SButton_2b5mr_gg_._neighborLocation_both_2b5mr_gg_:after,.___SButton_2b5mr_gg_._neighborLocation_left_2b5mr_gg_:after{background-color:var(--intergalactic-border-primary-invert, rgba(250, 255, 250, 0.391))}.___SButton_2b5mr_gg_._neighborLocation_both_2b5mr_gg_._theme_secondary-muted_2b5mr_gg_:after,.___SButton_2b5mr_gg_._neighborLocation_left_2b5mr_gg_._theme_secondary-muted_2b5mr_gg_:after{background-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SButton_2b5mr_gg_._neighborLocation_both_2b5mr_gg_._theme_secondary-muted_2b5mr_gg_:after,.___SButton_2b5mr_gg_._neighborLocation_left_2b5mr_gg_._theme_secondary-muted_2b5mr_gg_:after{background-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SButton_2b5mr_gg_._neighborLocation_both_2b5mr_gg_._theme_secondary-muted_2b5mr_gg_:after,.___SButton_2b5mr_gg_._neighborLocation_left_2b5mr_gg_._theme_secondary-muted_2b5mr_gg_:after{background-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SButton_2b5mr_gg_+.___SButton_2b5mr_gg_._neighborLocation_both_2b5mr_gg_:after,.___SButton_2b5mr_gg_+.___SButton_2b5mr_gg_._neighborLocation_left_2b5mr_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_2b5mr_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_2b5mr_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_2b5mr_gg_.__loading_2b5mr_gg_{visibility:hidden}.___SText_2b5mr_gg_{display:inline-flex}.___SText_2b5mr_gg_._size_l_2b5mr_gg_,.___SText_2b5mr_gg_._size_m_2b5mr_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_2b5mr_gg_._size_m_2b5mr_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_2b5mr_gg_._size_l_2b5mr_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_2b5mr_gg_._size_l_2b5mr_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_2b5mr_gg_._size_l_2b5mr_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_2b5mr_gg_._size_l_2b5mr_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_2b5mr_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_2b5mr_gg_._size_m_2b5mr_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_2b5mr_gg_._size_m_2b5mr_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_2b5mr_gg_._size_m_2b5mr_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_2b5mr_gg_._size_l_2b5mr_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_2b5mr_gg_._size_l_2b5mr_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_2b5mr_gg_._size_l_2b5mr_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__*/"2b5mr_gg_"),
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_jgdxy_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;outline:0;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, rgba(0, 3, 0, 0.583));min-width:-moz-fit-content;min-width:fit-content}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_jgdxy_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SButton_jgdxy_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_jgdxy_gg_:active,.___SButton_jgdxy_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_jgdxy_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_jgdxy_gg_.__keyboardFocused_jgdxy_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 18, 193, 0.441));z-index:1}.___SButton_jgdxy_gg_.__disabled_jgdxy_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_jgdxy_gg_._size_s_jgdxy_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_jgdxy_gg_._size_m_jgdxy_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_jgdxy_gg_._size_l_jgdxy_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_jgdxy_gg_._theme_primary-info_jgdxy_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_jgdxy_gg_._theme_primary-info_jgdxy_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_jgdxy_gg_._theme_primary-info_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-info_jgdxy_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_jgdxy_gg_._theme_primary-success_jgdxy_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success, rgb(0, 167, 127))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_{background-color:var(--intergalactic-control-primary-success, rgb(0, 167, 127))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_{background-color:var(--intergalactic-control-primary-success, color(display-p3 0.13723 0.6542 0.50031))}}}@media (hover:hover){.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success-hover, rgb(0, 153, 116))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, rgb(0, 153, 116))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, color(display-p3 0.09181 0.60147 0.45602))}}}}.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success-active, rgb(0, 146, 110))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_:active{background-color:var(--intergalactic-control-primary-success-active, rgb(0, 146, 110))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_:active{background-color:var(--intergalactic-control-primary-success-active, color(display-p3 0.07522 0.57486 0.43446))}}}.___SButton_jgdxy_gg_._theme_primary-brand_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-warning_jgdxy_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_jgdxy_gg_._theme_primary-brand_jgdxy_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_jgdxy_gg_._theme_primary-brand_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-brand_jgdxy_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_jgdxy_gg_._theme_primary-warning_jgdxy_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_jgdxy_gg_._theme_primary-warning_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-warning_jgdxy_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_jgdxy_gg_._theme_primary-danger_jgdxy_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_jgdxy_gg_._theme_primary-danger_jgdxy_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_jgdxy_gg_._theme_primary-danger_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-danger_jgdxy_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_jgdxy_gg_._theme_primary-invert_jgdxy_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_jgdxy_gg_._theme_primary-invert_jgdxy_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_jgdxy_gg_._theme_primary-invert_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-invert_jgdxy_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_jgdxy_gg_._theme_secondary-muted_jgdxy_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_jgdxy_gg_._theme_secondary-muted_jgdxy_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_jgdxy_gg_._theme_secondary-muted_jgdxy_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_jgdxy_gg_._theme_secondary-muted_jgdxy_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_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_secondary-muted_jgdxy_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_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n    rgba(0, 21, 16, 0.084))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n    color(display-p3 0.01753 0.08157 0.06372 / 0.084))}}}.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 31, 210, 0.031));color:var(--intergalactic-text-link, rgb(36, 93, 229));border-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 31, 210, 0.031))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_{background-color:var(--intergalactic-control-secondary-info, color(display-p3 0.03208 0.12081 0.79186 / 0.031))}}}@media (hover:hover){.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_:hover{color:var(--intergalactic-text-link, rgb(36, 93, 229));background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 30, 209, 0.062))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 30, 209, 0.062))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, color(display-p3 0.02906 0.11403 0.78782 / 0.062))}}}}.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_:active{color:var(--intergalactic-text-link, rgb(36, 93, 229));background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 31, 207, 0.093))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 31, 207, 0.093))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, color(display-p3 0.02831 0.11224 0.78317 / 0.093))}}}.___SButton_jgdxy_gg_._theme_secondary-invert_jgdxy_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_jgdxy_gg_._theme_secondary-invert_jgdxy_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_jgdxy_gg_._theme_secondary-invert_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_secondary-invert_jgdxy_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_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_{color:var(--intergalactic-text-link, rgb(36, 93, 229));background-color:var(--intergalactic-control-tertiary-info, transparent)}@media (hover:hover){.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_:hover{color:var(--intergalactic-text-link, rgb(36, 93, 229));background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 30, 209, 0.062))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 30, 209, 0.062))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, color(display-p3 0.02906 0.11403 0.78782 / 0.062))}}}}.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_:active{color:var(--intergalactic-text-link, rgb(36, 93, 229));background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 31, 207, 0.093))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 31, 207, 0.093))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, color(display-p3 0.02831 0.11224 0.78317 / 0.093))}}}.___SButton_jgdxy_gg_._theme_tertiary-muted_jgdxy_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_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}@media (hover:hover){.___SButton_jgdxy_gg_._theme_tertiary-muted_jgdxy_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_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_tertiary-muted_jgdxy_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_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n    rgba(0, 21, 16, 0.084))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n    color(display-p3 0.01753 0.08157 0.06372 / 0.084))}}}.___SButton_jgdxy_gg_._theme_tertiary-invert_jgdxy_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_jgdxy_gg_._theme_tertiary-invert_jgdxy_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_jgdxy_gg_._theme_tertiary-invert_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_tertiary-invert_jgdxy_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_jgdxy_gg_._neighborLocation_right_jgdxy_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_jgdxy_gg_._neighborLocation_both_jgdxy_gg_{border-radius:0;margin-left:-1px}.___SButton_jgdxy_gg_._neighborLocation_left_jgdxy_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_jgdxy_gg_._neighborLocation_both_jgdxy_gg_,.___SButton_jgdxy_gg_._neighborLocation_left_jgdxy_gg_{position:relative}.___SButton_jgdxy_gg_._neighborLocation_both_jgdxy_gg_:after,.___SButton_jgdxy_gg_._neighborLocation_left_jgdxy_gg_:after{background-color:var(--intergalactic-border-primary-invert, rgba(250, 255, 250, 0.391))}.___SButton_jgdxy_gg_._neighborLocation_both_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:after,.___SButton_jgdxy_gg_._neighborLocation_left_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:after{background-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._neighborLocation_both_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:after,.___SButton_jgdxy_gg_._neighborLocation_left_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:after{background-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._neighborLocation_both_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:after,.___SButton_jgdxy_gg_._neighborLocation_left_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:after{background-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SButton_jgdxy_gg_+.___SButton_jgdxy_gg_._neighborLocation_both_jgdxy_gg_:after,.___SButton_jgdxy_gg_+.___SButton_jgdxy_gg_._neighborLocation_left_jgdxy_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_jgdxy_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_jgdxy_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_jgdxy_gg_.__loading_jgdxy_gg_{visibility:hidden}.___SText_jgdxy_gg_{display:inline-flex}.___SText_jgdxy_gg_._size_l_jgdxy_gg_,.___SText_jgdxy_gg_._size_m_jgdxy_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_jgdxy_gg_._size_m_jgdxy_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_jgdxy_gg_._size_l_jgdxy_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_jgdxy_gg_._size_l_jgdxy_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_jgdxy_gg_._size_l_jgdxy_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_jgdxy_gg_._size_l_jgdxy_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_jgdxy_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_jgdxy_gg_._size_m_jgdxy_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_jgdxy_gg_._size_m_jgdxy_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_jgdxy_gg_._size_m_jgdxy_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_jgdxy_gg_._size_l_jgdxy_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_jgdxy_gg_._size_l_jgdxy_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_jgdxy_gg_._size_l_jgdxy_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__*/"jgdxy_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SButton": "___SButton_2b5mr_gg_",
-  "_disabled": "__disabled_2b5mr_gg_",
-  "_size_s": "_size_s_2b5mr_gg_",
-  "_size_m": "_size_m_2b5mr_gg_",
-  "_size_l": "_size_l_2b5mr_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_2b5mr_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_2b5mr_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_2b5mr_gg_",
-  "__SSpin": "___SSpin_2b5mr_gg_",
-  "__SInner": "___SInner_2b5mr_gg_",
-  "_loading": "__loading_2b5mr_gg_",
-  "__SText": "___SText_2b5mr_gg_",
-  "__SAddon": "___SAddon_2b5mr_gg_",
-  "_theme_primary-info": "_theme_primary-info_2b5mr_gg_",
-  "_active": "__active_2b5mr_gg_",
-  "_theme_primary-success": "_theme_primary-success_2b5mr_gg_",
-  "_theme_primary-brand": "_theme_primary-brand_2b5mr_gg_",
-  "_theme_primary-warning": "_theme_primary-warning_2b5mr_gg_",
-  "_theme_primary-danger": "_theme_primary-danger_2b5mr_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_2b5mr_gg_",
-  "_theme_secondary-muted": "_theme_secondary-muted_2b5mr_gg_",
-  "_theme_secondary-info": "_theme_secondary-info_2b5mr_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_2b5mr_gg_",
-  "_theme_tertiary-info": "_theme_tertiary-info_2b5mr_gg_",
-  "_theme_tertiary-muted": "_theme_tertiary-muted_2b5mr_gg_",
-  "_theme_tertiary-invert": "_theme_tertiary-invert_2b5mr_gg_"
+  "__SButton": "___SButton_jgdxy_gg_",
+  "_keyboardFocused": "__keyboardFocused_jgdxy_gg_",
+  "_disabled": "__disabled_jgdxy_gg_",
+  "_size_s": "_size_s_jgdxy_gg_",
+  "_size_m": "_size_m_jgdxy_gg_",
+  "_size_l": "_size_l_jgdxy_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_jgdxy_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_jgdxy_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_jgdxy_gg_",
+  "__SSpin": "___SSpin_jgdxy_gg_",
+  "__SInner": "___SInner_jgdxy_gg_",
+  "_loading": "__loading_jgdxy_gg_",
+  "__SText": "___SText_jgdxy_gg_",
+  "__SAddon": "___SAddon_jgdxy_gg_",
+  "_theme_primary-info": "_theme_primary-info_jgdxy_gg_",
+  "_active": "__active_jgdxy_gg_",
+  "_theme_primary-success": "_theme_primary-success_jgdxy_gg_",
+  "_theme_primary-brand": "_theme_primary-brand_jgdxy_gg_",
+  "_theme_primary-warning": "_theme_primary-warning_jgdxy_gg_",
+  "_theme_primary-danger": "_theme_primary-danger_jgdxy_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_jgdxy_gg_",
+  "_theme_secondary-muted": "_theme_secondary-muted_jgdxy_gg_",
+  "_theme_secondary-info": "_theme_secondary-info_jgdxy_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_jgdxy_gg_",
+  "_theme_tertiary-info": "_theme_tertiary-info_jgdxy_gg_",
+  "_theme_tertiary-muted": "_theme_tertiary-muted_jgdxy_gg_",
+  "_theme_tertiary-invert": "_theme_tertiary-invert_jgdxy_gg_"
 });
-import SpinButton from './SpinButton';
-export var MAP_USE_DEFAULT_THEME = {
-  primary: 'info',
-  secondary: 'muted',
-  tertiary: 'info'
-};
-export var RootButton = /*#__PURE__*/function (_Component) {
+import { AbstractButton } from '../AbstractButton/AbstractButton';
+var RootButton = /*#__PURE__*/function (_AbstractButton) {
+  _inherits(RootButton, _AbstractButton);
+  var _super = _createSuper(RootButton);
   function RootButton() {
-    var _this;
     _classCallCheck(this, RootButton);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, RootButton, [].concat(args));
-    _defineProperty(_this, "containerRef", /*#__PURE__*/React.createRef());
-    _defineProperty(_this, "state", {
-      ariaLabelledByContent: null
-    });
-    return _this;
+    return _super.apply(this, arguments);
   }
-  _inherits(RootButton, _Component);
-  return _createClass(RootButton, [{
-    key: "getTextProps",
-    value: function getTextProps() {
-      var size = this.asProps.size;
-      return {
-        size: size,
-        'hint:triggerRef': this.containerRef
-      };
-    }
-  }, {
-    key: "getAddonProps",
-    value: function getAddonProps() {
-      var size = this.asProps.size;
-      return {
-        size: 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'] || RootButton.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);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref7,
-        _ref8,
-        _this3 = this;
-      var _this$asProps = this.asProps,
-        styles = _this$asProps.styles,
-        use = _this$asProps.use,
-        _this$asProps$theme = _this$asProps.theme,
-        theme = _this$asProps$theme === void 0 ? typeof use === 'string' && MAP_USE_DEFAULT_THEME[use] : _this$asProps$theme,
-        loading = _this$asProps.loading,
-        _this$asProps$disable = _this$asProps.disabled,
-        disabled = _this$asProps$disable === void 0 ? loading : _this$asProps$disable,
-        size = _this$asProps.size,
-        neighborLocation = _this$asProps.neighborLocation,
-        children = _this$asProps.children,
-        title = _this$asProps.title,
-        ariaLabel = _this$asProps['aria-label'],
-        Children = _this$asProps.Children,
-        AddonLeft = _this$asProps.addonLeft,
-        AddonRight = _this$asProps.addonRight,
-        hintPlacement = _this$asProps.hintPlacement;
-      var SButton = Box;
-      // @ts-ignore
-      var Button = this[CORE_INSTANCE];
-      var useTheme = use && theme ? "".concat(use, "-").concat(theme) : false;
-      var SInner = Box;
-      var SSpin = Box;
-      var buttonAriaLabel = (_ref7 = (_ref8 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref8 !== void 0 ? _ref8 : this.state.ariaLabelledByContent) !== null && _ref7 !== void 0 ? _ref7 : '';
-      var showHint = children === undefined || title;
-      return /*#__PURE__*/React.createElement(NeighborLocation.Detect, {
-        neighborLocation: neighborLocation
-      }, function (neighborLocation) {
-        var _ref4;
-        return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SButton, _ref4.cn("SButton", _objectSpread({}, _assignProps({
-          "invertOutline": theme === 'invert',
-          "type": 'button',
-          "tag": 'button',
-          "tabIndex": 0,
-          "disabled": disabled,
-          "use:theme": useTheme,
-          "ref": _this3.containerRef,
-          "aria-busy": loading,
-          "__excludeProps": ['title'],
-          "aria-label": showHint ? buttonAriaLabel : undefined,
-          "neighborLocation": neighborLocation
-        }, _ref))), /*#__PURE__*/React.createElement(SInner, _ref4.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, _ref4.cn("AddonLeft", {}))) : null, addonTextChildren(Children, Button.Text, Button.Addon), AddonRight ? /*#__PURE__*/React.createElement(Button.Addon, null, /*#__PURE__*/React.createElement(AddonRight, _ref4.cn("AddonRight", {}))) : null), loading && /*#__PURE__*/React.createElement(SSpin, _ref4.cn("SSpin", {
-          "tag": 'span'
-        }), /*#__PURE__*/React.createElement(SpinButton, _ref4.cn("SpinButton", {
-          "centered": true,
-          "size": size,
-          "theme": useTheme
-        })))), showHint && /*#__PURE__*/React.createElement(Hint, _ref4.cn("Hint", {
-          "triggerRef": _this3.containerRef,
-          "timeout": [250, 50],
-          "placement": hintPlacement
-        }), buttonAriaLabel));
-      });
+  _createClass(RootButton, [{
+    key: "getTextColor",
+    value: function getTextColor() {
+      return undefined;
     }
   }]);
-}(Component);
+  return RootButton;
+}(AbstractButton);
 _defineProperty(RootButton, "displayName", 'Button');
+_defineProperty(RootButton, "enhance", [keyboardFocusEnhance()]);
 _defineProperty(RootButton, "style", style);
 _defineProperty(RootButton, "defaultProps", {
   use: 'secondary',
   size: 'm'
 });
-function ButtonText(props) {
-  var _ref2 = arguments[0],
-    _ref5;
-  var SText = Text;
-  return _ref5 = sstyled(props.styles), /*#__PURE__*/React.createElement(SText, _ref5.cn("SText", _objectSpread({}, _assignProps2({}, _ref2))));
+function Text(props) {
+  var _ref = arguments[0],
+    _ref3;
+  var SText = Box;
+  return _ref3 = sstyled(props.styles), /*#__PURE__*/React.createElement(SText, _ref3.cn("SText", _objectSpread({}, _assignProps({
+    "tag": 'span'
+  }, _ref))));
 }
 function Addon(props) {
-  var _ref3 = arguments[0],
-    _ref6;
+  var _ref2 = arguments[0],
+    _ref4;
   var SAddon = Box;
-  return _ref6 = sstyled(props.styles), /*#__PURE__*/React.createElement(SAddon, _ref6.cn("SAddon", _objectSpread({}, _assignProps3({
+  return _ref4 = sstyled(props.styles), /*#__PURE__*/React.createElement(SAddon, _ref4.cn("SAddon", _objectSpread({}, _assignProps2({
     "tag": 'span'
-  }, _ref3))));
+  }, _ref2))));
 }
 var Button = createComponent(RootButton, {
-  Text: ButtonText,
+  Text: Text,
   Addon: Addon
 });
 export default Button;

package/lib/es6/component/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["NeighborLocation","Box","Hint","Component","CORE_INSTANCE","createComponent","Root","sstyled","addonTextChildren","hasLabels","logger","Text","React","style","_sstyled","insert","SpinButton","MAP_USE_DEFAULT_THEME","primary","secondary","tertiary","RootButton","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","ariaLabelledByContent","_inherits","_createClass","key","value","getTextProps","size","asProps","containerRef","getAddonProps","componentDidMount","_this2","process","env","NODE_ENV","warn","current","title","displayName","ariaLabelledby","setTimeout","_document$getElementB","_document$getElementB2","setState","document","getElementById","textContent","render","_ref","_ref7","_ref8","_this3","_this$asProps","styles","use","_this$asProps$theme","theme","loading","_this$asProps$disable","disabled","neighborLocation","children","ariaLabel","Children","AddonLeft","addonLeft","AddonRight","addonRight","hintPlacement","SButton","Button","useTheme","SInner","SSpin","buttonAriaLabel","state","showHint","undefined","createElement","Detect","_ref4","Fragment","cn","_objectSpread","_assignProps","Addon","ButtonText","props","_ref2","arguments[0]","_ref5","SText","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import { NeighborLocation, Box, Hint } from '@semcore/base-components';\nimport { Component, CORE_INSTANCE, createComponent, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport hasLabels from '@semcore/core/lib/utils/hasLabels';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './button.shadow.css';\nimport type { ButtonProps, ButtonAddonProps, ButtonTextProps, ButtonComponent } from './Button.type';\nimport SpinButton from './SpinButton';\n\nexport const MAP_USE_DEFAULT_THEME: Record<string, string> = {\n  primary: 'info',\n  secondary: 'muted',\n  tertiary: 'info',\n};\n\ntype State = {\n  ariaLabelledByContent: null | string;\n};\n\nexport class RootButton extends Component<ButtonProps, [], never, {}, State> {\n  static displayName = 'Button';\n  static style = style;\n  static defaultProps = {\n    use: 'secondary',\n    size: 'm',\n  };\n\n  containerRef = React.createRef<HTMLButtonElement>();\n\n  state: State = {\n    ariaLabelledByContent: null,\n  };\n\n  getTextProps() {\n    const { size } = this.asProps;\n\n    return {\n      size,\n      'hint:triggerRef': this.containerRef,\n    };\n  }\n\n  getAddonProps() {\n    const { size } = this.asProps;\n    return {\n      size,\n    };\n  }\n\n  componentDidMount() {\n    if (process.env.NODE_ENV !== 'production') {\n      logger.warn(\n        this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title,\n        `'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n        this.asProps['data-ui-name'] || RootButton.displayName,\n      );\n    }\n\n    const ariaLabelledby = this.asProps['aria-labelledby'];\n\n    if (ariaLabelledby) {\n      setTimeout(() => {\n        this.setState({\n          ariaLabelledByContent: document.getElementById(ariaLabelledby)?.textContent ?? '',\n        });\n      }, 0);\n    }\n  }\n\n  render() {\n    const {\n      styles,\n      use,\n      theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],\n      loading,\n      disabled = loading,\n      size,\n      neighborLocation,\n      children,\n      title,\n      ['aria-label']: ariaLabel,\n      Children,\n      addonLeft: AddonLeft,\n      addonRight: AddonRight,\n      hintPlacement,\n    } = this.asProps;\n    const SButton = Root;\n    // @ts-ignore\n    const Button = this[CORE_INSTANCE];\n    const useTheme = use && theme ? `${use}-${theme}` : false;\n    const SInner = Box;\n    const SSpin = Box;\n    const buttonAriaLabel = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n    const showHint = (children === undefined || title);\n\n    return (\n      <NeighborLocation.Detect neighborLocation={neighborLocation}>\n        {(neighborLocation) => {\n          return sstyled(styles)(\n            <>\n              <SButton\n                render={Box}\n                invertOutline={theme === 'invert'}\n                type='button'\n                tag='button'\n                tabIndex={0}\n                disabled={disabled}\n                use:theme={useTheme}\n                ref={this.containerRef}\n                aria-busy={loading}\n                __excludeProps={['title']}\n                aria-label={showHint ? buttonAriaLabel : undefined}\n                neighborLocation={neighborLocation}\n              >\n                {/* @ts-ignore */}\n                <SInner tag='span' loading={loading} data-ui-name={`${this.asProps['data-ui-name']}.InnerWrapper`}>\n                  {AddonLeft\n                    ? (\n                        <Button.Addon>\n                          <AddonLeft />\n                        </Button.Addon>\n                      )\n                    : null}\n                  {addonTextChildren(Children, Button.Text, Button.Addon)}\n                  {AddonRight\n                    ? (\n                        <Button.Addon>\n                          <AddonRight />\n                        </Button.Addon>\n                      )\n                    : null}\n                </SInner>\n                {loading && (\n                  <SSpin tag='span'>\n                    <SpinButton centered size={size} theme={useTheme} />\n                  </SSpin>\n                )}\n              </SButton>\n              {showHint && (\n                <Hint\n                  triggerRef={this.containerRef}\n                  timeout={[250, 50]}\n                  placement={hintPlacement}\n                >\n                  {buttonAriaLabel}\n                </Hint>\n              )}\n            </>,\n          );\n        }}\n      </NeighborLocation.Detect>\n    );\n  }\n}\n\nfunction ButtonText(props: ButtonTextProps) {\n  const SText = Root;\n  return sstyled(props.styles)(<SText render={Text} />);\n}\n\nfunction Addon(props: ButtonAddonProps) {\n  const SAddon = Root;\n  return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst Button = createComponent(RootButton, {\n  Text: ButtonText,\n  Addon,\n}) as ButtonComponent;\n\nexport default Button;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Button.js","names":["React","createComponent","sstyled","Root","Box","keyboardFocusEnhance","style","_sstyled","insert","AbstractButton","RootButton","_AbstractButton","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextColor","undefined","_defineProperty","use","size","Text","props","_ref","arguments[0]","_ref3","SText","styles","createElement","cn","_objectSpread","_assignProps","Addon","_ref2","_ref4","SAddon","_assignProps2","Button"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './button.shadow.css';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\nimport {\n  ButtonAddonProps,\n  ButtonChildren,\n  ButtonComponent,\n  ButtonProps,\n  ButtonTextProps,\n} from './Button.type';\n\nclass RootButton extends AbstractButton {\n  static displayName = 'Button';\n  static enhance = [keyboardFocusEnhance()];\n  static style = style;\n  static defaultProps = {\n    use: 'secondary',\n    size: 'm',\n  };\n\n  protected getTextColor(): string | undefined {\n    return undefined;\n  }\n}\n\nfunction Text(props: ButtonTextProps) {\n  const SText = Root;\n  return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonAddonProps) {\n  const SAddon = Root;\n  return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst Button = createComponent(RootButton, {\n  Text,\n  Addon,\n}) as ButtonComponent;\n\nexport default Button;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAC9D,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,oBAAoB,MAAM,kDAAkD;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGpF,SAASC,cAAc,QAAQ,kCAAkC;AAAC,IAS5DC,UAAU,0BAAAC,eAAA;EAAAC,SAAA,CAAAF,UAAA,EAAAC,eAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,UAAA;EAAA,SAAAA,WAAA;IAAAK,eAAA,OAAAL,UAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,UAAA;IAAAS,GAAA;IAAAC,KAAA,EASd,SAAAC,aAAA,EAA6C;MAC3C,OAAOC,SAAS;IAClB;EAAC;EAAA,OAAAZ,UAAA;AAAA,EAXsBD,cAAc;AAAAc,eAAA,CAAjCb,UAAU,iBACO,QAAQ;AAAAa,eAAA,CADzBb,UAAU,aAEG,CAACL,oBAAoB,EAAE,CAAC;AAAAkB,eAAA,CAFrCb,UAAU,WAGCJ,KAAK;AAAAiB,eAAA,CAHhBb,UAAU,kBAIQ;EACpBc,GAAG,EAAE,WAAW;EAChBC,IAAI,EAAE;AACR,CAAC;AAOH,SAASC,IAAIA,CAACC,KAAsB,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACpC,IAAMC,KAAK,GACiC3B,GAAG;EAA/C,OAAA0B,KAAA,GAAO5B,OAAO,CAACyB,KAAK,CAACK,MAAM,CAAC,eAAChC,KAAA,CAAAiC,aAAA,CAACF,KAAK,EAAAD,KAAA,CAAAI,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAAkB;EAAM,GAAAR,IAAA,IAAG;AAChE;AAEA,SAASS,KAAKA,CAACV,KAAuB,EAAE;EAAA,IAAAW,KAAA,GAAAT,YAAA;IAAAU,KAAA;EACtC,IAAMC,MAAM,GACiCpC,GAAG;EAAhD,OAAAmC,KAAA,GAAOrC,OAAO,CAACyB,KAAK,CAACK,MAAM,CAAC,eAAChC,KAAA,CAAAiC,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,WAAAC,aAAA,KAAAM,aAAA;IAAA,OAAkB;EAAM,GAAAH,KAAA,IAAG;AACjE;AAEA,IAAMI,MAAM,GAAGzC,eAAe,CAACS,UAAU,EAAE;EACzCgB,IAAI,EAAJA,IAAI;EACJW,KAAK,EAALA;AACF,CAAC,CAAoB;AAErB,eAAeK,MAAM"}