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

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

@@ -1,79 +1,87 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ButtonLink = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _core = require("@semcore/core");
-var _baseComponents = require("@semcore/base-components");
 var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/resolveColorEnhance"));
+var _flexBox = require("@semcore/flex-box");
 var _react = _interopRequireDefault(require("react"));
-var _AbstractButton = require("../AbstractButton/AbstractButton");
+var _AbstractButton2 = require("../AbstractButton/AbstractButton");
 /*!__reshadow-styles__:"./buttonLink.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButton_o1yge_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_o1yge_gg_,.___SButton_o1yge_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_o1yge_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_o1yge_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_o1yge_gg_.__active_o1yge_gg_,.___SButton_o1yge_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_o1yge_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_o1yge_gg_.__active_o1yge_gg_ .___SText_o1yge_gg_,.___SButton_o1yge_gg_:active .___SText_o1yge_gg_{box-shadow:0 1px 0 0 currentColor}@media (hover:hover){.___SButton_o1yge_gg_:hover .___SText_o1yge_gg_{box-shadow:0 1px 0 0 currentColor}}.___SButton_o1yge_gg_.__enableVisited_o1yge_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_o1yge_gg_.__enableVisited_o1yge_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_o1yge_gg_ .___SText_o1yge_gg_{box-shadow:0 1px 0 0 transparent;transition:box-shadow .15s ease-in-out}.___SButton_o1yge_gg_.__disabled_o1yge_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_o1yge_gg_._use_secondary_o1yge_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_o1yge_gg_._use_secondary_o1yge_gg_.__active_o1yge_gg_,.___SButton_o1yge_gg_._use_secondary_o1yge_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_o1yge_gg_._use_secondary_o1yge_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_o1yge_gg_._use_secondary_o1yge_gg_ .___SText_o1yge_gg_{box-shadow:none;border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_o1yge_gg_,.___SInner_o1yge_gg_{display:inline-flex;justify-content:center;align-items:baseline}.___SInner_o1yge_gg_{height:100%;width:100%}.___SAddon_o1yge_gg_{vertical-align:middle;pointer-events:none;align-self:center}.___SButton_o1yge_gg_ .___SAddon_o1yge_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_o1yge_gg_ .___SAddon_o1yge_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_o1yge_gg_.__text-color_o1yge_gg_{color:var(--text-color_o1yge)}.___SButton_o1yge_gg_.__text-color_o1yge_gg_.__active_o1yge_gg_,.___SButton_o1yge_gg_.__text-color_o1yge_gg_:active{color:var(--text-color_o1yge);filter:brightness(.8)}@media (hover:hover){.___SButton_o1yge_gg_.__text-color_o1yge_gg_:hover{color:var(--text-color_o1yge);filter:brightness(.8)}}.___SButton_o1yge_gg_._size_100_o1yge_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_o1yge_gg_._size_200_o1yge_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_o1yge_gg_._size_300_o1yge_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_o1yge_gg_._size_400_o1yge_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_o1yge_gg_._size_500_o1yge_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_o1yge_gg_._size_600_o1yge_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_o1yge_gg_._size_700_o1yge_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_o1yge_gg_._size_800_o1yge_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_o1yge_gg_,.___SText_o1yge_gg_{transition:none}}", /*__inner_css_end__*/"o1yge_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButton_19wa7_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, rgb(35, 95, 226));line-height:normal;position:relative;cursor:pointer;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;background:0 0;transition:color .15s ease-in-out}.___SButton_19wa7_gg_:active{text-decoration:none}@media (hover:hover){.___SButton_19wa7_gg_:hover{text-decoration:none}}.___SButton_19wa7_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_19wa7_gg_.__active_19wa7_gg_,.___SButton_19wa7_gg_:active{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}@media (hover:hover){.___SButton_19wa7_gg_:hover{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}}.___SButton_19wa7_gg_.__active_19wa7_gg_ .___SText_19wa7_gg_,.___SButton_19wa7_gg_:active .___SText_19wa7_gg_{border-color:currentColor}@media (hover:hover){.___SButton_19wa7_gg_:hover .___SText_19wa7_gg_{border-color:currentColor}}.___SButton_19wa7_gg_.__enableVisited_19wa7_gg_:visited{color:var(--intergalactic-text-link-visited, rgb(128, 41, 236))}@media (hover:hover){.___SButton_19wa7_gg_.__enableVisited_19wa7_gg_:visited:hover{color:var(--intergalactic-text-link-visited, rgb(128, 41, 236))}}.___SButton_19wa7_gg_ .___SText_19wa7_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_19wa7_gg_.__disabled_19wa7_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SButton_19wa7_gg_._use_secondary_19wa7_gg_{color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SButton_19wa7_gg_._use_secondary_19wa7_gg_{color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_19wa7_gg_._use_secondary_19wa7_gg_{color:var(--intergalactic-text-hint, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SButton_19wa7_gg_._use_secondary_19wa7_gg_.__active_19wa7_gg_,.___SButton_19wa7_gg_._use_secondary_19wa7_gg_:active{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}@media (hover:hover){.___SButton_19wa7_gg_._use_secondary_19wa7_gg_:hover{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}}.___SButton_19wa7_gg_._use_secondary_19wa7_gg_ .___SText_19wa7_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_19wa7_gg_,.___SInner_19wa7_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_19wa7_gg_{height:100%;width:100%}.___SAddon_19wa7_gg_{vertical-align:middle;pointer-events:none}.___SButton_19wa7_gg_ .___SAddon_19wa7_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_19wa7_gg_ .___SAddon_19wa7_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_19wa7_gg_.__text-color_19wa7_gg_{color:var(--text-color_19wa7)}.___SButton_19wa7_gg_.__text-color_19wa7_gg_.__active_19wa7_gg_,.___SButton_19wa7_gg_.__text-color_19wa7_gg_:active{color:var(--text-color_19wa7);filter:brightness(.8)}@media (hover:hover){.___SButton_19wa7_gg_.__text-color_19wa7_gg_:hover{color:var(--text-color_19wa7);filter:brightness(.8)}}.___SButton_19wa7_gg_._size_100_19wa7_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_19wa7_gg_._size_200_19wa7_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_19wa7_gg_._size_300_19wa7_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_19wa7_gg_._size_400_19wa7_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_19wa7_gg_._size_500_19wa7_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_19wa7_gg_._size_600_19wa7_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_19wa7_gg_._size_700_19wa7_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_19wa7_gg_._size_800_19wa7_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_19wa7_gg_,.___SText_19wa7_gg_{transition:none}}", /*__inner_css_end__*/"19wa7_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SButton": "___SButton_o1yge_gg_",
-  "_disabled": "__disabled_o1yge_gg_",
-  "__SInner": "___SInner_o1yge_gg_",
-  "__SAddon": "___SAddon_o1yge_gg_",
-  "_size_100": "_size_100_o1yge_gg_",
-  "_size_200": "_size_200_o1yge_gg_",
-  "_size_300": "_size_300_o1yge_gg_",
-  "_size_400": "_size_400_o1yge_gg_",
-  "_size_500": "_size_500_o1yge_gg_",
-  "_size_600": "_size_600_o1yge_gg_",
-  "_size_700": "_size_700_o1yge_gg_",
-  "_size_800": "_size_800_o1yge_gg_",
-  "__SText": "___SText_o1yge_gg_",
-  "_active": "__active_o1yge_gg_",
-  "_enableVisited": "__enableVisited_o1yge_gg_",
-  "_use_secondary": "_use_secondary_o1yge_gg_",
-  "_text-color": "__text-color_o1yge_gg_",
-  "--text-color": "--text-color_o1yge"
+  "__SButton": "___SButton_19wa7_gg_",
+  "_disabled": "__disabled_19wa7_gg_",
+  "__SInner": "___SInner_19wa7_gg_",
+  "__SAddon": "___SAddon_19wa7_gg_",
+  "_size_100": "_size_100_19wa7_gg_",
+  "_size_200": "_size_200_19wa7_gg_",
+  "_size_300": "_size_300_19wa7_gg_",
+  "_size_400": "_size_400_19wa7_gg_",
+  "_size_500": "_size_500_19wa7_gg_",
+  "_size_600": "_size_600_19wa7_gg_",
+  "_size_700": "_size_700_19wa7_gg_",
+  "_size_800": "_size_800_19wa7_gg_",
+  "__SText": "___SText_19wa7_gg_",
+  "_active": "__active_19wa7_gg_",
+  "_enableVisited": "__enableVisited_19wa7_gg_",
+  "_use_secondary": "_use_secondary_19wa7_gg_",
+  "_text-color": "__text-color_19wa7_gg_",
+  "--text-color": "--text-color_19wa7"
 });
-const enhance = {
-  resolveColor: (0, _resolveColorEnhance.default)()
+var enhance = {
+  resolveColor: (0, _resolveColorEnhance["default"])()
 };
-class RootButtonLink extends _AbstractButton.AbstractButton {
-  getTextColor() {
-    const {
-      color,
-      resolveColor
-    } = this.asProps;
-    return resolveColor(color);
+var RootButtonLink = /*#__PURE__*/function (_AbstractButton) {
+  function RootButtonLink() {
+    (0, _classCallCheck2["default"])(this, RootButtonLink);
+    return (0, _callSuper2["default"])(this, RootButtonLink, arguments);
   }
-}
-(0, _defineProperty2.default)(RootButtonLink, "displayName", 'ButtonLink');
-(0, _defineProperty2.default)(RootButtonLink, "enhance", Object.values(enhance));
-(0, _defineProperty2.default)(RootButtonLink, "style", style);
-(0, _defineProperty2.default)(RootButtonLink, "defaultProps", {
+  (0, _inherits2["default"])(RootButtonLink, _AbstractButton);
+  return (0, _createClass2["default"])(RootButtonLink, [{
+    key: "getTextColor",
+    value: function getTextColor() {
+      var _ref5 = this.asProps,
+        color = _ref5.color,
+        resolveColor = _ref5.resolveColor;
+      return resolveColor(color);
+    }
+  }]);
+}(_AbstractButton2.AbstractButton);
+(0, _defineProperty2["default"])(RootButtonLink, "displayName", 'ButtonLink');
+(0, _defineProperty2["default"])(RootButtonLink, "enhance", Object.values(enhance));
+(0, _defineProperty2["default"])(RootButtonLink, "style", style);
+(0, _defineProperty2["default"])(RootButtonLink, "defaultProps", {
   use: 'primary'
 });
 function Text(props) {
   var _ref = arguments[0],
     _ref3;
-  const SText = _baseComponents.Box;
-  return _ref3 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react.default.createElement(SText, _ref3.cn("SText", {
-    ...(0, _core.assignProps)({
-      "tag": 'span'
-    }, _ref)
-  }));
+  var SText = _flexBox.Box;
+  return _ref3 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SText, _ref3.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "tag": 'span'
+  }, _ref))));
 }
 function Addon(props) {
   var _ref2 = arguments[0],
     _ref4;
-  const SAddon = _baseComponents.Box;
-  return _ref4 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react.default.createElement(SAddon, _ref4.cn("SAddon", {
-    ...(0, _core.assignProps)({
-      "tag": 'span'
-    }, _ref2)
-  }));
+  var SAddon = _flexBox.Box;
+  return _ref4 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref4.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "tag": 'span'
+  }, _ref2))));
 }
-const ButtonLink = exports.ButtonLink = (0, _core.createComponent)(RootButtonLink, {
-  Text,
-  Addon
+var ButtonLink = exports.ButtonLink = (0, _core.createComponent)(RootButtonLink, {
+  Text: Text,
+  Addon: Addon
 });
 //# sourceMappingURL=ButtonLink.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonLink.js","names":["_core","require","_baseComponents","_resolveColorEnhance","_interopRequireDefault","_react","_AbstractButton","style","sstyled","insert","enhance","resolveColor","resolveColorEnhance","RootButtonLink","AbstractButton","getTextColor","color","asProps","_defineProperty2","default","Object","values","use","Text","props","_ref","arguments[0]","_ref3","SText","Box","styles","createElement","cn","assignProps","Addon","_ref2","_ref4","SAddon","ButtonLink","exports","createComponent"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, sstyled, Root } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport React from 'react';\n\nimport style from './buttonLink.shadow.css';\nimport type { ButtonLinkAddonProps, ButtonLinkComponent, ButtonLinkTextProps } from './ButtonLink.type';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\n\nconst enhance = {\n  resolveColor: resolveColorEnhance(),\n};\n\nclass RootButtonLink extends AbstractButton {\n  static displayName = 'ButtonLink';\n  static enhance = Object.values(enhance);\n  static style = style;\n  static defaultProps = {\n    use: 'primary',\n  };\n\n  protected getTextColor(): string | undefined {\n    const { color, resolveColor } = this.asProps as any;\n    return resolveColor(color);\n  }\n}\n\nfunction Text(props: ButtonLinkTextProps) {\n  const SText = Root;\n  return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonLinkAddonProps) {\n  const SAddon = Root;\n  return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nexport const ButtonLink = createComponent(RootButtonLink, {\n  Text,\n  Addon,\n}) as ButtonLinkComponent;\n"],"mappings":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,oBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAIA,IAAAK,eAAA,GAAAL,OAAA;AAAkE;AAAA,MAAAM,KAAA,8BAAAP,KAAA,CAAAQ,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAElE,MAAMC,OAAO,GAAG;EACdC,YAAY,EAAE,IAAAC,4BAAmB,EAAC;AACpC,CAAC;AAED,MAAMC,cAAc,SAASC,8BAAc,CAAC;EAQhCC,YAAYA,CAAA,EAAuB;IAC3C,MAAM;MAAEC,KAAK;MAAEL;IAAa,CAAC,GAAG,IAAI,CAACM,OAAc;IACnD,OAAON,YAAY,CAACK,KAAK,CAAC;EAC5B;AACF;AAAC,IAAAE,gBAAA,CAAAC,OAAA,EAZKN,cAAc,iBACG,YAAY;AAAA,IAAAK,gBAAA,CAAAC,OAAA,EAD7BN,cAAc,aAEDO,MAAM,CAACC,MAAM,CAACX,OAAO,CAAC;AAAA,IAAAQ,gBAAA,CAAAC,OAAA,EAFnCN,cAAc,WAGHN,KAAK;AAAA,IAAAW,gBAAA,CAAAC,OAAA,EAHhBN,cAAc,kBAII;EACpBS,GAAG,EAAE;AACP,CAAC;AAQH,SAASC,IAAIA,CAACC,KAA0B,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxC,MAAMC,KAAK,GACiCC,mBAAG;EAA/C,OAAAF,KAAA,GAAO,IAAAnB,aAAO,EAACgB,KAAK,CAACM,MAAM,CAAC,eAACzB,MAAA,CAAAc,OAAA,CAAAY,aAAA,CAACH,KAAK,EAAAD,KAAA,CAAAK,EAAA;IAAA,OAAAhC,KAAA,CAAAiC,WAAA;MAAA,OAAkB;IAAM,GAAAR,IAAA;EAAA,EAAE,CAAC;AAChE;AAEA,SAASS,KAAKA,CAACV,KAA2B,EAAE;EAAA,IAAAW,KAAA,GAAAT,YAAA;IAAAU,KAAA;EAC1C,MAAMC,MAAM,GACiCR,mBAAG;EAAhD,OAAAO,KAAA,GAAO,IAAA5B,aAAO,EAACgB,KAAK,CAACM,MAAM,CAAC,eAACzB,MAAA,CAAAc,OAAA,CAAAY,aAAA,CAACM,MAAM,EAAAD,KAAA,CAAAJ,EAAA;IAAA,OAAAhC,KAAA,CAAAiC,WAAA;MAAA,OAAkB;IAAM,GAAAE,KAAA;EAAA,EAAE,CAAC;AACjE;AAEO,MAAMG,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,qBAAe,EAAC3B,cAAc,EAAE;EACxDU,IAAI;EACJW;AACF,CAAC,CAAwB","ignoreList":[]}
+{"version":3,"file":"ButtonLink.js","names":["_core","require","_resolveColorEnhance","_interopRequireDefault","_flexBox","_react","_AbstractButton2","style","sstyled","insert","enhance","resolveColor","resolveColorEnhance","RootButtonLink","_AbstractButton","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","getTextColor","_ref5","asProps","color","AbstractButton","_defineProperty2","Object","values","use","Text","props","_ref","arguments[0]","_ref3","SText","Box","styles","createElement","cn","_objectSpread2","assignProps","Addon","_ref2","_ref4","SAddon","ButtonLink","exports","createComponent"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import { createComponent, sstyled, Root } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { Box } from '@semcore/flex-box';\nimport React from 'react';\n\nimport style from './buttonLink.shadow.css';\nimport type { ButtonLinkAddonProps, ButtonLinkComponent, ButtonLinkTextProps } from './ButtonLink.type';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\n\nconst enhance = {\n  resolveColor: resolveColorEnhance(),\n};\n\nclass RootButtonLink extends AbstractButton {\n  static displayName = 'ButtonLink';\n  static enhance = Object.values(enhance);\n  static style = style;\n  static defaultProps = {\n    use: 'primary',\n  };\n\n  protected getTextColor(): string | undefined {\n    const { color, resolveColor } = this.asProps as any;\n    return resolveColor(color);\n  }\n}\n\nfunction Text(props: ButtonLinkTextProps) {\n  const SText = Root;\n  return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonLinkAddonProps) {\n  const SAddon = Root;\n  return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nexport const ButtonLink = createComponent(RootButtonLink, {\n  Text,\n  Addon,\n}) as ButtonLinkComponent;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAF,sBAAA,CAAAF,OAAA;AAIA,IAAAK,gBAAA,GAAAL,OAAA;AAAkE;AAAA,IAAAM,KAAA,8BAAAP,KAAA,CAAAQ,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAElE,IAAMC,OAAO,GAAG;EACdC,YAAY,EAAE,IAAAC,+BAAmB,EAAC;AACpC,CAAC;AAAC,IAEIC,cAAc,0BAAAC,eAAA;EAAA,SAAAD,eAAA;IAAA,IAAAE,gBAAA,mBAAAF,cAAA;IAAA,WAAAG,WAAA,mBAAAH,cAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAL,cAAA,EAAAC,eAAA;EAAA,WAAAK,aAAA,aAAAN,cAAA;IAAAO,GAAA;IAAAC,KAAA,EAQlB,SAAUC,YAAYA,CAAA,EAAuB;MAC3C,IAAAC,KAAA,GAAgC,IAAI,CAACC,OAAO;QAApCC,KAAK,GAAAF,KAAA,CAALE,KAAK;QAAEd,YAAY,GAAAY,KAAA,CAAZZ,YAAY;MAC3B,OAAOA,YAAY,CAACc,KAAK,CAAC;IAC5B;EAAC;AAAA,EAX0BC,+BAAc;AAAA,IAAAC,gBAAA,aAArCd,cAAc,iBACG,YAAY;AAAA,IAAAc,gBAAA,aAD7Bd,cAAc,aAEDe,MAAM,CAACC,MAAM,CAACnB,OAAO,CAAC;AAAA,IAAAiB,gBAAA,aAFnCd,cAAc,WAGHN,KAAK;AAAA,IAAAoB,gBAAA,aAHhBd,cAAc,kBAII;EACpBiB,GAAG,EAAE;AACP,CAAC;AAQH,SAASC,IAAIA,CAACC,KAA0B,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxC,IAAMC,KAAK,GACiCC,YAAG;EAA/C,OAAAF,KAAA,GAAO,IAAA3B,aAAO,EAACwB,KAAK,CAACM,MAAM,CAAC,eAACjC,MAAA,YAAAkC,aAAA,CAACH,KAAK,EAAAD,KAAA,CAAAK,EAAA,cAAAC,cAAA,qBAAAzC,KAAA,CAAA0C,WAAA;IAAA,OAAkB;EAAM,GAAAT,IAAA,GAAE,CAAC;AAChE;AAEA,SAASU,KAAKA,CAACX,KAA2B,EAAE;EAAA,IAAAY,KAAA,GAAAV,YAAA;IAAAW,KAAA;EAC1C,IAAMC,MAAM,GACiCT,YAAG;EAAhD,OAAAQ,KAAA,GAAO,IAAArC,aAAO,EAACwB,KAAK,CAACM,MAAM,CAAC,eAACjC,MAAA,YAAAkC,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,eAAAC,cAAA,qBAAAzC,KAAA,CAAA0C,WAAA;IAAA,OAAkB;EAAM,GAAAE,KAAA,GAAE,CAAC;AACjE;AAEO,IAAMG,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,qBAAe,EAACpC,cAAc,EAAE;EACxDkB,IAAI,EAAJA,IAAI;EACJY,KAAK,EAALA;AACF,CAAC,CAAwB","ignoreList":[]}

package/lib/cjs/component/ButtonLink/buttonLink.shadow.css

@@ -2,7 +2,7 @@ SButton {
   display: inline-flex;
   font-family: inherit;
   font-size: var(--intergalactic-fs-200, 14px);
-  color: var(--intergalactic-text-link, #006dca);
+  color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
   line-height: normal;
   position: relative;
   cursor: pointer;
@@ -28,42 +28,43 @@ SButton {
   &[active],
   &:hover,
   &:active {
-    color: var(--intergalactic-text-link-hover-active, #044792);
+    color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.202 263));
 
     & SText {
-      box-shadow: 0 1px 0 0 currentColor;
+      border-color: currentColor;
     }
   }
 
   &[enableVisited]:visited,
   &[enableVisited]:visited:hover {
-    color: var(--intergalactic-text-link-visited, #8649e1);
+    color: var(--intergalactic-text-link-visited, oklch(0.53 0.26 296));
   }
 
   SText {
-    box-shadow: 0 1px 0 0 transparent;
-    transition: box-shadow 0.15s ease-in-out;
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    border-color: transparent;
+    transition: border-bottom-color 0.15s ease-in-out;
   }
 }
 
 SButton[disabled] {
-  opacity: var(--intergalactic-disabled-opacity, 0.3);
+  opacity: var(--intergalactic-disabled-opacity, 0.4);
   cursor: default;
   /* Disable link interactions */
   pointer-events: none;
 }
 
 SButton[use='secondary'] {
-  color: var(--intergalactic-text-hint, #6c6e79);
+  color: var(--intergalactic-text-hint, oklch(0.088 0.026 147.7 / 0.583));
 
   &[active],
   &:active,
   &:hover {
-    color: var(--intergalactic-text-hint-hover-active, #484a54);
+    color: var(--intergalactic-text-hint-hover-active, oklch(0.086 0.026 145.8 / 0.605));
   }
 
   SText {
-    box-shadow: none;
     border-bottom-width: 1px;
     border-bottom-style: dashed;
     border-color: currentColor;
@@ -72,7 +73,7 @@ SButton[use='secondary'] {
 
 SInner {
   display: inline-flex;
-  align-items: baseline;
+  align-items: center;
   justify-content: center;
   height: 100%;
   width: 100%;
@@ -81,10 +82,9 @@ SInner {
 SAddon {
   display: inline-flex;
   justify-content: center;
-  align-items: baseline;
+  align-items: center;
   vertical-align: middle;
   pointer-events: none;
-  align-self: center;
 }
 
 SButton SAddon {

package/lib/cjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,14 +9,14 @@ var _exportNames = {
 };
 Object.defineProperty(exports, "MAP_USE_DEFAULT_THEME", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _AbstractButton.MAP_USE_DEFAULT_THEME;
   }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () {
-    return _Button.default;
+  get: function get() {
+    return _Button["default"];
   }
 });
 var _Button = _interopRequireDefault(require("./component/Button/Button"));
@@ -27,7 +27,7 @@ Object.keys(_Button2).forEach(function (key) {
   if (key in exports && exports[key] === _Button2[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function () {
+    get: function get() {
       return _Button2[key];
     }
   });
@@ -39,7 +39,7 @@ Object.keys(_ButtonLink).forEach(function (key) {
   if (key in exports && exports[key] === _ButtonLink[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function () {
+    get: function get() {
       return _ButtonLink[key];
     }
   });
@@ -51,7 +51,7 @@ Object.keys(_ButtonLink2).forEach(function (key) {
   if (key in exports && exports[key] === _ButtonLink2[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function () {
+    get: function get() {
       return _ButtonLink2[key];
     }
   });

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Button","_interopRequireDefault","require","_Button2","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_ButtonLink","_ButtonLink2","_AbstractButton"],"sources":["../../src/index.ts"],"sourcesContent":["export { default } from './component/Button/Button';\nexport * from './component/Button/Button.type';\nexport * from './component/ButtonLink/ButtonLink';\nexport * from './component/ButtonLink/ButtonLink.type';\nexport { MAP_USE_DEFAULT_THEME } from './component/AbstractButton/AbstractButton';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,QAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,QAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,QAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,WAAA,GAAAd,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAW,WAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,WAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,WAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,YAAA,GAAAf,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAY,YAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,YAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,YAAA,CAAAV,GAAA;IAAA;EAAA;AAAA;AACA,IAAAW,eAAA,GAAAhB,OAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_Button","_interopRequireDefault","require","_Button2","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_ButtonLink","_ButtonLink2","_AbstractButton"],"sources":["../../src/index.ts"],"sourcesContent":["export { default } from './component/Button/Button';\nexport * from './component/Button/Button.type';\nexport * from './component/ButtonLink/ButtonLink';\nexport * from './component/ButtonLink/ButtonLink.type';\nexport { MAP_USE_DEFAULT_THEME } from './component/AbstractButton/AbstractButton';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,QAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,QAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,QAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,WAAA,GAAAd,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAW,WAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,WAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,WAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,YAAA,GAAAf,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAY,YAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,YAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,YAAA,CAAAV,GAAA;IAAA;EAAA;AAAA;AACA,IAAAW,eAAA,GAAAhB,OAAA","ignoreList":[]}

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

@@ -1,117 +1,184 @@
+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 const MAP_USE_DEFAULT_THEME = {
+export var MAP_USE_DEFAULT_THEME = {
   primary: 'info',
   secondary: 'muted',
   tertiary: 'info'
 };
-export class AbstractButton extends Component {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "containerRef", /*#__PURE__*/React.createRef());
-    _defineProperty(this, "state", {
+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", {
       ariaLabelledByContent: null
     });
+    return _this;
   }
-  getTextProps() {
-    const {
-      size
-    } = this.asProps;
-    return {
-      size
-    };
-  }
-  getAddonProps() {
-    const {
-      size
-    } = this.asProps;
-    return {
-      size
-    };
-  }
-  componentDidMount() {
-    if (process.env.NODE_ENV !== 'production') {
-      logger.warn(this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title, `'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`, this.asProps['data-ui-name'] || AbstractButton.displayName);
-      logger.warn(this.asProps.theme === 'warning', 'Warning theme is deprecated and will be removed in the next major release.', this.asProps['data-ui-name'] || AbstractButton.displayName);
+  _inherits(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);
+      }
     }
-    const ariaLabelledby = this.asProps['aria-labelledby'];
-    if (ariaLabelledby) {
-      setTimeout(() => {
-        this.setState({
-          ariaLabelledByContent: document.getElementById(ariaLabelledby)?.textContent ?? ''
+  }, {
+    key: "renderButton",
+    value: function renderButton(_ref6) {
+      var _ref = this.asProps,
+        _ref3;
+      var buttonProps = _ref6.buttonProps,
+        children = _ref6.children;
+      var _this$asProps = this.asProps,
+        styles = _this$asProps.styles,
+        theme = _this$asProps.theme;
+      var SButton = Box;
+      return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SButton, _ref3.cn("SButton", _objectSpread({}, _assignProps(_objectSpread({
+        "invertOutline": theme === 'invert'
+      }, buttonProps), _ref))), children);
+    }
+  }, {
+    key: "renderButtonWithHint",
+    value: function renderButtonWithHint(_ref7) {
+      var _ref2 = this.asProps,
+        _ref4;
+      var buttonProps = _ref7.buttonProps,
+        children = _ref7.children,
+        hintProps = _ref7.hintProps;
+      var _this$asProps2 = this.asProps,
+        styles = _this$asProps2.styles,
+        theme = _this$asProps2.theme;
+      var SButton = Hint;
+      return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SButton, _ref4.cn("SButton", _objectSpread({}, _assignProps2(_objectSpread(_objectSpread(_objectSpread({
+        "invertOutline": theme === 'invert'
+      }, buttonProps), hintProps), {}, {
+        "ignorePortalsStacking": true
+      }), _ref2))), children);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref8,
+        _ref9,
+        _this3 = this;
+      var _this$asProps3 = this.asProps,
+        styles = _this$asProps3.styles,
+        use = _this$asProps3.use,
+        _this$asProps3$theme = _this$asProps3.theme,
+        theme = _this$asProps3$theme === void 0 ? typeof use === 'string' && MAP_USE_DEFAULT_THEME[use] : _this$asProps3$theme,
+        loading = _this$asProps3.loading,
+        _this$asProps3$disabl = _this$asProps3.disabled,
+        disabled = _this$asProps3$disabl === void 0 ? loading : _this$asProps3$disabl,
+        size = _this$asProps3.size,
+        neighborLocation = _this$asProps3.neighborLocation,
+        hasChildren = _this$asProps3.children,
+        title = _this$asProps3.title,
+        ariaLabel = _this$asProps3['aria-label'],
+        Children = _this$asProps3.Children,
+        AddonLeft = _this$asProps3.addonLeft,
+        AddonRight = _this$asProps3.addonRight,
+        hintPlacement = _this$asProps3.hintPlacement;
+      // @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
         });
-      }, 0);
+      });
     }
-  }
-  render() {
-    var _ref = this.asProps;
-    const {
-      styles,
-      use,
-      theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],
-      loading,
-      disabled = loading,
-      size,
-      neighborLocation,
-      children,
-      title,
-      ['aria-label']: ariaLabel,
-      Children,
-      addonLeft: AddonLeft,
-      addonRight: AddonRight,
-      hintPlacement
-    } = this.asProps;
-    const SButton = Box;
-    // @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));
-    });
-  }
-}
+  }]);
+}(Component);
 _defineProperty(AbstractButton, "displayName", 'AbstractButton');
 //# sourceMappingURL=AbstractButton.js.map