@semcore/button 5.43.0 → 16.0.0-prerelease.10

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

@@ -1,22 +1,23 @@
-import o from "@babel/runtime/helpers/esm/extends";
-import i from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import m from "react";
-import s from "@semcore/spin";
-var n = ["theme", "size"], p = {
+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";
+var _excluded = ["theme", "size"];
+var SPIN_SIZE_MAP = {
   xl: "m",
   l: "s",
   m: "xs",
   s: "xxs"
 };
-function l(e) {
-  e.theme;
-  var t = e.size, r = i(e, n);
-  return /* @__PURE__ */ m.createElement(s, o({
-    size: typeof t == "string" ? p[t] : t,
+function SpinButton(_ref) {
+  _ref.theme;
+  var size = _ref.size, others = _objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */ React.createElement(Spin, _extends({
+    size: typeof size === "string" ? SPIN_SIZE_MAP[size] : size,
     theme: "currentColor"
-  }, r));
+  }, others));
 }
 export {
-  p as SPIN_SIZE_MAP,
-  l as default
+  SPIN_SIZE_MAP,
+  SpinButton as default
 };

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

@@ -1,89 +1,87 @@
-import o from "@babel/runtime/helpers/esm/objectSpread2";
-import y from "@babel/runtime/helpers/esm/classCallCheck";
-import l from "@babel/runtime/helpers/esm/createClass";
-import m from "@babel/runtime/helpers/esm/inherits";
-import v from "@babel/runtime/helpers/esm/createSuper";
-import i from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as f } from "@semcore/utils/lib/core/index";
-import d, { sstyled as g, assignProps as n } from "@semcore/core";
-import c from "react";
-import { Box as h } from "@semcore/flex-box";
-import j from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
-import { AbstractButton as s } from "../AbstractButton/AbstractButton.mjs";
-var u = (
+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 _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 { Box } from "@semcore/flex-box";
+import { AbstractButton } from "../AbstractButton/AbstractButton.mjs";
+var style = (
   /*__reshadow_css_start__*/
-  (f.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    `.___SButton_12yjh_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79);min-width:-moz-fit-content;min-width:fit-content}.___SButton_12yjh_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_12yjh_gg_:active,.___SButton_12yjh_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_12yjh_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_12yjh_gg_.__keyboardFocused_12yjh_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_12yjh_gg_.__disabled_12yjh_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_12yjh_gg_._size_s_12yjh_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_12yjh_gg_._size_m_12yjh_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_12yjh_gg_._size_l_12yjh_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_12yjh_gg_._theme_primary-info_12yjh_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-info_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_12yjh_gg_._theme_primary-info_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-info_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_12yjh_gg_._theme_primary-success_12yjh_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-success_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_12yjh_gg_._theme_primary-success_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-success_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_12yjh_gg_._theme_primary-brand_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-warning_12yjh_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-brand_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_12yjh_gg_._theme_primary-brand_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-brand_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-warning_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_12yjh_gg_._theme_primary-warning_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-warning_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_12yjh_gg_._theme_primary-danger_12yjh_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-danger_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_12yjh_gg_._theme_primary-danger_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-danger_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_12yjh_gg_._theme_primary-invert_12yjh_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_12yjh_gg_._theme_primary-invert_12yjh_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_12yjh_gg_._theme_primary-invert_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_primary-invert_12yjh_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_12yjh_gg_._theme_secondary-muted_12yjh_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_12yjh_gg_._theme_secondary-muted_12yjh_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,
-    rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_12yjh_gg_._theme_secondary-muted_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_secondary-muted_12yjh_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,
-    rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_12yjh_gg_._theme_secondary-info_12yjh_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_12yjh_gg_._theme_secondary-info_12yjh_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_12yjh_gg_._theme_secondary-info_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_secondary-info_12yjh_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_12yjh_gg_._theme_secondary-invert_12yjh_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_12yjh_gg_._theme_secondary-invert_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_12yjh_gg_._theme_secondary-invert_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_secondary-invert_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-active,
-    rgba(255, 255, 255, 0.3))}.___SButton_12yjh_gg_._theme_tertiary-info_12yjh_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_12yjh_gg_._theme_tertiary-info_12yjh_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_12yjh_gg_._theme_tertiary-info_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_tertiary-info_12yjh_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_12yjh_gg_._theme_tertiary-muted_12yjh_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_12yjh_gg_._theme_tertiary-muted_12yjh_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_12yjh_gg_._theme_tertiary-muted_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_tertiary-muted_12yjh_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,
-    rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_12yjh_gg_._theme_tertiary-invert_12yjh_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_12yjh_gg_._theme_tertiary-invert_12yjh_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_12yjh_gg_._theme_tertiary-invert_12yjh_gg_.__active_12yjh_gg_,.___SButton_12yjh_gg_._theme_tertiary-invert_12yjh_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_12yjh_gg_._neighborLocation_right_12yjh_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_12yjh_gg_._neighborLocation_both_12yjh_gg_{border-radius:0;margin-left:-1px}.___SButton_12yjh_gg_._neighborLocation_left_12yjh_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_12yjh_gg_._neighborLocation_both_12yjh_gg_,.___SButton_12yjh_gg_._neighborLocation_left_12yjh_gg_{position:relative}.___SButton_12yjh_gg_._neighborLocation_both_12yjh_gg_:after,.___SButton_12yjh_gg_._neighborLocation_left_12yjh_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_12yjh_gg_._neighborLocation_both_12yjh_gg_._theme_secondary-muted_12yjh_gg_:after,.___SButton_12yjh_gg_._neighborLocation_left_12yjh_gg_._theme_secondary-muted_12yjh_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_12yjh_gg_+.___SButton_12yjh_gg_._neighborLocation_both_12yjh_gg_:after,.___SButton_12yjh_gg_+.___SButton_12yjh_gg_._neighborLocation_left_12yjh_gg_:after{content:"";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_12yjh_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_12yjh_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_12yjh_gg_.__loading_12yjh_gg_{visibility:hidden}.___SText_12yjh_gg_{display:inline-flex}.___SText_12yjh_gg_._size_l_12yjh_gg_,.___SText_12yjh_gg_._size_m_12yjh_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_12yjh_gg_._size_m_12yjh_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_12yjh_gg_._size_l_12yjh_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_12yjh_gg_._size_l_12yjh_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_12yjh_gg_._size_l_12yjh_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_12yjh_gg_._size_l_12yjh_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_12yjh_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_12yjh_gg_._size_m_12yjh_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_12yjh_gg_._size_m_12yjh_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_12yjh_gg_._size_m_12yjh_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_12yjh_gg_._size_l_12yjh_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_12yjh_gg_._size_l_12yjh_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_12yjh_gg_._size_l_12yjh_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}`,
-    "12yjh_gg_"
+    '.___SButton_19c5z_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_19c5z_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_19c5z_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_19c5z_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_19c5z_gg_.__disabled_19c5z_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_19c5z_gg_._size_s_19c5z_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_19c5z_gg_._size_m_19c5z_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_19c5z_gg_._size_l_19c5z_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_19c5z_gg_._theme_primary-info_19c5z_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_19c5z_gg_._theme_primary-info_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_19c5z_gg_._theme_primary-info_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-info_19c5z_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_19c5z_gg_._theme_primary-success_19c5z_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_19c5z_gg_._theme_primary-success_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_19c5z_gg_._theme_primary-success_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-success_19c5z_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_19c5z_gg_._theme_primary-brand_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-warning_19c5z_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_19c5z_gg_._theme_primary-brand_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_19c5z_gg_._theme_primary-brand_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-brand_19c5z_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_19c5z_gg_._theme_primary-warning_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_19c5z_gg_._theme_primary-warning_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-warning_19c5z_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_19c5z_gg_._theme_primary-danger_19c5z_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_19c5z_gg_._theme_primary-danger_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_19c5z_gg_._theme_primary-danger_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-danger_19c5z_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_19c5z_gg_._theme_primary-invert_19c5z_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_19c5z_gg_._theme_primary-invert_19c5z_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_19c5z_gg_._theme_primary-invert_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_primary-invert_19c5z_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_19c5z_gg_._theme_secondary-muted_19c5z_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_19c5z_gg_._theme_secondary-muted_19c5z_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n    rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_19c5z_gg_._theme_secondary-muted_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_secondary-muted_19c5z_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n    rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_19c5z_gg_._theme_secondary-info_19c5z_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_19c5z_gg_._theme_secondary-info_19c5z_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_19c5z_gg_._theme_secondary-info_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_secondary-info_19c5z_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_19c5z_gg_._theme_secondary-invert_19c5z_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_19c5z_gg_._theme_secondary-invert_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_19c5z_gg_._theme_secondary-invert_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_secondary-invert_19c5z_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_19c5z_gg_._theme_tertiary-info_19c5z_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_19c5z_gg_._theme_tertiary-info_19c5z_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_19c5z_gg_._theme_tertiary-info_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_tertiary-info_19c5z_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_19c5z_gg_._theme_tertiary-muted_19c5z_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_19c5z_gg_._theme_tertiary-muted_19c5z_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_19c5z_gg_._theme_tertiary-muted_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_tertiary-muted_19c5z_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n    rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_19c5z_gg_._theme_tertiary-invert_19c5z_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_19c5z_gg_._theme_tertiary-invert_19c5z_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_19c5z_gg_._theme_tertiary-invert_19c5z_gg_.__active_19c5z_gg_,.___SButton_19c5z_gg_._theme_tertiary-invert_19c5z_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_19c5z_gg_._neighborLocation_right_19c5z_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_19c5z_gg_._neighborLocation_both_19c5z_gg_{border-radius:0;margin-left:-1px}.___SButton_19c5z_gg_._neighborLocation_left_19c5z_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_19c5z_gg_._neighborLocation_both_19c5z_gg_,.___SButton_19c5z_gg_._neighborLocation_left_19c5z_gg_{position:relative}.___SButton_19c5z_gg_._neighborLocation_both_19c5z_gg_:after,.___SButton_19c5z_gg_._neighborLocation_left_19c5z_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_19c5z_gg_._neighborLocation_both_19c5z_gg_._theme_secondary-muted_19c5z_gg_:after,.___SButton_19c5z_gg_._neighborLocation_left_19c5z_gg_._theme_secondary-muted_19c5z_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_19c5z_gg_+.___SButton_19c5z_gg_._neighborLocation_both_19c5z_gg_:after,.___SButton_19c5z_gg_+.___SButton_19c5z_gg_._neighborLocation_left_19c5z_gg_:after{content:"";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_19c5z_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_19c5z_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_19c5z_gg_.__loading_19c5z_gg_{visibility:hidden}.___SText_19c5z_gg_{display:inline-flex}.___SText_19c5z_gg_._size_l_19c5z_gg_,.___SText_19c5z_gg_._size_m_19c5z_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_19c5z_gg_._size_m_19c5z_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_19c5z_gg_._size_l_19c5z_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_19c5z_gg_._size_l_19c5z_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_19c5z_gg_._size_l_19c5z_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_19c5z_gg_._size_l_19c5z_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_19c5z_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_19c5z_gg_._size_m_19c5z_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_19c5z_gg_._size_m_19c5z_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_19c5z_gg_._size_m_19c5z_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_19c5z_gg_._size_l_19c5z_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_19c5z_gg_._size_l_19c5z_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_19c5z_gg_._size_l_19c5z_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}',
+    "19c5z_gg_"
   ), {
-    __SButton: "___SButton_12yjh_gg_",
-    _keyboardFocused: "__keyboardFocused_12yjh_gg_",
-    _disabled: "__disabled_12yjh_gg_",
-    _size_s: "_size_s_12yjh_gg_",
-    _size_m: "_size_m_12yjh_gg_",
-    _size_l: "_size_l_12yjh_gg_",
-    _neighborLocation_right: "_neighborLocation_right_12yjh_gg_",
-    _neighborLocation_both: "_neighborLocation_both_12yjh_gg_",
-    _neighborLocation_left: "_neighborLocation_left_12yjh_gg_",
-    __SSpin: "___SSpin_12yjh_gg_",
-    __SInner: "___SInner_12yjh_gg_",
-    _loading: "__loading_12yjh_gg_",
-    __SText: "___SText_12yjh_gg_",
-    __SAddon: "___SAddon_12yjh_gg_",
-    "_theme_primary-info": "_theme_primary-info_12yjh_gg_",
-    _active: "__active_12yjh_gg_",
-    "_theme_primary-success": "_theme_primary-success_12yjh_gg_",
-    "_theme_primary-brand": "_theme_primary-brand_12yjh_gg_",
-    "_theme_primary-warning": "_theme_primary-warning_12yjh_gg_",
-    "_theme_primary-danger": "_theme_primary-danger_12yjh_gg_",
-    "_theme_primary-invert": "_theme_primary-invert_12yjh_gg_",
-    "_theme_secondary-muted": "_theme_secondary-muted_12yjh_gg_",
-    "_theme_secondary-info": "_theme_secondary-info_12yjh_gg_",
-    "_theme_secondary-invert": "_theme_secondary-invert_12yjh_gg_",
-    "_theme_tertiary-info": "_theme_tertiary-info_12yjh_gg_",
-    "_theme_tertiary-muted": "_theme_tertiary-muted_12yjh_gg_",
-    "_theme_tertiary-invert": "_theme_tertiary-invert_12yjh_gg_"
+    "__SButton": "___SButton_19c5z_gg_",
+    "_disabled": "__disabled_19c5z_gg_",
+    "_size_s": "_size_s_19c5z_gg_",
+    "_size_m": "_size_m_19c5z_gg_",
+    "_size_l": "_size_l_19c5z_gg_",
+    "_neighborLocation_right": "_neighborLocation_right_19c5z_gg_",
+    "_neighborLocation_both": "_neighborLocation_both_19c5z_gg_",
+    "_neighborLocation_left": "_neighborLocation_left_19c5z_gg_",
+    "__SSpin": "___SSpin_19c5z_gg_",
+    "__SInner": "___SInner_19c5z_gg_",
+    "_loading": "__loading_19c5z_gg_",
+    "__SText": "___SText_19c5z_gg_",
+    "__SAddon": "___SAddon_19c5z_gg_",
+    "_theme_primary-info": "_theme_primary-info_19c5z_gg_",
+    "_active": "__active_19c5z_gg_",
+    "_theme_primary-success": "_theme_primary-success_19c5z_gg_",
+    "_theme_primary-brand": "_theme_primary-brand_19c5z_gg_",
+    "_theme_primary-warning": "_theme_primary-warning_19c5z_gg_",
+    "_theme_primary-danger": "_theme_primary-danger_19c5z_gg_",
+    "_theme_primary-invert": "_theme_primary-invert_19c5z_gg_",
+    "_theme_secondary-muted": "_theme_secondary-muted_19c5z_gg_",
+    "_theme_secondary-info": "_theme_secondary-info_19c5z_gg_",
+    "_theme_secondary-invert": "_theme_secondary-invert_19c5z_gg_",
+    "_theme_tertiary-info": "_theme_tertiary-info_19c5z_gg_",
+    "_theme_tertiary-muted": "_theme_tertiary-muted_19c5z_gg_",
+    "_theme_tertiary-invert": "_theme_tertiary-invert_19c5z_gg_"
   })
-), e = /* @__PURE__ */ function(r) {
-  m(_, r);
-  var t = v(_);
-  function _() {
-    return y(this, _), t.apply(this, arguments);
+);
+var RootButton = /* @__PURE__ */ function(_AbstractButton) {
+  _inherits(RootButton2, _AbstractButton);
+  var _super = _createSuper(RootButton2);
+  function RootButton2() {
+    _classCallCheck(this, RootButton2);
+    return _super.apply(this, arguments);
   }
-  return l(_, [{
+  _createClass(RootButton2, [{
     key: "getTextColor",
-    value: function() {
+    value: function getTextColor() {
+      return void 0;
     }
-  }]), _;
-}(s);
-i(e, "displayName", "Button");
-i(e, "enhance", [j()]);
-i(e, "style", u);
-i(e, "defaultProps", {
+  }]);
+  return RootButton2;
+}(AbstractButton);
+_defineProperty(RootButton, "displayName", "Button");
+_defineProperty(RootButton, "style", style);
+_defineProperty(RootButton, "defaultProps", {
   use: "secondary",
   size: "m"
 });
-function p(r) {
-  var t = arguments[0], _, a = h;
-  return _ = g(r.styles), /* @__PURE__ */ c.createElement(a, _.cn("SText", o({}, n({
-    tag: "span"
-  }, t))));
+function Text(props) {
+  var _ref = arguments[0], _ref3;
+  var SText = Box;
+  return _ref3 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SText, _ref3.cn("SText", _objectSpread({}, assignProps({
+    "tag": "span"
+  }, _ref))));
 }
-function b(r) {
-  var t = arguments[0], _, a = h;
-  return _ = g(r.styles), /* @__PURE__ */ c.createElement(a, _.cn("SAddon", o({}, n({
-    tag: "span"
-  }, t))));
+function Addon(props) {
+  var _ref2 = arguments[0], _ref4;
+  var SAddon = Box;
+  return _ref4 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SAddon, _ref4.cn("SAddon", _objectSpread({}, assignProps({
+    "tag": "span"
+  }, _ref2))));
 }
-var E = d(e, {
-  Text: p,
-  Addon: b
+var Button = createComponent(RootButton, {
+  Text,
+  Addon
 });
 export {
-  E as default
+  Button as default
 };

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

@@ -1,82 +1,84 @@
-import g from "@babel/runtime/helpers/esm/objectSpread2";
-import u from "@babel/runtime/helpers/esm/classCallCheck";
-import v from "@babel/runtime/helpers/esm/createClass";
-import h from "@babel/runtime/helpers/esm/inherits";
-import S from "@babel/runtime/helpers/esm/createSuper";
-import i from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as p } from "@semcore/utils/lib/core/index";
-import f, { sstyled as a, assignProps as c } from "@semcore/core";
-import l from "react";
-import m from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
-import { Box as x } from "@semcore/flex-box";
-import { AbstractButton as B } from "../AbstractButton/AbstractButton.mjs";
-import b from "@semcore/utils/lib/enhances/resolveColorEnhance";
-var y = (
+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 _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 { Box } from "@semcore/flex-box";
+import { AbstractButton } from "../AbstractButton/AbstractButton.mjs";
+import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
+var style = (
   /*__reshadow_css_start__*/
-  (p.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SButton_1xr08_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;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SButton_1xr08_gg_:active,.___SButton_1xr08_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1xr08_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_1xr08_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_1xr08_gg_.__active_1xr08_gg_,.___SButton_1xr08_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_1xr08_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_1xr08_gg_.__active_1xr08_gg_ .___SText_1xr08_gg_,.___SButton_1xr08_gg_:active .___SText_1xr08_gg_{border-color:currentColor}@media (hover:hover){.___SButton_1xr08_gg_:hover .___SText_1xr08_gg_{border-color:currentColor}}.___SButton_1xr08_gg_.__enableVisited_1xr08_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_1xr08_gg_.__enableVisited_1xr08_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_1xr08_gg_ .___SText_1xr08_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_1xr08_gg_.__keyboardFocused_1xr08_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SButton_1xr08_gg_.__disabled_1xr08_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_1xr08_gg_._use_secondary_1xr08_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_1xr08_gg_._use_secondary_1xr08_gg_.__active_1xr08_gg_,.___SButton_1xr08_gg_._use_secondary_1xr08_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_1xr08_gg_._use_secondary_1xr08_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_1xr08_gg_._use_secondary_1xr08_gg_ .___SText_1xr08_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_1xr08_gg_,.___SInner_1xr08_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_1xr08_gg_{height:100%;width:100%}.___SAddon_1xr08_gg_{vertical-align:middle;pointer-events:none}.___SButton_1xr08_gg_ .___SAddon_1xr08_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_1xr08_gg_ .___SAddon_1xr08_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_1xr08_gg_.__text-color_1xr08_gg_{color:var(--text-color_1xr08)}.___SButton_1xr08_gg_.__text-color_1xr08_gg_.__active_1xr08_gg_,.___SButton_1xr08_gg_.__text-color_1xr08_gg_:active{color:var(--text-color_1xr08);filter:brightness(.8)}@media (hover:hover){.___SButton_1xr08_gg_.__text-color_1xr08_gg_:hover{color:var(--text-color_1xr08);filter:brightness(.8)}}.___SButton_1xr08_gg_._size_100_1xr08_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_1xr08_gg_._size_200_1xr08_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_1xr08_gg_._size_300_1xr08_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_1xr08_gg_._size_400_1xr08_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_1xr08_gg_._size_500_1xr08_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_1xr08_gg_._size_600_1xr08_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_1xr08_gg_._size_700_1xr08_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_1xr08_gg_._size_800_1xr08_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_1xr08_gg_,.___SText_1xr08_gg_{transition:none}}",
-    "1xr08_gg_"
+    ".___SButton_vy4nu_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_vy4nu_gg_,.___SButton_vy4nu_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_vy4nu_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_vy4nu_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_vy4nu_gg_.__active_vy4nu_gg_,.___SButton_vy4nu_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_vy4nu_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_vy4nu_gg_.__active_vy4nu_gg_ .___SText_vy4nu_gg_,.___SButton_vy4nu_gg_:active .___SText_vy4nu_gg_{border-color:currentColor}@media (hover:hover){.___SButton_vy4nu_gg_:hover .___SText_vy4nu_gg_{border-color:currentColor}}.___SButton_vy4nu_gg_.__enableVisited_vy4nu_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_vy4nu_gg_.__enableVisited_vy4nu_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_vy4nu_gg_ .___SText_vy4nu_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_vy4nu_gg_.__disabled_vy4nu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_vy4nu_gg_._use_secondary_vy4nu_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_vy4nu_gg_._use_secondary_vy4nu_gg_.__active_vy4nu_gg_,.___SButton_vy4nu_gg_._use_secondary_vy4nu_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_vy4nu_gg_._use_secondary_vy4nu_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_vy4nu_gg_._use_secondary_vy4nu_gg_ .___SText_vy4nu_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_vy4nu_gg_,.___SInner_vy4nu_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_vy4nu_gg_{height:100%;width:100%}.___SAddon_vy4nu_gg_{vertical-align:middle;pointer-events:none}.___SButton_vy4nu_gg_ .___SAddon_vy4nu_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_vy4nu_gg_ .___SAddon_vy4nu_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_vy4nu_gg_.__text-color_vy4nu_gg_{color:var(--text-color_vy4nu)}.___SButton_vy4nu_gg_.__text-color_vy4nu_gg_.__active_vy4nu_gg_,.___SButton_vy4nu_gg_.__text-color_vy4nu_gg_:active{color:var(--text-color_vy4nu);filter:brightness(.8)}@media (hover:hover){.___SButton_vy4nu_gg_.__text-color_vy4nu_gg_:hover{color:var(--text-color_vy4nu);filter:brightness(.8)}}.___SButton_vy4nu_gg_._size_100_vy4nu_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_vy4nu_gg_._size_200_vy4nu_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_vy4nu_gg_._size_300_vy4nu_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_vy4nu_gg_._size_400_vy4nu_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_vy4nu_gg_._size_500_vy4nu_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_vy4nu_gg_._size_600_vy4nu_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_vy4nu_gg_._size_700_vy4nu_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_vy4nu_gg_._size_800_vy4nu_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_vy4nu_gg_,.___SText_vy4nu_gg_{transition:none}}",
+    "vy4nu_gg_"
   ), {
-    __SButton: "___SButton_1xr08_gg_",
-    _keyboardFocused: "__keyboardFocused_1xr08_gg_",
-    _disabled: "__disabled_1xr08_gg_",
-    __SInner: "___SInner_1xr08_gg_",
-    __SAddon: "___SAddon_1xr08_gg_",
-    _size_100: "_size_100_1xr08_gg_",
-    _size_200: "_size_200_1xr08_gg_",
-    _size_300: "_size_300_1xr08_gg_",
-    _size_400: "_size_400_1xr08_gg_",
-    _size_500: "_size_500_1xr08_gg_",
-    _size_600: "_size_600_1xr08_gg_",
-    _size_700: "_size_700_1xr08_gg_",
-    _size_800: "_size_800_1xr08_gg_",
-    __SText: "___SText_1xr08_gg_",
-    _active: "__active_1xr08_gg_",
-    _enableVisited: "__enableVisited_1xr08_gg_",
-    _use_secondary: "_use_secondary_1xr08_gg_",
-    "_text-color": "__text-color_1xr08_gg_",
-    "--text-color": "--text-color_1xr08"
+    "__SButton": "___SButton_vy4nu_gg_",
+    "_disabled": "__disabled_vy4nu_gg_",
+    "__SInner": "___SInner_vy4nu_gg_",
+    "__SAddon": "___SAddon_vy4nu_gg_",
+    "_size_100": "_size_100_vy4nu_gg_",
+    "_size_200": "_size_200_vy4nu_gg_",
+    "_size_300": "_size_300_vy4nu_gg_",
+    "_size_400": "_size_400_vy4nu_gg_",
+    "_size_500": "_size_500_vy4nu_gg_",
+    "_size_600": "_size_600_vy4nu_gg_",
+    "_size_700": "_size_700_vy4nu_gg_",
+    "_size_800": "_size_800_vy4nu_gg_",
+    "__SText": "___SText_vy4nu_gg_",
+    "_active": "__active_vy4nu_gg_",
+    "_enableVisited": "__enableVisited_vy4nu_gg_",
+    "_use_secondary": "_use_secondary_vy4nu_gg_",
+    "_text-color": "__text-color_vy4nu_gg_",
+    "--text-color": "--text-color_vy4nu"
   })
-), z = {
-  keyboardFocused: m(),
-  resolveColor: b()
-}, e = /* @__PURE__ */ function(t) {
-  h(_, t);
-  var r = S(_);
-  function _() {
-    return u(this, _), r.apply(this, arguments);
+);
+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 v(_, [{
+  _createClass(RootButtonLink2, [{
     key: "getTextColor",
-    value: function() {
-      var n = this.asProps, s = n.color, d = n.resolveColor;
-      return d(s);
+    value: function getTextColor() {
+      var _ref5 = this.asProps, color = _ref5.color, resolveColor = _ref5.resolveColor;
+      return resolveColor(color);
     }
-  }]), _;
-}(B);
-i(e, "displayName", "ButtonLink");
-i(e, "enhance", Object.values(z));
-i(e, "style", y);
-i(e, "defaultProps", {
+  }]);
+  return RootButtonLink2;
+}(AbstractButton);
+_defineProperty(RootButtonLink, "displayName", "ButtonLink");
+_defineProperty(RootButtonLink, "enhance", Object.values(enhance));
+_defineProperty(RootButtonLink, "style", style);
+_defineProperty(RootButtonLink, "defaultProps", {
   use: "primary"
 });
-function k(t) {
-  var r = arguments[0], _, o = x;
-  return _ = a(t.styles), /* @__PURE__ */ l.createElement(o, _.cn("SText", g({}, c({
-    tag: "span"
-  }, r))));
+function Text(props) {
+  var _ref = arguments[0], _ref3;
+  var SText = Box;
+  return _ref3 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SText, _ref3.cn("SText", _objectSpread({}, assignProps({
+    "tag": "span"
+  }, _ref))));
 }
-function C(t) {
-  var r = arguments[0], _, o = x;
-  return _ = a(t.styles), /* @__PURE__ */ l.createElement(o, _.cn("SAddon", g({}, c({
-    tag: "span"
-  }, r))));
+function Addon(props) {
+  var _ref2 = arguments[0], _ref4;
+  var SAddon = Box;
+  return _ref4 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SAddon, _ref4.cn("SAddon", _objectSpread({}, assignProps({
+    "tag": "span"
+  }, _ref2))));
 }
-var $ = f(e, {
-  Text: k,
-  Addon: C
+var ButtonLink = createComponent(RootButtonLink, {
+  Text,
+  Addon
 });
 export {
-  $ as ButtonLink
+  ButtonLink
 };

package/lib/esm/index.mjs

@@ -1,8 +1,8 @@
-import { default as t } from "./component/Button/Button.mjs";
-import { ButtonLink as f } from "./component/ButtonLink/ButtonLink.mjs";
-import { MAP_USE_DEFAULT_THEME as m } from "./component/AbstractButton/AbstractButton.mjs";
+import { default as default2 } from "./component/Button/Button.mjs";
+import { ButtonLink } from "./component/ButtonLink/ButtonLink.mjs";
+import { MAP_USE_DEFAULT_THEME } from "./component/AbstractButton/AbstractButton.mjs";
 export {
-  f as ButtonLink,
-  m as MAP_USE_DEFAULT_THEME,
-  t as default
+  ButtonLink,
+  MAP_USE_DEFAULT_THEME,
+  default2 as default
 };

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PropGetterFn } from '@semcore/core';
-import { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
+import { KeyboardFocusProps } from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';
 import { BoxProps } from '@semcore/flex-box';
 import { NeighborItemProps } from '@semcore/neighbor-location';
 import { TooltipHintProps } from '@semcore/tooltip';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/button",
   "description": "Semrush Button Component",
-  "version": "5.43.0",
+  "version": "16.0.0-prerelease.10",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,16 +14,13 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/flex-box": "5.41.1",
-    "@semcore/neighbor-location": "4.40.1",
-    "@semcore/spin": "5.41.1",
-    "@semcore/tooltip": "6.49.1",
-    "@semcore/utils": "4.48.1"
+    "@semcore/flex-box": "16.0.0-prerelease.10",
+    "@semcore/neighbor-location": "16.0.0-prerelease.10",
+    "@semcore/spin": "16.0.0-prerelease.10",
+    "@semcore/tooltip": "16.0.0-prerelease.10"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.17.5",
-    "react": "16.8 - 18",
-    "react-dom": "16.8 - 18"
+    "@semcore/base-components": "^16.0.0-prerelease.10"
   },
   "repository": {
     "type": "git",

package/src/component/AbstractButton/AbstractButton.tsx

@@ -2,10 +2,10 @@ import React from 'react';
 import { Box } from '@semcore/flex-box';
 import { Hint } from '@semcore/tooltip';
 import NeighborLocation from '@semcore/neighbor-location';
-import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
-import logger from '@semcore/utils/lib/logger';
+import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';
+import logger from '@semcore/core/lib/utils/logger';
 import SpinButton from './SpinButton';
-import hasLabels from '@semcore/utils/lib/hasLabels';
+import hasLabels from '@semcore/core/lib/utils/hasLabels';
 import { AbstractButtonProps } from './AbstractButton.type';
 import { Component, CORE_INSTANCE, Root, sstyled } from '@semcore/core';
 

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PropGetterFn } from '@semcore/core';
-import { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
+import { KeyboardFocusProps } from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';
 import { BoxProps } from '@semcore/flex-box';
 import { NeighborItemProps } from '@semcore/neighbor-location';
 import { TooltipHintProps } from '@semcore/tooltip';

package/src/component/Button/Button.tsx

@@ -1,21 +1,13 @@
 import React from 'react';
-import createComponent, { sstyled, Root } from '@semcore/core';
+import { createComponent, sstyled, Root } from '@semcore/core';
 import { Box } from '@semcore/flex-box';
-import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
 
 import style from './button.shadow.css';
 import { AbstractButton } from '../AbstractButton/AbstractButton';
-import {
-  ButtonAddonProps,
-  ButtonChildren,
-  ButtonComponent,
-  ButtonProps,
-  ButtonTextProps,
-} from './Button.type';
+import { ButtonAddonProps, ButtonComponent, ButtonTextProps } from './Button.type';
 
 class RootButton extends AbstractButton {
   static displayName = 'Button';
-  static enhance = [keyboardFocusEnhance()];
   static style = style;
   static defaultProps = {
     use: 'secondary',

package/src/component/Button/button.shadow.css

@@ -12,7 +12,6 @@ SButton {
   text-align: center;
   vertical-align: middle;
   border: 1px solid transparent;
-  outline: 0;
   box-shadow: none;
   cursor: pointer;
   box-sizing: border-box;
@@ -30,18 +29,11 @@ SButton {
   }
 
   &:active,
-  &:hover,
-  &:focus {
-    outline: 0;
+  &:hover {
     text-decoration: none;
   }
 }
 
-SButton[keyboardFocused] {
-  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
-  z-index: 1;
-}
-
 SButton[disabled] {
   opacity: var(--intergalactic-disabled-opacity, 0.3);
   cursor: default;

package/src/component/ButtonLink/ButtonLink.tsx

@@ -1,14 +1,12 @@
 import React from 'react';
-import createComponent, { sstyled, Root } from '@semcore/core';
+import { createComponent, sstyled, Root } from '@semcore/core';
 import style from './buttonLink.shadow.css';
-import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
 import { Box } from '@semcore/flex-box';
 import { AbstractButton } from '../AbstractButton/AbstractButton';
-import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
+import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
 import { ButtonLinkAddonProps, ButtonLinkComponent, ButtonLinkTextProps } from './ButtonLink.type';
 
 const enhance = {
-  keyboardFocused: keyboardFocusEnhance(),
   resolveColor: resolveColorEnhance(),
 };
 

package/src/component/ButtonLink/ButtonLink.type.ts

@@ -1,4 +1,4 @@
-import { UnknownProperties, Intergalactic } from '@semcore/core';
+import { Intergalactic } from '@semcore/core';
 
 import {
   AbstractButtonAddonProps,

package/src/component/ButtonLink/buttonLink.shadow.css

@@ -12,14 +12,11 @@ SButton {
   margin: 0;
   box-shadow: none;
   -webkit-tap-highlight-color: transparent;
-  outline: 0;
   background: none;
   transition: color 0.15s ease-in-out;
 
   &:active,
-  &:hover,
-  &:focus {
-    outline: 0;
+  &:hover {
     text-decoration: none;
   }
 
@@ -51,12 +48,6 @@ SButton {
   }
 }
 
-SButton[keyboardFocused] {
-  outline-color: var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));
-  outline-style: solid;
-  outline-width: 3px;
-}
-
 SButton[disabled] {
   opacity: var(--intergalactic-disabled-opacity, 0.3);
   cursor: default;