@semcore/button 5.44.0-prerelease.1 → 5.44.0-prerelease.5

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

@@ -1,94 +1,180 @@
 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 _callSuper from "@babel/runtime/helpers/esm/callSuper";
 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 } from "@semcore/utils/lib/core/index";
-import createComponent, { sstyled as sstyled$1, assignProps } from "@semcore/core";
+import { sstyled, CORE_INSTANCE, assignProps, Component, createComponent } from "@semcore/core";
+import { Box, NeighborLocation, Hint } from "@semcore/base-components";
+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 { Text } from "@semcore/typography";
 import React from "react";
-import { Box } from "@semcore/flex-box";
-import keyboardFocusEnhance from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
-import { AbstractButton } from "../AbstractButton/AbstractButton.mjs";
+import SpinButton from "./SpinButton.mjs";
 /*!__reshadow-styles__:"./button.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SButton_jgdxy_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, rgba(0, 3, 0, 0.583));min-width:-moz-fit-content;min-width:fit-content}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_jgdxy_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SButton_jgdxy_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_jgdxy_gg_:active,.___SButton_jgdxy_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_jgdxy_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_jgdxy_gg_.__keyboardFocused_jgdxy_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 18, 193, 0.441));z-index:1}.___SButton_jgdxy_gg_.__disabled_jgdxy_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_jgdxy_gg_._size_s_jgdxy_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_jgdxy_gg_._size_m_jgdxy_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_jgdxy_gg_._size_l_jgdxy_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_jgdxy_gg_._theme_primary-info_jgdxy_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}@media (hover:hover){.___SButton_jgdxy_gg_._theme_primary-info_jgdxy_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-info-hover, rgb(49, 52, 48))}}.___SButton_jgdxy_gg_._theme_primary-info_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-info_jgdxy_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-info-active, rgb(0, 0, 0))}.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success, rgb(0, 167, 127))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_{background-color:var(--intergalactic-control-primary-success, rgb(0, 167, 127))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_{background-color:var(--intergalactic-control-primary-success, color(display-p3 0.13723 0.6542 0.50031))}}}@media (hover:hover){.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success-hover, rgb(0, 153, 116))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, rgb(0, 153, 116))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, color(display-p3 0.09181 0.60147 0.45602))}}}}.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success-active, rgb(0, 146, 110))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_:active{background-color:var(--intergalactic-control-primary-success-active, rgb(0, 146, 110))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_:active{background-color:var(--intergalactic-control-primary-success-active, color(display-p3 0.07522 0.57486 0.43446))}}}.___SButton_jgdxy_gg_._theme_primary-brand_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-warning_jgdxy_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand, rgb(162, 97, 253))}@media (hover:hover){.___SButton_jgdxy_gg_._theme_primary-brand_jgdxy_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-hover, rgb(150, 76, 251))}}.___SButton_jgdxy_gg_._theme_primary-brand_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-brand_jgdxy_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-active, rgb(144, 65, 250))}@media (hover:hover){.___SButton_jgdxy_gg_._theme_primary-warning_jgdxy_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-hover, rgb(150, 76, 251))}}.___SButton_jgdxy_gg_._theme_primary-warning_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-warning_jgdxy_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-active, rgb(144, 65, 250))}.___SButton_jgdxy_gg_._theme_primary-danger_jgdxy_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-critical, rgb(247, 55, 64))}@media (hover:hover){.___SButton_jgdxy_gg_._theme_primary-danger_jgdxy_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-critical-hover, rgb(230, 44, 51))}}.___SButton_jgdxy_gg_._theme_primary-danger_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-danger_jgdxy_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-critical-active, rgb(221, 39, 45))}.___SButton_jgdxy_gg_._theme_primary-invert_jgdxy_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));background-color:var(--intergalactic-control-primary-invert, rgb(255, 255, 255))}@media (hover:hover){.___SButton_jgdxy_gg_._theme_primary-invert_jgdxy_gg_:hover{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));background-color:var(--intergalactic-control-primary-invert-hover, rgb(241, 242, 242))}}.___SButton_jgdxy_gg_._theme_primary-invert_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-invert_jgdxy_gg_:active{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));background-color:var(--intergalactic-control-primary-invert-active, rgb(234, 235, 235))}.___SButton_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));background-color:var(--intergalactic-control-secondary-neutral, rgba(0, 22, 16, 0.028))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583));border-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}@media (hover:hover){.___SButton_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n    rgba(0, 21, 16, 0.056));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}}.___SButton_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n    rgba(0, 21, 16, 0.084));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n    rgba(0, 21, 16, 0.084))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n    color(display-p3 0.01753 0.08157 0.06372 / 0.084))}}}.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 31, 210, 0.031));color:var(--intergalactic-text-link, rgb(36, 93, 229));border-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 31, 210, 0.031))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_{background-color:var(--intergalactic-control-secondary-info, color(display-p3 0.03208 0.12081 0.79186 / 0.031))}}}@media (hover:hover){.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_:hover{color:var(--intergalactic-text-link, rgb(36, 93, 229));background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 30, 209, 0.062))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 30, 209, 0.062))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, color(display-p3 0.02906 0.11403 0.78782 / 0.062))}}}}.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_:active{color:var(--intergalactic-text-link, rgb(36, 93, 229));background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 31, 207, 0.093))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 31, 207, 0.093))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, color(display-p3 0.02831 0.11224 0.78317 / 0.093))}}}.___SButton_jgdxy_gg_._theme_secondary-invert_jgdxy_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));border-color:var(--intergalactic-border-primary-invert, rgba(250, 255, 250, 0.391));background-color:var(--intergalactic-control-secondary-invert, rgba(225, 255, 219, 0.118))}@media (hover:hover){.___SButton_jgdxy_gg_._theme_secondary-invert_jgdxy_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-secondary-invert-hover, rgba(232, 255, 227, 0.145))}}.___SButton_jgdxy_gg_._theme_secondary-invert_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_secondary-invert_jgdxy_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-secondary-invert-active,\n    rgba(239, 255, 236, 0.183))}.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_{color:var(--intergalactic-text-link, rgb(36, 93, 229));background-color:var(--intergalactic-control-tertiary-info, transparent)}@media (hover:hover){.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_:hover{color:var(--intergalactic-text-link, rgb(36, 93, 229));background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 30, 209, 0.062))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 30, 209, 0.062))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, color(display-p3 0.02906 0.11403 0.78782 / 0.062))}}}}.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_:active{color:var(--intergalactic-text-link, rgb(36, 93, 229));background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 31, 207, 0.093))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 31, 207, 0.093))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, color(display-p3 0.02831 0.11224 0.78317 / 0.093))}}}.___SButton_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));background-color:var(--intergalactic-control-tertiary-neutral, transparent)}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}@media (hover:hover){.___SButton_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(0, 21, 16, 0.056));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}}.___SButton_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n    rgba(0, 21, 16, 0.084));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n    rgba(0, 21, 16, 0.084))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n    color(display-p3 0.01753 0.08157 0.06372 / 0.084))}}}.___SButton_jgdxy_gg_._theme_tertiary-invert_jgdxy_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-tertiary-invert, transparent)}@media (hover:hover){.___SButton_jgdxy_gg_._theme_tertiary-invert_jgdxy_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(232, 255, 227, 0.145))}}.___SButton_jgdxy_gg_._theme_tertiary-invert_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_tertiary-invert_jgdxy_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-tertiary-invert-active, rgba(239, 255, 236, 0.183))}.___SButton_jgdxy_gg_._neighborLocation_right_jgdxy_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_jgdxy_gg_._neighborLocation_both_jgdxy_gg_{border-radius:0;margin-left:-1px}.___SButton_jgdxy_gg_._neighborLocation_left_jgdxy_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_jgdxy_gg_._neighborLocation_both_jgdxy_gg_,.___SButton_jgdxy_gg_._neighborLocation_left_jgdxy_gg_{position:relative}.___SButton_jgdxy_gg_._neighborLocation_both_jgdxy_gg_:after,.___SButton_jgdxy_gg_._neighborLocation_left_jgdxy_gg_:after{background-color:var(--intergalactic-border-primary-invert, rgba(250, 255, 250, 0.391))}.___SButton_jgdxy_gg_._neighborLocation_both_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:after,.___SButton_jgdxy_gg_._neighborLocation_left_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:after{background-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._neighborLocation_both_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:after,.___SButton_jgdxy_gg_._neighborLocation_left_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:after{background-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._neighborLocation_both_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:after,.___SButton_jgdxy_gg_._neighborLocation_left_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:after{background-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SButton_jgdxy_gg_+.___SButton_jgdxy_gg_._neighborLocation_both_jgdxy_gg_:after,.___SButton_jgdxy_gg_+.___SButton_jgdxy_gg_._neighborLocation_left_jgdxy_gg_:after{content:"";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_jgdxy_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_jgdxy_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_jgdxy_gg_.__loading_jgdxy_gg_{visibility:hidden}.___SText_jgdxy_gg_{display:inline-flex}.___SText_jgdxy_gg_._size_l_jgdxy_gg_,.___SText_jgdxy_gg_._size_m_jgdxy_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_jgdxy_gg_._size_m_jgdxy_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_jgdxy_gg_._size_l_jgdxy_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_jgdxy_gg_._size_l_jgdxy_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_jgdxy_gg_._size_l_jgdxy_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_jgdxy_gg_._size_l_jgdxy_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_jgdxy_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_jgdxy_gg_._size_m_jgdxy_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_jgdxy_gg_._size_m_jgdxy_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_jgdxy_gg_._size_m_jgdxy_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_jgdxy_gg_._size_l_jgdxy_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_jgdxy_gg_._size_l_jgdxy_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_jgdxy_gg_._size_l_jgdxy_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}',
+    '.___SButton_jldv4_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, rgba(0, 3, 0, 0.583));min-width:-moz-fit-content;min-width:fit-content}@supports (color:color(display-p3 0 0 0%)){.___SButton_jldv4_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_jldv4_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SButton_jldv4_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_jldv4_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_jldv4_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_jldv4_gg_.__disabled_jldv4_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_jldv4_gg_._size_s_jldv4_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_jldv4_gg_._size_m_jldv4_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_jldv4_gg_._size_l_jldv4_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_jldv4_gg_._theme_primary-info_jldv4_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}@media (hover:hover){.___SButton_jldv4_gg_._theme_primary-info_jldv4_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-info-hover, rgb(49, 52, 48))}}.___SButton_jldv4_gg_._theme_primary-info_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_primary-info_jldv4_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-info-active, rgb(0, 0, 0))}.___SButton_jldv4_gg_._theme_primary-success_jldv4_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success, rgb(0, 164, 128))}@supports (color:color(display-p3 0 0 0%)){.___SButton_jldv4_gg_._theme_primary-success_jldv4_gg_{background-color:var(--intergalactic-control-primary-success, rgb(0, 164, 128))}@media (color-gamut:p3){.___SButton_jldv4_gg_._theme_primary-success_jldv4_gg_{background-color:var(--intergalactic-control-primary-success, color(display-p3 0.13723 0.6542 0.50031))}}}@media (hover:hover){.___SButton_jldv4_gg_._theme_primary-success_jldv4_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success-hover, rgb(0, 150, 117))}@supports (color:color(display-p3 0 0 0%)){.___SButton_jldv4_gg_._theme_primary-success_jldv4_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, rgb(0, 150, 117))}@media (color-gamut:p3){.___SButton_jldv4_gg_._theme_primary-success_jldv4_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, color(display-p3 0.09181 0.60147 0.45602))}}}}.___SButton_jldv4_gg_._theme_primary-success_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_primary-success_jldv4_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success-active, rgb(0, 144, 112))}@supports (color:color(display-p3 0 0 0%)){.___SButton_jldv4_gg_._theme_primary-success_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_primary-success_jldv4_gg_:active{background-color:var(--intergalactic-control-primary-success-active, rgb(0, 144, 112))}@media (color-gamut:p3){.___SButton_jldv4_gg_._theme_primary-success_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_primary-success_jldv4_gg_:active{background-color:var(--intergalactic-control-primary-success-active, color(display-p3 0.07522 0.57486 0.43446))}}}.___SButton_jldv4_gg_._theme_primary-brand_jldv4_gg_,.___SButton_jldv4_gg_._theme_primary-warning_jldv4_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand, rgb(162, 97, 253))}@media (hover:hover){.___SButton_jldv4_gg_._theme_primary-brand_jldv4_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-hover, rgb(150, 76, 251))}}.___SButton_jldv4_gg_._theme_primary-brand_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_primary-brand_jldv4_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-active, rgb(144, 65, 250))}@media (hover:hover){.___SButton_jldv4_gg_._theme_primary-warning_jldv4_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-hover, rgb(150, 76, 251))}}.___SButton_jldv4_gg_._theme_primary-warning_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_primary-warning_jldv4_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-active, rgb(144, 65, 250))}.___SButton_jldv4_gg_._theme_primary-danger_jldv4_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-critical, rgb(247, 55, 64))}@media (hover:hover){.___SButton_jldv4_gg_._theme_primary-danger_jldv4_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-critical-hover, rgb(230, 44, 51))}}.___SButton_jldv4_gg_._theme_primary-danger_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_primary-danger_jldv4_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-critical-active, rgb(221, 39, 45))}.___SButton_jldv4_gg_._theme_primary-invert_jldv4_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));background-color:var(--intergalactic-control-primary-invert, rgb(255, 255, 255))}@media (hover:hover){.___SButton_jldv4_gg_._theme_primary-invert_jldv4_gg_:hover{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));background-color:var(--intergalactic-control-primary-invert-hover, rgb(241, 242, 242))}}.___SButton_jldv4_gg_._theme_primary-invert_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_primary-invert_jldv4_gg_:active{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));background-color:var(--intergalactic-control-primary-invert-active, rgb(234, 235, 235))}.___SButton_jldv4_gg_._theme_secondary-muted_jldv4_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));background-color:var(--intergalactic-control-secondary-neutral, rgba(0, 22, 16, 0.028))}@supports (color:color(display-p3 0 0 0%)){.___SButton_jldv4_gg_._theme_secondary-muted_jldv4_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SButton_jldv4_gg_._theme_secondary-muted_jldv4_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583));border-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}@media (hover:hover){.___SButton_jldv4_gg_._theme_secondary-muted_jldv4_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n    rgba(0, 21, 16, 0.056));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}}.___SButton_jldv4_gg_._theme_secondary-muted_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_secondary-muted_jldv4_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n    rgba(0, 21, 16, 0.084));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SButton_jldv4_gg_._theme_secondary-muted_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_secondary-muted_jldv4_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n    rgba(0, 21, 16, 0.084))}@media (color-gamut:p3){.___SButton_jldv4_gg_._theme_secondary-muted_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_secondary-muted_jldv4_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n    color(display-p3 0.01753 0.08157 0.06372 / 0.084))}}}.___SButton_jldv4_gg_._theme_secondary-info_jldv4_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039));color:var(--intergalactic-text-link, rgb(35, 95, 226));border-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}@supports (color:color(display-p3 0 0 0%)){.___SButton_jldv4_gg_._theme_secondary-info_jldv4_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039))}@media (color-gamut:p3){.___SButton_jldv4_gg_._theme_secondary-info_jldv4_gg_{background-color:var(--intergalactic-control-secondary-info, color(display-p3 0.12567 0.31309 0.96324 / 0.039))}}}@media (hover:hover){.___SButton_jldv4_gg_._theme_secondary-info_jldv4_gg_:hover{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@supports (color:color(display-p3 0 0 0%)){.___SButton_jldv4_gg_._theme_secondary-info_jldv4_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@media (color-gamut:p3){.___SButton_jldv4_gg_._theme_secondary-info_jldv4_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, color(display-p3 0.12402 0.30857 0.96259 / 0.077))}}}}.___SButton_jldv4_gg_._theme_secondary-info_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_secondary-info_jldv4_gg_:active{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SButton_jldv4_gg_._theme_secondary-info_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_secondary-info_jldv4_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SButton_jldv4_gg_._theme_secondary-info_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_secondary-info_jldv4_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SButton_jldv4_gg_._theme_secondary-invert_jldv4_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));border-color:var(--intergalactic-border-primary-invert, rgba(250, 255, 250, 0.391));background-color:var(--intergalactic-control-secondary-invert, rgba(225, 255, 219, 0.118))}@media (hover:hover){.___SButton_jldv4_gg_._theme_secondary-invert_jldv4_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-secondary-invert-hover, rgba(232, 255, 227, 0.145))}}.___SButton_jldv4_gg_._theme_secondary-invert_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_secondary-invert_jldv4_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-secondary-invert-active,\n    rgba(239, 255, 236, 0.183))}.___SButton_jldv4_gg_._theme_tertiary-info_jldv4_gg_{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-tertiary-info, transparent)}@media (hover:hover){.___SButton_jldv4_gg_._theme_tertiary-info_jldv4_gg_:hover{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 80, 255, 0.077))}@supports (color:color(display-p3 0 0 0%)){.___SButton_jldv4_gg_._theme_tertiary-info_jldv4_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 80, 255, 0.077))}@media (color-gamut:p3){.___SButton_jldv4_gg_._theme_tertiary-info_jldv4_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, color(display-p3 0.12402 0.30857 0.96259 / 0.077))}}}}.___SButton_jldv4_gg_._theme_tertiary-info_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_tertiary-info_jldv4_gg_:active{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-tertiary-info-active, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SButton_jldv4_gg_._theme_tertiary-info_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_tertiary-info_jldv4_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SButton_jldv4_gg_._theme_tertiary-info_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_tertiary-info_jldv4_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SButton_jldv4_gg_._theme_tertiary-muted_jldv4_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));background-color:var(--intergalactic-control-tertiary-neutral, transparent)}@supports (color:color(display-p3 0 0 0%)){.___SButton_jldv4_gg_._theme_tertiary-muted_jldv4_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_jldv4_gg_._theme_tertiary-muted_jldv4_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}@media (hover:hover){.___SButton_jldv4_gg_._theme_tertiary-muted_jldv4_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(0, 21, 16, 0.056));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}}.___SButton_jldv4_gg_._theme_tertiary-muted_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_tertiary-muted_jldv4_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n    rgba(0, 21, 16, 0.084));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SButton_jldv4_gg_._theme_tertiary-muted_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_tertiary-muted_jldv4_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n    rgba(0, 21, 16, 0.084))}@media (color-gamut:p3){.___SButton_jldv4_gg_._theme_tertiary-muted_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_tertiary-muted_jldv4_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n    color(display-p3 0.01753 0.08157 0.06372 / 0.084))}}}.___SButton_jldv4_gg_._theme_tertiary-invert_jldv4_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-tertiary-invert, transparent)}@media (hover:hover){.___SButton_jldv4_gg_._theme_tertiary-invert_jldv4_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(232, 255, 227, 0.145))}}.___SButton_jldv4_gg_._theme_tertiary-invert_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_tertiary-invert_jldv4_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-tertiary-invert-active, rgba(239, 255, 236, 0.183))}.___SButton_jldv4_gg_._neighborLocation_right_jldv4_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_jldv4_gg_._neighborLocation_both_jldv4_gg_{border-radius:0;margin-left:-1px}.___SButton_jldv4_gg_._neighborLocation_left_jldv4_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_jldv4_gg_._neighborLocation_both_jldv4_gg_,.___SButton_jldv4_gg_._neighborLocation_left_jldv4_gg_{position:relative}.___SButton_jldv4_gg_._neighborLocation_both_jldv4_gg_:after,.___SButton_jldv4_gg_._neighborLocation_left_jldv4_gg_:after{background-color:var(--intergalactic-border-primary-invert, rgba(250, 255, 250, 0.391))}.___SButton_jldv4_gg_._neighborLocation_both_jldv4_gg_._theme_secondary-muted_jldv4_gg_:after,.___SButton_jldv4_gg_._neighborLocation_left_jldv4_gg_._theme_secondary-muted_jldv4_gg_:after{background-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SButton_jldv4_gg_._neighborLocation_both_jldv4_gg_._theme_secondary-muted_jldv4_gg_:after,.___SButton_jldv4_gg_._neighborLocation_left_jldv4_gg_._theme_secondary-muted_jldv4_gg_:after{background-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SButton_jldv4_gg_._neighborLocation_both_jldv4_gg_._theme_secondary-muted_jldv4_gg_:after,.___SButton_jldv4_gg_._neighborLocation_left_jldv4_gg_._theme_secondary-muted_jldv4_gg_:after{background-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SButton_jldv4_gg_+.___SButton_jldv4_gg_._neighborLocation_both_jldv4_gg_:after,.___SButton_jldv4_gg_+.___SButton_jldv4_gg_._neighborLocation_left_jldv4_gg_:after{content:"";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_jldv4_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_jldv4_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_jldv4_gg_.__loading_jldv4_gg_{visibility:hidden}.___SText_jldv4_gg_{display:inline-flex}.___SText_jldv4_gg_._size_l_jldv4_gg_,.___SText_jldv4_gg_._size_m_jldv4_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_jldv4_gg_._size_m_jldv4_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_jldv4_gg_._size_l_jldv4_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_jldv4_gg_._size_l_jldv4_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_jldv4_gg_._size_l_jldv4_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_jldv4_gg_._size_l_jldv4_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_jldv4_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_jldv4_gg_._size_m_jldv4_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_jldv4_gg_._size_m_jldv4_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_jldv4_gg_._size_m_jldv4_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_jldv4_gg_._size_l_jldv4_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_jldv4_gg_._size_l_jldv4_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_jldv4_gg_._size_l_jldv4_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__*/
-    "jgdxy_gg_"
+    "jldv4_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SButton": "___SButton_jgdxy_gg_",
-    "_keyboardFocused": "__keyboardFocused_jgdxy_gg_",
-    "_disabled": "__disabled_jgdxy_gg_",
-    "_size_s": "_size_s_jgdxy_gg_",
-    "_size_m": "_size_m_jgdxy_gg_",
-    "_size_l": "_size_l_jgdxy_gg_",
-    "_neighborLocation_right": "_neighborLocation_right_jgdxy_gg_",
-    "_neighborLocation_both": "_neighborLocation_both_jgdxy_gg_",
-    "_neighborLocation_left": "_neighborLocation_left_jgdxy_gg_",
-    "__SSpin": "___SSpin_jgdxy_gg_",
-    "__SInner": "___SInner_jgdxy_gg_",
-    "_loading": "__loading_jgdxy_gg_",
-    "__SText": "___SText_jgdxy_gg_",
-    "__SAddon": "___SAddon_jgdxy_gg_",
-    "_theme_primary-info": "_theme_primary-info_jgdxy_gg_",
-    "_active": "__active_jgdxy_gg_",
-    "_theme_primary-success": "_theme_primary-success_jgdxy_gg_",
-    "_theme_primary-brand": "_theme_primary-brand_jgdxy_gg_",
-    "_theme_primary-warning": "_theme_primary-warning_jgdxy_gg_",
-    "_theme_primary-danger": "_theme_primary-danger_jgdxy_gg_",
-    "_theme_primary-invert": "_theme_primary-invert_jgdxy_gg_",
-    "_theme_secondary-muted": "_theme_secondary-muted_jgdxy_gg_",
-    "_theme_secondary-info": "_theme_secondary-info_jgdxy_gg_",
-    "_theme_secondary-invert": "_theme_secondary-invert_jgdxy_gg_",
-    "_theme_tertiary-info": "_theme_tertiary-info_jgdxy_gg_",
-    "_theme_tertiary-muted": "_theme_tertiary-muted_jgdxy_gg_",
-    "_theme_tertiary-invert": "_theme_tertiary-invert_jgdxy_gg_"
+    "__SButton": "___SButton_jldv4_gg_",
+    "_disabled": "__disabled_jldv4_gg_",
+    "_size_s": "_size_s_jldv4_gg_",
+    "_size_m": "_size_m_jldv4_gg_",
+    "_size_l": "_size_l_jldv4_gg_",
+    "_neighborLocation_right": "_neighborLocation_right_jldv4_gg_",
+    "_neighborLocation_both": "_neighborLocation_both_jldv4_gg_",
+    "_neighborLocation_left": "_neighborLocation_left_jldv4_gg_",
+    "__SSpin": "___SSpin_jldv4_gg_",
+    "__SInner": "___SInner_jldv4_gg_",
+    "_loading": "__loading_jldv4_gg_",
+    "__SText": "___SText_jldv4_gg_",
+    "__SAddon": "___SAddon_jldv4_gg_",
+    "_theme_primary-info": "_theme_primary-info_jldv4_gg_",
+    "_active": "__active_jldv4_gg_",
+    "_theme_primary-success": "_theme_primary-success_jldv4_gg_",
+    "_theme_primary-brand": "_theme_primary-brand_jldv4_gg_",
+    "_theme_primary-warning": "_theme_primary-warning_jldv4_gg_",
+    "_theme_primary-danger": "_theme_primary-danger_jldv4_gg_",
+    "_theme_primary-invert": "_theme_primary-invert_jldv4_gg_",
+    "_theme_secondary-muted": "_theme_secondary-muted_jldv4_gg_",
+    "_theme_secondary-info": "_theme_secondary-info_jldv4_gg_",
+    "_theme_secondary-invert": "_theme_secondary-invert_jldv4_gg_",
+    "_theme_tertiary-info": "_theme_tertiary-info_jldv4_gg_",
+    "_theme_tertiary-muted": "_theme_tertiary-muted_jldv4_gg_",
+    "_theme_tertiary-invert": "_theme_tertiary-invert_jldv4_gg_"
   })
 );
-var RootButton = /* @__PURE__ */ function(_AbstractButton) {
-  _inherits(RootButton2, _AbstractButton);
-  var _super = _createSuper(RootButton2);
+var MAP_USE_DEFAULT_THEME = {
+  primary: "info",
+  secondary: "muted",
+  tertiary: "info"
+};
+var RootButton = /* @__PURE__ */ (function(_Component) {
   function RootButton2() {
+    var _this;
     _classCallCheck(this, RootButton2);
-    return _super.apply(this, arguments);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, RootButton2, [].concat(args));
+    _defineProperty(_this, "containerRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_this, "state", {
+      ariaLabelledByContent: null
+    });
+    return _this;
   }
-  _createClass(RootButton2, [{
-    key: "getTextColor",
-    value: function getTextColor() {
-      return void 0;
+  _inherits(RootButton2, _Component);
+  return _createClass(RootButton2, [{
+    key: "getTextProps",
+    value: function getTextProps() {
+      var size = this.asProps.size;
+      return {
+        size,
+        "hint:triggerRef": this.containerRef
+      };
+    }
+  }, {
+    key: "getAddonProps",
+    value: function getAddonProps() {
+      var size = this.asProps.size;
+      return {
+        size
+      };
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+      if (process.env.NODE_ENV !== "production") {
+        logger.warn(this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title, "'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content", this.asProps["data-ui-name"] || RootButton2.displayName);
+      }
+      var ariaLabelledby = this.asProps["aria-labelledby"];
+      if (ariaLabelledby) {
+        setTimeout(function() {
+          var _document$getElementB, _document$getElementB2;
+          _this2.setState({
+            ariaLabelledByContent: (_document$getElementB = (_document$getElementB2 = document.getElementById(ariaLabelledby)) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.textContent) !== null && _document$getElementB !== void 0 ? _document$getElementB : ""
+          });
+        }, 0);
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps, _ref7, _ref8, _this3 = this;
+      var _this$asProps = this.asProps, styles = _this$asProps.styles, use = _this$asProps.use, _this$asProps$theme = _this$asProps.theme, theme = _this$asProps$theme === void 0 ? typeof use === "string" && MAP_USE_DEFAULT_THEME[use] : _this$asProps$theme, loading = _this$asProps.loading, _this$asProps$disable = _this$asProps.disabled, disabled = _this$asProps$disable === void 0 ? loading : _this$asProps$disable, size = _this$asProps.size, neighborLocation = _this$asProps.neighborLocation, children = _this$asProps.children, title = _this$asProps.title, ariaLabel = _this$asProps["aria-label"], Children = _this$asProps.Children, AddonLeft = _this$asProps.addonLeft, AddonRight = _this$asProps.addonRight, hintPlacement = _this$asProps.hintPlacement;
+      var SButton = Box;
+      var Button2 = this[CORE_INSTANCE];
+      var useTheme = use && theme ? "".concat(use, "-").concat(theme) : false;
+      var SInner = Box;
+      var SSpin = Box;
+      var buttonAriaLabel = (_ref7 = (_ref8 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref8 !== void 0 ? _ref8 : this.state.ariaLabelledByContent) !== null && _ref7 !== void 0 ? _ref7 : "";
+      var showHint = children === void 0 || title;
+      return /* @__PURE__ */ React.createElement(NeighborLocation.Detect, {
+        neighborLocation
+      }, function(neighborLocation2) {
+        var _ref4;
+        return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SButton, _ref4.cn("SButton", _objectSpread({}, assignProps({
+          "invertOutline": theme === "invert",
+          "type": "button",
+          "tag": "button",
+          "tabIndex": 0,
+          "disabled": disabled,
+          "use:theme": useTheme,
+          "ref": _this3.containerRef,
+          "aria-busy": loading,
+          "__excludeProps": ["title"],
+          "aria-label": showHint ? buttonAriaLabel : void 0,
+          "neighborLocation": neighborLocation2
+        }, _ref))), /* @__PURE__ */ React.createElement(SInner, _ref4.cn("SInner", {
+          "tag": "span",
+          "loading": loading,
+          "data-ui-name": "".concat(_this3.asProps["data-ui-name"], ".InnerWrapper")
+        }), AddonLeft ? /* @__PURE__ */ React.createElement(Button2.Addon, null, /* @__PURE__ */ React.createElement(AddonLeft, _ref4.cn("AddonLeft", {}))) : null, addonTextChildren(Children, Button2.Text, Button2.Addon), AddonRight ? /* @__PURE__ */ React.createElement(Button2.Addon, null, /* @__PURE__ */ React.createElement(AddonRight, _ref4.cn("AddonRight", {}))) : null), loading && /* @__PURE__ */ React.createElement(SSpin, _ref4.cn("SSpin", {
+          "tag": "span"
+        }), /* @__PURE__ */ React.createElement(SpinButton, _ref4.cn("SpinButton", {
+          "centered": true,
+          "size": size,
+          "theme": useTheme
+        })))), showHint && /* @__PURE__ */ React.createElement(Hint, _ref4.cn("Hint", {
+          "triggerRef": _this3.containerRef,
+          "timeout": [250, 50],
+          "placement": hintPlacement
+        }), buttonAriaLabel));
+      });
     }
   }]);
-  return RootButton2;
-}(AbstractButton);
+})(Component);
 _defineProperty(RootButton, "displayName", "Button");
-_defineProperty(RootButton, "enhance", [keyboardFocusEnhance()]);
 _defineProperty(RootButton, "style", style);
 _defineProperty(RootButton, "defaultProps", {
   use: "secondary",
   size: "m"
 });
-function Text(props) {
-  var _ref = arguments[0], _ref3;
-  var SText = Box;
-  return _ref3 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SText, _ref3.cn("SText", _objectSpread({}, assignProps({
-    "tag": "span"
-  }, _ref))));
+function ButtonText(props) {
+  var _ref2 = arguments[0], _ref5;
+  var SText = Text;
+  return _ref5 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SText, _ref5.cn("SText", _objectSpread({}, assignProps({}, _ref2))));
 }
 function Addon(props) {
-  var _ref2 = arguments[0], _ref4;
+  var _ref3 = arguments[0], _ref6;
   var SAddon = Box;
-  return _ref4 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SAddon, _ref4.cn("SAddon", _objectSpread({}, assignProps({
+  return _ref6 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SAddon, _ref6.cn("SAddon", _objectSpread({}, assignProps({
     "tag": "span"
-  }, _ref2))));
+  }, _ref3))));
 }
 var Button = createComponent(RootButton, {
-  Text,
+  Text: ButtonText,
   Addon
 });
 export {
+  MAP_USE_DEFAULT_THEME,
+  RootButton,
   Button as default
 };

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

@@ -0,0 +1 @@
+

package/lib/esm/component/{AbstractButton → Button}/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",
@@ -10,8 +10,7 @@ var SPIN_SIZE_MAP = {
   s: "xxs"
 };
 function SpinButton(_ref) {
-  _ref.theme;
-  var size = _ref.size, others = _objectWithoutProperties(_ref, _excluded);
+  var theme = _ref.theme, size = _ref.size, others = _objectWithoutProperties(_ref, _excluded);
   return /* @__PURE__ */ React.createElement(Spin, _extends({
     size: typeof size === "string" ? SPIN_SIZE_MAP[size] : size,
     theme: "currentColor"

package/lib/esm/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 oklch(0.376 0.247 264.2 / 0.441));
-  z-index: 1;
-}
-
 SButton[disabled] {
   opacity: var(--intergalactic-disabled-opacity, 0.4);
   cursor: default;
@@ -184,19 +176,19 @@ SButton[theme='secondary-muted'] {
 }
 
 SButton[theme='secondary-info'] {
-  background-color: var(--intergalactic-control-secondary-info, oklch(0.41 0.258 264.2 / 0.031));
-  color: var(--intergalactic-text-link, oklch(0.53 0.214 263.4));
+  background-color: var(--intergalactic-control-secondary-info, oklch(0.527 0.264 262.9 / 0.039));
+  color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
   border-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
 
   &:hover {
-    color: var(--intergalactic-text-link, oklch(0.53 0.214 263.4));
-    background-color: var(--intergalactic-control-secondary-info-hover, oklch(0.407 0.258 264.2 / 0.062));
+    color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
+    background-color: var(--intergalactic-control-secondary-info-hover, oklch(0.525 0.265 263 / 0.077));
   }
 
   &:active,
   &[active] {
-    color: var(--intergalactic-text-link, oklch(0.53 0.214 263.4));
-    background-color: var(--intergalactic-control-secondary-info-active, oklch(0.405 0.257 264.2 / 0.093));
+    color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
+    background-color: var(--intergalactic-control-secondary-info-active, oklch(0.524 0.266 263.1 / 0.116));
   }
 }
 
@@ -219,18 +211,18 @@ SButton[theme='secondary-invert'] {
 }
 
 SButton[theme='tertiary-info'] {
-  color: var(--intergalactic-text-link, oklch(0.53 0.214 263.4));
+  color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
   background-color: var(--intergalactic-control-tertiary-info, transparent);
 
   &:hover {
-    color: var(--intergalactic-text-link, oklch(0.53 0.214 263.4));
-    background-color: var(--intergalactic-control-tertiary-info-hover, oklch(0.407 0.258 264.2 / 0.062));
+    color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
+    background-color: var(--intergalactic-control-tertiary-info-hover, oklch(0.525 0.265 263 / 0.077));
   }
 
   &:active,
   &[active] {
-    color: var(--intergalactic-text-link, oklch(0.53 0.214 263.4));
-    background-color: var(--intergalactic-control-tertiary-info-active, oklch(0.405 0.257 264.2 / 0.093));
+    color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
+    background-color: var(--intergalactic-control-tertiary-info-active, oklch(0.524 0.266 263.1 / 0.116));
   }
 }
 

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

@@ -1,90 +1,62 @@
 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 _callSuper from "@babel/runtime/helpers/esm/callSuper";
 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 } from "@semcore/utils/lib/core/index";
-import createComponent, { sstyled as sstyled$1, assignProps } from "@semcore/core";
+import { sstyled, assignProps, Component, createComponent } from "@semcore/core";
+import Link from "@semcore/link";
 import React from "react";
-import keyboardFocusEnhance from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
-import { Box } from "@semcore/flex-box";
-import { AbstractButton } from "../AbstractButton/AbstractButton.mjs";
-import resolveColorEnhance from "@semcore/utils/lib/enhances/resolveColorEnhance";
 /*!__reshadow-styles__:"./buttonLink.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SButton_1dn0k_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, rgb(36, 93, 229));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_1dn0k_gg_:active,.___SButton_1dn0k_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1dn0k_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_1dn0k_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_1dn0k_gg_.__active_1dn0k_gg_,.___SButton_1dn0k_gg_:active{color:var(--intergalactic-text-link-hover-active, rgb(34, 88, 217))}@media (hover:hover){.___SButton_1dn0k_gg_:hover{color:var(--intergalactic-text-link-hover-active, rgb(34, 88, 217))}}.___SButton_1dn0k_gg_.__active_1dn0k_gg_ .___SText_1dn0k_gg_,.___SButton_1dn0k_gg_:active .___SText_1dn0k_gg_{border-color:currentColor}@media (hover:hover){.___SButton_1dn0k_gg_:hover .___SText_1dn0k_gg_{border-color:currentColor}}.___SButton_1dn0k_gg_.__enableVisited_1dn0k_gg_:visited{color:var(--intergalactic-text-link-visited, rgb(128, 41, 236))}@media (hover:hover){.___SButton_1dn0k_gg_.__enableVisited_1dn0k_gg_:visited:hover{color:var(--intergalactic-text-link-visited, rgb(128, 41, 236))}}.___SButton_1dn0k_gg_ .___SText_1dn0k_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_1dn0k_gg_.__keyboardFocused_1dn0k_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 18, 193, 0.441));outline-style:solid;outline-width:3px}.___SButton_1dn0k_gg_.__disabled_1dn0k_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SButton_1dn0k_gg_._use_secondary_1dn0k_gg_{color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0)){.___SButton_1dn0k_gg_._use_secondary_1dn0k_gg_{color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_1dn0k_gg_._use_secondary_1dn0k_gg_{color:var(--intergalactic-text-hint, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SButton_1dn0k_gg_._use_secondary_1dn0k_gg_.__active_1dn0k_gg_,.___SButton_1dn0k_gg_._use_secondary_1dn0k_gg_:active{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}@media (hover:hover){.___SButton_1dn0k_gg_._use_secondary_1dn0k_gg_:hover{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}}.___SButton_1dn0k_gg_._use_secondary_1dn0k_gg_ .___SText_1dn0k_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_1dn0k_gg_,.___SInner_1dn0k_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_1dn0k_gg_{height:100%;width:100%}.___SAddon_1dn0k_gg_{vertical-align:middle;pointer-events:none}.___SButton_1dn0k_gg_ .___SAddon_1dn0k_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_1dn0k_gg_ .___SAddon_1dn0k_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_1dn0k_gg_.__text-color_1dn0k_gg_{color:var(--text-color_1dn0k)}.___SButton_1dn0k_gg_.__text-color_1dn0k_gg_.__active_1dn0k_gg_,.___SButton_1dn0k_gg_.__text-color_1dn0k_gg_:active{color:var(--text-color_1dn0k);filter:brightness(.8)}@media (hover:hover){.___SButton_1dn0k_gg_.__text-color_1dn0k_gg_:hover{color:var(--text-color_1dn0k);filter:brightness(.8)}}.___SButton_1dn0k_gg_._size_100_1dn0k_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_1dn0k_gg_._size_200_1dn0k_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_1dn0k_gg_._size_300_1dn0k_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_1dn0k_gg_._size_400_1dn0k_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_1dn0k_gg_._size_500_1dn0k_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_1dn0k_gg_._size_600_1dn0k_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_1dn0k_gg_._size_700_1dn0k_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_1dn0k_gg_._size_800_1dn0k_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_1dn0k_gg_,.___SText_1dn0k_gg_{transition:none}}",
+    ".___SButtonLink_prbrc_gg_{border:0;font-family:inherit}.___SButtonLink_prbrc_gg_._use_primary_prbrc_gg_:not(.__color_prbrc_gg_){color:var(--intergalactic-text-link, rgb(35, 95, 226))}.___SButtonLink_prbrc_gg_._use_primary_prbrc_gg_.__active_prbrc_gg_:not(.__color_prbrc_gg_),.___SButtonLink_prbrc_gg_._use_primary_prbrc_gg_:not(.__color_prbrc_gg_):active{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}@media (hover:hover){.___SButtonLink_prbrc_gg_._use_primary_prbrc_gg_:not(.__color_prbrc_gg_):hover{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}}.___SButtonLink_prbrc_gg_._use_secondary_prbrc_gg_:not(.__color_prbrc_gg_){color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SButtonLink_prbrc_gg_._use_secondary_prbrc_gg_:not(.__color_prbrc_gg_){color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButtonLink_prbrc_gg_._use_secondary_prbrc_gg_:not(.__color_prbrc_gg_){color:var(--intergalactic-text-hint, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SButtonLink_prbrc_gg_._use_secondary_prbrc_gg_.__active_prbrc_gg_:not(.__color_prbrc_gg_),.___SButtonLink_prbrc_gg_._use_secondary_prbrc_gg_:not(.__color_prbrc_gg_):active{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}@media (hover:hover){.___SButtonLink_prbrc_gg_._use_secondary_prbrc_gg_:not(.__color_prbrc_gg_):hover{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}}.___SButtonLink_prbrc_gg_._use_secondary_prbrc_gg_ .___SText_prbrc_gg_{text-decoration-style:dashed;text-decoration-color:currentColor}",
     /*__inner_css_end__*/
-    "1dn0k_gg_"
+    "prbrc_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SButton": "___SButton_1dn0k_gg_",
-    "_keyboardFocused": "__keyboardFocused_1dn0k_gg_",
-    "_disabled": "__disabled_1dn0k_gg_",
-    "__SInner": "___SInner_1dn0k_gg_",
-    "__SAddon": "___SAddon_1dn0k_gg_",
-    "_size_100": "_size_100_1dn0k_gg_",
-    "_size_200": "_size_200_1dn0k_gg_",
-    "_size_300": "_size_300_1dn0k_gg_",
-    "_size_400": "_size_400_1dn0k_gg_",
-    "_size_500": "_size_500_1dn0k_gg_",
-    "_size_600": "_size_600_1dn0k_gg_",
-    "_size_700": "_size_700_1dn0k_gg_",
-    "_size_800": "_size_800_1dn0k_gg_",
-    "__SText": "___SText_1dn0k_gg_",
-    "_active": "__active_1dn0k_gg_",
-    "_enableVisited": "__enableVisited_1dn0k_gg_",
-    "_use_secondary": "_use_secondary_1dn0k_gg_",
-    "_text-color": "__text-color_1dn0k_gg_",
-    "--text-color": "--text-color_1dn0k"
+    "__SButtonLink": "___SButtonLink_prbrc_gg_",
+    "_use_secondary": "_use_secondary_prbrc_gg_",
+    "__SText": "___SText_prbrc_gg_",
+    "_use_primary": "_use_primary_prbrc_gg_",
+    "_color": "__color_prbrc_gg_",
+    "_active": "__active_prbrc_gg_"
   })
 );
-var enhance = {
-  keyboardFocused: keyboardFocusEnhance(),
-  resolveColor: resolveColorEnhance()
-};
-var RootButtonLink = /* @__PURE__ */ function(_AbstractButton) {
-  _inherits(RootButtonLink2, _AbstractButton);
-  var _super = _createSuper(RootButtonLink2);
+var RootButtonLink = /* @__PURE__ */ (function(_Component) {
   function RootButtonLink2() {
     _classCallCheck(this, RootButtonLink2);
-    return _super.apply(this, arguments);
+    return _callSuper(this, RootButtonLink2, arguments);
   }
-  _createClass(RootButtonLink2, [{
-    key: "getTextColor",
-    value: function getTextColor() {
-      var _ref5 = this.asProps, color = _ref5.color, resolveColor = _ref5.resolveColor;
-      return resolveColor(color);
+  _inherits(RootButtonLink2, _Component);
+  return _createClass(RootButtonLink2, [{
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps, _ref2;
+      var SButtonLink = Link;
+      var disabled = this.asProps.disabled;
+      return _ref2 = sstyled(style), /* @__PURE__ */ React.createElement(SButtonLink, _ref2.cn("SButtonLink", _objectSpread({}, assignProps({
+        "tag": "button",
+        "type": "button",
+        "use:disabled": disabled,
+        "use:tabIndex": 0
+      }, _ref))));
     }
   }]);
-  return RootButtonLink2;
-}(AbstractButton);
+})(Component);
 _defineProperty(RootButtonLink, "displayName", "ButtonLink");
-_defineProperty(RootButtonLink, "enhance", Object.values(enhance));
 _defineProperty(RootButtonLink, "style", style);
 _defineProperty(RootButtonLink, "defaultProps", {
-  use: "primary"
+  use: "primary",
+  size: 200
 });
-function Text(props) {
-  var _ref = arguments[0], _ref3;
-  var SText = Box;
-  return _ref3 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SText, _ref3.cn("SText", _objectSpread({}, assignProps({
-    "tag": "span"
-  }, _ref))));
-}
-function Addon(props) {
-  var _ref2 = arguments[0], _ref4;
-  var SAddon = Box;
-  return _ref4 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SAddon, _ref4.cn("SAddon", _objectSpread({}, assignProps({
-    "tag": "span"
-  }, _ref2))));
-}
 var ButtonLink = createComponent(RootButtonLink, {
-  Text,
-  Addon
+  Text: Link.Text,
+  Addon: Link.Addon
+}, {
+  parent: Link
 });
 export {
   ButtonLink

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

@@ -0,0 +1 @@
+