@semcore/button 16.0.11-prerelease.5 → 16.0.12-prerelease.0

package/CHANGELOG.md

@@ -2,7 +2,13 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [16.0.11] - 2025-10-28
+## [16.0.12] - 2025-11-03
+
+### Added
+
+- `data-ui-name` for Inner container.
+
+## [16.0.11] - 2025-10-29
 
 ### Changed
 

package/lib/cjs/component/AbstractButton/AbstractButton.js

@@ -160,7 +160,8 @@ var AbstractButton = exports.AbstractButton = /*#__PURE__*/function (_Component)
         var _ref5;
         var children = (_ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SInner, _ref5.cn("SInner", {
           "tag": 'span',
-          "loading": loading
+          "loading": loading,
+          "data-ui-name": "".concat(_this3.asProps['data-ui-name'], ".InnerWrapper")
         }), AddonLeft ? /*#__PURE__*/_react["default"].createElement(Button.Addon, null, /*#__PURE__*/_react["default"].createElement(AddonLeft, _ref5.cn("AddonLeft", {}))) : null, (0, _addonTextChildren["default"])(Children, Button.Text, Button.Addon), AddonRight ? /*#__PURE__*/_react["default"].createElement(Button.Addon, null, /*#__PURE__*/_react["default"].createElement(AddonRight, _ref5.cn("AddonRight", {}))) : null), loading && /*#__PURE__*/_react["default"].createElement(SSpin, _ref5.cn("SSpin", {
           "tag": 'span'
         }), /*#__PURE__*/_react["default"].createElement(_SpinButton["default"], _ref5.cn("SpinButton", {

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

@@ -1 +1 @@
-{"version":3,"file":"AbstractButton.js","names":["_core","require","_addonTextChildren","_interopRequireDefault","_hasLabels","_logger","_flexBox","_neighborLocation","_tooltip","_react","_SpinButton","MAP_USE_DEFAULT_THEME","exports","primary","secondary","tertiary","AbstractButton","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","React","createRef","ariaLabelledByContent","_inherits2","_createClass2","key","value","getTextProps","size","asProps","getAddonProps","componentDidMount","_this2","process","env","NODE_ENV","logger","warn","containerRef","current","hasLabels","title","displayName","theme","ariaLabelledby","setTimeout","_document$getElementB","_document$getElementB2","setState","document","getElementById","textContent","renderButton","_ref6","_ref","_ref3","buttonProps","children","_this$asProps","styles","SButton","Box","sstyled","createElement","cn","_objectSpread2","assignProps","renderButtonWithHint","_ref7","_ref2","_ref4","hintProps","_this$asProps2","Hint","render","_ref8","_ref9","_this3","_this$asProps3","use","_this$asProps3$theme","loading","_this$asProps3$disabl","disabled","neighborLocation","hasChildren","ariaLabel","Children","AddonLeft","addonLeft","AddonRight","addonRight","hintPlacement","Button","CORE_INSTANCE","useTheme","SInner","SSpin","buttonAriaLabel","state","getTextColor","timeout","placement","undefined","__excludeProps","Detect","_ref5","Fragment","Addon","addonTextChildren","Text","Component"],"sources":["../../../../src/component/AbstractButton/AbstractButton.tsx"],"sourcesContent":["import { Component, CORE_INSTANCE, 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 { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport { Hint } from '@semcore/tooltip';\nimport React from 'react';\n\nimport type { AbstractButtonProps } from './AbstractButton.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 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, theme } = this.asProps;\n    const SButton = Root;\n\n    return sstyled(styles)(\n      <SButton render={Box} invertOutline={theme === 'invert'} {...buttonProps}>\n        {children}\n      </SButton>,\n    );\n  }\n\n  renderButtonWithHint({ buttonProps, children, hintProps }: any) {\n    const { styles, theme } = this.asProps;\n    const SButton = Root;\n\n    return sstyled(styles)(\n      <SButton render={Hint} invertOutline={theme === 'invert'} {...buttonProps} {...hintProps} ignorePortalsStacking>\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      'tabIndex': 0,\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                  ? (\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            </>,\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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","ignoreList":[]}
+{"version":3,"file":"AbstractButton.js","names":["_core","require","_addonTextChildren","_interopRequireDefault","_hasLabels","_logger","_flexBox","_neighborLocation","_tooltip","_react","_SpinButton","MAP_USE_DEFAULT_THEME","exports","primary","secondary","tertiary","AbstractButton","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","React","createRef","ariaLabelledByContent","_inherits2","_createClass2","key","value","getTextProps","size","asProps","getAddonProps","componentDidMount","_this2","process","env","NODE_ENV","logger","warn","containerRef","current","hasLabels","title","displayName","theme","ariaLabelledby","setTimeout","_document$getElementB","_document$getElementB2","setState","document","getElementById","textContent","renderButton","_ref6","_ref","_ref3","buttonProps","children","_this$asProps","styles","SButton","Box","sstyled","createElement","cn","_objectSpread2","assignProps","renderButtonWithHint","_ref7","_ref2","_ref4","hintProps","_this$asProps2","Hint","render","_ref8","_ref9","_this3","_this$asProps3","use","_this$asProps3$theme","loading","_this$asProps3$disabl","disabled","neighborLocation","hasChildren","ariaLabel","Children","AddonLeft","addonLeft","AddonRight","addonRight","hintPlacement","Button","CORE_INSTANCE","useTheme","SInner","SSpin","buttonAriaLabel","state","getTextColor","timeout","placement","undefined","__excludeProps","Detect","_ref5","Fragment","Addon","addonTextChildren","Text","Component"],"sources":["../../../../src/component/AbstractButton/AbstractButton.tsx"],"sourcesContent":["import { Component, CORE_INSTANCE, 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 { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport { Hint } from '@semcore/tooltip';\nimport React from 'react';\n\nimport type { AbstractButtonProps } from './AbstractButton.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 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, theme } = this.asProps;\n    const SButton = Root;\n\n    return sstyled(styles)(\n      <SButton render={Box} invertOutline={theme === 'invert'} {...buttonProps}>\n        {children}\n      </SButton>,\n    );\n  }\n\n  renderButtonWithHint({ buttonProps, children, hintProps }: any) {\n    const { styles, theme } = this.asProps;\n    const SButton = Root;\n\n    return sstyled(styles)(\n      <SButton render={Hint} invertOutline={theme === 'invert'} {...buttonProps} {...hintProps} ignorePortalsStacking>\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      'tabIndex': 0,\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} 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            </>,\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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","ignoreList":[]}

package/lib/cjs/component/Button/Button.js

@@ -16,35 +16,35 @@ var _flexBox = require("@semcore/flex-box");
 var _react = _interopRequireDefault(require("react"));
 var _AbstractButton2 = require("../AbstractButton/AbstractButton");
 /*!__reshadow-styles__:"./button.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButton_zs2i6_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_zs2i6_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_zs2i6_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_zs2i6_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_zs2i6_gg_.__disabled_zs2i6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_zs2i6_gg_._size_s_zs2i6_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_zs2i6_gg_._size_m_zs2i6_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_zs2i6_gg_._size_l_zs2i6_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_zs2i6_gg_._theme_primary-info_zs2i6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_zs2i6_gg_._theme_primary-info_zs2i6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_zs2i6_gg_._theme_primary-info_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_primary-info_zs2i6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_zs2i6_gg_._theme_primary-success_zs2i6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_zs2i6_gg_._theme_primary-success_zs2i6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_zs2i6_gg_._theme_primary-success_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_primary-success_zs2i6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_zs2i6_gg_._theme_primary-brand_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_primary-warning_zs2i6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_zs2i6_gg_._theme_primary-brand_zs2i6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_zs2i6_gg_._theme_primary-brand_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_primary-brand_zs2i6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_zs2i6_gg_._theme_primary-warning_zs2i6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_zs2i6_gg_._theme_primary-warning_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_primary-warning_zs2i6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_zs2i6_gg_._theme_primary-danger_zs2i6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_zs2i6_gg_._theme_primary-danger_zs2i6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_zs2i6_gg_._theme_primary-danger_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_primary-danger_zs2i6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_zs2i6_gg_._theme_primary-invert_zs2i6_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_zs2i6_gg_._theme_primary-invert_zs2i6_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_zs2i6_gg_._theme_primary-invert_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_primary-invert_zs2i6_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_zs2i6_gg_._theme_secondary-muted_zs2i6_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_zs2i6_gg_._theme_secondary-muted_zs2i6_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n    rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_zs2i6_gg_._theme_secondary-muted_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_secondary-muted_zs2i6_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n    rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_zs2i6_gg_._theme_secondary-info_zs2i6_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_zs2i6_gg_._theme_secondary-info_zs2i6_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_zs2i6_gg_._theme_secondary-info_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_secondary-info_zs2i6_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_zs2i6_gg_._theme_secondary-invert_zs2i6_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_zs2i6_gg_._theme_secondary-invert_zs2i6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_zs2i6_gg_._theme_secondary-invert_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_secondary-invert_zs2i6_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_zs2i6_gg_._theme_tertiary-info_zs2i6_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_zs2i6_gg_._theme_tertiary-info_zs2i6_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_zs2i6_gg_._theme_tertiary-info_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_tertiary-info_zs2i6_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_zs2i6_gg_._theme_tertiary-muted_zs2i6_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_zs2i6_gg_._theme_tertiary-muted_zs2i6_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_zs2i6_gg_._theme_tertiary-muted_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_tertiary-muted_zs2i6_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n    rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_zs2i6_gg_._theme_tertiary-invert_zs2i6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_zs2i6_gg_._theme_tertiary-invert_zs2i6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_zs2i6_gg_._theme_tertiary-invert_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_tertiary-invert_zs2i6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_zs2i6_gg_._neighborLocation_right_zs2i6_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_zs2i6_gg_._neighborLocation_both_zs2i6_gg_{border-radius:0;margin-left:-1px}.___SButton_zs2i6_gg_._neighborLocation_left_zs2i6_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_zs2i6_gg_._neighborLocation_both_zs2i6_gg_,.___SButton_zs2i6_gg_._neighborLocation_left_zs2i6_gg_{position:relative}.___SButton_zs2i6_gg_._neighborLocation_both_zs2i6_gg_:after,.___SButton_zs2i6_gg_._neighborLocation_left_zs2i6_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_zs2i6_gg_._neighborLocation_both_zs2i6_gg_._theme_secondary-muted_zs2i6_gg_:after,.___SButton_zs2i6_gg_._neighborLocation_left_zs2i6_gg_._theme_secondary-muted_zs2i6_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_zs2i6_gg_+.___SButton_zs2i6_gg_._neighborLocation_both_zs2i6_gg_:after,.___SButton_zs2i6_gg_+.___SButton_zs2i6_gg_._neighborLocation_left_zs2i6_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_zs2i6_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_zs2i6_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_zs2i6_gg_.__loading_zs2i6_gg_{visibility:hidden}.___SText_zs2i6_gg_{display:inline-flex}.___SText_zs2i6_gg_._size_l_zs2i6_gg_,.___SText_zs2i6_gg_._size_m_zs2i6_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_zs2i6_gg_._size_m_zs2i6_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_zs2i6_gg_._size_l_zs2i6_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_zs2i6_gg_._size_l_zs2i6_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_zs2i6_gg_._size_l_zs2i6_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_zs2i6_gg_._size_l_zs2i6_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_zs2i6_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_zs2i6_gg_._size_m_zs2i6_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_zs2i6_gg_._size_m_zs2i6_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_zs2i6_gg_._size_m_zs2i6_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_zs2i6_gg_._size_l_zs2i6_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_zs2i6_gg_._size_l_zs2i6_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_zs2i6_gg_._size_l_zs2i6_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__*/"zs2i6_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButton_gw5o3_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_gw5o3_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_gw5o3_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_gw5o3_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_gw5o3_gg_.__disabled_gw5o3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_gw5o3_gg_._size_s_gw5o3_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_gw5o3_gg_._size_m_gw5o3_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_gw5o3_gg_._size_l_gw5o3_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_gw5o3_gg_._theme_primary-info_gw5o3_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_gw5o3_gg_._theme_primary-info_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_gw5o3_gg_._theme_primary-info_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-info_gw5o3_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_gw5o3_gg_._theme_primary-success_gw5o3_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_gw5o3_gg_._theme_primary-success_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_gw5o3_gg_._theme_primary-success_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-success_gw5o3_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_gw5o3_gg_._theme_primary-brand_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-warning_gw5o3_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_gw5o3_gg_._theme_primary-brand_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_gw5o3_gg_._theme_primary-brand_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-brand_gw5o3_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_gw5o3_gg_._theme_primary-warning_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_gw5o3_gg_._theme_primary-warning_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-warning_gw5o3_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_gw5o3_gg_._theme_primary-danger_gw5o3_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_gw5o3_gg_._theme_primary-danger_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_gw5o3_gg_._theme_primary-danger_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-danger_gw5o3_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_gw5o3_gg_._theme_primary-invert_gw5o3_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_gw5o3_gg_._theme_primary-invert_gw5o3_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_gw5o3_gg_._theme_primary-invert_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-invert_gw5o3_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_gw5o3_gg_._theme_secondary-muted_gw5o3_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_gw5o3_gg_._theme_secondary-muted_gw5o3_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n    rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_gw5o3_gg_._theme_secondary-muted_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_secondary-muted_gw5o3_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n    rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_gw5o3_gg_._theme_secondary-info_gw5o3_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_gw5o3_gg_._theme_secondary-info_gw5o3_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_gw5o3_gg_._theme_secondary-info_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_secondary-info_gw5o3_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_gw5o3_gg_._theme_secondary-invert_gw5o3_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_gw5o3_gg_._theme_secondary-invert_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_gw5o3_gg_._theme_secondary-invert_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_secondary-invert_gw5o3_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_gw5o3_gg_._theme_tertiary-info_gw5o3_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_gw5o3_gg_._theme_tertiary-info_gw5o3_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_gw5o3_gg_._theme_tertiary-info_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_tertiary-info_gw5o3_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_gw5o3_gg_._theme_tertiary-muted_gw5o3_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_gw5o3_gg_._theme_tertiary-muted_gw5o3_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_gw5o3_gg_._theme_tertiary-muted_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_tertiary-muted_gw5o3_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n    rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_gw5o3_gg_._theme_tertiary-invert_gw5o3_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_gw5o3_gg_._theme_tertiary-invert_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_gw5o3_gg_._theme_tertiary-invert_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_tertiary-invert_gw5o3_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_gw5o3_gg_._neighborLocation_right_gw5o3_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_gw5o3_gg_._neighborLocation_both_gw5o3_gg_{border-radius:0;margin-left:-1px}.___SButton_gw5o3_gg_._neighborLocation_left_gw5o3_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_gw5o3_gg_._neighborLocation_both_gw5o3_gg_,.___SButton_gw5o3_gg_._neighborLocation_left_gw5o3_gg_{position:relative}.___SButton_gw5o3_gg_._neighborLocation_both_gw5o3_gg_:after,.___SButton_gw5o3_gg_._neighborLocation_left_gw5o3_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_gw5o3_gg_._neighborLocation_both_gw5o3_gg_._theme_secondary-muted_gw5o3_gg_:after,.___SButton_gw5o3_gg_._neighborLocation_left_gw5o3_gg_._theme_secondary-muted_gw5o3_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_gw5o3_gg_+.___SButton_gw5o3_gg_._neighborLocation_both_gw5o3_gg_:after,.___SButton_gw5o3_gg_+.___SButton_gw5o3_gg_._neighborLocation_left_gw5o3_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_gw5o3_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_gw5o3_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_gw5o3_gg_.__loading_gw5o3_gg_{visibility:hidden}.___SText_gw5o3_gg_{display:inline-flex}.___SText_gw5o3_gg_._size_l_gw5o3_gg_,.___SText_gw5o3_gg_._size_m_gw5o3_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_gw5o3_gg_._size_m_gw5o3_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_gw5o3_gg_._size_l_gw5o3_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_gw5o3_gg_._size_l_gw5o3_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_gw5o3_gg_._size_l_gw5o3_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_gw5o3_gg_._size_l_gw5o3_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_gw5o3_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_gw5o3_gg_._size_m_gw5o3_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_gw5o3_gg_._size_m_gw5o3_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_gw5o3_gg_._size_m_gw5o3_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_gw5o3_gg_._size_l_gw5o3_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_gw5o3_gg_._size_l_gw5o3_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_gw5o3_gg_._size_l_gw5o3_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__*/"gw5o3_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SButton": "___SButton_zs2i6_gg_",
-  "_disabled": "__disabled_zs2i6_gg_",
-  "_size_s": "_size_s_zs2i6_gg_",
-  "_size_m": "_size_m_zs2i6_gg_",
-  "_size_l": "_size_l_zs2i6_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_zs2i6_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_zs2i6_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_zs2i6_gg_",
-  "__SSpin": "___SSpin_zs2i6_gg_",
-  "__SInner": "___SInner_zs2i6_gg_",
-  "_loading": "__loading_zs2i6_gg_",
-  "__SText": "___SText_zs2i6_gg_",
-  "__SAddon": "___SAddon_zs2i6_gg_",
-  "_theme_primary-info": "_theme_primary-info_zs2i6_gg_",
-  "_active": "__active_zs2i6_gg_",
-  "_theme_primary-success": "_theme_primary-success_zs2i6_gg_",
-  "_theme_primary-brand": "_theme_primary-brand_zs2i6_gg_",
-  "_theme_primary-warning": "_theme_primary-warning_zs2i6_gg_",
-  "_theme_primary-danger": "_theme_primary-danger_zs2i6_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_zs2i6_gg_",
-  "_theme_secondary-muted": "_theme_secondary-muted_zs2i6_gg_",
-  "_theme_secondary-info": "_theme_secondary-info_zs2i6_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_zs2i6_gg_",
-  "_theme_tertiary-info": "_theme_tertiary-info_zs2i6_gg_",
-  "_theme_tertiary-muted": "_theme_tertiary-muted_zs2i6_gg_",
-  "_theme_tertiary-invert": "_theme_tertiary-invert_zs2i6_gg_"
+  "__SButton": "___SButton_gw5o3_gg_",
+  "_disabled": "__disabled_gw5o3_gg_",
+  "_size_s": "_size_s_gw5o3_gg_",
+  "_size_m": "_size_m_gw5o3_gg_",
+  "_size_l": "_size_l_gw5o3_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_gw5o3_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_gw5o3_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_gw5o3_gg_",
+  "__SSpin": "___SSpin_gw5o3_gg_",
+  "__SInner": "___SInner_gw5o3_gg_",
+  "_loading": "__loading_gw5o3_gg_",
+  "__SText": "___SText_gw5o3_gg_",
+  "__SAddon": "___SAddon_gw5o3_gg_",
+  "_theme_primary-info": "_theme_primary-info_gw5o3_gg_",
+  "_active": "__active_gw5o3_gg_",
+  "_theme_primary-success": "_theme_primary-success_gw5o3_gg_",
+  "_theme_primary-brand": "_theme_primary-brand_gw5o3_gg_",
+  "_theme_primary-warning": "_theme_primary-warning_gw5o3_gg_",
+  "_theme_primary-danger": "_theme_primary-danger_gw5o3_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_gw5o3_gg_",
+  "_theme_secondary-muted": "_theme_secondary-muted_gw5o3_gg_",
+  "_theme_secondary-info": "_theme_secondary-info_gw5o3_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_gw5o3_gg_",
+  "_theme_tertiary-info": "_theme_tertiary-info_gw5o3_gg_",
+  "_theme_tertiary-muted": "_theme_tertiary-muted_gw5o3_gg_",
+  "_theme_tertiary-invert": "_theme_tertiary-invert_gw5o3_gg_"
 });
 var RootButton = /*#__PURE__*/function (_AbstractButton) {
   function RootButton() {

package/lib/cjs/component/ButtonLink/ButtonLink.js

@@ -17,27 +17,27 @@ var _flexBox = require("@semcore/flex-box");
 var _react = _interopRequireDefault(require("react"));
 var _AbstractButton2 = require("../AbstractButton/AbstractButton");
 /*!__reshadow-styles__:"./buttonLink.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButton_g4yx3_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;background:0 0;transition:color .15s ease-in-out}.___SButton_g4yx3_gg_,.___SButton_g4yx3_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_g4yx3_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_g4yx3_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_g4yx3_gg_.__active_g4yx3_gg_,.___SButton_g4yx3_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_g4yx3_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_g4yx3_gg_.__active_g4yx3_gg_ .___SText_g4yx3_gg_,.___SButton_g4yx3_gg_:active .___SText_g4yx3_gg_{border-color:currentColor}@media (hover:hover){.___SButton_g4yx3_gg_:hover .___SText_g4yx3_gg_{border-color:currentColor}}.___SButton_g4yx3_gg_.__enableVisited_g4yx3_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_g4yx3_gg_.__enableVisited_g4yx3_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_g4yx3_gg_ .___SText_g4yx3_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_g4yx3_gg_.__disabled_g4yx3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_g4yx3_gg_._use_secondary_g4yx3_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_g4yx3_gg_._use_secondary_g4yx3_gg_.__active_g4yx3_gg_,.___SButton_g4yx3_gg_._use_secondary_g4yx3_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_g4yx3_gg_._use_secondary_g4yx3_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_g4yx3_gg_._use_secondary_g4yx3_gg_ .___SText_g4yx3_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_g4yx3_gg_,.___SInner_g4yx3_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_g4yx3_gg_{height:100%;width:100%}.___SAddon_g4yx3_gg_{vertical-align:middle;pointer-events:none}.___SButton_g4yx3_gg_ .___SAddon_g4yx3_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_g4yx3_gg_ .___SAddon_g4yx3_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_g4yx3_gg_.__text-color_g4yx3_gg_{color:var(--text-color_g4yx3)}.___SButton_g4yx3_gg_.__text-color_g4yx3_gg_.__active_g4yx3_gg_,.___SButton_g4yx3_gg_.__text-color_g4yx3_gg_:active{color:var(--text-color_g4yx3);filter:brightness(.8)}@media (hover:hover){.___SButton_g4yx3_gg_.__text-color_g4yx3_gg_:hover{color:var(--text-color_g4yx3);filter:brightness(.8)}}.___SButton_g4yx3_gg_._size_100_g4yx3_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_g4yx3_gg_._size_200_g4yx3_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_g4yx3_gg_._size_300_g4yx3_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_g4yx3_gg_._size_400_g4yx3_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_g4yx3_gg_._size_500_g4yx3_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_g4yx3_gg_._size_600_g4yx3_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_g4yx3_gg_._size_700_g4yx3_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_g4yx3_gg_._size_800_g4yx3_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_g4yx3_gg_,.___SText_g4yx3_gg_{transition:none}}", /*__inner_css_end__*/"g4yx3_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButton_1r4wh_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;background:0 0;transition:color .15s ease-in-out}.___SButton_1r4wh_gg_,.___SButton_1r4wh_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1r4wh_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_1r4wh_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_1r4wh_gg_.__active_1r4wh_gg_,.___SButton_1r4wh_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_1r4wh_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_1r4wh_gg_.__active_1r4wh_gg_ .___SText_1r4wh_gg_,.___SButton_1r4wh_gg_:active .___SText_1r4wh_gg_{border-color:currentColor}@media (hover:hover){.___SButton_1r4wh_gg_:hover .___SText_1r4wh_gg_{border-color:currentColor}}.___SButton_1r4wh_gg_.__enableVisited_1r4wh_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_1r4wh_gg_.__enableVisited_1r4wh_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_1r4wh_gg_ .___SText_1r4wh_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_1r4wh_gg_.__disabled_1r4wh_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_1r4wh_gg_._use_secondary_1r4wh_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_1r4wh_gg_._use_secondary_1r4wh_gg_.__active_1r4wh_gg_,.___SButton_1r4wh_gg_._use_secondary_1r4wh_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_1r4wh_gg_._use_secondary_1r4wh_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_1r4wh_gg_._use_secondary_1r4wh_gg_ .___SText_1r4wh_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_1r4wh_gg_,.___SInner_1r4wh_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_1r4wh_gg_{height:100%;width:100%}.___SAddon_1r4wh_gg_{vertical-align:middle;pointer-events:none}.___SButton_1r4wh_gg_ .___SAddon_1r4wh_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_1r4wh_gg_ .___SAddon_1r4wh_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_1r4wh_gg_.__text-color_1r4wh_gg_{color:var(--text-color_1r4wh)}.___SButton_1r4wh_gg_.__text-color_1r4wh_gg_.__active_1r4wh_gg_,.___SButton_1r4wh_gg_.__text-color_1r4wh_gg_:active{color:var(--text-color_1r4wh);filter:brightness(.8)}@media (hover:hover){.___SButton_1r4wh_gg_.__text-color_1r4wh_gg_:hover{color:var(--text-color_1r4wh);filter:brightness(.8)}}.___SButton_1r4wh_gg_._size_100_1r4wh_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_1r4wh_gg_._size_200_1r4wh_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_1r4wh_gg_._size_300_1r4wh_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_1r4wh_gg_._size_400_1r4wh_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_1r4wh_gg_._size_500_1r4wh_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_1r4wh_gg_._size_600_1r4wh_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_1r4wh_gg_._size_700_1r4wh_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_1r4wh_gg_._size_800_1r4wh_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_1r4wh_gg_,.___SText_1r4wh_gg_{transition:none}}", /*__inner_css_end__*/"1r4wh_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SButton": "___SButton_g4yx3_gg_",
-  "_disabled": "__disabled_g4yx3_gg_",
-  "__SInner": "___SInner_g4yx3_gg_",
-  "__SAddon": "___SAddon_g4yx3_gg_",
-  "_size_100": "_size_100_g4yx3_gg_",
-  "_size_200": "_size_200_g4yx3_gg_",
-  "_size_300": "_size_300_g4yx3_gg_",
-  "_size_400": "_size_400_g4yx3_gg_",
-  "_size_500": "_size_500_g4yx3_gg_",
-  "_size_600": "_size_600_g4yx3_gg_",
-  "_size_700": "_size_700_g4yx3_gg_",
-  "_size_800": "_size_800_g4yx3_gg_",
-  "__SText": "___SText_g4yx3_gg_",
-  "_active": "__active_g4yx3_gg_",
-  "_enableVisited": "__enableVisited_g4yx3_gg_",
-  "_use_secondary": "_use_secondary_g4yx3_gg_",
-  "_text-color": "__text-color_g4yx3_gg_",
-  "--text-color": "--text-color_g4yx3"
+  "__SButton": "___SButton_1r4wh_gg_",
+  "_disabled": "__disabled_1r4wh_gg_",
+  "__SInner": "___SInner_1r4wh_gg_",
+  "__SAddon": "___SAddon_1r4wh_gg_",
+  "_size_100": "_size_100_1r4wh_gg_",
+  "_size_200": "_size_200_1r4wh_gg_",
+  "_size_300": "_size_300_1r4wh_gg_",
+  "_size_400": "_size_400_1r4wh_gg_",
+  "_size_500": "_size_500_1r4wh_gg_",
+  "_size_600": "_size_600_1r4wh_gg_",
+  "_size_700": "_size_700_1r4wh_gg_",
+  "_size_800": "_size_800_1r4wh_gg_",
+  "__SText": "___SText_1r4wh_gg_",
+  "_active": "__active_1r4wh_gg_",
+  "_enableVisited": "__enableVisited_1r4wh_gg_",
+  "_use_secondary": "_use_secondary_1r4wh_gg_",
+  "_text-color": "__text-color_1r4wh_gg_",
+  "--text-color": "--text-color_1r4wh"
 });
 var enhance = {
   resolveColor: (0, _resolveColorEnhance["default"])()

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

@@ -155,7 +155,8 @@ export var AbstractButton = /*#__PURE__*/function (_Component) {
         var _ref5;
         var children = (_ref5 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SInner, _ref5.cn("SInner", {
           "tag": 'span',
-          "loading": loading
+          "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", {

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

@@ -1 +1 @@
-{"version":3,"file":"AbstractButton.js","names":["Component","CORE_INSTANCE","Root","sstyled","addonTextChildren","hasLabels","logger","Box","NeighborLocation","Hint","React","SpinButton","MAP_USE_DEFAULT_THEME","primary","secondary","tertiary","AbstractButton","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","ariaLabelledByContent","_inherits","_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","_this$asProps","styles","SButton","createElement","cn","_objectSpread","_assignProps","renderButtonWithHint","_ref7","_ref2","_ref4","hintProps","_this$asProps2","_assignProps2","render","_ref8","_ref9","_this3","_this$asProps3","use","_this$asProps3$theme","loading","_this$asProps3$disabl","disabled","neighborLocation","hasChildren","ariaLabel","Children","AddonLeft","addonLeft","AddonRight","addonRight","hintPlacement","Button","useTheme","SInner","SSpin","buttonAriaLabel","state","getTextColor","timeout","placement","undefined","__excludeProps","Detect","_ref5","Fragment","Addon","Text"],"sources":["../../../../src/component/AbstractButton/AbstractButton.tsx"],"sourcesContent":["import { Component, CORE_INSTANCE, 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 { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport { Hint } from '@semcore/tooltip';\nimport React from 'react';\n\nimport type { AbstractButtonProps } from './AbstractButton.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 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, theme } = this.asProps;\n    const SButton = Root;\n\n    return sstyled(styles)(\n      <SButton render={Box} invertOutline={theme === 'invert'} {...buttonProps}>\n        {children}\n      </SButton>,\n    );\n  }\n\n  renderButtonWithHint({ buttonProps, children, hintProps }: any) {\n    const { styles, theme } = this.asProps;\n    const SButton = Root;\n\n    return sstyled(styles)(\n      <SButton render={Hint} invertOutline={theme === 'invert'} {...buttonProps} {...hintProps} ignorePortalsStacking>\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      'tabIndex': 0,\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                  ? (\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            </>,\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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","ignoreList":[]}
+{"version":3,"file":"AbstractButton.js","names":["Component","CORE_INSTANCE","Root","sstyled","addonTextChildren","hasLabels","logger","Box","NeighborLocation","Hint","React","SpinButton","MAP_USE_DEFAULT_THEME","primary","secondary","tertiary","AbstractButton","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","ariaLabelledByContent","_inherits","_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","_this$asProps","styles","SButton","createElement","cn","_objectSpread","_assignProps","renderButtonWithHint","_ref7","_ref2","_ref4","hintProps","_this$asProps2","_assignProps2","render","_ref8","_ref9","_this3","_this$asProps3","use","_this$asProps3$theme","loading","_this$asProps3$disabl","disabled","neighborLocation","hasChildren","ariaLabel","Children","AddonLeft","addonLeft","AddonRight","addonRight","hintPlacement","Button","useTheme","SInner","SSpin","buttonAriaLabel","state","getTextColor","timeout","placement","undefined","__excludeProps","Detect","_ref5","Fragment","Addon","Text"],"sources":["../../../../src/component/AbstractButton/AbstractButton.tsx"],"sourcesContent":["import { Component, CORE_INSTANCE, 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 { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport { Hint } from '@semcore/tooltip';\nimport React from 'react';\n\nimport type { AbstractButtonProps } from './AbstractButton.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 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, theme } = this.asProps;\n    const SButton = Root;\n\n    return sstyled(styles)(\n      <SButton render={Box} invertOutline={theme === 'invert'} {...buttonProps}>\n        {children}\n      </SButton>,\n    );\n  }\n\n  renderButtonWithHint({ buttonProps, children, hintProps }: any) {\n    const { styles, theme } = this.asProps;\n    const SButton = Root;\n\n    return sstyled(styles)(\n      <SButton render={Hint} invertOutline={theme === 'invert'} {...buttonProps} {...hintProps} ignorePortalsStacking>\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      'tabIndex': 0,\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} 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            </>,\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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","ignoreList":[]}

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

@@ -11,35 +11,35 @@ import { createComponent, sstyled, Root } from '@semcore/core';
 import { Box } from '@semcore/flex-box';
 import React from 'react';
 /*!__reshadow-styles__:"./button.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SButton_zs2i6_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_zs2i6_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_zs2i6_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_zs2i6_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_zs2i6_gg_.__disabled_zs2i6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_zs2i6_gg_._size_s_zs2i6_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_zs2i6_gg_._size_m_zs2i6_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_zs2i6_gg_._size_l_zs2i6_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_zs2i6_gg_._theme_primary-info_zs2i6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_zs2i6_gg_._theme_primary-info_zs2i6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_zs2i6_gg_._theme_primary-info_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_primary-info_zs2i6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_zs2i6_gg_._theme_primary-success_zs2i6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_zs2i6_gg_._theme_primary-success_zs2i6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_zs2i6_gg_._theme_primary-success_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_primary-success_zs2i6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_zs2i6_gg_._theme_primary-brand_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_primary-warning_zs2i6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_zs2i6_gg_._theme_primary-brand_zs2i6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_zs2i6_gg_._theme_primary-brand_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_primary-brand_zs2i6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_zs2i6_gg_._theme_primary-warning_zs2i6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_zs2i6_gg_._theme_primary-warning_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_primary-warning_zs2i6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_zs2i6_gg_._theme_primary-danger_zs2i6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_zs2i6_gg_._theme_primary-danger_zs2i6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_zs2i6_gg_._theme_primary-danger_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_primary-danger_zs2i6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_zs2i6_gg_._theme_primary-invert_zs2i6_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_zs2i6_gg_._theme_primary-invert_zs2i6_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_zs2i6_gg_._theme_primary-invert_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_primary-invert_zs2i6_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_zs2i6_gg_._theme_secondary-muted_zs2i6_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_zs2i6_gg_._theme_secondary-muted_zs2i6_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n    rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_zs2i6_gg_._theme_secondary-muted_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_secondary-muted_zs2i6_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n    rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_zs2i6_gg_._theme_secondary-info_zs2i6_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_zs2i6_gg_._theme_secondary-info_zs2i6_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_zs2i6_gg_._theme_secondary-info_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_secondary-info_zs2i6_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_zs2i6_gg_._theme_secondary-invert_zs2i6_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_zs2i6_gg_._theme_secondary-invert_zs2i6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_zs2i6_gg_._theme_secondary-invert_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_secondary-invert_zs2i6_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_zs2i6_gg_._theme_tertiary-info_zs2i6_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_zs2i6_gg_._theme_tertiary-info_zs2i6_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_zs2i6_gg_._theme_tertiary-info_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_tertiary-info_zs2i6_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_zs2i6_gg_._theme_tertiary-muted_zs2i6_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_zs2i6_gg_._theme_tertiary-muted_zs2i6_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_zs2i6_gg_._theme_tertiary-muted_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_tertiary-muted_zs2i6_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n    rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_zs2i6_gg_._theme_tertiary-invert_zs2i6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_zs2i6_gg_._theme_tertiary-invert_zs2i6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_zs2i6_gg_._theme_tertiary-invert_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_tertiary-invert_zs2i6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_zs2i6_gg_._neighborLocation_right_zs2i6_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_zs2i6_gg_._neighborLocation_both_zs2i6_gg_{border-radius:0;margin-left:-1px}.___SButton_zs2i6_gg_._neighborLocation_left_zs2i6_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_zs2i6_gg_._neighborLocation_both_zs2i6_gg_,.___SButton_zs2i6_gg_._neighborLocation_left_zs2i6_gg_{position:relative}.___SButton_zs2i6_gg_._neighborLocation_both_zs2i6_gg_:after,.___SButton_zs2i6_gg_._neighborLocation_left_zs2i6_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_zs2i6_gg_._neighborLocation_both_zs2i6_gg_._theme_secondary-muted_zs2i6_gg_:after,.___SButton_zs2i6_gg_._neighborLocation_left_zs2i6_gg_._theme_secondary-muted_zs2i6_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_zs2i6_gg_+.___SButton_zs2i6_gg_._neighborLocation_both_zs2i6_gg_:after,.___SButton_zs2i6_gg_+.___SButton_zs2i6_gg_._neighborLocation_left_zs2i6_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_zs2i6_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_zs2i6_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_zs2i6_gg_.__loading_zs2i6_gg_{visibility:hidden}.___SText_zs2i6_gg_{display:inline-flex}.___SText_zs2i6_gg_._size_l_zs2i6_gg_,.___SText_zs2i6_gg_._size_m_zs2i6_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_zs2i6_gg_._size_m_zs2i6_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_zs2i6_gg_._size_l_zs2i6_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_zs2i6_gg_._size_l_zs2i6_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_zs2i6_gg_._size_l_zs2i6_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_zs2i6_gg_._size_l_zs2i6_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_zs2i6_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_zs2i6_gg_._size_m_zs2i6_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_zs2i6_gg_._size_m_zs2i6_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_zs2i6_gg_._size_m_zs2i6_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_zs2i6_gg_._size_l_zs2i6_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_zs2i6_gg_._size_l_zs2i6_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_zs2i6_gg_._size_l_zs2i6_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__*/"zs2i6_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SButton_gw5o3_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_gw5o3_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_gw5o3_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_gw5o3_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_gw5o3_gg_.__disabled_gw5o3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_gw5o3_gg_._size_s_gw5o3_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_gw5o3_gg_._size_m_gw5o3_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_gw5o3_gg_._size_l_gw5o3_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_gw5o3_gg_._theme_primary-info_gw5o3_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_gw5o3_gg_._theme_primary-info_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_gw5o3_gg_._theme_primary-info_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-info_gw5o3_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_gw5o3_gg_._theme_primary-success_gw5o3_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_gw5o3_gg_._theme_primary-success_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_gw5o3_gg_._theme_primary-success_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-success_gw5o3_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_gw5o3_gg_._theme_primary-brand_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-warning_gw5o3_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_gw5o3_gg_._theme_primary-brand_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_gw5o3_gg_._theme_primary-brand_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-brand_gw5o3_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_gw5o3_gg_._theme_primary-warning_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_gw5o3_gg_._theme_primary-warning_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-warning_gw5o3_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_gw5o3_gg_._theme_primary-danger_gw5o3_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_gw5o3_gg_._theme_primary-danger_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_gw5o3_gg_._theme_primary-danger_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-danger_gw5o3_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_gw5o3_gg_._theme_primary-invert_gw5o3_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_gw5o3_gg_._theme_primary-invert_gw5o3_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_gw5o3_gg_._theme_primary-invert_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-invert_gw5o3_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_gw5o3_gg_._theme_secondary-muted_gw5o3_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_gw5o3_gg_._theme_secondary-muted_gw5o3_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n    rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_gw5o3_gg_._theme_secondary-muted_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_secondary-muted_gw5o3_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n    rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_gw5o3_gg_._theme_secondary-info_gw5o3_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_gw5o3_gg_._theme_secondary-info_gw5o3_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_gw5o3_gg_._theme_secondary-info_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_secondary-info_gw5o3_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_gw5o3_gg_._theme_secondary-invert_gw5o3_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_gw5o3_gg_._theme_secondary-invert_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_gw5o3_gg_._theme_secondary-invert_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_secondary-invert_gw5o3_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_gw5o3_gg_._theme_tertiary-info_gw5o3_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_gw5o3_gg_._theme_tertiary-info_gw5o3_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_gw5o3_gg_._theme_tertiary-info_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_tertiary-info_gw5o3_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_gw5o3_gg_._theme_tertiary-muted_gw5o3_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_gw5o3_gg_._theme_tertiary-muted_gw5o3_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_gw5o3_gg_._theme_tertiary-muted_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_tertiary-muted_gw5o3_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n    rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_gw5o3_gg_._theme_tertiary-invert_gw5o3_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_gw5o3_gg_._theme_tertiary-invert_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_gw5o3_gg_._theme_tertiary-invert_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_tertiary-invert_gw5o3_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_gw5o3_gg_._neighborLocation_right_gw5o3_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_gw5o3_gg_._neighborLocation_both_gw5o3_gg_{border-radius:0;margin-left:-1px}.___SButton_gw5o3_gg_._neighborLocation_left_gw5o3_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_gw5o3_gg_._neighborLocation_both_gw5o3_gg_,.___SButton_gw5o3_gg_._neighborLocation_left_gw5o3_gg_{position:relative}.___SButton_gw5o3_gg_._neighborLocation_both_gw5o3_gg_:after,.___SButton_gw5o3_gg_._neighborLocation_left_gw5o3_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_gw5o3_gg_._neighborLocation_both_gw5o3_gg_._theme_secondary-muted_gw5o3_gg_:after,.___SButton_gw5o3_gg_._neighborLocation_left_gw5o3_gg_._theme_secondary-muted_gw5o3_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_gw5o3_gg_+.___SButton_gw5o3_gg_._neighborLocation_both_gw5o3_gg_:after,.___SButton_gw5o3_gg_+.___SButton_gw5o3_gg_._neighborLocation_left_gw5o3_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_gw5o3_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_gw5o3_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_gw5o3_gg_.__loading_gw5o3_gg_{visibility:hidden}.___SText_gw5o3_gg_{display:inline-flex}.___SText_gw5o3_gg_._size_l_gw5o3_gg_,.___SText_gw5o3_gg_._size_m_gw5o3_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_gw5o3_gg_._size_m_gw5o3_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_gw5o3_gg_._size_l_gw5o3_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_gw5o3_gg_._size_l_gw5o3_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_gw5o3_gg_._size_l_gw5o3_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_gw5o3_gg_._size_l_gw5o3_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_gw5o3_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_gw5o3_gg_._size_m_gw5o3_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_gw5o3_gg_._size_m_gw5o3_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_gw5o3_gg_._size_m_gw5o3_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_gw5o3_gg_._size_l_gw5o3_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_gw5o3_gg_._size_l_gw5o3_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_gw5o3_gg_._size_l_gw5o3_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__*/"gw5o3_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SButton": "___SButton_zs2i6_gg_",
-  "_disabled": "__disabled_zs2i6_gg_",
-  "_size_s": "_size_s_zs2i6_gg_",
-  "_size_m": "_size_m_zs2i6_gg_",
-  "_size_l": "_size_l_zs2i6_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_zs2i6_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_zs2i6_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_zs2i6_gg_",
-  "__SSpin": "___SSpin_zs2i6_gg_",
-  "__SInner": "___SInner_zs2i6_gg_",
-  "_loading": "__loading_zs2i6_gg_",
-  "__SText": "___SText_zs2i6_gg_",
-  "__SAddon": "___SAddon_zs2i6_gg_",
-  "_theme_primary-info": "_theme_primary-info_zs2i6_gg_",
-  "_active": "__active_zs2i6_gg_",
-  "_theme_primary-success": "_theme_primary-success_zs2i6_gg_",
-  "_theme_primary-brand": "_theme_primary-brand_zs2i6_gg_",
-  "_theme_primary-warning": "_theme_primary-warning_zs2i6_gg_",
-  "_theme_primary-danger": "_theme_primary-danger_zs2i6_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_zs2i6_gg_",
-  "_theme_secondary-muted": "_theme_secondary-muted_zs2i6_gg_",
-  "_theme_secondary-info": "_theme_secondary-info_zs2i6_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_zs2i6_gg_",
-  "_theme_tertiary-info": "_theme_tertiary-info_zs2i6_gg_",
-  "_theme_tertiary-muted": "_theme_tertiary-muted_zs2i6_gg_",
-  "_theme_tertiary-invert": "_theme_tertiary-invert_zs2i6_gg_"
+  "__SButton": "___SButton_gw5o3_gg_",
+  "_disabled": "__disabled_gw5o3_gg_",
+  "_size_s": "_size_s_gw5o3_gg_",
+  "_size_m": "_size_m_gw5o3_gg_",
+  "_size_l": "_size_l_gw5o3_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_gw5o3_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_gw5o3_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_gw5o3_gg_",
+  "__SSpin": "___SSpin_gw5o3_gg_",
+  "__SInner": "___SInner_gw5o3_gg_",
+  "_loading": "__loading_gw5o3_gg_",
+  "__SText": "___SText_gw5o3_gg_",
+  "__SAddon": "___SAddon_gw5o3_gg_",
+  "_theme_primary-info": "_theme_primary-info_gw5o3_gg_",
+  "_active": "__active_gw5o3_gg_",
+  "_theme_primary-success": "_theme_primary-success_gw5o3_gg_",
+  "_theme_primary-brand": "_theme_primary-brand_gw5o3_gg_",
+  "_theme_primary-warning": "_theme_primary-warning_gw5o3_gg_",
+  "_theme_primary-danger": "_theme_primary-danger_gw5o3_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_gw5o3_gg_",
+  "_theme_secondary-muted": "_theme_secondary-muted_gw5o3_gg_",
+  "_theme_secondary-info": "_theme_secondary-info_gw5o3_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_gw5o3_gg_",
+  "_theme_tertiary-info": "_theme_tertiary-info_gw5o3_gg_",
+  "_theme_tertiary-muted": "_theme_tertiary-muted_gw5o3_gg_",
+  "_theme_tertiary-invert": "_theme_tertiary-invert_gw5o3_gg_"
 });
 import { AbstractButton } from '../AbstractButton/AbstractButton';
 var RootButton = /*#__PURE__*/function (_AbstractButton) {

package/lib/es6/component/ButtonLink/ButtonLink.js

@@ -12,27 +12,27 @@ import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEn
 import { Box } from '@semcore/flex-box';
 import React from 'react';
 /*!__reshadow-styles__:"./buttonLink.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SButton_g4yx3_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;background:0 0;transition:color .15s ease-in-out}.___SButton_g4yx3_gg_,.___SButton_g4yx3_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_g4yx3_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_g4yx3_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_g4yx3_gg_.__active_g4yx3_gg_,.___SButton_g4yx3_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_g4yx3_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_g4yx3_gg_.__active_g4yx3_gg_ .___SText_g4yx3_gg_,.___SButton_g4yx3_gg_:active .___SText_g4yx3_gg_{border-color:currentColor}@media (hover:hover){.___SButton_g4yx3_gg_:hover .___SText_g4yx3_gg_{border-color:currentColor}}.___SButton_g4yx3_gg_.__enableVisited_g4yx3_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_g4yx3_gg_.__enableVisited_g4yx3_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_g4yx3_gg_ .___SText_g4yx3_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_g4yx3_gg_.__disabled_g4yx3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_g4yx3_gg_._use_secondary_g4yx3_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_g4yx3_gg_._use_secondary_g4yx3_gg_.__active_g4yx3_gg_,.___SButton_g4yx3_gg_._use_secondary_g4yx3_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_g4yx3_gg_._use_secondary_g4yx3_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_g4yx3_gg_._use_secondary_g4yx3_gg_ .___SText_g4yx3_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_g4yx3_gg_,.___SInner_g4yx3_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_g4yx3_gg_{height:100%;width:100%}.___SAddon_g4yx3_gg_{vertical-align:middle;pointer-events:none}.___SButton_g4yx3_gg_ .___SAddon_g4yx3_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_g4yx3_gg_ .___SAddon_g4yx3_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_g4yx3_gg_.__text-color_g4yx3_gg_{color:var(--text-color_g4yx3)}.___SButton_g4yx3_gg_.__text-color_g4yx3_gg_.__active_g4yx3_gg_,.___SButton_g4yx3_gg_.__text-color_g4yx3_gg_:active{color:var(--text-color_g4yx3);filter:brightness(.8)}@media (hover:hover){.___SButton_g4yx3_gg_.__text-color_g4yx3_gg_:hover{color:var(--text-color_g4yx3);filter:brightness(.8)}}.___SButton_g4yx3_gg_._size_100_g4yx3_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_g4yx3_gg_._size_200_g4yx3_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_g4yx3_gg_._size_300_g4yx3_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_g4yx3_gg_._size_400_g4yx3_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_g4yx3_gg_._size_500_g4yx3_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_g4yx3_gg_._size_600_g4yx3_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_g4yx3_gg_._size_700_g4yx3_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_g4yx3_gg_._size_800_g4yx3_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_g4yx3_gg_,.___SText_g4yx3_gg_{transition:none}}", /*__inner_css_end__*/"g4yx3_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SButton_1r4wh_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;background:0 0;transition:color .15s ease-in-out}.___SButton_1r4wh_gg_,.___SButton_1r4wh_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1r4wh_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_1r4wh_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_1r4wh_gg_.__active_1r4wh_gg_,.___SButton_1r4wh_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_1r4wh_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_1r4wh_gg_.__active_1r4wh_gg_ .___SText_1r4wh_gg_,.___SButton_1r4wh_gg_:active .___SText_1r4wh_gg_{border-color:currentColor}@media (hover:hover){.___SButton_1r4wh_gg_:hover .___SText_1r4wh_gg_{border-color:currentColor}}.___SButton_1r4wh_gg_.__enableVisited_1r4wh_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_1r4wh_gg_.__enableVisited_1r4wh_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_1r4wh_gg_ .___SText_1r4wh_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_1r4wh_gg_.__disabled_1r4wh_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_1r4wh_gg_._use_secondary_1r4wh_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_1r4wh_gg_._use_secondary_1r4wh_gg_.__active_1r4wh_gg_,.___SButton_1r4wh_gg_._use_secondary_1r4wh_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_1r4wh_gg_._use_secondary_1r4wh_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_1r4wh_gg_._use_secondary_1r4wh_gg_ .___SText_1r4wh_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_1r4wh_gg_,.___SInner_1r4wh_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_1r4wh_gg_{height:100%;width:100%}.___SAddon_1r4wh_gg_{vertical-align:middle;pointer-events:none}.___SButton_1r4wh_gg_ .___SAddon_1r4wh_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_1r4wh_gg_ .___SAddon_1r4wh_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_1r4wh_gg_.__text-color_1r4wh_gg_{color:var(--text-color_1r4wh)}.___SButton_1r4wh_gg_.__text-color_1r4wh_gg_.__active_1r4wh_gg_,.___SButton_1r4wh_gg_.__text-color_1r4wh_gg_:active{color:var(--text-color_1r4wh);filter:brightness(.8)}@media (hover:hover){.___SButton_1r4wh_gg_.__text-color_1r4wh_gg_:hover{color:var(--text-color_1r4wh);filter:brightness(.8)}}.___SButton_1r4wh_gg_._size_100_1r4wh_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_1r4wh_gg_._size_200_1r4wh_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_1r4wh_gg_._size_300_1r4wh_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_1r4wh_gg_._size_400_1r4wh_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_1r4wh_gg_._size_500_1r4wh_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_1r4wh_gg_._size_600_1r4wh_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_1r4wh_gg_._size_700_1r4wh_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_1r4wh_gg_._size_800_1r4wh_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_1r4wh_gg_,.___SText_1r4wh_gg_{transition:none}}", /*__inner_css_end__*/"1r4wh_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SButton": "___SButton_g4yx3_gg_",
-  "_disabled": "__disabled_g4yx3_gg_",
-  "__SInner": "___SInner_g4yx3_gg_",
-  "__SAddon": "___SAddon_g4yx3_gg_",
-  "_size_100": "_size_100_g4yx3_gg_",
-  "_size_200": "_size_200_g4yx3_gg_",
-  "_size_300": "_size_300_g4yx3_gg_",
-  "_size_400": "_size_400_g4yx3_gg_",
-  "_size_500": "_size_500_g4yx3_gg_",
-  "_size_600": "_size_600_g4yx3_gg_",
-  "_size_700": "_size_700_g4yx3_gg_",
-  "_size_800": "_size_800_g4yx3_gg_",
-  "__SText": "___SText_g4yx3_gg_",
-  "_active": "__active_g4yx3_gg_",
-  "_enableVisited": "__enableVisited_g4yx3_gg_",
-  "_use_secondary": "_use_secondary_g4yx3_gg_",
-  "_text-color": "__text-color_g4yx3_gg_",
-  "--text-color": "--text-color_g4yx3"
+  "__SButton": "___SButton_1r4wh_gg_",
+  "_disabled": "__disabled_1r4wh_gg_",
+  "__SInner": "___SInner_1r4wh_gg_",
+  "__SAddon": "___SAddon_1r4wh_gg_",
+  "_size_100": "_size_100_1r4wh_gg_",
+  "_size_200": "_size_200_1r4wh_gg_",
+  "_size_300": "_size_300_1r4wh_gg_",
+  "_size_400": "_size_400_1r4wh_gg_",
+  "_size_500": "_size_500_1r4wh_gg_",
+  "_size_600": "_size_600_1r4wh_gg_",
+  "_size_700": "_size_700_1r4wh_gg_",
+  "_size_800": "_size_800_1r4wh_gg_",
+  "__SText": "___SText_1r4wh_gg_",
+  "_active": "__active_1r4wh_gg_",
+  "_enableVisited": "__enableVisited_1r4wh_gg_",
+  "_use_secondary": "_use_secondary_1r4wh_gg_",
+  "_text-color": "__text-color_1r4wh_gg_",
+  "--text-color": "--text-color_1r4wh"
 });
 import { AbstractButton } from '../AbstractButton/AbstractButton';
 var enhance = {

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

@@ -125,7 +125,8 @@ var AbstractButton = /* @__PURE__ */ (function(_Component) {
         var _ref5;
         var children = (_ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SInner, _ref5.cn("SInner", {
           "tag": "span",
-          "loading": loading
+          "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", {

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

@@ -13,37 +13,37 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SButton_zs2i6_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_zs2i6_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_zs2i6_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_zs2i6_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_zs2i6_gg_.__disabled_zs2i6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_zs2i6_gg_._size_s_zs2i6_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_zs2i6_gg_._size_m_zs2i6_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_zs2i6_gg_._size_l_zs2i6_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_zs2i6_gg_._theme_primary-info_zs2i6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_zs2i6_gg_._theme_primary-info_zs2i6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_zs2i6_gg_._theme_primary-info_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_primary-info_zs2i6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_zs2i6_gg_._theme_primary-success_zs2i6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_zs2i6_gg_._theme_primary-success_zs2i6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_zs2i6_gg_._theme_primary-success_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_primary-success_zs2i6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_zs2i6_gg_._theme_primary-brand_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_primary-warning_zs2i6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_zs2i6_gg_._theme_primary-brand_zs2i6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_zs2i6_gg_._theme_primary-brand_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_primary-brand_zs2i6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_zs2i6_gg_._theme_primary-warning_zs2i6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_zs2i6_gg_._theme_primary-warning_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_primary-warning_zs2i6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_zs2i6_gg_._theme_primary-danger_zs2i6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_zs2i6_gg_._theme_primary-danger_zs2i6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_zs2i6_gg_._theme_primary-danger_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_primary-danger_zs2i6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_zs2i6_gg_._theme_primary-invert_zs2i6_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_zs2i6_gg_._theme_primary-invert_zs2i6_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_zs2i6_gg_._theme_primary-invert_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_primary-invert_zs2i6_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_zs2i6_gg_._theme_secondary-muted_zs2i6_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_zs2i6_gg_._theme_secondary-muted_zs2i6_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n    rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_zs2i6_gg_._theme_secondary-muted_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_secondary-muted_zs2i6_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n    rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_zs2i6_gg_._theme_secondary-info_zs2i6_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_zs2i6_gg_._theme_secondary-info_zs2i6_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_zs2i6_gg_._theme_secondary-info_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_secondary-info_zs2i6_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_zs2i6_gg_._theme_secondary-invert_zs2i6_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_zs2i6_gg_._theme_secondary-invert_zs2i6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_zs2i6_gg_._theme_secondary-invert_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_secondary-invert_zs2i6_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_zs2i6_gg_._theme_tertiary-info_zs2i6_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_zs2i6_gg_._theme_tertiary-info_zs2i6_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_zs2i6_gg_._theme_tertiary-info_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_tertiary-info_zs2i6_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_zs2i6_gg_._theme_tertiary-muted_zs2i6_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_zs2i6_gg_._theme_tertiary-muted_zs2i6_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_zs2i6_gg_._theme_tertiary-muted_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_tertiary-muted_zs2i6_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n    rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_zs2i6_gg_._theme_tertiary-invert_zs2i6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_zs2i6_gg_._theme_tertiary-invert_zs2i6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_zs2i6_gg_._theme_tertiary-invert_zs2i6_gg_.__active_zs2i6_gg_,.___SButton_zs2i6_gg_._theme_tertiary-invert_zs2i6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_zs2i6_gg_._neighborLocation_right_zs2i6_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_zs2i6_gg_._neighborLocation_both_zs2i6_gg_{border-radius:0;margin-left:-1px}.___SButton_zs2i6_gg_._neighborLocation_left_zs2i6_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_zs2i6_gg_._neighborLocation_both_zs2i6_gg_,.___SButton_zs2i6_gg_._neighborLocation_left_zs2i6_gg_{position:relative}.___SButton_zs2i6_gg_._neighborLocation_both_zs2i6_gg_:after,.___SButton_zs2i6_gg_._neighborLocation_left_zs2i6_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_zs2i6_gg_._neighborLocation_both_zs2i6_gg_._theme_secondary-muted_zs2i6_gg_:after,.___SButton_zs2i6_gg_._neighborLocation_left_zs2i6_gg_._theme_secondary-muted_zs2i6_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_zs2i6_gg_+.___SButton_zs2i6_gg_._neighborLocation_both_zs2i6_gg_:after,.___SButton_zs2i6_gg_+.___SButton_zs2i6_gg_._neighborLocation_left_zs2i6_gg_:after{content:"";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_zs2i6_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_zs2i6_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_zs2i6_gg_.__loading_zs2i6_gg_{visibility:hidden}.___SText_zs2i6_gg_{display:inline-flex}.___SText_zs2i6_gg_._size_l_zs2i6_gg_,.___SText_zs2i6_gg_._size_m_zs2i6_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_zs2i6_gg_._size_m_zs2i6_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_zs2i6_gg_._size_l_zs2i6_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_zs2i6_gg_._size_l_zs2i6_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_zs2i6_gg_._size_l_zs2i6_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_zs2i6_gg_._size_l_zs2i6_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_zs2i6_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_zs2i6_gg_._size_m_zs2i6_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_zs2i6_gg_._size_m_zs2i6_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_zs2i6_gg_._size_m_zs2i6_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_zs2i6_gg_._size_l_zs2i6_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_zs2i6_gg_._size_l_zs2i6_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_zs2i6_gg_._size_l_zs2i6_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}',
+    '.___SButton_gw5o3_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_gw5o3_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_gw5o3_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_gw5o3_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_gw5o3_gg_.__disabled_gw5o3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_gw5o3_gg_._size_s_gw5o3_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_gw5o3_gg_._size_m_gw5o3_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_gw5o3_gg_._size_l_gw5o3_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_gw5o3_gg_._theme_primary-info_gw5o3_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_gw5o3_gg_._theme_primary-info_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_gw5o3_gg_._theme_primary-info_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-info_gw5o3_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_gw5o3_gg_._theme_primary-success_gw5o3_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_gw5o3_gg_._theme_primary-success_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_gw5o3_gg_._theme_primary-success_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-success_gw5o3_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_gw5o3_gg_._theme_primary-brand_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-warning_gw5o3_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_gw5o3_gg_._theme_primary-brand_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_gw5o3_gg_._theme_primary-brand_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-brand_gw5o3_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_gw5o3_gg_._theme_primary-warning_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_gw5o3_gg_._theme_primary-warning_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-warning_gw5o3_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_gw5o3_gg_._theme_primary-danger_gw5o3_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_gw5o3_gg_._theme_primary-danger_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_gw5o3_gg_._theme_primary-danger_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-danger_gw5o3_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_gw5o3_gg_._theme_primary-invert_gw5o3_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_gw5o3_gg_._theme_primary-invert_gw5o3_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_gw5o3_gg_._theme_primary-invert_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_primary-invert_gw5o3_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_gw5o3_gg_._theme_secondary-muted_gw5o3_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_gw5o3_gg_._theme_secondary-muted_gw5o3_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n    rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_gw5o3_gg_._theme_secondary-muted_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_secondary-muted_gw5o3_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n    rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_gw5o3_gg_._theme_secondary-info_gw5o3_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_gw5o3_gg_._theme_secondary-info_gw5o3_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_gw5o3_gg_._theme_secondary-info_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_secondary-info_gw5o3_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_gw5o3_gg_._theme_secondary-invert_gw5o3_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_gw5o3_gg_._theme_secondary-invert_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_gw5o3_gg_._theme_secondary-invert_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_secondary-invert_gw5o3_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_gw5o3_gg_._theme_tertiary-info_gw5o3_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_gw5o3_gg_._theme_tertiary-info_gw5o3_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_gw5o3_gg_._theme_tertiary-info_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_tertiary-info_gw5o3_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_gw5o3_gg_._theme_tertiary-muted_gw5o3_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_gw5o3_gg_._theme_tertiary-muted_gw5o3_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_gw5o3_gg_._theme_tertiary-muted_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_tertiary-muted_gw5o3_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n    rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_gw5o3_gg_._theme_tertiary-invert_gw5o3_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_gw5o3_gg_._theme_tertiary-invert_gw5o3_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_gw5o3_gg_._theme_tertiary-invert_gw5o3_gg_.__active_gw5o3_gg_,.___SButton_gw5o3_gg_._theme_tertiary-invert_gw5o3_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_gw5o3_gg_._neighborLocation_right_gw5o3_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_gw5o3_gg_._neighborLocation_both_gw5o3_gg_{border-radius:0;margin-left:-1px}.___SButton_gw5o3_gg_._neighborLocation_left_gw5o3_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_gw5o3_gg_._neighborLocation_both_gw5o3_gg_,.___SButton_gw5o3_gg_._neighborLocation_left_gw5o3_gg_{position:relative}.___SButton_gw5o3_gg_._neighborLocation_both_gw5o3_gg_:after,.___SButton_gw5o3_gg_._neighborLocation_left_gw5o3_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_gw5o3_gg_._neighborLocation_both_gw5o3_gg_._theme_secondary-muted_gw5o3_gg_:after,.___SButton_gw5o3_gg_._neighborLocation_left_gw5o3_gg_._theme_secondary-muted_gw5o3_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_gw5o3_gg_+.___SButton_gw5o3_gg_._neighborLocation_both_gw5o3_gg_:after,.___SButton_gw5o3_gg_+.___SButton_gw5o3_gg_._neighborLocation_left_gw5o3_gg_:after{content:"";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_gw5o3_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_gw5o3_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_gw5o3_gg_.__loading_gw5o3_gg_{visibility:hidden}.___SText_gw5o3_gg_{display:inline-flex}.___SText_gw5o3_gg_._size_l_gw5o3_gg_,.___SText_gw5o3_gg_._size_m_gw5o3_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_gw5o3_gg_._size_m_gw5o3_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_gw5o3_gg_._size_l_gw5o3_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_gw5o3_gg_._size_l_gw5o3_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_gw5o3_gg_._size_l_gw5o3_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_gw5o3_gg_._size_l_gw5o3_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_gw5o3_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_gw5o3_gg_._size_m_gw5o3_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_gw5o3_gg_._size_m_gw5o3_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_gw5o3_gg_._size_m_gw5o3_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_gw5o3_gg_._size_l_gw5o3_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_gw5o3_gg_._size_l_gw5o3_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_gw5o3_gg_._size_l_gw5o3_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__*/
-    "zs2i6_gg_"
+    "gw5o3_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SButton": "___SButton_zs2i6_gg_",
-    "_disabled": "__disabled_zs2i6_gg_",
-    "_size_s": "_size_s_zs2i6_gg_",
-    "_size_m": "_size_m_zs2i6_gg_",
-    "_size_l": "_size_l_zs2i6_gg_",
-    "_neighborLocation_right": "_neighborLocation_right_zs2i6_gg_",
-    "_neighborLocation_both": "_neighborLocation_both_zs2i6_gg_",
-    "_neighborLocation_left": "_neighborLocation_left_zs2i6_gg_",
-    "__SSpin": "___SSpin_zs2i6_gg_",
-    "__SInner": "___SInner_zs2i6_gg_",
-    "_loading": "__loading_zs2i6_gg_",
-    "__SText": "___SText_zs2i6_gg_",
-    "__SAddon": "___SAddon_zs2i6_gg_",
-    "_theme_primary-info": "_theme_primary-info_zs2i6_gg_",
-    "_active": "__active_zs2i6_gg_",
-    "_theme_primary-success": "_theme_primary-success_zs2i6_gg_",
-    "_theme_primary-brand": "_theme_primary-brand_zs2i6_gg_",
-    "_theme_primary-warning": "_theme_primary-warning_zs2i6_gg_",
-    "_theme_primary-danger": "_theme_primary-danger_zs2i6_gg_",
-    "_theme_primary-invert": "_theme_primary-invert_zs2i6_gg_",
-    "_theme_secondary-muted": "_theme_secondary-muted_zs2i6_gg_",
-    "_theme_secondary-info": "_theme_secondary-info_zs2i6_gg_",
-    "_theme_secondary-invert": "_theme_secondary-invert_zs2i6_gg_",
-    "_theme_tertiary-info": "_theme_tertiary-info_zs2i6_gg_",
-    "_theme_tertiary-muted": "_theme_tertiary-muted_zs2i6_gg_",
-    "_theme_tertiary-invert": "_theme_tertiary-invert_zs2i6_gg_"
+    "__SButton": "___SButton_gw5o3_gg_",
+    "_disabled": "__disabled_gw5o3_gg_",
+    "_size_s": "_size_s_gw5o3_gg_",
+    "_size_m": "_size_m_gw5o3_gg_",
+    "_size_l": "_size_l_gw5o3_gg_",
+    "_neighborLocation_right": "_neighborLocation_right_gw5o3_gg_",
+    "_neighborLocation_both": "_neighborLocation_both_gw5o3_gg_",
+    "_neighborLocation_left": "_neighborLocation_left_gw5o3_gg_",
+    "__SSpin": "___SSpin_gw5o3_gg_",
+    "__SInner": "___SInner_gw5o3_gg_",
+    "_loading": "__loading_gw5o3_gg_",
+    "__SText": "___SText_gw5o3_gg_",
+    "__SAddon": "___SAddon_gw5o3_gg_",
+    "_theme_primary-info": "_theme_primary-info_gw5o3_gg_",
+    "_active": "__active_gw5o3_gg_",
+    "_theme_primary-success": "_theme_primary-success_gw5o3_gg_",
+    "_theme_primary-brand": "_theme_primary-brand_gw5o3_gg_",
+    "_theme_primary-warning": "_theme_primary-warning_gw5o3_gg_",
+    "_theme_primary-danger": "_theme_primary-danger_gw5o3_gg_",
+    "_theme_primary-invert": "_theme_primary-invert_gw5o3_gg_",
+    "_theme_secondary-muted": "_theme_secondary-muted_gw5o3_gg_",
+    "_theme_secondary-info": "_theme_secondary-info_gw5o3_gg_",
+    "_theme_secondary-invert": "_theme_secondary-invert_gw5o3_gg_",
+    "_theme_tertiary-info": "_theme_tertiary-info_gw5o3_gg_",
+    "_theme_tertiary-muted": "_theme_tertiary-muted_gw5o3_gg_",
+    "_theme_tertiary-invert": "_theme_tertiary-invert_gw5o3_gg_"
   })
 );
 var RootButton = /* @__PURE__ */ (function(_AbstractButton) {

package/lib/esm/component/ButtonLink/ButtonLink.mjs

@@ -14,29 +14,29 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SButton_g4yx3_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;background:0 0;transition:color .15s ease-in-out}.___SButton_g4yx3_gg_,.___SButton_g4yx3_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_g4yx3_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_g4yx3_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_g4yx3_gg_.__active_g4yx3_gg_,.___SButton_g4yx3_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_g4yx3_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_g4yx3_gg_.__active_g4yx3_gg_ .___SText_g4yx3_gg_,.___SButton_g4yx3_gg_:active .___SText_g4yx3_gg_{border-color:currentColor}@media (hover:hover){.___SButton_g4yx3_gg_:hover .___SText_g4yx3_gg_{border-color:currentColor}}.___SButton_g4yx3_gg_.__enableVisited_g4yx3_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_g4yx3_gg_.__enableVisited_g4yx3_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_g4yx3_gg_ .___SText_g4yx3_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_g4yx3_gg_.__disabled_g4yx3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_g4yx3_gg_._use_secondary_g4yx3_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_g4yx3_gg_._use_secondary_g4yx3_gg_.__active_g4yx3_gg_,.___SButton_g4yx3_gg_._use_secondary_g4yx3_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_g4yx3_gg_._use_secondary_g4yx3_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_g4yx3_gg_._use_secondary_g4yx3_gg_ .___SText_g4yx3_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_g4yx3_gg_,.___SInner_g4yx3_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_g4yx3_gg_{height:100%;width:100%}.___SAddon_g4yx3_gg_{vertical-align:middle;pointer-events:none}.___SButton_g4yx3_gg_ .___SAddon_g4yx3_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_g4yx3_gg_ .___SAddon_g4yx3_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_g4yx3_gg_.__text-color_g4yx3_gg_{color:var(--text-color_g4yx3)}.___SButton_g4yx3_gg_.__text-color_g4yx3_gg_.__active_g4yx3_gg_,.___SButton_g4yx3_gg_.__text-color_g4yx3_gg_:active{color:var(--text-color_g4yx3);filter:brightness(.8)}@media (hover:hover){.___SButton_g4yx3_gg_.__text-color_g4yx3_gg_:hover{color:var(--text-color_g4yx3);filter:brightness(.8)}}.___SButton_g4yx3_gg_._size_100_g4yx3_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_g4yx3_gg_._size_200_g4yx3_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_g4yx3_gg_._size_300_g4yx3_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_g4yx3_gg_._size_400_g4yx3_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_g4yx3_gg_._size_500_g4yx3_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_g4yx3_gg_._size_600_g4yx3_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_g4yx3_gg_._size_700_g4yx3_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_g4yx3_gg_._size_800_g4yx3_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_g4yx3_gg_,.___SText_g4yx3_gg_{transition:none}}",
+    ".___SButton_1r4wh_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;background:0 0;transition:color .15s ease-in-out}.___SButton_1r4wh_gg_,.___SButton_1r4wh_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1r4wh_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_1r4wh_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_1r4wh_gg_.__active_1r4wh_gg_,.___SButton_1r4wh_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_1r4wh_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_1r4wh_gg_.__active_1r4wh_gg_ .___SText_1r4wh_gg_,.___SButton_1r4wh_gg_:active .___SText_1r4wh_gg_{border-color:currentColor}@media (hover:hover){.___SButton_1r4wh_gg_:hover .___SText_1r4wh_gg_{border-color:currentColor}}.___SButton_1r4wh_gg_.__enableVisited_1r4wh_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_1r4wh_gg_.__enableVisited_1r4wh_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_1r4wh_gg_ .___SText_1r4wh_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_1r4wh_gg_.__disabled_1r4wh_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_1r4wh_gg_._use_secondary_1r4wh_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_1r4wh_gg_._use_secondary_1r4wh_gg_.__active_1r4wh_gg_,.___SButton_1r4wh_gg_._use_secondary_1r4wh_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_1r4wh_gg_._use_secondary_1r4wh_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_1r4wh_gg_._use_secondary_1r4wh_gg_ .___SText_1r4wh_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_1r4wh_gg_,.___SInner_1r4wh_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_1r4wh_gg_{height:100%;width:100%}.___SAddon_1r4wh_gg_{vertical-align:middle;pointer-events:none}.___SButton_1r4wh_gg_ .___SAddon_1r4wh_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_1r4wh_gg_ .___SAddon_1r4wh_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_1r4wh_gg_.__text-color_1r4wh_gg_{color:var(--text-color_1r4wh)}.___SButton_1r4wh_gg_.__text-color_1r4wh_gg_.__active_1r4wh_gg_,.___SButton_1r4wh_gg_.__text-color_1r4wh_gg_:active{color:var(--text-color_1r4wh);filter:brightness(.8)}@media (hover:hover){.___SButton_1r4wh_gg_.__text-color_1r4wh_gg_:hover{color:var(--text-color_1r4wh);filter:brightness(.8)}}.___SButton_1r4wh_gg_._size_100_1r4wh_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_1r4wh_gg_._size_200_1r4wh_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_1r4wh_gg_._size_300_1r4wh_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_1r4wh_gg_._size_400_1r4wh_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_1r4wh_gg_._size_500_1r4wh_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_1r4wh_gg_._size_600_1r4wh_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_1r4wh_gg_._size_700_1r4wh_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_1r4wh_gg_._size_800_1r4wh_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_1r4wh_gg_,.___SText_1r4wh_gg_{transition:none}}",
     /*__inner_css_end__*/
-    "g4yx3_gg_"
+    "1r4wh_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SButton": "___SButton_g4yx3_gg_",
-    "_disabled": "__disabled_g4yx3_gg_",
-    "__SInner": "___SInner_g4yx3_gg_",
-    "__SAddon": "___SAddon_g4yx3_gg_",
-    "_size_100": "_size_100_g4yx3_gg_",
-    "_size_200": "_size_200_g4yx3_gg_",
-    "_size_300": "_size_300_g4yx3_gg_",
-    "_size_400": "_size_400_g4yx3_gg_",
-    "_size_500": "_size_500_g4yx3_gg_",
-    "_size_600": "_size_600_g4yx3_gg_",
-    "_size_700": "_size_700_g4yx3_gg_",
-    "_size_800": "_size_800_g4yx3_gg_",
-    "__SText": "___SText_g4yx3_gg_",
-    "_active": "__active_g4yx3_gg_",
-    "_enableVisited": "__enableVisited_g4yx3_gg_",
-    "_use_secondary": "_use_secondary_g4yx3_gg_",
-    "_text-color": "__text-color_g4yx3_gg_",
-    "--text-color": "--text-color_g4yx3"
+    "__SButton": "___SButton_1r4wh_gg_",
+    "_disabled": "__disabled_1r4wh_gg_",
+    "__SInner": "___SInner_1r4wh_gg_",
+    "__SAddon": "___SAddon_1r4wh_gg_",
+    "_size_100": "_size_100_1r4wh_gg_",
+    "_size_200": "_size_200_1r4wh_gg_",
+    "_size_300": "_size_300_1r4wh_gg_",
+    "_size_400": "_size_400_1r4wh_gg_",
+    "_size_500": "_size_500_1r4wh_gg_",
+    "_size_600": "_size_600_1r4wh_gg_",
+    "_size_700": "_size_700_1r4wh_gg_",
+    "_size_800": "_size_800_1r4wh_gg_",
+    "__SText": "___SText_1r4wh_gg_",
+    "_active": "__active_1r4wh_gg_",
+    "_enableVisited": "__enableVisited_1r4wh_gg_",
+    "_use_secondary": "_use_secondary_1r4wh_gg_",
+    "_text-color": "__text-color_1r4wh_gg_",
+    "--text-color": "--text-color_1r4wh"
   })
 );
 var enhance = {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/button",
   "description": "Semrush Button Component",
-  "version": "16.0.11-prerelease.5",
+  "version": "16.0.12-prerelease.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,13 +14,13 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/flex-box": "16.0.11-prerelease.5",
-    "@semcore/neighbor-location": "16.0.11-prerelease.5",
-    "@semcore/spin": "16.0.11-prerelease.5",
-    "@semcore/tooltip": "16.0.11-prerelease.5"
+    "@semcore/flex-box": "16.0.11",
+    "@semcore/neighbor-location": "16.0.11",
+    "@semcore/spin": "16.0.11",
+    "@semcore/tooltip": "16.0.11"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.4.1-prerelease.5"
+    "@semcore/base-components": "^16.0.0"
   },
   "repository": {
     "type": "git",
@@ -28,10 +28,10 @@
     "directory": "semcore/button"
   },
   "devDependencies": {
-    "@semcore/core": "16.5.1-prerelease.5",
-    "@semcore/base-components": "16.4.1-prerelease.5",
     "@semcore/testing-utils": "1.0.0",
-    "@semcore/icon": "16.7.2-prerelease.5"
+    "@semcore/core": "16.5.1",
+    "@semcore/base-components": "16.4.1",
+    "@semcore/icon": "16.7.3-prerelease.0"
   },
   "scripts": {
     "build": "pnpm semcore-builder && pnpm vite build"

package/src/component/AbstractButton/AbstractButton.tsx

@@ -142,7 +142,7 @@ export abstract class AbstractButton extends Component<Props, {}, {}> {
           const children = sstyled(styles)(
             <>
               {/* @ts-ignore */}
-              <SInner tag='span' loading={loading}>
+              <SInner tag='span' loading={loading} data-ui-name={`${this.asProps['data-ui-name']}.InnerWrapper`}>
                 {AddonLeft
                   ? (
                       <Button.Addon>