@semcore/button 17.2.1 → 17.2.2-prerelease.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/lib/cjs/component/Button/Button.js +37 -38
  3. package/lib/cjs/component/Button/Button.js.map +1 -1
  4. package/lib/cjs/component/Button/Button.type.js.map +1 -1
  5. package/lib/cjs/component/Button/mappers/BUTTON_SIZE_TO_SPIN_SIZE.js +11 -0
  6. package/lib/cjs/component/Button/mappers/BUTTON_SIZE_TO_SPIN_SIZE.js.map +1 -0
  7. package/lib/cjs/component/Button/mappers/BUTTON_USE_TO_DEFAULT_THEME.js +12 -0
  8. package/lib/cjs/component/Button/mappers/BUTTON_USE_TO_DEFAULT_THEME.js.map +1 -0
  9. package/lib/cjs/component/ButtonLink/ButtonLink.js +7 -7
  10. package/lib/cjs/component/ButtonLink/ButtonLink.js.map +1 -1
  11. package/lib/cjs/component/ButtonLink/ButtonLink.type.js.map +1 -1
  12. package/lib/es6/component/Button/Button.js +38 -38
  13. package/lib/es6/component/Button/Button.js.map +1 -1
  14. package/lib/es6/component/Button/Button.type.js.map +1 -1
  15. package/lib/es6/component/Button/mappers/BUTTON_SIZE_TO_SPIN_SIZE.js +5 -0
  16. package/lib/es6/component/Button/mappers/BUTTON_SIZE_TO_SPIN_SIZE.js.map +1 -0
  17. package/lib/es6/component/Button/mappers/BUTTON_USE_TO_DEFAULT_THEME.js +6 -0
  18. package/lib/es6/component/Button/mappers/BUTTON_USE_TO_DEFAULT_THEME.js.map +1 -0
  19. package/lib/es6/component/ButtonLink/ButtonLink.js +7 -7
  20. package/lib/es6/component/ButtonLink/ButtonLink.js.map +1 -1
  21. package/lib/es6/component/ButtonLink/ButtonLink.type.js.map +1 -1
  22. package/lib/esm/component/Button/Button.mjs +37 -39
  23. package/lib/esm/component/Button/mappers/BUTTON_SIZE_TO_SPIN_SIZE.mjs +7 -0
  24. package/lib/esm/component/Button/mappers/BUTTON_USE_TO_DEFAULT_THEME.mjs +8 -0
  25. package/lib/esm/component/ButtonLink/ButtonLink.mjs +8 -8
  26. package/lib/types/component/Button/Button.d.ts +9 -9
  27. package/lib/types/component/Button/Button.d.ts.map +1 -0
  28. package/lib/types/component/Button/Button.type.d.ts +72 -45
  29. package/lib/types/component/Button/Button.type.d.ts.map +1 -0
  30. package/lib/types/component/Button/mappers/BUTTON_SIZE_TO_SPIN_SIZE.d.ts +4 -0
  31. package/lib/types/component/Button/mappers/BUTTON_SIZE_TO_SPIN_SIZE.d.ts.map +1 -0
  32. package/lib/types/component/Button/mappers/BUTTON_USE_TO_DEFAULT_THEME.d.ts +3 -0
  33. package/lib/types/component/Button/mappers/BUTTON_USE_TO_DEFAULT_THEME.d.ts.map +1 -0
  34. package/lib/types/component/ButtonLink/ButtonLink.d.ts +3 -2
  35. package/lib/types/component/ButtonLink/ButtonLink.d.ts.map +1 -0
  36. package/lib/types/component/ButtonLink/ButtonLink.type.d.ts +40 -21
  37. package/lib/types/component/ButtonLink/ButtonLink.type.d.ts.map +1 -0
  38. package/lib/types/index.d.ts +1 -0
  39. package/lib/types/index.d.ts.map +1 -0
  40. package/package.json +8 -8
  41. package/src/component/Button/Button.tsx +20 -20
  42. package/src/component/Button/Button.type.ts +73 -46
  43. package/src/component/Button/mappers/BUTTON_SIZE_TO_SPIN_SIZE.ts +8 -0
  44. package/src/component/Button/mappers/BUTTON_USE_TO_DEFAULT_THEME.ts +7 -0
  45. package/src/component/ButtonLink/ButtonLink.tsx +5 -4
  46. package/src/component/ButtonLink/ButtonLink.type.ts +37 -21
  47. package/lib/cjs/component/Button/SpinButton.js +0 -28
  48. package/lib/cjs/component/Button/SpinButton.js.map +0 -1
  49. package/lib/es6/component/Button/SpinButton.js +0 -20
  50. package/lib/es6/component/Button/SpinButton.js.map +0 -1
  51. package/lib/esm/component/Button/SpinButton.mjs +0 -23
  52. package/lib/types/component/Button/SpinButton.d.ts +0 -3
  53. package/src/component/Button/SpinButton.tsx +0 -19
package/CHANGELOG.md CHANGED
@@ -2,6 +2,13 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [17.2.2] - 2026-09-10
6
+
7
+ ### Changed
8
+
9
+ - Refactor component types. Deprecated atomic types. Atomic types are
10
+ part of `NSButton/NSButtonLink` namespaces.
11
+
5
12
  ## [17.2.1] - 2026-06-26
6
13
 
7
14
  ### Fixed
@@ -11,45 +11,44 @@ var _baseComponents = require("@semcore/base-components");
11
11
  var _addonTextChildren = _interopRequireDefault(require("@semcore/core/lib/utils/addonTextChildren"));
12
12
  var _hasLabels = _interopRequireDefault(require("@semcore/core/lib/utils/hasLabels"));
13
13
  var _logger = _interopRequireDefault(require("@semcore/core/lib/utils/logger"));
14
+ var _spin = _interopRequireDefault(require("@semcore/spin"));
14
15
  var _typography = require("@semcore/typography");
15
16
  var _react = _interopRequireDefault(require("react"));
16
- var _SpinButton = _interopRequireDefault(require("./SpinButton"));
17
+ var _BUTTON_SIZE_TO_SPIN_SIZE = require("./mappers/BUTTON_SIZE_TO_SPIN_SIZE");
18
+ var _BUTTON_USE_TO_DEFAULT_THEME = require("./mappers/BUTTON_USE_TO_DEFAULT_THEME");
17
19
  /*!__reshadow-styles__:"./button.shadow.css"*/
18
- const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButton_vr2od_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 #0000;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,#00030095);min-width:-moz-fit-content;min-width:fit-content}@media (color-gamut:p3){.___SButton_vr2od_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}.___SButton_vr2od_gg_::-moz-focus-inner{padding:0;border:none}.___SButton_vr2od_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_vr2od_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_vr2od_gg_.__disabled_vr2od_gg_{opacity:var(--intergalactic-disabled-opacity,.4);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_vr2od_gg_._size_s_vr2od_gg_{width:var(--intergalactic-form-control-s,20px);height:var(--intergalactic-form-control-s,20px);border-radius:var(--intergalactic-addon-rounded,4px)}.___SButton_vr2od_gg_._size_m_vr2od_gg_{height:var(--intergalactic-form-control-m,28px);border-radius:var(--intergalactic-control-rounded,6px);font-size:var(--intergalactic-fs-200,14px)}.___SButton_vr2od_gg_._size_l_vr2od_gg_{height:var(--intergalactic-form-control-l,40px);border-radius:var(--intergalactic-control-rounded,6px);font-size:var(--intergalactic-fs-300,16px)}.___SButton_vr2od_gg_._theme_primary-info_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info,oklch(.23 .01 140))}@media (hover:hover){.___SButton_vr2od_gg_._theme_primary-info_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info-hover,oklch(.32 .007 140))}}.___SButton_vr2od_gg_._theme_primary-info_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-info_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info-active,oklch(0 0 140))}.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success,#00a480)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_{background-color:var(--intergalactic-control-primary-success,oklch(.64 .161 170))}}@media (hover:hover){.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success-hover,#009675)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover,oklch(.6 .155 170))}}}.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success-active,#009070)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_:active{background-color:var(--intergalactic-control-primary-success-active,oklch(.58 .151 170))}}.___SButton_vr2od_gg_._theme_primary-brand_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand,oklch(.64 .223 299.3))}@media (hover:hover){.___SButton_vr2od_gg_._theme_primary-brand_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-hover,oklch(.6 .244 297.8))}}.___SButton_vr2od_gg_._theme_primary-brand_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-brand_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-active,oklch(.58 .254 297.1))}.___SButton_vr2od_gg_._theme_primary-warning_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand,oklch(.64 .223 299.3))}@media (hover:hover){.___SButton_vr2od_gg_._theme_primary-warning_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-hover,oklch(.6 .244 297.8))}}.___SButton_vr2od_gg_._theme_primary-warning_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-warning_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-active,oklch(.58 .254 297.1))}.___SButton_vr2od_gg_._theme_primary-danger_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical,oklch(.64 .226 24.5))}@media (hover:hover){.___SButton_vr2od_gg_._theme_primary-danger_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical-hover,oklch(.6 .219 25.5))}}.___SButton_vr2od_gg_._theme_primary-danger_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-danger_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical-active,oklch(.58 .215 26))}.___SButton_vr2od_gg_._theme_primary-invert_vr2od_gg_{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert,oklch(1 0 0))}@media (hover:hover){.___SButton_vr2od_gg_._theme_primary-invert_vr2od_gg_:hover{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert-hover,oklch(.96 .001 180))}}.___SButton_vr2od_gg_._theme_primary-invert_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-invert_vr2od_gg_:active{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert-active,oklch(.94 .002 180))}.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_{color:var(--intergalactic-text-secondary,#00030095);border-color:var(--intergalactic-border-primary,#000c0829);background-color:var(--intergalactic-control-secondary-neutral,oklch(.177 .033 175.6/.028))}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583));border-color:var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}@media (hover:hover){.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,oklch(.176 .033 175.6/.056));color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}}.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,#00151015);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,oklch(.176 .033 175.7/.084))}}.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_{background-color:var(--intergalactic-control-secondary-info,#0051ff0a);color:var(--intergalactic-text-link,oklch(.53 .21 263));border-color:var(--intergalactic-control-primary-info,oklch(.23 .01 140))}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_{background-color:var(--intergalactic-control-secondary-info,oklch(.527 .264 262.9/.039))}}@media (hover:hover){.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_:hover{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-secondary-info-hover,#0050ff14)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover,oklch(.525 .265 263/.077))}}}.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_:active{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-secondary-info-active,#014fff1e)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_:active{background-color:var(--intergalactic-control-secondary-info-active,oklch(.524 .266 263.1/.116))}}.___SButton_vr2od_gg_._theme_secondary-invert_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));border-color:var(--intergalactic-border-primary-invert,oklch(.995 .008 147.4/.391));background-color:var(--intergalactic-control-secondary-invert,oklch(.969 .057 140/.118))}@media (hover:hover){.___SButton_vr2od_gg_._theme_secondary-invert_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-secondary-invert-hover,oklch(.976 .043 140/.145))}}.___SButton_vr2od_gg_._theme_secondary-invert_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_secondary-invert_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-secondary-invert-active,oklch(.983 .03 140/.183))}.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-tertiary-info,#0000)}@media (hover:hover){.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_:hover{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-tertiary-info-hover,#0050ff14)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover,oklch(.525 .265 263/.077))}}}.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_:active{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-tertiary-info-active,#014fff1e)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active,oklch(.524 .266 263.1/.116))}}.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_{color:var(--intergalactic-text-secondary,#00030095);background-color:var(--intergalactic-control-tertiary-neutral,#0000)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}@media (hover:hover){.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover,oklch(.176 .033 175.6/.056));color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}}.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,#00151015);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,oklch(.176 .033 175.7/.084))}}.___SButton_vr2od_gg_._theme_tertiary-invert_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert,#0000)}@media (hover:hover){.___SButton_vr2od_gg_._theme_tertiary-invert_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert-hover,oklch(.976 .043 140/.145))}}.___SButton_vr2od_gg_._theme_tertiary-invert_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_tertiary-invert_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert-active,oklch(.983 .03 140/.183))}.___SButton_vr2od_gg_._neighborLocation_right_vr2od_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_vr2od_gg_._neighborLocation_both_vr2od_gg_{border-radius:0;margin-left:-1px}.___SButton_vr2od_gg_._neighborLocation_left_vr2od_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_vr2od_gg_._neighborLocation_both_vr2od_gg_,.___SButton_vr2od_gg_._neighborLocation_left_vr2od_gg_{position:relative}.___SButton_vr2od_gg_._neighborLocation_both_vr2od_gg_:after,.___SButton_vr2od_gg_._neighborLocation_left_vr2od_gg_:after{background-color:var(--intergalactic-border-primary-invert,oklch(.995 .008 147.4/.391))}.___SButton_vr2od_gg_._neighborLocation_both_vr2od_gg_._theme_secondary-muted_vr2od_gg_:after,.___SButton_vr2od_gg_._neighborLocation_left_vr2od_gg_._theme_secondary-muted_vr2od_gg_:after{background-color:var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SButton_vr2od_gg_._neighborLocation_both_vr2od_gg_._theme_secondary-muted_vr2od_gg_:after,.___SButton_vr2od_gg_._neighborLocation_left_vr2od_gg_._theme_secondary-muted_vr2od_gg_:after{background-color:var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SButton_vr2od_gg_+.___SButton_vr2od_gg_._neighborLocation_both_vr2od_gg_:after,.___SButton_vr2od_gg_+.___SButton_vr2od_gg_._neighborLocation_left_vr2od_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_vr2od_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_vr2od_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_vr2od_gg_.__loading_vr2od_gg_{visibility:hidden}.___SText_vr2od_gg_{display:inline-flex}.___SText_vr2od_gg_._size_m_vr2od_gg_{line-height:var(--intergalactic-lh-200,142%)}.___SText_vr2od_gg_._size_l_vr2od_gg_,.___SText_vr2od_gg_._size_m_vr2od_gg_{margin-left:var(--intergalactic-spacing-2x,8px);margin-right:var(--intergalactic-spacing-2x,8px)}.___SText_vr2od_gg_._size_l_vr2od_gg_{line-height:var(--intergalactic-lh-300,150%)}.___SText_vr2od_gg_._size_l_vr2od_gg_:only-child{margin-left:var(--intergalactic-spacing-3x,12px);margin-right:var(--intergalactic-spacing-3x,12px)}.___SText_vr2od_gg_._size_l_vr2od_gg_:first-child{margin-left:var(--intergalactic-spacing-3x,12px)}.___SText_vr2od_gg_._size_l_vr2od_gg_:last-child{margin-right:var(--intergalactic-spacing-3x,12px)}.___SAddon_vr2od_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_vr2od_gg_._size_m_vr2od_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_vr2od_gg_._size_m_vr2od_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_vr2od_gg_._size_m_vr2od_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*1.5 - 1px);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*1.5 - 1px)}.___SAddon_vr2od_gg_._size_l_vr2od_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_vr2od_gg_._size_l_vr2od_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_vr2od_gg_._size_l_vr2od_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*3 - 1px);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*3 - 1px)}", /*__inner_css_end__*/"vr2od_gg_"),
20
+ const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButton_eyreh_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 #0000;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,#00030095);min-width:-moz-fit-content;min-width:fit-content}@media (color-gamut:p3){.___SButton_eyreh_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}.___SButton_eyreh_gg_::-moz-focus-inner{padding:0;border:none}.___SButton_eyreh_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_eyreh_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_eyreh_gg_.__disabled_eyreh_gg_{opacity:var(--intergalactic-disabled-opacity,.4);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_eyreh_gg_._size_s_eyreh_gg_{width:var(--intergalactic-form-control-s,20px);height:var(--intergalactic-form-control-s,20px);border-radius:var(--intergalactic-addon-rounded,4px)}.___SButton_eyreh_gg_._size_m_eyreh_gg_{height:var(--intergalactic-form-control-m,28px);border-radius:var(--intergalactic-control-rounded,6px);font-size:var(--intergalactic-fs-200,14px)}.___SButton_eyreh_gg_._size_l_eyreh_gg_{height:var(--intergalactic-form-control-l,40px);border-radius:var(--intergalactic-control-rounded,6px);font-size:var(--intergalactic-fs-300,16px)}.___SButton_eyreh_gg_._theme_primary-info_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info,oklch(.23 .01 140))}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-info_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info-hover,oklch(.32 .007 140))}}.___SButton_eyreh_gg_._theme_primary-info_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-info_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info-active,oklch(0 0 140))}.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success,#00a480)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_{background-color:var(--intergalactic-control-primary-success,oklch(.64 .161 170))}}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success-hover,#009675)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover,oklch(.6 .155 170))}}}.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success-active,#009070)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_:active{background-color:var(--intergalactic-control-primary-success-active,oklch(.58 .151 170))}}.___SButton_eyreh_gg_._theme_primary-brand_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand,oklch(.64 .223 299.3))}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-brand_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-hover,oklch(.6 .244 297.8))}}.___SButton_eyreh_gg_._theme_primary-brand_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-brand_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-active,oklch(.58 .254 297.1))}.___SButton_eyreh_gg_._theme_primary-warning_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand,oklch(.64 .223 299.3))}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-warning_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-hover,oklch(.6 .244 297.8))}}.___SButton_eyreh_gg_._theme_primary-warning_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-warning_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-active,oklch(.58 .254 297.1))}.___SButton_eyreh_gg_._theme_primary-danger_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical,oklch(.64 .226 24.5))}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-danger_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical-hover,oklch(.6 .219 25.5))}}.___SButton_eyreh_gg_._theme_primary-danger_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-danger_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical-active,oklch(.58 .215 26))}.___SButton_eyreh_gg_._theme_primary-invert_eyreh_gg_{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert,oklch(1 0 0))}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-invert_eyreh_gg_:hover{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert-hover,oklch(.96 .001 180))}}.___SButton_eyreh_gg_._theme_primary-invert_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-invert_eyreh_gg_:active{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert-active,oklch(.94 .002 180))}.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_{color:var(--intergalactic-text-secondary,#00030095);border-color:var(--intergalactic-border-primary,#000c0829);background-color:var(--intergalactic-control-secondary-neutral,oklch(.177 .033 175.6/.028))}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583));border-color:var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}@media (hover:hover){.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,oklch(.176 .033 175.6/.056));color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}}.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,#00151015);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,oklch(.176 .033 175.7/.084))}}.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_{background-color:var(--intergalactic-control-secondary-info,#0051ff0a);color:var(--intergalactic-text-link,oklch(.53 .21 263));border-color:var(--intergalactic-control-primary-info,oklch(.23 .01 140))}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_{background-color:var(--intergalactic-control-secondary-info,oklch(.527 .264 262.9/.039))}}@media (hover:hover){.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_:hover{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-secondary-info-hover,#0050ff14)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover,oklch(.525 .265 263/.077))}}}.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_:active{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-secondary-info-active,#014fff1e)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_:active{background-color:var(--intergalactic-control-secondary-info-active,oklch(.524 .266 263.1/.116))}}.___SButton_eyreh_gg_._theme_secondary-invert_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));border-color:var(--intergalactic-border-primary-invert,oklch(.995 .008 147.4/.391));background-color:var(--intergalactic-control-secondary-invert,oklch(.969 .057 140/.118))}@media (hover:hover){.___SButton_eyreh_gg_._theme_secondary-invert_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-secondary-invert-hover,oklch(.976 .043 140/.145))}}.___SButton_eyreh_gg_._theme_secondary-invert_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_secondary-invert_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-secondary-invert-active,oklch(.983 .03 140/.183))}.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-tertiary-info,#0000)}@media (hover:hover){.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_:hover{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-tertiary-info-hover,#0050ff14)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover,oklch(.525 .265 263/.077))}}}.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_:active{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-tertiary-info-active,#014fff1e)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active,oklch(.524 .266 263.1/.116))}}.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_{color:var(--intergalactic-text-secondary,#00030095);background-color:var(--intergalactic-control-tertiary-neutral,#0000)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}@media (hover:hover){.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover,oklch(.176 .033 175.6/.056));color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}}.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,#00151015);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,oklch(.176 .033 175.7/.084))}}.___SButton_eyreh_gg_._theme_tertiary-invert_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert,#0000)}@media (hover:hover){.___SButton_eyreh_gg_._theme_tertiary-invert_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert-hover,oklch(.976 .043 140/.145))}}.___SButton_eyreh_gg_._theme_tertiary-invert_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_tertiary-invert_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert-active,oklch(.983 .03 140/.183))}.___SButton_eyreh_gg_._neighborLocation_right_eyreh_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_{border-radius:0;margin-left:-1px}.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_,.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_{position:relative}.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_:after,.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_:after{background-color:var(--intergalactic-border-primary-invert,oklch(.995 .008 147.4/.391))}.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_._theme_secondary-muted_eyreh_gg_:after,.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_._theme_secondary-muted_eyreh_gg_:after{background-color:var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_._theme_secondary-muted_eyreh_gg_:after,.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_._theme_secondary-muted_eyreh_gg_:after{background-color:var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SButton_eyreh_gg_+.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_:after,.___SButton_eyreh_gg_+.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_eyreh_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_eyreh_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_eyreh_gg_.__loading_eyreh_gg_{visibility:hidden}.___SText_eyreh_gg_{display:inline-flex}.___SText_eyreh_gg_._size_m_eyreh_gg_{line-height:var(--intergalactic-lh-200,142%)}.___SText_eyreh_gg_._size_l_eyreh_gg_,.___SText_eyreh_gg_._size_m_eyreh_gg_{margin-left:var(--intergalactic-spacing-2x,8px);margin-right:var(--intergalactic-spacing-2x,8px)}.___SText_eyreh_gg_._size_l_eyreh_gg_{line-height:var(--intergalactic-lh-300,150%)}.___SText_eyreh_gg_._size_l_eyreh_gg_:only-child{margin-left:var(--intergalactic-spacing-3x,12px);margin-right:var(--intergalactic-spacing-3x,12px)}.___SText_eyreh_gg_._size_l_eyreh_gg_:first-child{margin-left:var(--intergalactic-spacing-3x,12px)}.___SText_eyreh_gg_._size_l_eyreh_gg_:last-child{margin-right:var(--intergalactic-spacing-3x,12px)}.___SAddon_eyreh_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_eyreh_gg_._size_m_eyreh_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_eyreh_gg_._size_m_eyreh_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_eyreh_gg_._size_m_eyreh_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*1.5 - 1px);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*1.5 - 1px)}.___SAddon_eyreh_gg_._size_l_eyreh_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_eyreh_gg_._size_l_eyreh_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_eyreh_gg_._size_l_eyreh_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*3 - 1px);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*3 - 1px)}", /*__inner_css_end__*/"eyreh_gg_"),
19
21
  /*__reshadow_css_end__*/
20
22
  {
21
- "__SButton": "___SButton_vr2od_gg_",
22
- "_disabled": "__disabled_vr2od_gg_",
23
- "_size_s": "_size_s_vr2od_gg_",
24
- "_size_m": "_size_m_vr2od_gg_",
25
- "_size_l": "_size_l_vr2od_gg_",
26
- "_neighborLocation_right": "_neighborLocation_right_vr2od_gg_",
27
- "_neighborLocation_both": "_neighborLocation_both_vr2od_gg_",
28
- "_neighborLocation_left": "_neighborLocation_left_vr2od_gg_",
29
- "__SSpin": "___SSpin_vr2od_gg_",
30
- "__SInner": "___SInner_vr2od_gg_",
31
- "_loading": "__loading_vr2od_gg_",
32
- "__SText": "___SText_vr2od_gg_",
33
- "__SAddon": "___SAddon_vr2od_gg_",
34
- "_theme_primary-info": "_theme_primary-info_vr2od_gg_",
35
- "_active": "__active_vr2od_gg_",
36
- "_theme_primary-success": "_theme_primary-success_vr2od_gg_",
37
- "_theme_primary-brand": "_theme_primary-brand_vr2od_gg_",
38
- "_theme_primary-warning": "_theme_primary-warning_vr2od_gg_",
39
- "_theme_primary-danger": "_theme_primary-danger_vr2od_gg_",
40
- "_theme_primary-invert": "_theme_primary-invert_vr2od_gg_",
41
- "_theme_secondary-muted": "_theme_secondary-muted_vr2od_gg_",
42
- "_theme_secondary-info": "_theme_secondary-info_vr2od_gg_",
43
- "_theme_secondary-invert": "_theme_secondary-invert_vr2od_gg_",
44
- "_theme_tertiary-info": "_theme_tertiary-info_vr2od_gg_",
45
- "_theme_tertiary-muted": "_theme_tertiary-muted_vr2od_gg_",
46
- "_theme_tertiary-invert": "_theme_tertiary-invert_vr2od_gg_"
23
+ "__SButton": "___SButton_eyreh_gg_",
24
+ "_disabled": "__disabled_eyreh_gg_",
25
+ "_size_s": "_size_s_eyreh_gg_",
26
+ "_size_m": "_size_m_eyreh_gg_",
27
+ "_size_l": "_size_l_eyreh_gg_",
28
+ "_neighborLocation_right": "_neighborLocation_right_eyreh_gg_",
29
+ "_neighborLocation_both": "_neighborLocation_both_eyreh_gg_",
30
+ "_neighborLocation_left": "_neighborLocation_left_eyreh_gg_",
31
+ "__SSpin": "___SSpin_eyreh_gg_",
32
+ "__SInner": "___SInner_eyreh_gg_",
33
+ "_loading": "__loading_eyreh_gg_",
34
+ "__SText": "___SText_eyreh_gg_",
35
+ "__SAddon": "___SAddon_eyreh_gg_",
36
+ "_theme_primary-info": "_theme_primary-info_eyreh_gg_",
37
+ "_active": "__active_eyreh_gg_",
38
+ "_theme_primary-success": "_theme_primary-success_eyreh_gg_",
39
+ "_theme_primary-brand": "_theme_primary-brand_eyreh_gg_",
40
+ "_theme_primary-warning": "_theme_primary-warning_eyreh_gg_",
41
+ "_theme_primary-danger": "_theme_primary-danger_eyreh_gg_",
42
+ "_theme_primary-invert": "_theme_primary-invert_eyreh_gg_",
43
+ "_theme_secondary-muted": "_theme_secondary-muted_eyreh_gg_",
44
+ "_theme_secondary-info": "_theme_secondary-info_eyreh_gg_",
45
+ "_theme_secondary-invert": "_theme_secondary-invert_eyreh_gg_",
46
+ "_theme_tertiary-info": "_theme_tertiary-info_eyreh_gg_",
47
+ "_theme_tertiary-muted": "_theme_tertiary-muted_eyreh_gg_",
48
+ "_theme_tertiary-invert": "_theme_tertiary-invert_eyreh_gg_"
47
49
  });
48
- const MAP_USE_DEFAULT_THEME = exports.MAP_USE_DEFAULT_THEME = {
49
- primary: 'info',
50
- secondary: 'muted',
51
- tertiary: 'info'
52
- };
50
+ /** @deprecated It will be removed in v19. */
51
+ const MAP_USE_DEFAULT_THEME = exports.MAP_USE_DEFAULT_THEME = _BUTTON_USE_TO_DEFAULT_THEME.BUTTON_USE_TO_DEFAULT_THEME;
53
52
  class RootButton extends _core.Component {
54
53
  constructor(...args) {
55
54
  super(...args);
@@ -93,7 +92,7 @@ class RootButton extends _core.Component {
93
92
  const {
94
93
  styles,
95
94
  use,
96
- theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],
95
+ theme = typeof use === 'string' && _BUTTON_USE_TO_DEFAULT_THEME.BUTTON_USE_TO_DEFAULT_THEME[use],
97
96
  loading,
98
97
  disabled = loading,
99
98
  size,
@@ -138,10 +137,10 @@ class RootButton extends _core.Component {
138
137
  "data-ui-name": `${this.asProps['data-ui-name']}.InnerWrapper`
139
138
  }), AddonLeft ? /*#__PURE__*/_react.default.createElement(Button.Addon, null, /*#__PURE__*/_react.default.createElement(AddonLeft, _ref4.cn("AddonLeft", {}))) : null, (0, _addonTextChildren.default)(Children, Button.Text, Button.Addon), AddonRight ? /*#__PURE__*/_react.default.createElement(Button.Addon, null, /*#__PURE__*/_react.default.createElement(AddonRight, _ref4.cn("AddonRight", {}))) : null), loading && /*#__PURE__*/_react.default.createElement(SSpin, _ref4.cn("SSpin", {
140
139
  "tag": 'span'
141
- }), /*#__PURE__*/_react.default.createElement(_SpinButton.default, _ref4.cn("SpinButton", {
142
- "centered": true,
143
- "size": size,
144
- "theme": useTheme
140
+ }), /*#__PURE__*/_react.default.createElement(_spin.default, _ref4.cn("Spin", {
141
+ "size": _BUTTON_SIZE_TO_SPIN_SIZE.BUTTON_SIZE_TO_SPIN_SIZE[size],
142
+ "theme": 'currentColor',
143
+ "centered": true
145
144
  })))), showHint && /*#__PURE__*/_react.default.createElement(_baseComponents.Hint, _ref4.cn("Hint", {
146
145
  "triggerRef": this.containerRef,
147
146
  "timeout": [250, 50],
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","names":["_core","require","_baseComponents","_addonTextChildren","_interopRequireDefault","_hasLabels","_logger","_typography","_react","_SpinButton","style","sstyled","insert","MAP_USE_DEFAULT_THEME","exports","primary","secondary","tertiary","RootButton","Component","constructor","args","_defineProperty2","default","React","createRef","ariaLabelledByContent","getTextProps","size","asProps","containerRef","getAddonProps","componentDidMount","process","env","NODE_ENV","logger","warn","current","hasLabels","title","displayName","ariaLabelledby","setTimeout","setState","document","getElementById","textContent","render","_ref","styles","use","theme","loading","disabled","neighborLocation","children","ariaLabel","Children","addonLeft","AddonLeft","addonRight","AddonRight","hintPlacement","SButton","Box","Button","CORE_INSTANCE","useTheme","SInner","SSpin","buttonAriaLabel","state","showHint","undefined","createElement","NeighborLocation","Detect","_ref4","Fragment","cn","assignProps","Addon","addonTextChildren","Text","Hint","ButtonText","props","_ref2","arguments[0]","_ref5","SText","_ref3","_ref6","SAddon","createComponent","_default"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import { NeighborLocation, Box, Hint } from '@semcore/base-components';\nimport { Component, CORE_INSTANCE, createComponent, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport hasLabels from '@semcore/core/lib/utils/hasLabels';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './button.shadow.css';\nimport type { ButtonProps, ButtonAddonProps, ButtonTextProps, ButtonComponent, ButtonDefaultProps } from './Button.type';\nimport SpinButton from './SpinButton';\n\nexport const MAP_USE_DEFAULT_THEME: Record<string, string> = {\n primary: 'info',\n secondary: 'muted',\n tertiary: 'info',\n};\n\ntype State = {\n ariaLabelledByContent: null | string;\n};\n\nexport class RootButton extends Component<\n ButtonProps,\n [],\n never,\n {},\n State,\n ButtonDefaultProps\n> {\n static displayName = 'Button';\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n } as const;\n\n containerRef = React.createRef<HTMLButtonElement>();\n\n state: State = {\n ariaLabelledByContent: null,\n };\n\n getTextProps() {\n const { size } = this.asProps;\n\n return {\n size,\n 'hint:triggerRef': this.containerRef,\n };\n }\n\n getAddonProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n componentDidMount() {\n if (process.env.NODE_ENV !== 'production') {\n logger.warn(\n this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title,\n `'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n this.asProps['data-ui-name'] || RootButton.displayName,\n );\n }\n\n const ariaLabelledby = this.asProps['aria-labelledby'];\n\n if (ariaLabelledby) {\n setTimeout(() => {\n this.setState({\n ariaLabelledByContent: document.getElementById(ariaLabelledby)?.textContent ?? '',\n });\n }, 0);\n }\n }\n\n render() {\n const {\n styles,\n use,\n theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],\n loading,\n disabled = loading,\n size,\n neighborLocation,\n children,\n title,\n ['aria-label']: ariaLabel,\n Children,\n addonLeft: AddonLeft,\n addonRight: AddonRight,\n hintPlacement,\n } = this.asProps;\n const SButton = Root;\n // @ts-ignore\n const Button = this[CORE_INSTANCE];\n const useTheme = use && theme ? `${use}-${theme}` : false;\n const SInner = Box;\n const SSpin = Box;\n const buttonAriaLabel = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n const showHint = (children === undefined || title);\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) => {\n return sstyled(styles)(\n <>\n <SButton\n render={Box}\n invertOutline={theme === 'invert'}\n type='button'\n tag='button'\n tabIndex={0}\n use:disabled={disabled || loading}\n use:theme={useTheme}\n ref={this.containerRef}\n aria-busy={loading}\n __excludeProps={['title']}\n aria-label={showHint ? buttonAriaLabel : undefined}\n neighborLocation={neighborLocation}\n >\n {/* @ts-ignore */}\n <SInner tag='span' loading={loading} data-ui-name={`${this.asProps['data-ui-name']}.InnerWrapper`}>\n {AddonLeft\n ? (\n <Button.Addon>\n <AddonLeft />\n </Button.Addon>\n )\n : null}\n {addonTextChildren(Children, Button.Text, Button.Addon)}\n {AddonRight\n ? (\n <Button.Addon>\n <AddonRight />\n </Button.Addon>\n )\n : null}\n </SInner>\n {loading && (\n <SSpin tag='span'>\n <SpinButton centered size={size} theme={useTheme} />\n </SSpin>\n )}\n </SButton>\n {showHint && (\n <Hint\n triggerRef={this.containerRef}\n timeout={[250, 50]}\n placement={hintPlacement}\n >\n {buttonAriaLabel}\n </Hint>\n )}\n </>,\n );\n }}\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction ButtonText(props: ButtonTextProps) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Text} />);\n}\n\nfunction Addon(props: ButtonAddonProps) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\n/**\n * Button\n *\n * {@link https://developer.semrush.com/intergalactic/components/button/button-api/|API} | {@link https://developer.semrush.com/intergalactic/components/button/button-code/|Examples}\n */\nconst Button = createComponent<\n ButtonComponent,\n typeof RootButton\n>(RootButton, {\n Text: ButtonText,\n Addon,\n});\n\nexport default Button;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"Button.js","names":["_core","require","_baseComponents","_addonTextChildren","_interopRequireDefault","_hasLabels","_logger","_spin","_typography","_react","_BUTTON_SIZE_TO_SPIN_SIZE","_BUTTON_USE_TO_DEFAULT_THEME","style","sstyled","insert","MAP_USE_DEFAULT_THEME","exports","BUTTON_USE_TO_DEFAULT_THEME","RootButton","Component","constructor","args","_defineProperty2","default","React","createRef","ariaLabelledByContent","getTextProps","size","asProps","containerRef","getAddonProps","componentDidMount","process","env","NODE_ENV","logger","warn","current","hasLabels","title","displayName","ariaLabelledby","setTimeout","setState","document","getElementById","textContent","render","_ref","styles","use","theme","loading","disabled","neighborLocation","children","ariaLabel","Children","addonLeft","AddonLeft","addonRight","AddonRight","hintPlacement","SButton","Box","Button","CORE_INSTANCE","useTheme","SInner","SSpin","buttonAriaLabel","state","showHint","undefined","createElement","NeighborLocation","Detect","_ref4","Fragment","cn","assignProps","Addon","addonTextChildren","Text","BUTTON_SIZE_TO_SPIN_SIZE","Hint","ButtonText","props","_ref2","arguments[0]","_ref5","SText","_ref3","_ref6","SAddon","createComponent","_default"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import { NeighborLocation, Box, Hint } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { Component, CORE_INSTANCE, createComponent, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport hasLabels from '@semcore/core/lib/utils/hasLabels';\nimport logger from '@semcore/core/lib/utils/logger';\nimport Spin from '@semcore/spin';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './button.shadow.css';\nimport type { NSButton } from './Button.type';\nimport { BUTTON_SIZE_TO_SPIN_SIZE } from './mappers/BUTTON_SIZE_TO_SPIN_SIZE';\nimport { BUTTON_USE_TO_DEFAULT_THEME } from './mappers/BUTTON_USE_TO_DEFAULT_THEME';\n\n/** @deprecated It will be removed in v19. */\nexport const MAP_USE_DEFAULT_THEME = BUTTON_USE_TO_DEFAULT_THEME;\n\nexport class RootButton extends Component<\n Intergalactic.InternalTypings.InferComponentProps<NSButton.Component>,\n [],\n never,\n {},\n NSButton.State,\n NSButton.DefaultProps\n> {\n static displayName = 'Button';\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n } as const;\n\n containerRef = React.createRef<HTMLButtonElement>();\n\n state: NSButton.State = {\n ariaLabelledByContent: null,\n };\n\n getTextProps() {\n const { size } = this.asProps;\n\n return {\n size,\n 'hint:triggerRef': this.containerRef,\n };\n }\n\n getAddonProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n componentDidMount() {\n if (process.env.NODE_ENV !== 'production') {\n logger.warn(\n this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title,\n `'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n this.asProps['data-ui-name'] || RootButton.displayName,\n );\n }\n\n const ariaLabelledby = this.asProps['aria-labelledby'];\n\n if (ariaLabelledby) {\n setTimeout(() => {\n this.setState({\n ariaLabelledByContent: document.getElementById(ariaLabelledby)?.textContent ?? '',\n });\n }, 0);\n }\n }\n\n render() {\n const {\n styles,\n use,\n theme = typeof use === 'string' && BUTTON_USE_TO_DEFAULT_THEME[use],\n loading,\n disabled = loading,\n size,\n neighborLocation,\n children,\n title,\n ['aria-label']: ariaLabel,\n Children,\n addonLeft: AddonLeft,\n addonRight: AddonRight,\n hintPlacement,\n } = this.asProps;\n const SButton = Root;\n // @ts-ignore\n const Button = this[CORE_INSTANCE];\n const useTheme = use && theme ? `${use}-${theme}` : false;\n const SInner = Box;\n const SSpin = Box;\n const buttonAriaLabel = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n const showHint = (children === undefined || title);\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) => {\n return sstyled(styles)(\n <>\n <SButton\n render={Box}\n invertOutline={theme === 'invert'}\n type='button'\n tag='button'\n tabIndex={0}\n use:disabled={disabled || loading}\n use:theme={useTheme}\n ref={this.containerRef}\n aria-busy={loading}\n __excludeProps={['title']}\n aria-label={showHint ? buttonAriaLabel : undefined}\n neighborLocation={neighborLocation}\n >\n {/* @ts-ignore */}\n <SInner tag='span' loading={loading} data-ui-name={`${this.asProps['data-ui-name']}.InnerWrapper`}>\n {AddonLeft\n ? (\n <Button.Addon>\n <AddonLeft />\n </Button.Addon>\n )\n : null}\n {addonTextChildren(Children, Button.Text, Button.Addon)}\n {AddonRight\n ? (\n <Button.Addon>\n <AddonRight />\n </Button.Addon>\n )\n : null}\n </SInner>\n {loading && (\n <SSpin tag='span'>\n <Spin\n size={BUTTON_SIZE_TO_SPIN_SIZE[size]}\n theme='currentColor'\n centered\n />\n </SSpin>\n )}\n </SButton>\n {showHint && (\n <Hint\n triggerRef={this.containerRef}\n timeout={[250, 50]}\n placement={hintPlacement}\n >\n {buttonAriaLabel}\n </Hint>\n )}\n </>,\n );\n }}\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction ButtonText(props: Intergalactic.InternalTypings.InferChildComponentProps<NSButton.Text.Component, typeof RootButton, 'Text'>) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Text} />);\n}\n\nfunction Addon(props: Intergalactic.InternalTypings.InferChildComponentProps<NSButton.Text.Component, typeof RootButton, 'Addon'>) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\n/**\n * Button\n *\n * {@link https://developer.semrush.com/intergalactic/components/button/button-api/|API} | {@link https://developer.semrush.com/intergalactic/components/button/button-code/|Examples}\n */\nconst Button = createComponent<\n NSButton.Component,\n typeof RootButton\n>(RootButton, {\n Text: ButtonText,\n Addon,\n});\n\nexport default Button;\n"],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"Button.type.js","names":[],"sources":["../../../../src/component/Button/Button.type.ts"],"sourcesContent":["import type { BoxProps, NeighborItemProps, SimpleHintPopperProps } from '@semcore/base-components';\nimport type { Intergalactic, PropGetterFn } from '@semcore/core';\nimport type { NSText } from '@semcore/typography';\nimport type React from 'react';\n\nexport type ButtonProps = BoxProps &\n NeighborItemProps & {\n /** Button activity state */\n active?: boolean;\n /** Disabled button state */\n disabled?: boolean;\n /** Loading button state */\n loading?: boolean;\n /** Tag for the left Addon */\n addonLeft?: React.ElementType;\n /** Tag for the right Addon */\n addonRight?: React.ElementType;\n /**\n * Placement for hint\n * @default top\n */\n hintPlacement?: SimpleHintPopperProps['placement'];\n\n /** Button size.\n * @default `m`\n */\n size?: 'l' | 'm';\n /** Button usage.\n * @default `primary`\n */\n use?: 'primary' | 'secondary' | 'tertiary';\n /** Button theme.\n * @default undefined\n */\n theme?: 'info' | 'success' | 'brand' | 'danger' | 'muted' | 'invert';\n };\n\nexport type ButtonDefaultProps = {\n use: 'secondary';\n size: 'm';\n};\n\nexport type ButtonTextProps = NSText.Props;\n\nexport type ButtonAddonProps = BoxProps;\n\nexport type ButtonContext = {\n getTextProps: PropGetterFn;\n getAddonProps: PropGetterFn;\n};\n\nexport type ButtonChildren = {\n Text: Intergalactic.Component<'span', ButtonTextProps>;\n Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n\nexport type ButtonComponent = Intergalactic.Component<'button', ButtonProps, ButtonContext> & ButtonChildren;\n"],"mappings":"","ignoreList":[]}
1
+ {"version":3,"file":"Button.type.js","names":[],"sources":["../../../../src/component/Button/Button.type.ts"],"sourcesContent":["import type { NSBox, NSNeighborLocation, NSHint } from '@semcore/base-components';\nimport type { Intergalactic, PropGetterFn } from '@semcore/core';\nimport type { NSText } from '@semcore/typography';\nimport type React from 'react';\n\ndeclare namespace NSButton {\n type Size = 'l' | 'm';\n type Theme = 'info' | 'success' | 'brand' | 'danger' | 'muted' | 'invert';\n type Use = 'primary' | 'secondary' | 'tertiary';\n type Props = NSBox.Props &\n NSNeighborLocation.Detect.Props & {\n /** Button activity state */\n active?: boolean;\n /** Disabled button state */\n disabled?: boolean;\n /** Loading button state */\n loading?: boolean;\n /** Tag for the left Addon */\n addonLeft?: React.ElementType;\n /** Tag for the right Addon */\n addonRight?: React.ElementType;\n /**\n * Placement for hint\n * @default top\n */\n hintPlacement?: NSHint.Props['placement'];\n\n /** Button size.\n * @default `m`\n */\n size?: NSButton.Size;\n /** Button usage.\n * @default `primary`\n */\n use?: 'primary' | 'secondary' | 'tertiary';\n /** Button theme.\n * @default undefined\n */\n theme?: NSButton.Theme;\n };\n type DefaultProps = {\n use: 'secondary';\n size: 'm';\n };\n type State = {\n ariaLabelledByContent: null | string;\n };\n type Ctx = {\n getTextProps: PropGetterFn;\n getAddonProps: PropGetterFn;\n };\n\n namespace Text {\n type Props = NSText.Props;\n\n type Component = Intergalactic.Component<'span', Props>;\n }\n\n namespace Addon {\n type Props = NSBox.Props;\n\n type Component = Intergalactic.Component<'span', Props>;\n }\n\n type Component = Intergalactic.Component<'button', Props, Ctx> & {\n Text: Text.Component;\n Addon: Addon.Component;\n };\n}\n\n/** @deprecated It will be removed in v19. */\nexport type ButtonProps = NSButton.Props;\n/** @deprecated It will be removed in v19. */\nexport type ButtonDefaultProps = NSButton.DefaultProps;\n/** @deprecated It will be removed in v19. */\nexport type ButtonTextProps = NSButton.Text.Props;\n/** @deprecated It will be removed in v19. */\nexport type ButtonAddonProps = NSButton.Addon.Props;\n/** @deprecated It will be removed in v19. */\nexport type ButtonContext = NSButton.Ctx;\n/** @deprecated It will be removed in v19. */\nexport type ButtonComponent = NSButton.Component;\n\nexport type { NSButton };\n"],"mappings":"","ignoreList":[]}
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.BUTTON_SIZE_TO_SPIN_SIZE = void 0;
7
+ const BUTTON_SIZE_TO_SPIN_SIZE = exports.BUTTON_SIZE_TO_SPIN_SIZE = {
8
+ m: 'xs',
9
+ l: 's'
10
+ };
11
+ //# sourceMappingURL=BUTTON_SIZE_TO_SPIN_SIZE.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BUTTON_SIZE_TO_SPIN_SIZE.js","names":["BUTTON_SIZE_TO_SPIN_SIZE","exports","m","l"],"sources":["../../../../../src/component/Button/mappers/BUTTON_SIZE_TO_SPIN_SIZE.ts"],"sourcesContent":["import type { NSSpin } from '@semcore/spin';\n\nimport type { NSButton } from '../Button.type';\n\nexport const BUTTON_SIZE_TO_SPIN_SIZE: Record<NSButton.Size, NSSpin.Size> = {\n m: 'xs',\n l: 's',\n};\n"],"mappings":";;;;;;AAIO,MAAMA,wBAA4D,GAAAC,OAAA,CAAAD,wBAAA,GAAG;EAC1EE,CAAC,EAAE,IAAI;EACPC,CAAC,EAAE;AACL,CAAC","ignoreList":[]}
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.BUTTON_USE_TO_DEFAULT_THEME = void 0;
7
+ const BUTTON_USE_TO_DEFAULT_THEME = exports.BUTTON_USE_TO_DEFAULT_THEME = {
8
+ primary: 'info',
9
+ secondary: 'muted',
10
+ tertiary: 'info'
11
+ };
12
+ //# sourceMappingURL=BUTTON_USE_TO_DEFAULT_THEME.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BUTTON_USE_TO_DEFAULT_THEME.js","names":["BUTTON_USE_TO_DEFAULT_THEME","exports","primary","secondary","tertiary"],"sources":["../../../../../src/component/Button/mappers/BUTTON_USE_TO_DEFAULT_THEME.ts"],"sourcesContent":["import type { NSButton } from '../Button.type';\n\nexport const BUTTON_USE_TO_DEFAULT_THEME: Record<NSButton.Use, NSButton.Theme> = {\n primary: 'info',\n secondary: 'muted',\n tertiary: 'info',\n};\n"],"mappings":";;;;;;AAEO,MAAMA,2BAAiE,GAAAC,OAAA,CAAAD,2BAAA,GAAG;EAC/EE,OAAO,EAAE,MAAM;EACfC,SAAS,EAAE,OAAO;EAClBC,QAAQ,EAAE;AACZ,CAAC","ignoreList":[]}
@@ -10,15 +10,15 @@ var _core = require("@semcore/core");
10
10
  var _link = _interopRequireDefault(require("@semcore/link"));
11
11
  var _react = _interopRequireDefault(require("react"));
12
12
  /*!__reshadow-styles__:"./buttonLink.shadow.css"*/
13
- const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButtonLink_1eue2_gg_{border:none;font-family:inherit}.___SButtonLink_1eue2_gg_._use_primary_1eue2_gg_:not(.__color_1eue2_gg_){color:var(--intergalactic-text-link,oklch(.53 .21 263))}.___SButtonLink_1eue2_gg_._use_primary_1eue2_gg_.__active_1eue2_gg_:not(.__color_1eue2_gg_),.___SButtonLink_1eue2_gg_._use_primary_1eue2_gg_:not(.__color_1eue2_gg_):active{color:var(--intergalactic-text-link-hover-active,oklch(.51 .202 263))}@media (hover:hover){.___SButtonLink_1eue2_gg_._use_primary_1eue2_gg_:not(.__color_1eue2_gg_):hover{color:var(--intergalactic-text-link-hover-active,oklch(.51 .202 263))}}.___SButtonLink_1eue2_gg_._use_secondary_1eue2_gg_:not(.__color_1eue2_gg_){color:var(--intergalactic-text-hint,#00030095)}@media (color-gamut:p3){.___SButtonLink_1eue2_gg_._use_secondary_1eue2_gg_:not(.__color_1eue2_gg_){color:var(--intergalactic-text-hint,oklch(.088 .026 147.7/.583))}}.___SButtonLink_1eue2_gg_._use_secondary_1eue2_gg_.__active_1eue2_gg_:not(.__color_1eue2_gg_),.___SButtonLink_1eue2_gg_._use_secondary_1eue2_gg_:not(.__color_1eue2_gg_):active{color:var(--intergalactic-text-hint-hover-active,oklch(.086 .026 145.8/.605))}@media (hover:hover){.___SButtonLink_1eue2_gg_._use_secondary_1eue2_gg_:not(.__color_1eue2_gg_):hover{color:var(--intergalactic-text-hint-hover-active,oklch(.086 .026 145.8/.605))}}.___SButtonLink_1eue2_gg_._use_secondary_1eue2_gg_ .___SText_1eue2_gg_{text-decoration-style:dashed;text-decoration-color:initial}", /*__inner_css_end__*/"1eue2_gg_"),
13
+ const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButtonLink_pc0mq_gg_{border:none;font-family:inherit}.___SButtonLink_pc0mq_gg_._use_primary_pc0mq_gg_:not(.__color_pc0mq_gg_){color:var(--intergalactic-text-link,oklch(.53 .21 263))}.___SButtonLink_pc0mq_gg_._use_primary_pc0mq_gg_.__active_pc0mq_gg_:not(.__color_pc0mq_gg_),.___SButtonLink_pc0mq_gg_._use_primary_pc0mq_gg_:not(.__color_pc0mq_gg_):active{color:var(--intergalactic-text-link-hover-active,oklch(.51 .202 263))}@media (hover:hover){.___SButtonLink_pc0mq_gg_._use_primary_pc0mq_gg_:not(.__color_pc0mq_gg_):hover{color:var(--intergalactic-text-link-hover-active,oklch(.51 .202 263))}}.___SButtonLink_pc0mq_gg_._use_secondary_pc0mq_gg_:not(.__color_pc0mq_gg_){color:var(--intergalactic-text-hint,#00030095)}@media (color-gamut:p3){.___SButtonLink_pc0mq_gg_._use_secondary_pc0mq_gg_:not(.__color_pc0mq_gg_){color:var(--intergalactic-text-hint,oklch(.088 .026 147.7/.583))}}.___SButtonLink_pc0mq_gg_._use_secondary_pc0mq_gg_.__active_pc0mq_gg_:not(.__color_pc0mq_gg_),.___SButtonLink_pc0mq_gg_._use_secondary_pc0mq_gg_:not(.__color_pc0mq_gg_):active{color:var(--intergalactic-text-hint-hover-active,oklch(.086 .026 145.8/.605))}@media (hover:hover){.___SButtonLink_pc0mq_gg_._use_secondary_pc0mq_gg_:not(.__color_pc0mq_gg_):hover{color:var(--intergalactic-text-hint-hover-active,oklch(.086 .026 145.8/.605))}}.___SButtonLink_pc0mq_gg_._use_secondary_pc0mq_gg_ .___SText_pc0mq_gg_{text-decoration-style:dashed;text-decoration-color:initial}", /*__inner_css_end__*/"pc0mq_gg_"),
14
14
  /*__reshadow_css_end__*/
15
15
  {
16
- "__SButtonLink": "___SButtonLink_1eue2_gg_",
17
- "_use_secondary": "_use_secondary_1eue2_gg_",
18
- "__SText": "___SText_1eue2_gg_",
19
- "_use_primary": "_use_primary_1eue2_gg_",
20
- "_color": "__color_1eue2_gg_",
21
- "_active": "__active_1eue2_gg_"
16
+ "__SButtonLink": "___SButtonLink_pc0mq_gg_",
17
+ "_use_secondary": "_use_secondary_pc0mq_gg_",
18
+ "__SText": "___SText_pc0mq_gg_",
19
+ "_use_primary": "_use_primary_pc0mq_gg_",
20
+ "_color": "__color_pc0mq_gg_",
21
+ "_active": "__active_pc0mq_gg_"
22
22
  });
23
23
  class RootButtonLink extends _core.Component {
24
24
  render() {
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonLink.js","names":["_core","require","_link","_interopRequireDefault","_react","style","sstyled","insert","RootButtonLink","Component","render","_ref","asProps","_ref2","SButtonLink","Link","disabled","default","createElement","cn","assignProps","_defineProperty2","use","size","ButtonLink","exports","createComponent","Text","Addon","parent"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import { createComponent, sstyled, Root, Component } from '@semcore/core';\nimport Link from '@semcore/link';\nimport React from 'react';\n\nimport style from './buttonLink.shadow.css';\nimport type { ButtonLinkComponent, ButtonLinkDefaultProps, ButtonLinkProps } from './ButtonLink.type';\n\nclass RootButtonLink extends Component<\n ButtonLinkProps,\n [],\n {},\n {},\n {},\n ButtonLinkDefaultProps\n> {\n static displayName = 'ButtonLink';\n static style = style;\n static defaultProps = {\n use: 'primary',\n size: 200,\n } as const;\n\n render(): React.ReactNode {\n const SButtonLink = Root;\n const { disabled } = this.asProps;\n\n return sstyled(style)(\n <SButtonLink\n render={Link}\n tag='button'\n type='button'\n use:disabled={disabled}\n use:tabIndex={0}\n />,\n );\n }\n}\n\n/**\n * ButtonLink\n *\n * {@link https://developer.semrush.com/intergalactic/components/button/button-api/|API} | {@link https://developer.semrush.com/intergalactic/components/button/button-code/|Examples}\n */\nexport const ButtonLink = createComponent<ButtonLinkComponent, typeof RootButtonLink>(\n RootButtonLink,\n {\n Text: Link.Text,\n Addon: Link.Addon,\n },\n {\n parent: Link,\n },\n);\n"],"mappings":";;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AAA0B;AAAA,MAAAI,KAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAK1B,MAAMC,cAAc,SAASC,eAAS,CAOpC;EAQAC,MAAMA,CAAA,EAAoB;IAAA,IAAAC,IAAA,QAAAC,OAAA;MAAAC,KAAA;IACxB,MAAMC,WAAW,GAKLC,aAAI;IAJhB,MAAM;MAAEC;IAAS,CAAC,GAAG,IAAI,CAACJ,OAAO;IAEjC,OAAAC,KAAA,GAAO,IAAAP,aAAO,EAACD,KAAK,CAAC,eACnBD,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACJ,WAAW,EAAAD,KAAA,CAAAM,EAAA;MAAA,OAAAnB,KAAA,CAAAoB,WAAA;QAAA,OAEN,QAAQ;QAAA,QACP,QAAQ;QAAA,gBACCJ,QAAQ;QAAA,gBACR;MAAC,GAAAL,IAAA;IAAA,EAChB,CAAC;EAEN;AACF;;AAEA;AACA;AACA;AACA;AACA;AAJA,IAAAU,gBAAA,CAAAJ,OAAA,EA/BMT,cAAc,iBAQG,YAAY;AAAA,IAAAa,gBAAA,CAAAJ,OAAA,EAR7BT,cAAc,WASHH,KAAK;AAAA,IAAAgB,gBAAA,CAAAJ,OAAA,EAThBT,cAAc,kBAUI;EACpBc,GAAG,EAAE,SAAS;EACdC,IAAI,EAAE;AACR,CAAC;AAuBI,MAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,qBAAe,EACvClB,cAAc,EACd;EACEmB,IAAI,EAAEZ,aAAI,CAACY,IAAI;EACfC,KAAK,EAAEb,aAAI,CAACa;AACd,CAAC,EACD;EACEC,MAAM,EAAEd;AACV,CACF,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"ButtonLink.js","names":["_core","require","_link","_interopRequireDefault","_react","style","sstyled","insert","RootButtonLink","Component","render","_ref","asProps","_ref2","SButtonLink","Link","disabled","default","createElement","cn","assignProps","_defineProperty2","use","size","ButtonLink","exports","createComponent","Text","Addon","parent"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, sstyled, Root, Component } from '@semcore/core';\nimport Link from '@semcore/link';\nimport React from 'react';\n\nimport style from './buttonLink.shadow.css';\nimport type { NSButtonLink } from './ButtonLink.type';\n\nclass RootButtonLink extends Component<\n Intergalactic.InternalTypings.InferComponentProps<NSButtonLink.Component>,\n [],\n {},\n {},\n {},\n NSButtonLink.DefaultProps\n> {\n static displayName = 'ButtonLink';\n static style = style;\n static defaultProps = {\n use: 'primary',\n size: 200,\n } as const;\n\n render(): React.ReactNode {\n const SButtonLink = Root;\n const { disabled } = this.asProps;\n\n return sstyled(style)(\n <SButtonLink\n render={Link}\n tag='button'\n type='button'\n use:disabled={disabled}\n use:tabIndex={0}\n />,\n );\n }\n}\n\n/**\n * ButtonLink\n *\n * {@link https://developer.semrush.com/intergalactic/components/button/button-api/|API} | {@link https://developer.semrush.com/intergalactic/components/button/button-code/|Examples}\n */\nexport const ButtonLink = createComponent<NSButtonLink.Component, typeof RootButtonLink>(\n RootButtonLink,\n {\n Text: Link.Text,\n Addon: Link.Addon,\n },\n {\n parent: Link,\n },\n);\n"],"mappings":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AAA0B;AAAA,MAAAI,KAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAK1B,MAAMC,cAAc,SAASC,eAAS,CAOpC;EAQAC,MAAMA,CAAA,EAAoB;IAAA,IAAAC,IAAA,QAAAC,OAAA;MAAAC,KAAA;IACxB,MAAMC,WAAW,GAKLC,aAAI;IAJhB,MAAM;MAAEC;IAAS,CAAC,GAAG,IAAI,CAACJ,OAAO;IAEjC,OAAAC,KAAA,GAAO,IAAAP,aAAO,EAACD,KAAK,CAAC,eACnBD,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACJ,WAAW,EAAAD,KAAA,CAAAM,EAAA;MAAA,OAAAnB,KAAA,CAAAoB,WAAA;QAAA,OAEN,QAAQ;QAAA,QACP,QAAQ;QAAA,gBACCJ,QAAQ;QAAA,gBACR;MAAC,GAAAL,IAAA;IAAA,EAChB,CAAC;EAEN;AACF;;AAEA;AACA;AACA;AACA;AACA;AAJA,IAAAU,gBAAA,CAAAJ,OAAA,EA/BMT,cAAc,iBAQG,YAAY;AAAA,IAAAa,gBAAA,CAAAJ,OAAA,EAR7BT,cAAc,WASHH,KAAK;AAAA,IAAAgB,gBAAA,CAAAJ,OAAA,EAThBT,cAAc,kBAUI;EACpBc,GAAG,EAAE,SAAS;EACdC,IAAI,EAAE;AACR,CAAC;AAuBI,MAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,qBAAe,EACvClB,cAAc,EACd;EACEmB,IAAI,EAAEZ,aAAI,CAACY,IAAI;EACfC,KAAK,EAAEb,aAAI,CAACa;AACd,CAAC,EACD;EACEC,MAAM,EAAEd;AACV,CACF,CAAC","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonLink.type.js","names":[],"sources":["../../../../src/component/ButtonLink/ButtonLink.type.ts"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { LinkProps } from '@semcore/link';\nimport type { NSText } from '@semcore/typography';\n\nimport type { ButtonContext } from '../Button/Button.type';\n\nexport type ButtonLinkProps = Intergalactic.InternalTypings.EfficientOmit<LinkProps, 'enableVisited'> & {\n /**\n * Button link type\n * @default primary\n */\n use?: 'primary' | 'secondary';\n};\n\nexport type ButtonLinkDefaultProps = {\n use: 'primary';\n size: 200;\n};\n\nexport type ButtonLinkTextProps = NSText.Props;\n\nexport type ButtonLinkAddonProps = BoxProps;\n\nexport type ButtonLinkChildren = {\n Text: Intergalactic.Component<'span', ButtonLinkTextProps>;\n Addon: Intergalactic.Component<'span', ButtonLinkAddonProps>;\n};\n\nexport type ButtonLinkComponent = Intergalactic.Component<\n 'button',\n ButtonLinkProps,\n ButtonContext\n> & ButtonLinkChildren;\n"],"mappings":"","ignoreList":[]}
1
+ {"version":3,"file":"ButtonLink.type.js","names":[],"sources":["../../../../src/component/ButtonLink/ButtonLink.type.ts"],"sourcesContent":["import type { NSBox } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { NSLink } from '@semcore/link';\nimport type { NSText } from '@semcore/typography';\n\nimport type { NSButton } from '../Button/Button.type';\n\ndeclare namespace NSButtonLink {\n type Props = Intergalactic.InternalTypings.EfficientOmit<NSLink.Props, 'enableVisited'> & {\n /**\n * Button link type\n * @default primary\n */\n use?: 'primary' | 'secondary';\n };\n type DefaultProps = {\n use: 'primary';\n size: 200;\n };\n\n namespace Text {\n type Props = NSText.Props;\n\n type Component = Intergalactic.Component<'span', Props>;\n }\n\n namespace Addon {\n type Props = NSBox.Props;\n\n type Component = Intergalactic.Component<'span', Props>;\n }\n\n type Component = Intergalactic.Component<'button', Props, NSButton.Ctx> & {\n Text: Text.Component;\n Addon: Addon.Component;\n };\n}\n\n/** @deprecated It will be removed in v19. */\nexport type ButtonLinkProps = NSButtonLink.Props;\n/** @deprecated It will be removed in v19. */\nexport type ButtonLinkDefaultProps = NSButtonLink.DefaultProps;\n/** @deprecated It will be removed in v19. */\nexport type ButtonLinkTextProps = NSButtonLink.Text.Props;\n/** @deprecated It will be removed in v19. */\nexport type ButtonLinkAddonProps = NSButtonLink.Addon.Props;\n/** @deprecated It will be removed in v19. */\nexport type ButtonLinkComponent = NSButtonLink.Component;\n\nexport type { NSButtonLink };\n"],"mappings":"","ignoreList":[]}
@@ -8,45 +8,45 @@ import { Component, CORE_INSTANCE, createComponent, Root, sstyled } from '@semco
8
8
  import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';
9
9
  import hasLabels from '@semcore/core/lib/utils/hasLabels';
10
10
  import logger from '@semcore/core/lib/utils/logger';
11
+ import Spin from '@semcore/spin';
11
12
  import { Text } from '@semcore/typography';
12
13
  import React from 'react';
13
14
  /*!__reshadow-styles__:"./button.shadow.css"*/
14
- const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SButton_vr2od_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 #0000;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,#00030095);min-width:-moz-fit-content;min-width:fit-content}@media (color-gamut:p3){.___SButton_vr2od_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}.___SButton_vr2od_gg_::-moz-focus-inner{padding:0;border:none}.___SButton_vr2od_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_vr2od_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_vr2od_gg_.__disabled_vr2od_gg_{opacity:var(--intergalactic-disabled-opacity,.4);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_vr2od_gg_._size_s_vr2od_gg_{width:var(--intergalactic-form-control-s,20px);height:var(--intergalactic-form-control-s,20px);border-radius:var(--intergalactic-addon-rounded,4px)}.___SButton_vr2od_gg_._size_m_vr2od_gg_{height:var(--intergalactic-form-control-m,28px);border-radius:var(--intergalactic-control-rounded,6px);font-size:var(--intergalactic-fs-200,14px)}.___SButton_vr2od_gg_._size_l_vr2od_gg_{height:var(--intergalactic-form-control-l,40px);border-radius:var(--intergalactic-control-rounded,6px);font-size:var(--intergalactic-fs-300,16px)}.___SButton_vr2od_gg_._theme_primary-info_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info,oklch(.23 .01 140))}@media (hover:hover){.___SButton_vr2od_gg_._theme_primary-info_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info-hover,oklch(.32 .007 140))}}.___SButton_vr2od_gg_._theme_primary-info_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-info_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info-active,oklch(0 0 140))}.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success,#00a480)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_{background-color:var(--intergalactic-control-primary-success,oklch(.64 .161 170))}}@media (hover:hover){.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success-hover,#009675)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover,oklch(.6 .155 170))}}}.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success-active,#009070)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_:active{background-color:var(--intergalactic-control-primary-success-active,oklch(.58 .151 170))}}.___SButton_vr2od_gg_._theme_primary-brand_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand,oklch(.64 .223 299.3))}@media (hover:hover){.___SButton_vr2od_gg_._theme_primary-brand_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-hover,oklch(.6 .244 297.8))}}.___SButton_vr2od_gg_._theme_primary-brand_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-brand_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-active,oklch(.58 .254 297.1))}.___SButton_vr2od_gg_._theme_primary-warning_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand,oklch(.64 .223 299.3))}@media (hover:hover){.___SButton_vr2od_gg_._theme_primary-warning_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-hover,oklch(.6 .244 297.8))}}.___SButton_vr2od_gg_._theme_primary-warning_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-warning_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-active,oklch(.58 .254 297.1))}.___SButton_vr2od_gg_._theme_primary-danger_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical,oklch(.64 .226 24.5))}@media (hover:hover){.___SButton_vr2od_gg_._theme_primary-danger_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical-hover,oklch(.6 .219 25.5))}}.___SButton_vr2od_gg_._theme_primary-danger_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-danger_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical-active,oklch(.58 .215 26))}.___SButton_vr2od_gg_._theme_primary-invert_vr2od_gg_{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert,oklch(1 0 0))}@media (hover:hover){.___SButton_vr2od_gg_._theme_primary-invert_vr2od_gg_:hover{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert-hover,oklch(.96 .001 180))}}.___SButton_vr2od_gg_._theme_primary-invert_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-invert_vr2od_gg_:active{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert-active,oklch(.94 .002 180))}.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_{color:var(--intergalactic-text-secondary,#00030095);border-color:var(--intergalactic-border-primary,#000c0829);background-color:var(--intergalactic-control-secondary-neutral,oklch(.177 .033 175.6/.028))}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583));border-color:var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}@media (hover:hover){.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,oklch(.176 .033 175.6/.056));color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}}.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,#00151015);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,oklch(.176 .033 175.7/.084))}}.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_{background-color:var(--intergalactic-control-secondary-info,#0051ff0a);color:var(--intergalactic-text-link,oklch(.53 .21 263));border-color:var(--intergalactic-control-primary-info,oklch(.23 .01 140))}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_{background-color:var(--intergalactic-control-secondary-info,oklch(.527 .264 262.9/.039))}}@media (hover:hover){.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_:hover{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-secondary-info-hover,#0050ff14)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover,oklch(.525 .265 263/.077))}}}.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_:active{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-secondary-info-active,#014fff1e)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_:active{background-color:var(--intergalactic-control-secondary-info-active,oklch(.524 .266 263.1/.116))}}.___SButton_vr2od_gg_._theme_secondary-invert_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));border-color:var(--intergalactic-border-primary-invert,oklch(.995 .008 147.4/.391));background-color:var(--intergalactic-control-secondary-invert,oklch(.969 .057 140/.118))}@media (hover:hover){.___SButton_vr2od_gg_._theme_secondary-invert_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-secondary-invert-hover,oklch(.976 .043 140/.145))}}.___SButton_vr2od_gg_._theme_secondary-invert_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_secondary-invert_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-secondary-invert-active,oklch(.983 .03 140/.183))}.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-tertiary-info,#0000)}@media (hover:hover){.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_:hover{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-tertiary-info-hover,#0050ff14)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover,oklch(.525 .265 263/.077))}}}.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_:active{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-tertiary-info-active,#014fff1e)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active,oklch(.524 .266 263.1/.116))}}.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_{color:var(--intergalactic-text-secondary,#00030095);background-color:var(--intergalactic-control-tertiary-neutral,#0000)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}@media (hover:hover){.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover,oklch(.176 .033 175.6/.056));color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}}.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,#00151015);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,oklch(.176 .033 175.7/.084))}}.___SButton_vr2od_gg_._theme_tertiary-invert_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert,#0000)}@media (hover:hover){.___SButton_vr2od_gg_._theme_tertiary-invert_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert-hover,oklch(.976 .043 140/.145))}}.___SButton_vr2od_gg_._theme_tertiary-invert_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_tertiary-invert_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert-active,oklch(.983 .03 140/.183))}.___SButton_vr2od_gg_._neighborLocation_right_vr2od_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_vr2od_gg_._neighborLocation_both_vr2od_gg_{border-radius:0;margin-left:-1px}.___SButton_vr2od_gg_._neighborLocation_left_vr2od_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_vr2od_gg_._neighborLocation_both_vr2od_gg_,.___SButton_vr2od_gg_._neighborLocation_left_vr2od_gg_{position:relative}.___SButton_vr2od_gg_._neighborLocation_both_vr2od_gg_:after,.___SButton_vr2od_gg_._neighborLocation_left_vr2od_gg_:after{background-color:var(--intergalactic-border-primary-invert,oklch(.995 .008 147.4/.391))}.___SButton_vr2od_gg_._neighborLocation_both_vr2od_gg_._theme_secondary-muted_vr2od_gg_:after,.___SButton_vr2od_gg_._neighborLocation_left_vr2od_gg_._theme_secondary-muted_vr2od_gg_:after{background-color:var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SButton_vr2od_gg_._neighborLocation_both_vr2od_gg_._theme_secondary-muted_vr2od_gg_:after,.___SButton_vr2od_gg_._neighborLocation_left_vr2od_gg_._theme_secondary-muted_vr2od_gg_:after{background-color:var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SButton_vr2od_gg_+.___SButton_vr2od_gg_._neighborLocation_both_vr2od_gg_:after,.___SButton_vr2od_gg_+.___SButton_vr2od_gg_._neighborLocation_left_vr2od_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_vr2od_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_vr2od_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_vr2od_gg_.__loading_vr2od_gg_{visibility:hidden}.___SText_vr2od_gg_{display:inline-flex}.___SText_vr2od_gg_._size_m_vr2od_gg_{line-height:var(--intergalactic-lh-200,142%)}.___SText_vr2od_gg_._size_l_vr2od_gg_,.___SText_vr2od_gg_._size_m_vr2od_gg_{margin-left:var(--intergalactic-spacing-2x,8px);margin-right:var(--intergalactic-spacing-2x,8px)}.___SText_vr2od_gg_._size_l_vr2od_gg_{line-height:var(--intergalactic-lh-300,150%)}.___SText_vr2od_gg_._size_l_vr2od_gg_:only-child{margin-left:var(--intergalactic-spacing-3x,12px);margin-right:var(--intergalactic-spacing-3x,12px)}.___SText_vr2od_gg_._size_l_vr2od_gg_:first-child{margin-left:var(--intergalactic-spacing-3x,12px)}.___SText_vr2od_gg_._size_l_vr2od_gg_:last-child{margin-right:var(--intergalactic-spacing-3x,12px)}.___SAddon_vr2od_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_vr2od_gg_._size_m_vr2od_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_vr2od_gg_._size_m_vr2od_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_vr2od_gg_._size_m_vr2od_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*1.5 - 1px);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*1.5 - 1px)}.___SAddon_vr2od_gg_._size_l_vr2od_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_vr2od_gg_._size_l_vr2od_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_vr2od_gg_._size_l_vr2od_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*3 - 1px);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*3 - 1px)}", /*__inner_css_end__*/"vr2od_gg_"),
15
+ const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SButton_eyreh_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 #0000;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,#00030095);min-width:-moz-fit-content;min-width:fit-content}@media (color-gamut:p3){.___SButton_eyreh_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}.___SButton_eyreh_gg_::-moz-focus-inner{padding:0;border:none}.___SButton_eyreh_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_eyreh_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_eyreh_gg_.__disabled_eyreh_gg_{opacity:var(--intergalactic-disabled-opacity,.4);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_eyreh_gg_._size_s_eyreh_gg_{width:var(--intergalactic-form-control-s,20px);height:var(--intergalactic-form-control-s,20px);border-radius:var(--intergalactic-addon-rounded,4px)}.___SButton_eyreh_gg_._size_m_eyreh_gg_{height:var(--intergalactic-form-control-m,28px);border-radius:var(--intergalactic-control-rounded,6px);font-size:var(--intergalactic-fs-200,14px)}.___SButton_eyreh_gg_._size_l_eyreh_gg_{height:var(--intergalactic-form-control-l,40px);border-radius:var(--intergalactic-control-rounded,6px);font-size:var(--intergalactic-fs-300,16px)}.___SButton_eyreh_gg_._theme_primary-info_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info,oklch(.23 .01 140))}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-info_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info-hover,oklch(.32 .007 140))}}.___SButton_eyreh_gg_._theme_primary-info_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-info_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info-active,oklch(0 0 140))}.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success,#00a480)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_{background-color:var(--intergalactic-control-primary-success,oklch(.64 .161 170))}}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success-hover,#009675)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover,oklch(.6 .155 170))}}}.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success-active,#009070)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_:active{background-color:var(--intergalactic-control-primary-success-active,oklch(.58 .151 170))}}.___SButton_eyreh_gg_._theme_primary-brand_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand,oklch(.64 .223 299.3))}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-brand_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-hover,oklch(.6 .244 297.8))}}.___SButton_eyreh_gg_._theme_primary-brand_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-brand_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-active,oklch(.58 .254 297.1))}.___SButton_eyreh_gg_._theme_primary-warning_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand,oklch(.64 .223 299.3))}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-warning_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-hover,oklch(.6 .244 297.8))}}.___SButton_eyreh_gg_._theme_primary-warning_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-warning_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-active,oklch(.58 .254 297.1))}.___SButton_eyreh_gg_._theme_primary-danger_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical,oklch(.64 .226 24.5))}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-danger_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical-hover,oklch(.6 .219 25.5))}}.___SButton_eyreh_gg_._theme_primary-danger_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-danger_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical-active,oklch(.58 .215 26))}.___SButton_eyreh_gg_._theme_primary-invert_eyreh_gg_{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert,oklch(1 0 0))}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-invert_eyreh_gg_:hover{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert-hover,oklch(.96 .001 180))}}.___SButton_eyreh_gg_._theme_primary-invert_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-invert_eyreh_gg_:active{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert-active,oklch(.94 .002 180))}.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_{color:var(--intergalactic-text-secondary,#00030095);border-color:var(--intergalactic-border-primary,#000c0829);background-color:var(--intergalactic-control-secondary-neutral,oklch(.177 .033 175.6/.028))}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583));border-color:var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}@media (hover:hover){.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,oklch(.176 .033 175.6/.056));color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}}.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,#00151015);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,oklch(.176 .033 175.7/.084))}}.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_{background-color:var(--intergalactic-control-secondary-info,#0051ff0a);color:var(--intergalactic-text-link,oklch(.53 .21 263));border-color:var(--intergalactic-control-primary-info,oklch(.23 .01 140))}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_{background-color:var(--intergalactic-control-secondary-info,oklch(.527 .264 262.9/.039))}}@media (hover:hover){.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_:hover{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-secondary-info-hover,#0050ff14)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover,oklch(.525 .265 263/.077))}}}.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_:active{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-secondary-info-active,#014fff1e)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_:active{background-color:var(--intergalactic-control-secondary-info-active,oklch(.524 .266 263.1/.116))}}.___SButton_eyreh_gg_._theme_secondary-invert_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));border-color:var(--intergalactic-border-primary-invert,oklch(.995 .008 147.4/.391));background-color:var(--intergalactic-control-secondary-invert,oklch(.969 .057 140/.118))}@media (hover:hover){.___SButton_eyreh_gg_._theme_secondary-invert_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-secondary-invert-hover,oklch(.976 .043 140/.145))}}.___SButton_eyreh_gg_._theme_secondary-invert_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_secondary-invert_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-secondary-invert-active,oklch(.983 .03 140/.183))}.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-tertiary-info,#0000)}@media (hover:hover){.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_:hover{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-tertiary-info-hover,#0050ff14)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover,oklch(.525 .265 263/.077))}}}.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_:active{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-tertiary-info-active,#014fff1e)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active,oklch(.524 .266 263.1/.116))}}.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_{color:var(--intergalactic-text-secondary,#00030095);background-color:var(--intergalactic-control-tertiary-neutral,#0000)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}@media (hover:hover){.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover,oklch(.176 .033 175.6/.056));color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}}.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,#00151015);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,oklch(.176 .033 175.7/.084))}}.___SButton_eyreh_gg_._theme_tertiary-invert_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert,#0000)}@media (hover:hover){.___SButton_eyreh_gg_._theme_tertiary-invert_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert-hover,oklch(.976 .043 140/.145))}}.___SButton_eyreh_gg_._theme_tertiary-invert_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_tertiary-invert_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert-active,oklch(.983 .03 140/.183))}.___SButton_eyreh_gg_._neighborLocation_right_eyreh_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_{border-radius:0;margin-left:-1px}.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_,.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_{position:relative}.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_:after,.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_:after{background-color:var(--intergalactic-border-primary-invert,oklch(.995 .008 147.4/.391))}.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_._theme_secondary-muted_eyreh_gg_:after,.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_._theme_secondary-muted_eyreh_gg_:after{background-color:var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_._theme_secondary-muted_eyreh_gg_:after,.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_._theme_secondary-muted_eyreh_gg_:after{background-color:var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SButton_eyreh_gg_+.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_:after,.___SButton_eyreh_gg_+.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_eyreh_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_eyreh_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_eyreh_gg_.__loading_eyreh_gg_{visibility:hidden}.___SText_eyreh_gg_{display:inline-flex}.___SText_eyreh_gg_._size_m_eyreh_gg_{line-height:var(--intergalactic-lh-200,142%)}.___SText_eyreh_gg_._size_l_eyreh_gg_,.___SText_eyreh_gg_._size_m_eyreh_gg_{margin-left:var(--intergalactic-spacing-2x,8px);margin-right:var(--intergalactic-spacing-2x,8px)}.___SText_eyreh_gg_._size_l_eyreh_gg_{line-height:var(--intergalactic-lh-300,150%)}.___SText_eyreh_gg_._size_l_eyreh_gg_:only-child{margin-left:var(--intergalactic-spacing-3x,12px);margin-right:var(--intergalactic-spacing-3x,12px)}.___SText_eyreh_gg_._size_l_eyreh_gg_:first-child{margin-left:var(--intergalactic-spacing-3x,12px)}.___SText_eyreh_gg_._size_l_eyreh_gg_:last-child{margin-right:var(--intergalactic-spacing-3x,12px)}.___SAddon_eyreh_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_eyreh_gg_._size_m_eyreh_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_eyreh_gg_._size_m_eyreh_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_eyreh_gg_._size_m_eyreh_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*1.5 - 1px);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*1.5 - 1px)}.___SAddon_eyreh_gg_._size_l_eyreh_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_eyreh_gg_._size_l_eyreh_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_eyreh_gg_._size_l_eyreh_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*3 - 1px);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*3 - 1px)}", /*__inner_css_end__*/"eyreh_gg_"),
15
16
  /*__reshadow_css_end__*/
16
17
  {
17
- "__SButton": "___SButton_vr2od_gg_",
18
- "_disabled": "__disabled_vr2od_gg_",
19
- "_size_s": "_size_s_vr2od_gg_",
20
- "_size_m": "_size_m_vr2od_gg_",
21
- "_size_l": "_size_l_vr2od_gg_",
22
- "_neighborLocation_right": "_neighborLocation_right_vr2od_gg_",
23
- "_neighborLocation_both": "_neighborLocation_both_vr2od_gg_",
24
- "_neighborLocation_left": "_neighborLocation_left_vr2od_gg_",
25
- "__SSpin": "___SSpin_vr2od_gg_",
26
- "__SInner": "___SInner_vr2od_gg_",
27
- "_loading": "__loading_vr2od_gg_",
28
- "__SText": "___SText_vr2od_gg_",
29
- "__SAddon": "___SAddon_vr2od_gg_",
30
- "_theme_primary-info": "_theme_primary-info_vr2od_gg_",
31
- "_active": "__active_vr2od_gg_",
32
- "_theme_primary-success": "_theme_primary-success_vr2od_gg_",
33
- "_theme_primary-brand": "_theme_primary-brand_vr2od_gg_",
34
- "_theme_primary-warning": "_theme_primary-warning_vr2od_gg_",
35
- "_theme_primary-danger": "_theme_primary-danger_vr2od_gg_",
36
- "_theme_primary-invert": "_theme_primary-invert_vr2od_gg_",
37
- "_theme_secondary-muted": "_theme_secondary-muted_vr2od_gg_",
38
- "_theme_secondary-info": "_theme_secondary-info_vr2od_gg_",
39
- "_theme_secondary-invert": "_theme_secondary-invert_vr2od_gg_",
40
- "_theme_tertiary-info": "_theme_tertiary-info_vr2od_gg_",
41
- "_theme_tertiary-muted": "_theme_tertiary-muted_vr2od_gg_",
42
- "_theme_tertiary-invert": "_theme_tertiary-invert_vr2od_gg_"
18
+ "__SButton": "___SButton_eyreh_gg_",
19
+ "_disabled": "__disabled_eyreh_gg_",
20
+ "_size_s": "_size_s_eyreh_gg_",
21
+ "_size_m": "_size_m_eyreh_gg_",
22
+ "_size_l": "_size_l_eyreh_gg_",
23
+ "_neighborLocation_right": "_neighborLocation_right_eyreh_gg_",
24
+ "_neighborLocation_both": "_neighborLocation_both_eyreh_gg_",
25
+ "_neighborLocation_left": "_neighborLocation_left_eyreh_gg_",
26
+ "__SSpin": "___SSpin_eyreh_gg_",
27
+ "__SInner": "___SInner_eyreh_gg_",
28
+ "_loading": "__loading_eyreh_gg_",
29
+ "__SText": "___SText_eyreh_gg_",
30
+ "__SAddon": "___SAddon_eyreh_gg_",
31
+ "_theme_primary-info": "_theme_primary-info_eyreh_gg_",
32
+ "_active": "__active_eyreh_gg_",
33
+ "_theme_primary-success": "_theme_primary-success_eyreh_gg_",
34
+ "_theme_primary-brand": "_theme_primary-brand_eyreh_gg_",
35
+ "_theme_primary-warning": "_theme_primary-warning_eyreh_gg_",
36
+ "_theme_primary-danger": "_theme_primary-danger_eyreh_gg_",
37
+ "_theme_primary-invert": "_theme_primary-invert_eyreh_gg_",
38
+ "_theme_secondary-muted": "_theme_secondary-muted_eyreh_gg_",
39
+ "_theme_secondary-info": "_theme_secondary-info_eyreh_gg_",
40
+ "_theme_secondary-invert": "_theme_secondary-invert_eyreh_gg_",
41
+ "_theme_tertiary-info": "_theme_tertiary-info_eyreh_gg_",
42
+ "_theme_tertiary-muted": "_theme_tertiary-muted_eyreh_gg_",
43
+ "_theme_tertiary-invert": "_theme_tertiary-invert_eyreh_gg_"
43
44
  });
44
- import SpinButton from './SpinButton';
45
- export const MAP_USE_DEFAULT_THEME = {
46
- primary: 'info',
47
- secondary: 'muted',
48
- tertiary: 'info'
49
- };
45
+ import { BUTTON_SIZE_TO_SPIN_SIZE } from './mappers/BUTTON_SIZE_TO_SPIN_SIZE';
46
+ import { BUTTON_USE_TO_DEFAULT_THEME } from './mappers/BUTTON_USE_TO_DEFAULT_THEME';
47
+
48
+ /** @deprecated It will be removed in v19. */
49
+ export const MAP_USE_DEFAULT_THEME = BUTTON_USE_TO_DEFAULT_THEME;
50
50
  export class RootButton extends Component {
51
51
  constructor(...args) {
52
52
  super(...args);
@@ -90,7 +90,7 @@ export class RootButton extends Component {
90
90
  const {
91
91
  styles,
92
92
  use,
93
- theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],
93
+ theme = typeof use === 'string' && BUTTON_USE_TO_DEFAULT_THEME[use],
94
94
  loading,
95
95
  disabled = loading,
96
96
  size,
@@ -135,10 +135,10 @@ export class RootButton extends Component {
135
135
  "data-ui-name": `${this.asProps['data-ui-name']}.InnerWrapper`
136
136
  }), AddonLeft ? /*#__PURE__*/React.createElement(Button.Addon, null, /*#__PURE__*/React.createElement(AddonLeft, _ref4.cn("AddonLeft", {}))) : null, addonTextChildren(Children, Button.Text, Button.Addon), AddonRight ? /*#__PURE__*/React.createElement(Button.Addon, null, /*#__PURE__*/React.createElement(AddonRight, _ref4.cn("AddonRight", {}))) : null), loading && /*#__PURE__*/React.createElement(SSpin, _ref4.cn("SSpin", {
137
137
  "tag": 'span'
138
- }), /*#__PURE__*/React.createElement(SpinButton, _ref4.cn("SpinButton", {
139
- "centered": true,
140
- "size": size,
141
- "theme": useTheme
138
+ }), /*#__PURE__*/React.createElement(Spin, _ref4.cn("Spin", {
139
+ "size": BUTTON_SIZE_TO_SPIN_SIZE[size],
140
+ "theme": 'currentColor',
141
+ "centered": true
142
142
  })))), showHint && /*#__PURE__*/React.createElement(Hint, _ref4.cn("Hint", {
143
143
  "triggerRef": this.containerRef,
144
144
  "timeout": [250, 50],