@semcore/button 16.0.1-prerelease.4 → 16.0.2-prerelease.1

package/lib/es6/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","MAP_USE_DEFAULT_THEME"],"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,SAASA,OAAO,QAAQ,2BAA2B;AACnD,cAAc,gCAAgC;AAC9C,cAAc,mCAAmC;AACjD,cAAc,wCAAwC;AACtD,SAASC,qBAAqB,QAAQ,2CAA2C"}
+{"version":3,"file":"index.js","names":["default","MAP_USE_DEFAULT_THEME"],"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,SAASA,OAAO,QAAQ,2BAA2B;AACnD,cAAc,gCAAgC;AAC9C,cAAc,mCAAmC;AACjD,cAAc,wCAAwC;AACtD,SAASC,qBAAqB,QAAQ,2CAA2C","ignoreList":[]}

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

@@ -1,41 +1,44 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { sstyled, assignProps, CORE_INSTANCE, Component } from "@semcore/core";
-import React from "react";
-import { Box } from "@semcore/flex-box";
-import { Hint } from "@semcore/tooltip";
-import NeighborLocation from "@semcore/neighbor-location";
 import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
+import hasLabels from "@semcore/core/lib/utils/hasLabels";
 import logger from "@semcore/core/lib/utils/logger";
+import { Box } from "@semcore/flex-box";
+import NeighborLocation from "@semcore/neighbor-location";
+import { Hint } from "@semcore/tooltip";
+import React from "react";
 import SpinButton from "./SpinButton.mjs";
-import hasLabels from "@semcore/core/lib/utils/hasLabels";
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 var MAP_USE_DEFAULT_THEME = {
   primary: "info",
   secondary: "muted",
   tertiary: "info"
 };
 var AbstractButton = /* @__PURE__ */ function(_Component) {
-  _inherits(AbstractButton2, _Component);
-  var _super = _createSuper(AbstractButton2);
   function AbstractButton2() {
     var _this;
     _classCallCheck(this, AbstractButton2);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "containerRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "state", {
+    _this = _callSuper(this, AbstractButton2, [].concat(args));
+    _defineProperty(_this, "containerRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_this, "state", {
       ariaLabelledByContent: null
     });
     return _this;
   }
-  _createClass(AbstractButton2, [{
+  _inherits(AbstractButton2, _Component);
+  return _createClass(AbstractButton2, [{
     key: "getTextProps",
     value: function getTextProps() {
       var size = this.asProps.size;
@@ -100,14 +103,15 @@ var AbstractButton = /* @__PURE__ */ function(_Component) {
       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",
+        "type": "button",
+        "tag": "button",
         disabled,
         "use:theme": useTheme,
-        ref: this.containerRef,
+        "ref": this.containerRef,
         "text-color": this.getTextColor(),
         "aria-busy": loading,
-        __excludeProps: ["title"]
+        "__excludeProps": ["title"],
+        "tabIndex": 0
       };
       var hintProps = {
         title: buttonAriaLabel,
@@ -145,7 +149,6 @@ var AbstractButton = /* @__PURE__ */ function(_Component) {
       });
     }
   }]);
-  return AbstractButton2;
 }(Component);
 _defineProperty(AbstractButton, "displayName", "AbstractButton");
 export {

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

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

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

@@ -1,65 +1,68 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, createComponent, assignProps } from "@semcore/core";
-import React from "react";
+import { createComponent, sstyled, assignProps } from "@semcore/core";
 import { Box } from "@semcore/flex-box";
+import React from "react";
 import { AbstractButton } from "../AbstractButton/AbstractButton.mjs";
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 /*!__reshadow-styles__:"./button.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SButton_37giu_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_37giu_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_37giu_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_37giu_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_37giu_gg_.__disabled_37giu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_37giu_gg_._size_s_37giu_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_37giu_gg_._size_m_37giu_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_37giu_gg_._size_l_37giu_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_37giu_gg_._theme_primary-info_37giu_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_37giu_gg_._theme_primary-info_37giu_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_37giu_gg_._theme_primary-info_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_primary-info_37giu_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_37giu_gg_._theme_primary-success_37giu_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_37giu_gg_._theme_primary-success_37giu_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_37giu_gg_._theme_primary-success_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_primary-success_37giu_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_37giu_gg_._theme_primary-brand_37giu_gg_,.___SButton_37giu_gg_._theme_primary-warning_37giu_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_37giu_gg_._theme_primary-brand_37giu_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_37giu_gg_._theme_primary-brand_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_primary-brand_37giu_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_37giu_gg_._theme_primary-warning_37giu_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_37giu_gg_._theme_primary-warning_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_primary-warning_37giu_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_37giu_gg_._theme_primary-danger_37giu_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_37giu_gg_._theme_primary-danger_37giu_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_37giu_gg_._theme_primary-danger_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_primary-danger_37giu_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_37giu_gg_._theme_primary-invert_37giu_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_37giu_gg_._theme_primary-invert_37giu_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_37giu_gg_._theme_primary-invert_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_primary-invert_37giu_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_37giu_gg_._theme_secondary-muted_37giu_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_37giu_gg_._theme_secondary-muted_37giu_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n    rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_37giu_gg_._theme_secondary-muted_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_secondary-muted_37giu_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n    rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_37giu_gg_._theme_secondary-info_37giu_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_37giu_gg_._theme_secondary-info_37giu_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_37giu_gg_._theme_secondary-info_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_secondary-info_37giu_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_37giu_gg_._theme_secondary-invert_37giu_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_37giu_gg_._theme_secondary-invert_37giu_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_37giu_gg_._theme_secondary-invert_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_secondary-invert_37giu_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_37giu_gg_._theme_tertiary-info_37giu_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_37giu_gg_._theme_tertiary-info_37giu_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_37giu_gg_._theme_tertiary-info_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_tertiary-info_37giu_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_37giu_gg_._theme_tertiary-muted_37giu_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_37giu_gg_._theme_tertiary-muted_37giu_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_37giu_gg_._theme_tertiary-muted_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_tertiary-muted_37giu_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n    rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_37giu_gg_._theme_tertiary-invert_37giu_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_37giu_gg_._theme_tertiary-invert_37giu_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_37giu_gg_._theme_tertiary-invert_37giu_gg_.__active_37giu_gg_,.___SButton_37giu_gg_._theme_tertiary-invert_37giu_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_37giu_gg_._neighborLocation_right_37giu_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_37giu_gg_._neighborLocation_both_37giu_gg_{border-radius:0;margin-left:-1px}.___SButton_37giu_gg_._neighborLocation_left_37giu_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_37giu_gg_._neighborLocation_both_37giu_gg_,.___SButton_37giu_gg_._neighborLocation_left_37giu_gg_{position:relative}.___SButton_37giu_gg_._neighborLocation_both_37giu_gg_:after,.___SButton_37giu_gg_._neighborLocation_left_37giu_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_37giu_gg_._neighborLocation_both_37giu_gg_._theme_secondary-muted_37giu_gg_:after,.___SButton_37giu_gg_._neighborLocation_left_37giu_gg_._theme_secondary-muted_37giu_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_37giu_gg_+.___SButton_37giu_gg_._neighborLocation_both_37giu_gg_:after,.___SButton_37giu_gg_+.___SButton_37giu_gg_._neighborLocation_left_37giu_gg_:after{content:"";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_37giu_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_37giu_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_37giu_gg_.__loading_37giu_gg_{visibility:hidden}.___SText_37giu_gg_{display:inline-flex}.___SText_37giu_gg_._size_l_37giu_gg_,.___SText_37giu_gg_._size_m_37giu_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_37giu_gg_._size_m_37giu_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_37giu_gg_._size_l_37giu_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_37giu_gg_._size_l_37giu_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_37giu_gg_._size_l_37giu_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_37giu_gg_._size_l_37giu_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_37giu_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_37giu_gg_._size_m_37giu_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_37giu_gg_._size_m_37giu_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_37giu_gg_._size_m_37giu_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_37giu_gg_._size_l_37giu_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_37giu_gg_._size_l_37giu_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_37giu_gg_._size_l_37giu_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}',
+    '.___SButton_1nx19_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_1nx19_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_1nx19_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1nx19_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_1nx19_gg_.__disabled_1nx19_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_1nx19_gg_._size_s_1nx19_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_1nx19_gg_._size_m_1nx19_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_1nx19_gg_._size_l_1nx19_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_1nx19_gg_._theme_primary-info_1nx19_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_1nx19_gg_._theme_primary-info_1nx19_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_1nx19_gg_._theme_primary-info_1nx19_gg_.__active_1nx19_gg_,.___SButton_1nx19_gg_._theme_primary-info_1nx19_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_1nx19_gg_._theme_primary-success_1nx19_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_1nx19_gg_._theme_primary-success_1nx19_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_1nx19_gg_._theme_primary-success_1nx19_gg_.__active_1nx19_gg_,.___SButton_1nx19_gg_._theme_primary-success_1nx19_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_1nx19_gg_._theme_primary-brand_1nx19_gg_,.___SButton_1nx19_gg_._theme_primary-warning_1nx19_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_1nx19_gg_._theme_primary-brand_1nx19_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_1nx19_gg_._theme_primary-brand_1nx19_gg_.__active_1nx19_gg_,.___SButton_1nx19_gg_._theme_primary-brand_1nx19_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_1nx19_gg_._theme_primary-warning_1nx19_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_1nx19_gg_._theme_primary-warning_1nx19_gg_.__active_1nx19_gg_,.___SButton_1nx19_gg_._theme_primary-warning_1nx19_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_1nx19_gg_._theme_primary-danger_1nx19_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_1nx19_gg_._theme_primary-danger_1nx19_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_1nx19_gg_._theme_primary-danger_1nx19_gg_.__active_1nx19_gg_,.___SButton_1nx19_gg_._theme_primary-danger_1nx19_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_1nx19_gg_._theme_primary-invert_1nx19_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_1nx19_gg_._theme_primary-invert_1nx19_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_1nx19_gg_._theme_primary-invert_1nx19_gg_.__active_1nx19_gg_,.___SButton_1nx19_gg_._theme_primary-invert_1nx19_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_1nx19_gg_._theme_secondary-muted_1nx19_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_1nx19_gg_._theme_secondary-muted_1nx19_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n    rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1nx19_gg_._theme_secondary-muted_1nx19_gg_.__active_1nx19_gg_,.___SButton_1nx19_gg_._theme_secondary-muted_1nx19_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n    rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_1nx19_gg_._theme_secondary-info_1nx19_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_1nx19_gg_._theme_secondary-info_1nx19_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1nx19_gg_._theme_secondary-info_1nx19_gg_.__active_1nx19_gg_,.___SButton_1nx19_gg_._theme_secondary-info_1nx19_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1nx19_gg_._theme_secondary-invert_1nx19_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_1nx19_gg_._theme_secondary-invert_1nx19_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1nx19_gg_._theme_secondary-invert_1nx19_gg_.__active_1nx19_gg_,.___SButton_1nx19_gg_._theme_secondary-invert_1nx19_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_1nx19_gg_._theme_tertiary-info_1nx19_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_1nx19_gg_._theme_tertiary-info_1nx19_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1nx19_gg_._theme_tertiary-info_1nx19_gg_.__active_1nx19_gg_,.___SButton_1nx19_gg_._theme_tertiary-info_1nx19_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1nx19_gg_._theme_tertiary-muted_1nx19_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_1nx19_gg_._theme_tertiary-muted_1nx19_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1nx19_gg_._theme_tertiary-muted_1nx19_gg_.__active_1nx19_gg_,.___SButton_1nx19_gg_._theme_tertiary-muted_1nx19_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n    rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_1nx19_gg_._theme_tertiary-invert_1nx19_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_1nx19_gg_._theme_tertiary-invert_1nx19_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1nx19_gg_._theme_tertiary-invert_1nx19_gg_.__active_1nx19_gg_,.___SButton_1nx19_gg_._theme_tertiary-invert_1nx19_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_1nx19_gg_._neighborLocation_right_1nx19_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_1nx19_gg_._neighborLocation_both_1nx19_gg_{border-radius:0;margin-left:-1px}.___SButton_1nx19_gg_._neighborLocation_left_1nx19_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_1nx19_gg_._neighborLocation_both_1nx19_gg_,.___SButton_1nx19_gg_._neighborLocation_left_1nx19_gg_{position:relative}.___SButton_1nx19_gg_._neighborLocation_both_1nx19_gg_:after,.___SButton_1nx19_gg_._neighborLocation_left_1nx19_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_1nx19_gg_._neighborLocation_both_1nx19_gg_._theme_secondary-muted_1nx19_gg_:after,.___SButton_1nx19_gg_._neighborLocation_left_1nx19_gg_._theme_secondary-muted_1nx19_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_1nx19_gg_+.___SButton_1nx19_gg_._neighborLocation_both_1nx19_gg_:after,.___SButton_1nx19_gg_+.___SButton_1nx19_gg_._neighborLocation_left_1nx19_gg_:after{content:"";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_1nx19_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_1nx19_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_1nx19_gg_.__loading_1nx19_gg_{visibility:hidden}.___SText_1nx19_gg_{display:inline-flex}.___SText_1nx19_gg_._size_l_1nx19_gg_,.___SText_1nx19_gg_._size_m_1nx19_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_1nx19_gg_._size_m_1nx19_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_1nx19_gg_._size_l_1nx19_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_1nx19_gg_._size_l_1nx19_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_1nx19_gg_._size_l_1nx19_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_1nx19_gg_._size_l_1nx19_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_1nx19_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_1nx19_gg_._size_m_1nx19_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1nx19_gg_._size_m_1nx19_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1nx19_gg_._size_m_1nx19_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_1nx19_gg_._size_l_1nx19_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1nx19_gg_._size_l_1nx19_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1nx19_gg_._size_l_1nx19_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__*/
-    "37giu_gg_"
+    "1nx19_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SButton": "___SButton_37giu_gg_",
-    "_disabled": "__disabled_37giu_gg_",
-    "_size_s": "_size_s_37giu_gg_",
-    "_size_m": "_size_m_37giu_gg_",
-    "_size_l": "_size_l_37giu_gg_",
-    "_neighborLocation_right": "_neighborLocation_right_37giu_gg_",
-    "_neighborLocation_both": "_neighborLocation_both_37giu_gg_",
-    "_neighborLocation_left": "_neighborLocation_left_37giu_gg_",
-    "__SSpin": "___SSpin_37giu_gg_",
-    "__SInner": "___SInner_37giu_gg_",
-    "_loading": "__loading_37giu_gg_",
-    "__SText": "___SText_37giu_gg_",
-    "__SAddon": "___SAddon_37giu_gg_",
-    "_theme_primary-info": "_theme_primary-info_37giu_gg_",
-    "_active": "__active_37giu_gg_",
-    "_theme_primary-success": "_theme_primary-success_37giu_gg_",
-    "_theme_primary-brand": "_theme_primary-brand_37giu_gg_",
-    "_theme_primary-warning": "_theme_primary-warning_37giu_gg_",
-    "_theme_primary-danger": "_theme_primary-danger_37giu_gg_",
-    "_theme_primary-invert": "_theme_primary-invert_37giu_gg_",
-    "_theme_secondary-muted": "_theme_secondary-muted_37giu_gg_",
-    "_theme_secondary-info": "_theme_secondary-info_37giu_gg_",
-    "_theme_secondary-invert": "_theme_secondary-invert_37giu_gg_",
-    "_theme_tertiary-info": "_theme_tertiary-info_37giu_gg_",
-    "_theme_tertiary-muted": "_theme_tertiary-muted_37giu_gg_",
-    "_theme_tertiary-invert": "_theme_tertiary-invert_37giu_gg_"
+    "__SButton": "___SButton_1nx19_gg_",
+    "_disabled": "__disabled_1nx19_gg_",
+    "_size_s": "_size_s_1nx19_gg_",
+    "_size_m": "_size_m_1nx19_gg_",
+    "_size_l": "_size_l_1nx19_gg_",
+    "_neighborLocation_right": "_neighborLocation_right_1nx19_gg_",
+    "_neighborLocation_both": "_neighborLocation_both_1nx19_gg_",
+    "_neighborLocation_left": "_neighborLocation_left_1nx19_gg_",
+    "__SSpin": "___SSpin_1nx19_gg_",
+    "__SInner": "___SInner_1nx19_gg_",
+    "_loading": "__loading_1nx19_gg_",
+    "__SText": "___SText_1nx19_gg_",
+    "__SAddon": "___SAddon_1nx19_gg_",
+    "_theme_primary-info": "_theme_primary-info_1nx19_gg_",
+    "_active": "__active_1nx19_gg_",
+    "_theme_primary-success": "_theme_primary-success_1nx19_gg_",
+    "_theme_primary-brand": "_theme_primary-brand_1nx19_gg_",
+    "_theme_primary-warning": "_theme_primary-warning_1nx19_gg_",
+    "_theme_primary-danger": "_theme_primary-danger_1nx19_gg_",
+    "_theme_primary-invert": "_theme_primary-invert_1nx19_gg_",
+    "_theme_secondary-muted": "_theme_secondary-muted_1nx19_gg_",
+    "_theme_secondary-info": "_theme_secondary-info_1nx19_gg_",
+    "_theme_secondary-invert": "_theme_secondary-invert_1nx19_gg_",
+    "_theme_tertiary-info": "_theme_tertiary-info_1nx19_gg_",
+    "_theme_tertiary-muted": "_theme_tertiary-muted_1nx19_gg_",
+    "_theme_tertiary-invert": "_theme_tertiary-invert_1nx19_gg_"
   })
 );
 var RootButton = /* @__PURE__ */ function(_AbstractButton) {
-  _inherits(RootButton2, _AbstractButton);
-  var _super = _createSuper(RootButton2);
   function RootButton2() {
     _classCallCheck(this, RootButton2);
-    return _super.apply(this, arguments);
+    return _callSuper(this, RootButton2, arguments);
   }
-  _createClass(RootButton2, [{
+  _inherits(RootButton2, _AbstractButton);
+  return _createClass(RootButton2, [{
     key: "getTextColor",
     value: function getTextColor() {
       return void 0;
     }
   }]);
-  return RootButton2;
 }(AbstractButton);
 _defineProperty(RootButton, "displayName", "Button");
 _defineProperty(RootButton, "style", style);

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

@@ -1,62 +1,65 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, createComponent, assignProps } from "@semcore/core";
-import React from "react";
+import { createComponent, sstyled, assignProps } from "@semcore/core";
+import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
 import { Box } from "@semcore/flex-box";
+import React from "react";
 import { AbstractButton } from "../AbstractButton/AbstractButton.mjs";
-import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 /*!__reshadow-styles__:"./buttonLink.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SButton_wqc87_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_wqc87_gg_,.___SButton_wqc87_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_wqc87_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_wqc87_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_wqc87_gg_.__active_wqc87_gg_,.___SButton_wqc87_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_wqc87_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_wqc87_gg_.__active_wqc87_gg_ .___SText_wqc87_gg_,.___SButton_wqc87_gg_:active .___SText_wqc87_gg_{border-color:currentColor}@media (hover:hover){.___SButton_wqc87_gg_:hover .___SText_wqc87_gg_{border-color:currentColor}}.___SButton_wqc87_gg_.__enableVisited_wqc87_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_wqc87_gg_.__enableVisited_wqc87_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_wqc87_gg_ .___SText_wqc87_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_wqc87_gg_.__disabled_wqc87_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_wqc87_gg_._use_secondary_wqc87_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_wqc87_gg_._use_secondary_wqc87_gg_.__active_wqc87_gg_,.___SButton_wqc87_gg_._use_secondary_wqc87_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_wqc87_gg_._use_secondary_wqc87_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_wqc87_gg_._use_secondary_wqc87_gg_ .___SText_wqc87_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_wqc87_gg_,.___SInner_wqc87_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_wqc87_gg_{height:100%;width:100%}.___SAddon_wqc87_gg_{vertical-align:middle;pointer-events:none}.___SButton_wqc87_gg_ .___SAddon_wqc87_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_wqc87_gg_ .___SAddon_wqc87_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_wqc87_gg_.__text-color_wqc87_gg_{color:var(--text-color_wqc87)}.___SButton_wqc87_gg_.__text-color_wqc87_gg_.__active_wqc87_gg_,.___SButton_wqc87_gg_.__text-color_wqc87_gg_:active{color:var(--text-color_wqc87);filter:brightness(.8)}@media (hover:hover){.___SButton_wqc87_gg_.__text-color_wqc87_gg_:hover{color:var(--text-color_wqc87);filter:brightness(.8)}}.___SButton_wqc87_gg_._size_100_wqc87_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_wqc87_gg_._size_200_wqc87_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_wqc87_gg_._size_300_wqc87_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_wqc87_gg_._size_400_wqc87_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_wqc87_gg_._size_500_wqc87_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_wqc87_gg_._size_600_wqc87_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_wqc87_gg_._size_700_wqc87_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_wqc87_gg_._size_800_wqc87_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_wqc87_gg_,.___SText_wqc87_gg_{transition:none}}",
+    ".___SButton_vg1tg_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_vg1tg_gg_,.___SButton_vg1tg_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_vg1tg_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_vg1tg_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_vg1tg_gg_.__active_vg1tg_gg_,.___SButton_vg1tg_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_vg1tg_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_vg1tg_gg_.__active_vg1tg_gg_ .___SText_vg1tg_gg_,.___SButton_vg1tg_gg_:active .___SText_vg1tg_gg_{border-color:currentColor}@media (hover:hover){.___SButton_vg1tg_gg_:hover .___SText_vg1tg_gg_{border-color:currentColor}}.___SButton_vg1tg_gg_.__enableVisited_vg1tg_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_vg1tg_gg_.__enableVisited_vg1tg_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_vg1tg_gg_ .___SText_vg1tg_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_vg1tg_gg_.__disabled_vg1tg_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_vg1tg_gg_._use_secondary_vg1tg_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_vg1tg_gg_._use_secondary_vg1tg_gg_.__active_vg1tg_gg_,.___SButton_vg1tg_gg_._use_secondary_vg1tg_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_vg1tg_gg_._use_secondary_vg1tg_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_vg1tg_gg_._use_secondary_vg1tg_gg_ .___SText_vg1tg_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_vg1tg_gg_,.___SInner_vg1tg_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_vg1tg_gg_{height:100%;width:100%}.___SAddon_vg1tg_gg_{vertical-align:middle;pointer-events:none}.___SButton_vg1tg_gg_ .___SAddon_vg1tg_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_vg1tg_gg_ .___SAddon_vg1tg_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_vg1tg_gg_.__text-color_vg1tg_gg_{color:var(--text-color_vg1tg)}.___SButton_vg1tg_gg_.__text-color_vg1tg_gg_.__active_vg1tg_gg_,.___SButton_vg1tg_gg_.__text-color_vg1tg_gg_:active{color:var(--text-color_vg1tg);filter:brightness(.8)}@media (hover:hover){.___SButton_vg1tg_gg_.__text-color_vg1tg_gg_:hover{color:var(--text-color_vg1tg);filter:brightness(.8)}}.___SButton_vg1tg_gg_._size_100_vg1tg_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_vg1tg_gg_._size_200_vg1tg_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_vg1tg_gg_._size_300_vg1tg_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_vg1tg_gg_._size_400_vg1tg_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_vg1tg_gg_._size_500_vg1tg_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_vg1tg_gg_._size_600_vg1tg_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_vg1tg_gg_._size_700_vg1tg_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_vg1tg_gg_._size_800_vg1tg_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_vg1tg_gg_,.___SText_vg1tg_gg_{transition:none}}",
     /*__inner_css_end__*/
-    "wqc87_gg_"
+    "vg1tg_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SButton": "___SButton_wqc87_gg_",
-    "_disabled": "__disabled_wqc87_gg_",
-    "__SInner": "___SInner_wqc87_gg_",
-    "__SAddon": "___SAddon_wqc87_gg_",
-    "_size_100": "_size_100_wqc87_gg_",
-    "_size_200": "_size_200_wqc87_gg_",
-    "_size_300": "_size_300_wqc87_gg_",
-    "_size_400": "_size_400_wqc87_gg_",
-    "_size_500": "_size_500_wqc87_gg_",
-    "_size_600": "_size_600_wqc87_gg_",
-    "_size_700": "_size_700_wqc87_gg_",
-    "_size_800": "_size_800_wqc87_gg_",
-    "__SText": "___SText_wqc87_gg_",
-    "_active": "__active_wqc87_gg_",
-    "_enableVisited": "__enableVisited_wqc87_gg_",
-    "_use_secondary": "_use_secondary_wqc87_gg_",
-    "_text-color": "__text-color_wqc87_gg_",
-    "--text-color": "--text-color_wqc87"
+    "__SButton": "___SButton_vg1tg_gg_",
+    "_disabled": "__disabled_vg1tg_gg_",
+    "__SInner": "___SInner_vg1tg_gg_",
+    "__SAddon": "___SAddon_vg1tg_gg_",
+    "_size_100": "_size_100_vg1tg_gg_",
+    "_size_200": "_size_200_vg1tg_gg_",
+    "_size_300": "_size_300_vg1tg_gg_",
+    "_size_400": "_size_400_vg1tg_gg_",
+    "_size_500": "_size_500_vg1tg_gg_",
+    "_size_600": "_size_600_vg1tg_gg_",
+    "_size_700": "_size_700_vg1tg_gg_",
+    "_size_800": "_size_800_vg1tg_gg_",
+    "__SText": "___SText_vg1tg_gg_",
+    "_active": "__active_vg1tg_gg_",
+    "_enableVisited": "__enableVisited_vg1tg_gg_",
+    "_use_secondary": "_use_secondary_vg1tg_gg_",
+    "_text-color": "__text-color_vg1tg_gg_",
+    "--text-color": "--text-color_vg1tg"
   })
 );
 var enhance = {
   resolveColor: resolveColorEnhance()
 };
 var RootButtonLink = /* @__PURE__ */ function(_AbstractButton) {
-  _inherits(RootButtonLink2, _AbstractButton);
-  var _super = _createSuper(RootButtonLink2);
   function RootButtonLink2() {
     _classCallCheck(this, RootButtonLink2);
-    return _super.apply(this, arguments);
+    return _callSuper(this, RootButtonLink2, arguments);
   }
-  _createClass(RootButtonLink2, [{
+  _inherits(RootButtonLink2, _AbstractButton);
+  return _createClass(RootButtonLink2, [{
     key: "getTextColor",
     value: function getTextColor() {
       var _ref5 = this.asProps, color = _ref5.color, resolveColor = _ref5.resolveColor;
       return resolveColor(color);
     }
   }]);
-  return RootButtonLink2;
 }(AbstractButton);
 _defineProperty(RootButtonLink, "displayName", "ButtonLink");
 _defineProperty(RootButtonLink, "enhance", Object.values(enhance));

package/lib/types/component/AbstractButton/AbstractButton.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { AbstractButtonProps } from './AbstractButton.type';
 import { Component } from '@semcore/core';
+import React from 'react';
+import type { AbstractButtonProps } from './AbstractButton.type';
 export declare const MAP_USE_DEFAULT_THEME: Record<string, string>;
 type Props = AbstractButtonProps<any, any, any>;
 export declare abstract class AbstractButton extends Component<Props, {}, {}> {
@@ -19,6 +19,6 @@ export declare abstract class AbstractButton extends Component<Props, {}, {}> {
     componentDidMount(): void;
     renderButton({ buttonProps, children }: any): React.ReactNode;
     renderButtonWithHint({ buttonProps, children, hintProps }: any): React.ReactNode;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/lib/types/component/AbstractButton/AbstractButton.type.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import { PropGetterFn } from '@semcore/core';
-import { BoxProps } from '@semcore/flex-box';
-import { NeighborItemProps } from '@semcore/neighbor-location';
-import { TooltipHintProps } from '@semcore/tooltip';
+import type { PropGetterFn } from '@semcore/core';
+import type { BoxProps } from '@semcore/flex-box';
+import type { NeighborItemProps } from '@semcore/neighbor-location';
+import type { TooltipHintProps } from '@semcore/tooltip';
+import type React from 'react';
 export type AbstractButtonProps<S, U, T> = BoxProps & NeighborItemProps & {
     /** Button activity state */
     active?: boolean;

package/lib/types/component/AbstractButton/SpinButton.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 export declare const SPIN_SIZE_MAP: Record<string, string>;
-export default function SpinButton({ theme, size, ...others }: any): JSX.Element;
+export default function SpinButton({ theme, size, ...others }: any): React.JSX.Element;

package/lib/types/component/Button/Button.d.ts

@@ -1,3 +1,3 @@
-import { ButtonComponent } from './Button.type';
+import type { ButtonComponent } from './Button.type';
 declare const Button: ButtonComponent;
 export default Button;

package/lib/types/component/Button/Button.type.d.ts

@@ -1,5 +1,5 @@
-import { UnknownProperties, Intergalactic } from '@semcore/core';
-import { AbstractButtonAddonProps, AbstractButtonContext, AbstractButtonTextProps, AbstractButtonProps } from '../AbstractButton/AbstractButton.type';
+import type { UnknownProperties, Intergalactic } from '@semcore/core';
+import type { AbstractButtonAddonProps, AbstractButtonContext, AbstractButtonTextProps, AbstractButtonProps } from '../AbstractButton/AbstractButton.type';
 /**
  *  Button size
  * @default m

package/lib/types/component/ButtonLink/ButtonLink.d.ts

@@ -1,2 +1,2 @@
-import { ButtonLinkComponent } from './ButtonLink.type';
+import type { ButtonLinkComponent } from './ButtonLink.type';
 export declare const ButtonLink: ButtonLinkComponent;

package/lib/types/component/ButtonLink/ButtonLink.type.d.ts

@@ -1,5 +1,5 @@
-import { Intergalactic } from '@semcore/core';
-import { AbstractButtonAddonProps, AbstractButtonContext, AbstractButtonTextProps, AbstractButtonProps } from '../AbstractButton/AbstractButton.type';
+import type { Intergalactic } from '@semcore/core';
+import type { AbstractButtonAddonProps, AbstractButtonContext, AbstractButtonTextProps, AbstractButtonProps } from '../AbstractButton/AbstractButton.type';
 /**
  *  Button link size
  * @default m

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/button",
   "description": "Semrush Button Component",
-  "version": "16.0.1-prerelease.4",
+  "version": "16.0.2-prerelease.1",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,13 +14,13 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/flex-box": "16.0.1-prerelease.4",
-    "@semcore/neighbor-location": "16.0.1-prerelease.4",
-    "@semcore/spin": "16.0.1-prerelease.4",
-    "@semcore/tooltip": "16.0.1-prerelease.4"
+    "@semcore/flex-box": "16.0.2-prerelease.1",
+    "@semcore/neighbor-location": "16.0.2-prerelease.1",
+    "@semcore/spin": "16.0.2-prerelease.1",
+    "@semcore/tooltip": "16.0.2-prerelease.1"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.0.1-prerelease.4"
+    "@semcore/base-components": "^16.0.2-prerelease.1"
   },
   "repository": {
     "type": "git",
@@ -28,9 +28,9 @@
     "directory": "semcore/button"
   },
   "devDependencies": {
-    "@semcore/icon": "*",
+    "@semcore/core": "16.0.0",
     "@semcore/testing-utils": "1.0.0",
-    "@types/react": "18.0.21"
+    "@semcore/icon": "16.2.1-prerelease.1"
   },
   "scripts": {
     "build": "pnpm semcore-builder && pnpm vite build"

package/src/component/AbstractButton/AbstractButton.tsx

@@ -1,13 +1,14 @@
-import React from 'react';
-import { Box } from '@semcore/flex-box';
-import { Hint } from '@semcore/tooltip';
-import NeighborLocation from '@semcore/neighbor-location';
+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 type { AbstractButtonProps } from './AbstractButton.type';
 import SpinButton from './SpinButton';
-import hasLabels from '@semcore/core/lib/utils/hasLabels';
-import { AbstractButtonProps } from './AbstractButton.type';
-import { Component, CORE_INSTANCE, Root, sstyled } from '@semcore/core';
 
 export const MAP_USE_DEFAULT_THEME: Record<string, string> = {
   primary: 'info',
@@ -116,14 +117,15 @@ export abstract class AbstractButton extends Component<Props, {}, {}> {
     const buttonAriaLabel = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';
 
     const buttonProps: Record<string, any> = {
-      type: 'button',
-      tag: 'button',
+      'type': 'button',
+      'tag': 'button',
       disabled,
       'use:theme': useTheme,
-      ref: this.containerRef,
+      'ref': this.containerRef,
       'text-color': this.getTextColor(),
       'aria-busy': loading,
-      __excludeProps: ['title'],
+      '__excludeProps': ['title'],
+      'tabIndex': 0,
     };
 
     const hintProps = {
@@ -141,17 +143,21 @@ export abstract class AbstractButton extends Component<Props, {}, {}> {
             <>
               {/* @ts-ignore */}
               <SInner tag='span' loading={loading}>
-                {AddonLeft ? (
-                  <Button.Addon>
-                    <AddonLeft />
-                  </Button.Addon>
-                ) : null}
+                {AddonLeft
+                  ? (
+                      <Button.Addon>
+                        <AddonLeft />
+                      </Button.Addon>
+                    )
+                  : null}
                 {addonTextChildren(Children, Button.Text, Button.Addon)}
-                {AddonRight ? (
-                  <Button.Addon>
-                    <AddonRight />
-                  </Button.Addon>
-                ) : null}
+                {AddonRight
+                  ? (
+                      <Button.Addon>
+                        <AddonRight />
+                      </Button.Addon>
+                    )
+                  : null}
               </SInner>
               {loading && (
                 <SSpin tag='span'>

package/src/component/AbstractButton/AbstractButton.type.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import { PropGetterFn } from '@semcore/core';
-import { BoxProps } from '@semcore/flex-box';
-import { NeighborItemProps } from '@semcore/neighbor-location';
-import { TooltipHintProps } from '@semcore/tooltip';
+import type { PropGetterFn } from '@semcore/core';
+import type { BoxProps } from '@semcore/flex-box';
+import type { NeighborItemProps } from '@semcore/neighbor-location';
+import type { TooltipHintProps } from '@semcore/tooltip';
+import type React from 'react';
 
 export type AbstractButtonProps<S, U, T> = BoxProps &
   NeighborItemProps & {

package/src/component/AbstractButton/SpinButton.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
 import Spin from '@semcore/spin';
+import React from 'react';
 
 export const SPIN_SIZE_MAP: Record<string, string> = {
   xl: 'm',

package/src/component/Button/Button.tsx

@@ -1,10 +1,10 @@
-import React from 'react';
 import { createComponent, sstyled, Root } from '@semcore/core';
 import { Box } from '@semcore/flex-box';
+import React from 'react';
 
 import style from './button.shadow.css';
+import type { ButtonAddonProps, ButtonComponent, ButtonTextProps } from './Button.type';
 import { AbstractButton } from '../AbstractButton/AbstractButton';
-import { ButtonAddonProps, ButtonComponent, ButtonTextProps } from './Button.type';
 
 class RootButton extends AbstractButton {
   static displayName = 'Button';

package/src/component/Button/Button.type.ts

@@ -1,6 +1,6 @@
-import { UnknownProperties, Intergalactic } from '@semcore/core';
+import type { UnknownProperties, Intergalactic } from '@semcore/core';
 
-import {
+import type {
   AbstractButtonAddonProps,
   AbstractButtonContext,
   AbstractButtonTextProps,