@semcore/button 16.0.12-prerelease.1 → 16.0.13-prerelease.12

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

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

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} 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":";;;;;;;;AAAA,SAASA,SAAS,EAAEC,aAAa,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACvE,OAAOC,iBAAiB,MAAM,2CAA2C;AACzE,OAAOC,SAAS,MAAM,mCAAmC;AACzD,OAAOC,MAAM,MAAM,gCAAgC;AACnD,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,gBAAgB,MAAM,4BAA4B;AACzD,SAASC,IAAI,QAAQ,kBAAkB;AACvC,OAAOC,KAAK,MAAM,OAAO;AAGzB,OAAOC,UAAU,MAAM,cAAc;AAErC,OAAO,IAAMC,qBAA6C,GAAG;EAC3DC,OAAO,EAAE,MAAM;EACfC,SAAS,EAAE,OAAO;EAClBC,QAAQ,EAAE;AACZ,CAAC;AAID,WAAsBC,cAAc,0BAAAC,UAAA;EAAA,SAAAD,eAAA;IAAA,IAAAE,KAAA;IAAAC,eAAA,OAAAH,cAAA;IAAA,SAAAI,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAQ,UAAA,OAAAV,cAAA,KAAAW,MAAA,CAAAJ,IAAA;IAAAK,eAAA,CAAAV,KAAA,+BAGnBR,KAAK,CAACmB,SAAS,CAAoB,CAAC;IAAAD,eAAA,CAAAV,KAAA,WAE3C;MACNY,qBAAqB,EAAE;IACzB,CAAC;IAAA,OAAAZ,KAAA;EAAA;EAAAa,SAAA,CAAAf,cAAA,EAAAC,UAAA;EAAA,OAAAe,YAAA,CAAAhB,cAAA;IAAAiB,GAAA;IAAAC,KAAA,EAID,SAAAC,YAAYA,CAAA,EAAG;MACb,IAAQC,IAAI,GAAK,IAAI,CAACC,OAAO,CAArBD,IAAI;MAEZ,OAAO;QACLA,IAAI,EAAJA;MACF,CAAC;IACH;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAI,aAAaA,CAAA,EAAG;MACd,IAAQF,IAAI,GAAK,IAAI,CAACC,OAAO,CAArBD,IAAI;MACZ,OAAO;QACLA,IAAI,EAAJA;MACF,CAAC;IACH;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAK,iBAAiBA,CAAA,EAAG;MAAA,IAAAC,MAAA;MAClB,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;QACzCrC,MAAM,CAACsC,IAAI,CACT,IAAI,CAACC,YAAY,CAACC,OAAO,IAAI,CAACzC,SAAS,CAAC,IAAI,CAACwC,YAAY,CAACC,OAAO,CAAC,IAAI,CAAC,IAAI,CAACT,OAAO,CAACU,KAAK,sGAEzF,IAAI,CAACV,OAAO,CAAC,cAAc,CAAC,IAAIrB,cAAc,CAACgC,WACjD,CAAC;QAED1C,MAAM,CAACsC,IAAI,CACT,IAAI,CAACP,OAAO,CAACY,KAAK,KAAK,SAAS,EAChC,4EAA4E,EAC5E,IAAI,CAACZ,OAAO,CAAC,cAAc,CAAC,IAAIrB,cAAc,CAACgC,WACjD,CAAC;MACH;MAEA,IAAME,cAAc,GAAG,IAAI,CAACb,OAAO,CAAC,iBAAiB,CAAC;MAEtD,IAAIa,cAAc,EAAE;QAClBC,UAAU,CAAC,YAAM;UAAA,IAAAC,qBAAA,EAAAC,sBAAA;UACfb,MAAI,CAACc,QAAQ,CAAC;YACZxB,qBAAqB,GAAAsB,qBAAA,IAAAC,sBAAA,GAAEE,QAAQ,CAACC,cAAc,CAACN,cAAc,CAAC,cAAAG,sBAAA,uBAAvCA,sBAAA,CAAyCI,WAAW,cAAAL,qBAAA,cAAAA,qBAAA,GAAI;UACjF,CAAC,CAAC;QACJ,CAAC,EAAE,CAAC,CAAC;MACP;IACF;EAAC;IAAAnB,GAAA;IAAAC,KAAA,EAED,SAAAwB,YAAYA,CAAAC,KAAA,EAAiC;MAAA,IAAAC,IAAA,QAAAvB,OAAA;QAAAwB,KAAA;MAAA,IAA9BC,WAAW,GAAAH,KAAA,CAAXG,WAAW;QAAEC,QAAQ,GAAAJ,KAAA,CAARI,QAAQ;MAClC,IAAAC,aAAA,GAA0B,IAAI,CAAC3B,OAAO;QAA9B4B,MAAM,GAAAD,aAAA,CAANC,MAAM;QAAEhB,KAAK,GAAAe,aAAA,CAALf,KAAK;MACrB,IAAMiB,OAAO,GAGM3D,GAAG;MADtB,OAAAsD,KAAA,GAAO1D,OAAO,CAAC8D,MAAM,CAAC,eACpBvD,KAAA,CAAAyD,aAAA,CAACD,OAAO,EAAAL,KAAA,CAAAO,EAAA,YAAAC,aAAA,KAAAC,YAAA,CAAAD,aAAA;QAAA,iBAA6BpB,KAAK,KAAK;MAAQ,GAAMa,WAAW,GAAAF,IAAA,KACrEG,QACM,CAAC;IAEd;EAAC;IAAA9B,GAAA;IAAAC,KAAA,EAED,SAAAqC,oBAAoBA,CAAAC,KAAA,EAA4C;MAAA,IAAAC,KAAA,QAAApC,OAAA;QAAAqC,KAAA;MAAA,IAAzCZ,WAAW,GAAAU,KAAA,CAAXV,WAAW;QAAEC,QAAQ,GAAAS,KAAA,CAART,QAAQ;QAAEY,SAAS,GAAAH,KAAA,CAATG,SAAS;MACrD,IAAAC,cAAA,GAA0B,IAAI,CAACvC,OAAO;QAA9B4B,MAAM,GAAAW,cAAA,CAANX,MAAM;QAAEhB,KAAK,GAAA2B,cAAA,CAAL3B,KAAK;MACrB,IAAMiB,OAAO,GAGMzD,IAAI;MADvB,OAAAiE,KAAA,GAAOvE,OAAO,CAAC8D,MAAM,CAAC,eACpBvD,KAAA,CAAAyD,aAAA,CAACD,OAAO,EAAAQ,KAAA,CAAAN,EAAA,YAAAC,aAAA,KAAAQ,aAAA,CAAAR,aAAA,CAAAA,aAAA,CAAAA,aAAA;QAAA,iBAA8BpB,KAAK,KAAK;MAAQ,GAAMa,WAAW,GAAMa,SAAS;QAAA;MAAA,IAAAF,KAAA,KACrFV,QACM,CAAC;IAEd;EAAC;IAAA9B,GAAA;IAAAC,KAAA,EAED,SAAA4C,MAAMA,CAAA,EAAG;MAAA,IAAAC,KAAA;QAAAC,KAAA;QAAAC,MAAA;MACP,IAAAC,cAAA,GAeI,IAAI,CAAC7C,OAAO;QAdd4B,MAAM,GAAAiB,cAAA,CAANjB,MAAM;QACNkB,GAAG,GAAAD,cAAA,CAAHC,GAAG;QAAAC,oBAAA,GAAAF,cAAA,CACHjC,KAAK;QAALA,KAAK,GAAAmC,oBAAA,cAAG,OAAOD,GAAG,KAAK,QAAQ,IAAIvE,qBAAqB,CAACuE,GAAG,CAAC,GAAAC,oBAAA;QAC7DC,OAAO,GAAAH,cAAA,CAAPG,OAAO;QAAAC,qBAAA,GAAAJ,cAAA,CACPK,QAAQ;QAARA,QAAQ,GAAAD,qBAAA,cAAGD,OAAO,GAAAC,qBAAA;QAClBlD,IAAI,GAAA8C,cAAA,CAAJ9C,IAAI;QACJoD,gBAAgB,GAAAN,cAAA,CAAhBM,gBAAgB;QACNC,WAAW,GAAAP,cAAA,CAArBnB,QAAQ;QACRhB,KAAK,GAAAmC,cAAA,CAALnC,KAAK;QACW2C,SAAS,GAAAR,cAAA,CAAxB,YAAY;QACbS,QAAQ,GAAAT,cAAA,CAARS,QAAQ;QACGC,SAAS,GAAAV,cAAA,CAApBW,SAAS;QACGC,UAAU,GAAAZ,cAAA,CAAtBa,UAAU;QACVC,aAAa,GAAAd,cAAA,CAAbc,aAAa;MAEf;MACA,IAAMC,MAAM,GAAG,IAAI,CAAChG,aAAa,CAAC;MAClC,IAAMiG,QAAQ,GAAGf,GAAG,IAAIlC,KAAK,MAAAtB,MAAA,CAAMwD,GAAG,OAAAxD,MAAA,CAAIsB,KAAK,IAAK,KAAK;MACzD,IAAMkD,MAAM,GAAG5F,GAAG;MAClB,IAAM6F,KAAK,GAAG7F,GAAG;MACjB,IAAM8F,eAAe,IAAAtB,KAAA,IAAAC,KAAA,GAAGjC,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI2C,SAAS,cAAAV,KAAA,cAAAA,KAAA,GAAI,IAAI,CAACsB,KAAK,CAACxE,qBAAqB,cAAAiD,KAAA,cAAAA,KAAA,GAAI,EAAE;MAEpF,IAAMjB,WAAgC,GAAG;QACvC,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,QAAQ;QACfyB,QAAQ,EAARA,QAAQ;QACR,WAAW,EAAEW,QAAQ;QACrB,KAAK,EAAE,IAAI,CAACrD,YAAY;QACxB,YAAY,EAAE,IAAI,CAAC0D,YAAY,CAAC,CAAC;QACjC,WAAW,EAAElB,OAAO;QACpB,gBAAgB,EAAE,CAAC,OAAO,CAAC;QAC3B,UAAU,EAAE;MACd,CAAC;MAED,IAAMV,SAAS,GAAG;QAChB5B,KAAK,EAAEsD,eAAe;QACtBG,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC;QAClBC,SAAS,EAAET,aAAa;QACxB/C,KAAK,EAAEA,KAAK,KAAK,QAAQ,GAAG,QAAQ,GAAGyD,SAAS;QAChDC,cAAc,EAAE;MAClB,CAAC;MAED,oBACEjG,KAAA,CAAAyD,aAAA,CAAC3D,gBAAgB,CAACoG,MAAM;QAACpB,gBAAgB,EAAEA;MAAiB,GACzD,UAACA,gBAAgB,EAAK;QAAA,IAAAqB,KAAA;QACrB,IAAM9C,QAAQ,IAAA8C,KAAA,GAAG1G,OAAO,CAAC8D,MAAM,CAAC,eAC9BvD,KAAA,CAAAyD,aAAA,CAAAzD,KAAA,CAAAoG,QAAA,qBAEEpG,KAAA,CAAAyD,aAAA,CAACgC,MAAM,EAAAU,KAAA,CAAAzC,EAAA;UAAA,OAAK,MAAM;UAAA,WAAUiB,OAAO;UAAA,mBAAA1D,MAAA,CAAmBsD,MAAI,CAAC5C,OAAO,CAAC,cAAc,CAAC;QAAA,IAC/EuD,SAAS,gBAEJlF,KAAA,CAAAyD,aAAA,CAAC8B,MAAM,CAACc,KAAK,qBACXrG,KAAA,CAAAyD,aAAA,CAACyB,SAAS,EAAAiB,KAAA,CAAAzC,EAAA,iBAAE,CACA,CAAC,GAEjB,IAAI,EACPhE,iBAAiB,CAACuF,QAAQ,EAAEM,MAAM,CAACe,IAAI,EAAEf,MAAM,CAACc,KAAK,CAAC,EACtDjB,UAAU,gBAELpF,KAAA,CAAAyD,aAAA,CAAC8B,MAAM,CAACc,KAAK,qBACXrG,KAAA,CAAAyD,aAAA,CAAC2B,UAAU,EAAAe,KAAA,CAAAzC,EAAA,kBAAE,CACD,CAAC,GAEjB,IACE,CAAC,EACRiB,OAAO,iBACN3E,KAAA,CAAAyD,aAAA,CAACiC,KAAK,EAAAS,KAAA,CAAAzC,EAAA;UAAA,OAAK;QAAM,iBACf1D,KAAA,CAAAyD,aAAA,CAACxD,UAAU,EAAAkG,KAAA,CAAAzC,EAAA;UAAA;UAAA,QAAgBhC,IAAI;UAAA,SAAS8D;QAAQ,EAAG,CAC9C,CAET,CAAC,CACJ;QACDpC,WAAW,CAAC0B,gBAAgB,GAAGA,gBAAgB;QAE/C,IAAIC,WAAW,KAAKiB,SAAS,IAAI3D,KAAK,EAAE;UACtC,OAAOkC,MAAI,CAACV,oBAAoB,CAAC;YAAET,WAAW,EAAXA,WAAW;YAAEa,SAAS,EAATA,SAAS;YAAEZ,QAAQ,EAARA;UAAS,CAAC,CAAC;QACxE;QAEA,OAAOkB,MAAI,CAACvB,YAAY,CAAC;UAAEI,WAAW,EAAXA,WAAW;UAAEC,QAAQ,EAARA;QAAS,CAAC,CAAC;MACrD,CACuB,CAAC;IAE9B;EAAC;AAAA,EA9J0C/D,SAAS;AA+JrD4B,eAAA,CA/JqBZ,cAAc,iBACb,gBAAgB","ignoreList":[]}
+{"version":3,"file":"AbstractButton.js","names":["NeighborLocation","Box","Hint","Component","CORE_INSTANCE","Root","sstyled","addonTextChildren","hasLabels","logger","React","SpinButton","MAP_USE_DEFAULT_THEME","primary","secondary","tertiary","AbstractButton","constructor","args","_defineProperty","createRef","ariaLabelledByContent","getTextProps","size","asProps","getAddonProps","componentDidMount","process","env","NODE_ENV","warn","containerRef","current","title","displayName","theme","ariaLabelledby","setTimeout","setState","document","getElementById","textContent","render","_ref","styles","use","loading","disabled","neighborLocation","children","ariaLabel","Children","addonLeft","AddonLeft","addonRight","AddonRight","hintPlacement","SButton","Button","useTheme","SInner","SSpin","buttonAriaLabel","state","showHint","undefined","createElement","Detect","_ref2","Fragment","cn","_assignProps","getTextColor","Addon","Text"],"sources":["../../../../src/component/AbstractButton/AbstractButton.tsx"],"sourcesContent":["import { NeighborLocation, Box, Hint } from '@semcore/base-components';\nimport { 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 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\ntype State = {\n  ariaLabelledByContent: null | string;\n};\n\nexport abstract class AbstractButton extends Component<Props, [], never, {}, State> {\n  static displayName = 'AbstractButton';\n\n  containerRef = React.createRef<HTMLButtonElement>();\n\n  state: 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  render() {\n    const {\n      styles,\n      use,\n      theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],\n      loading,\n      disabled = loading,\n      size,\n      neighborLocation,\n      children,\n      title,\n      ['aria-label']: ariaLabel,\n      Children,\n      addonLeft: AddonLeft,\n      addonRight: AddonRight,\n      hintPlacement,\n    } = this.asProps;\n    const SButton = Root;\n    // @ts-ignore\n    const Button = this[CORE_INSTANCE];\n    const useTheme = use && theme ? `${use}-${theme}` : false;\n    const SInner = Box;\n    const SSpin = Box;\n    const buttonAriaLabel = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n    const showHint = (children === undefined || title);\n\n    return (\n      <NeighborLocation.Detect neighborLocation={neighborLocation}>\n        {(neighborLocation) => {\n          return sstyled(styles)(\n            <>\n              <SButton\n                render={Box}\n                invertOutline={theme === 'invert'}\n                type='button'\n                tag='button'\n                tabIndex={0}\n                disabled={disabled}\n                use:theme={useTheme}\n                ref={this.containerRef}\n                text-color={this.getTextColor()}\n                aria-busy={loading}\n                __excludeProps={['title']}\n                aria-label={showHint ? buttonAriaLabel : undefined}\n                neighborLocation={neighborLocation}\n              >\n                {/* @ts-ignore */}\n                <SInner tag='span' loading={loading} data-ui-name={`${this.asProps['data-ui-name']}.InnerWrapper`}>\n                  {AddonLeft\n                    ? (\n                        <Button.Addon>\n                          <AddonLeft />\n                        </Button.Addon>\n                      )\n                    : null}\n                  {addonTextChildren(Children, Button.Text, Button.Addon)}\n                  {AddonRight\n                    ? (\n                        <Button.Addon>\n                          <AddonRight />\n                        </Button.Addon>\n                      )\n                    : null}\n                </SInner>\n                {loading && (\n                  <SSpin tag='span'>\n                    <SpinButton centered size={size} theme={useTheme} />\n                  </SSpin>\n                )}\n              </SButton>\n              {showHint && (\n                <Hint\n                  triggerRef={this.containerRef}\n                  timeout={[250, 50]}\n                  placement={hintPlacement}\n                >\n                  {buttonAriaLabel}\n                </Hint>\n              )}\n            </>,\n          );\n        }}\n      </NeighborLocation.Detect>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

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

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

@@ -1,60 +1,47 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _callSuper from "@babel/runtime/helpers/callSuper";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
+import { Box } from '@semcore/base-components';
 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_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_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SButton_se7i8_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79);min-width:-moz-fit-content;min-width:fit-content}.___SButton_se7i8_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_se7i8_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_se7i8_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_se7i8_gg_.__disabled_se7i8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_se7i8_gg_._size_s_se7i8_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_se7i8_gg_._size_m_se7i8_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_se7i8_gg_._size_l_se7i8_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_se7i8_gg_._theme_primary-info_se7i8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_se7i8_gg_._theme_primary-info_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_se7i8_gg_._theme_primary-info_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-info_se7i8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_se7i8_gg_._theme_primary-success_se7i8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_se7i8_gg_._theme_primary-success_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_se7i8_gg_._theme_primary-success_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-success_se7i8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_se7i8_gg_._theme_primary-brand_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-warning_se7i8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_se7i8_gg_._theme_primary-brand_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_se7i8_gg_._theme_primary-brand_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-brand_se7i8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_se7i8_gg_._theme_primary-warning_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_se7i8_gg_._theme_primary-warning_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-warning_se7i8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_se7i8_gg_._theme_primary-danger_se7i8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_se7i8_gg_._theme_primary-danger_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_se7i8_gg_._theme_primary-danger_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-danger_se7i8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_se7i8_gg_._theme_primary-invert_se7i8_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_se7i8_gg_._theme_primary-invert_se7i8_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_se7i8_gg_._theme_primary-invert_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_primary-invert_se7i8_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_se7i8_gg_._theme_secondary-muted_se7i8_gg_{color:var(--intergalactic-text-secondary, #6c6e79);border-color:var(--intergalactic-border-primary, #c4c7cf);background-color:var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1))}@media (hover:hover){.___SButton_se7i8_gg_._theme_secondary-muted_se7i8_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n    rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_se7i8_gg_._theme_secondary-muted_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_secondary-muted_se7i8_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n    rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_se7i8_gg_._theme_secondary-info_se7i8_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_se7i8_gg_._theme_secondary-info_se7i8_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_se7i8_gg_._theme_secondary-info_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_secondary-info_se7i8_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_se7i8_gg_._theme_secondary-invert_se7i8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05))}@media (hover:hover){.___SButton_se7i8_gg_._theme_secondary-invert_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_se7i8_gg_._theme_secondary-invert_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_secondary-invert_se7i8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-active,\n    rgba(255, 255, 255, 0.3))}.___SButton_se7i8_gg_._theme_tertiary-info_se7i8_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_se7i8_gg_._theme_tertiary-info_se7i8_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_se7i8_gg_._theme_tertiary-info_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_tertiary-info_se7i8_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_se7i8_gg_._theme_tertiary-muted_se7i8_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_se7i8_gg_._theme_tertiary-muted_se7i8_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_se7i8_gg_._theme_tertiary-muted_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_tertiary-muted_se7i8_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n    rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_se7i8_gg_._theme_tertiary-invert_se7i8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_se7i8_gg_._theme_tertiary-invert_se7i8_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_se7i8_gg_._theme_tertiary-invert_se7i8_gg_.__active_se7i8_gg_,.___SButton_se7i8_gg_._theme_tertiary-invert_se7i8_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_se7i8_gg_._neighborLocation_right_se7i8_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_se7i8_gg_._neighborLocation_both_se7i8_gg_{border-radius:0;margin-left:-1px}.___SButton_se7i8_gg_._neighborLocation_left_se7i8_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_se7i8_gg_._neighborLocation_both_se7i8_gg_,.___SButton_se7i8_gg_._neighborLocation_left_se7i8_gg_{position:relative}.___SButton_se7i8_gg_._neighborLocation_both_se7i8_gg_:after,.___SButton_se7i8_gg_._neighborLocation_left_se7i8_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_se7i8_gg_._neighborLocation_both_se7i8_gg_._theme_secondary-muted_se7i8_gg_:after,.___SButton_se7i8_gg_._neighborLocation_left_se7i8_gg_._theme_secondary-muted_se7i8_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_se7i8_gg_+.___SButton_se7i8_gg_._neighborLocation_both_se7i8_gg_:after,.___SButton_se7i8_gg_+.___SButton_se7i8_gg_._neighborLocation_left_se7i8_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_se7i8_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_se7i8_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_se7i8_gg_.__loading_se7i8_gg_{visibility:hidden}.___SText_se7i8_gg_{display:inline-flex}.___SText_se7i8_gg_._size_l_se7i8_gg_,.___SText_se7i8_gg_._size_m_se7i8_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_se7i8_gg_._size_m_se7i8_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_se7i8_gg_._size_l_se7i8_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_se7i8_gg_._size_l_se7i8_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_se7i8_gg_._size_l_se7i8_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_se7i8_gg_._size_l_se7i8_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_se7i8_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_se7i8_gg_._size_m_se7i8_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_se7i8_gg_._size_m_se7i8_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_se7i8_gg_._size_m_se7i8_gg_:only-child{margin-left:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SAddon_se7i8_gg_._size_l_se7i8_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_se7i8_gg_._size_l_se7i8_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_se7i8_gg_._size_l_se7i8_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}", /*__inner_css_end__*/"se7i8_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__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_"
+  "__SButton": "___SButton_se7i8_gg_",
+  "_disabled": "__disabled_se7i8_gg_",
+  "_size_s": "_size_s_se7i8_gg_",
+  "_size_m": "_size_m_se7i8_gg_",
+  "_size_l": "_size_l_se7i8_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_se7i8_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_se7i8_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_se7i8_gg_",
+  "__SSpin": "___SSpin_se7i8_gg_",
+  "__SInner": "___SInner_se7i8_gg_",
+  "_loading": "__loading_se7i8_gg_",
+  "__SText": "___SText_se7i8_gg_",
+  "__SAddon": "___SAddon_se7i8_gg_",
+  "_theme_primary-info": "_theme_primary-info_se7i8_gg_",
+  "_active": "__active_se7i8_gg_",
+  "_theme_primary-success": "_theme_primary-success_se7i8_gg_",
+  "_theme_primary-brand": "_theme_primary-brand_se7i8_gg_",
+  "_theme_primary-warning": "_theme_primary-warning_se7i8_gg_",
+  "_theme_primary-danger": "_theme_primary-danger_se7i8_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_se7i8_gg_",
+  "_theme_secondary-muted": "_theme_secondary-muted_se7i8_gg_",
+  "_theme_secondary-info": "_theme_secondary-info_se7i8_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_se7i8_gg_",
+  "_theme_tertiary-info": "_theme_tertiary-info_se7i8_gg_",
+  "_theme_tertiary-muted": "_theme_tertiary-muted_se7i8_gg_",
+  "_theme_tertiary-invert": "_theme_tertiary-invert_se7i8_gg_"
 });
 import { AbstractButton } from '../AbstractButton/AbstractButton';
-var RootButton = /*#__PURE__*/function (_AbstractButton) {
-  function RootButton() {
-    _classCallCheck(this, RootButton);
-    return _callSuper(this, RootButton, arguments);
+class RootButton extends AbstractButton {
+  getTextColor() {
+    return undefined;
   }
-  _inherits(RootButton, _AbstractButton);
-  return _createClass(RootButton, [{
-    key: "getTextColor",
-    value: function getTextColor() {
-      return undefined;
-    }
-  }]);
-}(AbstractButton);
+}
 _defineProperty(RootButton, "displayName", 'Button');
 _defineProperty(RootButton, "style", style);
 _defineProperty(RootButton, "defaultProps", {
@@ -64,22 +51,26 @@ _defineProperty(RootButton, "defaultProps", {
 function Text(props) {
   var _ref = arguments[0],
     _ref3;
-  var SText = Box;
-  return _ref3 = sstyled(props.styles), /*#__PURE__*/React.createElement(SText, _ref3.cn("SText", _objectSpread({}, _assignProps({
-    "tag": 'span'
-  }, _ref))));
+  const SText = Box;
+  return _ref3 = sstyled(props.styles), /*#__PURE__*/React.createElement(SText, _ref3.cn("SText", {
+    ..._assignProps({
+      "tag": 'span'
+    }, _ref)
+  }));
 }
 function Addon(props) {
   var _ref2 = arguments[0],
     _ref4;
-  var SAddon = Box;
-  return _ref4 = sstyled(props.styles), /*#__PURE__*/React.createElement(SAddon, _ref4.cn("SAddon", _objectSpread({}, _assignProps2({
-    "tag": 'span'
-  }, _ref2))));
+  const SAddon = Box;
+  return _ref4 = sstyled(props.styles), /*#__PURE__*/React.createElement(SAddon, _ref4.cn("SAddon", {
+    ..._assignProps2({
+      "tag": 'span'
+    }, _ref2)
+  }));
 }
-var Button = createComponent(RootButton, {
-  Text: Text,
-  Addon: Addon
+const Button = createComponent(RootButton, {
+  Text,
+  Addon
 });
 export default Button;
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["createComponent","sstyled","Root","Box","React","style","_sstyled","insert","AbstractButton","RootButton","_AbstractButton","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","getTextColor","undefined","_defineProperty","use","size","Text","props","_ref","arguments[0]","_ref3","SText","styles","createElement","cn","_objectSpread","_assignProps","Addon","_ref2","_ref4","SAddon","_assignProps2","Button"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import { createComponent, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport React from 'react';\n\nimport style from './button.shadow.css';\nimport type { ButtonAddonProps, ButtonComponent, ButtonTextProps } from './Button.type';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\n\nclass RootButton extends AbstractButton {\n  static displayName = 'Button';\n  static style = style;\n  static defaultProps = {\n    use: 'secondary',\n    size: 'm',\n  };\n\n  protected getTextColor(): string | undefined {\n    return undefined;\n  }\n}\n\nfunction Text(props: ButtonTextProps) {\n  const SText = Root;\n  return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonAddonProps) {\n  const SAddon = Root;\n  return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst Button = createComponent(RootButton, {\n  Text,\n  Addon,\n}) as ButtonComponent;\n\nexport default Button;\n"],"mappings":";;;;;;;;;AAAA,SAASA,eAAe,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAC9D,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,IAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAI1B,SAASC,cAAc,QAAQ,kCAAkC;AAAC,IAE5DC,UAAU,0BAAAC,eAAA;EAAA,SAAAD,WAAA;IAAAE,eAAA,OAAAF,UAAA;IAAA,OAAAG,UAAA,OAAAH,UAAA,EAAAI,SAAA;EAAA;EAAAC,SAAA,CAAAL,UAAA,EAAAC,eAAA;EAAA,OAAAK,YAAA,CAAAN,UAAA;IAAAO,GAAA;IAAAC,KAAA,EAQd,SAAUC,YAAYA,CAAA,EAAuB;MAC3C,OAAOC,SAAS;IAClB;EAAC;AAAA,EAVsBX,cAAc;AAAAY,eAAA,CAAjCX,UAAU,iBACO,QAAQ;AAAAW,eAAA,CADzBX,UAAU,WAECJ,KAAK;AAAAe,eAAA,CAFhBX,UAAU,kBAGQ;EACpBY,GAAG,EAAE,WAAW;EAChBC,IAAI,EAAE;AACR,CAAC;AAOH,SAASC,IAAIA,CAACC,KAAsB,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACpC,IAAMC,KAAK,GACiCzB,GAAG;EAA/C,OAAAwB,KAAA,GAAO1B,OAAO,CAACuB,KAAK,CAACK,MAAM,CAAC,eAACzB,KAAA,CAAA0B,aAAA,CAACF,KAAK,EAAAD,KAAA,CAAAI,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAAkB;EAAM,GAAAR,IAAA,GAAE,CAAC;AAChE;AAEA,SAASS,KAAKA,CAACV,KAAuB,EAAE;EAAA,IAAAW,KAAA,GAAAT,YAAA;IAAAU,KAAA;EACtC,IAAMC,MAAM,GACiClC,GAAG;EAAhD,OAAAiC,KAAA,GAAOnC,OAAO,CAACuB,KAAK,CAACK,MAAM,CAAC,eAACzB,KAAA,CAAA0B,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,WAAAC,aAAA,KAAAM,aAAA;IAAA,OAAkB;EAAM,GAAAH,KAAA,GAAE,CAAC;AACjE;AAEA,IAAMI,MAAM,GAAGvC,eAAe,CAACS,UAAU,EAAE;EACzCc,IAAI,EAAJA,IAAI;EACJW,KAAK,EAALA;AACF,CAAC,CAAoB;AAErB,eAAeK,MAAM","ignoreList":[]}
+{"version":3,"file":"Button.js","names":["Box","createComponent","sstyled","Root","React","style","_sstyled","insert","AbstractButton","RootButton","getTextColor","undefined","_defineProperty","use","size","Text","props","_ref","arguments[0]","_ref3","SText","styles","createElement","cn","_assignProps","Addon","_ref2","_ref4","SAddon","_assignProps2","Button"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, sstyled, Root } from '@semcore/core';\nimport React from 'react';\n\nimport style from './button.shadow.css';\nimport type { ButtonAddonProps, ButtonComponent, ButtonTextProps } from './Button.type';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\n\nclass RootButton extends AbstractButton {\n  static displayName = 'Button';\n  static style = style;\n  static defaultProps = {\n    use: 'secondary',\n    size: 'm',\n  };\n\n  protected getTextColor(): string | undefined {\n    return undefined;\n  }\n}\n\nfunction Text(props: ButtonTextProps) {\n  const SText = Root;\n  return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonAddonProps) {\n  const SAddon = Root;\n  return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst Button = createComponent(RootButton, {\n  Text,\n  Addon,\n}) as ButtonComponent;\n\nexport default Button;\n"],"mappings":";;;;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAC9C,SAASC,eAAe,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAC9D,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,MAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAI1B,SAASC,cAAc,QAAQ,kCAAkC;AAEjE,MAAMC,UAAU,SAASD,cAAc,CAAC;EAQ5BE,YAAYA,CAAA,EAAuB;IAC3C,OAAOC,SAAS;EAClB;AACF;AAACC,eAAA,CAXKH,UAAU,iBACO,QAAQ;AAAAG,eAAA,CADzBH,UAAU,WAECJ,KAAK;AAAAO,eAAA,CAFhBH,UAAU,kBAGQ;EACpBI,GAAG,EAAE,WAAW;EAChBC,IAAI,EAAE;AACR,CAAC;AAOH,SAASC,IAAIA,CAACC,KAAsB,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACpC,MAAMC,KAAK,GACiCpB,GAAG;EAA/C,OAAAmB,KAAA,GAAOjB,OAAO,CAACc,KAAK,CAACK,MAAM,CAAC,eAACjB,KAAA,CAAAkB,aAAA,CAACF,KAAK,EAAAD,KAAA,CAAAI,EAAA;IAAA,GAAAC,YAAA;MAAA,OAAkB;IAAM,GAAAP,IAAA;EAAA,EAAE,CAAC;AAChE;AAEA,SAASQ,KAAKA,CAACT,KAAuB,EAAE;EAAA,IAAAU,KAAA,GAAAR,YAAA;IAAAS,KAAA;EACtC,MAAMC,MAAM,GACiC5B,GAAG;EAAhD,OAAA2B,KAAA,GAAOzB,OAAO,CAACc,KAAK,CAACK,MAAM,CAAC,eAACjB,KAAA,CAAAkB,aAAA,CAACM,MAAM,EAAAD,KAAA,CAAAJ,EAAA;IAAA,GAAAM,aAAA;MAAA,OAAkB;IAAM,GAAAH,KAAA;EAAA,EAAE,CAAC;AACjE;AAEA,MAAMI,MAAM,GAAG7B,eAAe,CAACQ,UAAU,EAAE;EACzCM,IAAI;EACJU;AACF,CAAC,CAAoB;AAErB,eAAeK,MAAM","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"Button.type.js","names":[],"sources":["../../../../src/component/Button/Button.type.ts"],"sourcesContent":["import type { UnknownProperties, Intergalactic } from '@semcore/core';\n\nimport type {\n  AbstractButtonAddonProps,\n  AbstractButtonContext,\n  AbstractButtonTextProps,\n  AbstractButtonProps,\n} from '../AbstractButton/AbstractButton.type';\n\n/**\n *  Button size\n * @default m\n */\nexport type ButtonSize = 'l' | 'm';\n/**\n *  Button type\n * @default secondary\n */\ntype Use = 'primary' | 'secondary' | 'tertiary';\n\n/**\n * @deprecated don't use it. use `danger` for incorrect or danger behavior and `brand` for the orange one.\n */\ntype DeprecatedTheme = 'warning';\n\n/** Button theme */\ntype Theme = 'info' | 'success' | 'brand' | 'danger' | 'muted' | 'invert';\n\n/** @deprecated */\nexport interface IButtonProps extends ButtonProps, UnknownProperties {}\nexport type ButtonProps = AbstractButtonProps<ButtonSize, Use, Theme | DeprecatedTheme>;\n\n/** @deprecated */\nexport interface IButtonTextProps extends ButtonTextProps, UnknownProperties {}\nexport type ButtonTextProps = AbstractButtonTextProps<ButtonSize>;\n\n/** @deprecated */\nexport interface IButtonAddonProps extends ButtonAddonProps, UnknownProperties {}\nexport type ButtonAddonProps = AbstractButtonAddonProps<ButtonSize>;\n\n/** @deprecated */\nexport interface IButtonContext extends ButtonContext, UnknownProperties {}\nexport type ButtonContext = AbstractButtonContext;\n\nexport type ButtonChildren = {\n  Text: Intergalactic.Component<'span', ButtonTextProps>;\n  Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n\nexport type ButtonComponent = Intergalactic.Component<'button', ButtonProps, ButtonContext> & {\n  Text: Intergalactic.Component<'span', ButtonTextProps>;\n  Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"Button.type.js","names":[],"sources":["../../../../src/component/Button/Button.type.ts"],"sourcesContent":["import type { UnknownProperties, Intergalactic } from '@semcore/core';\n\nimport type {\n  AbstractButtonAddonProps,\n  AbstractButtonContext,\n  AbstractButtonTextProps,\n  AbstractButtonProps,\n} from '../AbstractButton/AbstractButton.type';\n\n/**\n *  Button size\n * @default m\n */\nexport type ButtonSize = 'l' | 'm';\n/**\n *  Button type\n * @default secondary\n */\ntype Use = 'primary' | 'secondary' | 'tertiary';\n\n/** Button theme */\ntype Theme = 'info' | 'success' | 'brand' | 'danger' | 'muted' | 'invert';\n\nexport type ButtonProps = AbstractButtonProps<ButtonSize, Use, Theme>;\n\nexport type ButtonTextProps = AbstractButtonTextProps<ButtonSize>;\n\nexport type ButtonAddonProps = AbstractButtonAddonProps<ButtonSize>;\n\nexport type ButtonContext = AbstractButtonContext;\n\nexport type ButtonChildren = {\n  Text: Intergalactic.Component<'span', ButtonTextProps>;\n  Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n\nexport type ButtonComponent = Intergalactic.Component<'button', ButtonProps, ButtonContext> & {\n  Text: Intergalactic.Component<'span', ButtonTextProps>;\n  Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n"],"mappings":"","ignoreList":[]}