@semcore/button 16.1.0-prerelease.3 → 16.1.0

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 (48) hide show
  1. package/lib/cjs/component/Button/Button.js +160 -50
  2. package/lib/cjs/component/Button/Button.js.map +1 -1
  3. package/lib/cjs/component/Button/Button.type.js.map +1 -1
  4. package/lib/cjs/component/Button/SpinButton.js.map +1 -0
  5. package/lib/cjs/component/ButtonLink/ButtonLink.js +29 -54
  6. package/lib/cjs/component/ButtonLink/ButtonLink.js.map +1 -1
  7. package/lib/cjs/component/ButtonLink/ButtonLink.type.js.map +1 -1
  8. package/lib/cjs/component/ButtonLink/buttonLink.shadow.css +10 -140
  9. package/lib/cjs/index.js +3 -4
  10. package/lib/cjs/index.js.map +1 -1
  11. package/lib/es6/component/Button/Button.js +160 -49
  12. package/lib/es6/component/Button/Button.js.map +1 -1
  13. package/lib/es6/component/Button/Button.type.js.map +1 -1
  14. package/lib/es6/component/Button/SpinButton.js.map +1 -0
  15. package/lib/es6/component/ButtonLink/ButtonLink.js +30 -56
  16. package/lib/es6/component/ButtonLink/ButtonLink.js.map +1 -1
  17. package/lib/es6/component/ButtonLink/ButtonLink.type.js.map +1 -1
  18. package/lib/es6/component/ButtonLink/buttonLink.shadow.css +10 -140
  19. package/lib/es6/index.js +1 -2
  20. package/lib/es6/index.js.map +1 -1
  21. package/lib/esm/component/Button/Button.mjs +140 -48
  22. package/lib/esm/component/Button/Button.type.mjs +1 -0
  23. package/lib/esm/component/{AbstractButton → Button}/SpinButton.mjs +1 -2
  24. package/lib/esm/component/ButtonLink/ButtonLink.mjs +30 -52
  25. package/lib/esm/component/ButtonLink/ButtonLink.type.mjs +1 -0
  26. package/lib/esm/component/ButtonLink/buttonLink.shadow.css +10 -140
  27. package/lib/esm/index.mjs +3 -2
  28. package/lib/types/component/Button/Button.d.ts +28 -1
  29. package/lib/types/component/Button/Button.type.d.ts +40 -39
  30. package/lib/types/component/ButtonLink/ButtonLink.type.d.ts +14 -19
  31. package/lib/types/index.d.ts +1 -2
  32. package/package.json +9 -9
  33. package/lib/cjs/component/AbstractButton/AbstractButton.js +0 -189
  34. package/lib/cjs/component/AbstractButton/AbstractButton.js.map +0 -1
  35. package/lib/cjs/component/AbstractButton/AbstractButton.type.js +0 -2
  36. package/lib/cjs/component/AbstractButton/AbstractButton.type.js.map +0 -1
  37. package/lib/cjs/component/AbstractButton/SpinButton.js.map +0 -1
  38. package/lib/es6/component/AbstractButton/AbstractButton.js +0 -184
  39. package/lib/es6/component/AbstractButton/AbstractButton.js.map +0 -1
  40. package/lib/es6/component/AbstractButton/AbstractButton.type.js +0 -2
  41. package/lib/es6/component/AbstractButton/AbstractButton.type.js.map +0 -1
  42. package/lib/es6/component/AbstractButton/SpinButton.js.map +0 -1
  43. package/lib/esm/component/AbstractButton/AbstractButton.mjs +0 -157
  44. package/lib/types/component/AbstractButton/AbstractButton.d.ts +0 -24
  45. package/lib/types/component/AbstractButton/AbstractButton.type.d.ts +0 -38
  46. /package/lib/cjs/component/{AbstractButton → Button}/SpinButton.js +0 -0
  47. /package/lib/es6/component/{AbstractButton → Button}/SpinButton.js +0 -0
  48. /package/lib/types/component/{AbstractButton → Button}/SpinButton.d.ts +0 -0
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports["default"] = void 0;
7
+ exports["default"] = exports.RootButton = exports.MAP_USE_DEFAULT_THEME = void 0;
8
8
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
9
9
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
10
10
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -12,77 +12,187 @@ var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSup
12
12
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
13
13
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
14
14
  var _core = require("@semcore/core");
15
- var _flexBox = require("@semcore/flex-box");
15
+ var _baseComponents = require("@semcore/base-components");
16
+ var _addonTextChildren = _interopRequireDefault(require("@semcore/core/lib/utils/addonTextChildren"));
17
+ var _hasLabels = _interopRequireDefault(require("@semcore/core/lib/utils/hasLabels"));
18
+ var _logger = _interopRequireDefault(require("@semcore/core/lib/utils/logger"));
19
+ var _typography = require("@semcore/typography");
16
20
  var _react = _interopRequireDefault(require("react"));
17
- var _AbstractButton2 = require("../AbstractButton/AbstractButton");
21
+ var _SpinButton = _interopRequireDefault(require("./SpinButton"));
18
22
  /*!__reshadow-styles__:"./button.shadow.css"*/
19
- var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButton_1h7vs_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;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));min-width:-moz-fit-content;min-width:fit-content}@supports (color:color(display-p3 0 0 0%)){.___SButton_1h7vs_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_1h7vs_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SButton_1h7vs_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_1h7vs_gg_:active{text-decoration:none}@media (hover:hover){.___SButton_1h7vs_gg_:hover{text-decoration:none}}.___SButton_1h7vs_gg_.__disabled_1h7vs_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_1h7vs_gg_._size_s_1h7vs_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_1h7vs_gg_._size_m_1h7vs_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_1h7vs_gg_._size_l_1h7vs_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_1h7vs_gg_._theme_primary-info_1h7vs_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}@media (hover:hover){.___SButton_1h7vs_gg_._theme_primary-info_1h7vs_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-info-hover, rgb(49, 52, 48))}}.___SButton_1h7vs_gg_._theme_primary-info_1h7vs_gg_.__active_1h7vs_gg_,.___SButton_1h7vs_gg_._theme_primary-info_1h7vs_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-info-active, rgb(0, 0, 0))}.___SButton_1h7vs_gg_._theme_primary-success_1h7vs_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success, rgb(0, 164, 128))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1h7vs_gg_._theme_primary-success_1h7vs_gg_{background-color:var(--intergalactic-control-primary-success, rgb(0, 164, 128))}@media (color-gamut:p3){.___SButton_1h7vs_gg_._theme_primary-success_1h7vs_gg_{background-color:var(--intergalactic-control-primary-success, color(display-p3 0.13723 0.6542 0.50031))}}}@media (hover:hover){.___SButton_1h7vs_gg_._theme_primary-success_1h7vs_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success-hover, rgb(0, 150, 117))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1h7vs_gg_._theme_primary-success_1h7vs_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, rgb(0, 150, 117))}@media (color-gamut:p3){.___SButton_1h7vs_gg_._theme_primary-success_1h7vs_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, color(display-p3 0.09181 0.60147 0.45602))}}}}.___SButton_1h7vs_gg_._theme_primary-success_1h7vs_gg_.__active_1h7vs_gg_,.___SButton_1h7vs_gg_._theme_primary-success_1h7vs_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success-active, rgb(0, 144, 112))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1h7vs_gg_._theme_primary-success_1h7vs_gg_.__active_1h7vs_gg_,.___SButton_1h7vs_gg_._theme_primary-success_1h7vs_gg_:active{background-color:var(--intergalactic-control-primary-success-active, rgb(0, 144, 112))}@media (color-gamut:p3){.___SButton_1h7vs_gg_._theme_primary-success_1h7vs_gg_.__active_1h7vs_gg_,.___SButton_1h7vs_gg_._theme_primary-success_1h7vs_gg_:active{background-color:var(--intergalactic-control-primary-success-active, color(display-p3 0.07522 0.57486 0.43446))}}}.___SButton_1h7vs_gg_._theme_primary-brand_1h7vs_gg_,.___SButton_1h7vs_gg_._theme_primary-warning_1h7vs_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand, rgb(162, 97, 253))}@media (hover:hover){.___SButton_1h7vs_gg_._theme_primary-brand_1h7vs_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-hover, rgb(150, 76, 251))}}.___SButton_1h7vs_gg_._theme_primary-brand_1h7vs_gg_.__active_1h7vs_gg_,.___SButton_1h7vs_gg_._theme_primary-brand_1h7vs_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-active, rgb(144, 65, 250))}@media (hover:hover){.___SButton_1h7vs_gg_._theme_primary-warning_1h7vs_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-hover, rgb(150, 76, 251))}}.___SButton_1h7vs_gg_._theme_primary-warning_1h7vs_gg_.__active_1h7vs_gg_,.___SButton_1h7vs_gg_._theme_primary-warning_1h7vs_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-active, rgb(144, 65, 250))}.___SButton_1h7vs_gg_._theme_primary-danger_1h7vs_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-critical, rgb(247, 55, 64))}@media (hover:hover){.___SButton_1h7vs_gg_._theme_primary-danger_1h7vs_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-critical-hover, rgb(230, 44, 51))}}.___SButton_1h7vs_gg_._theme_primary-danger_1h7vs_gg_.__active_1h7vs_gg_,.___SButton_1h7vs_gg_._theme_primary-danger_1h7vs_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-critical-active, rgb(221, 39, 45))}.___SButton_1h7vs_gg_._theme_primary-invert_1h7vs_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));background-color:var(--intergalactic-control-primary-invert, rgb(255, 255, 255))}@media (hover:hover){.___SButton_1h7vs_gg_._theme_primary-invert_1h7vs_gg_:hover{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));background-color:var(--intergalactic-control-primary-invert-hover, rgb(241, 242, 242))}}.___SButton_1h7vs_gg_._theme_primary-invert_1h7vs_gg_.__active_1h7vs_gg_,.___SButton_1h7vs_gg_._theme_primary-invert_1h7vs_gg_:active{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));background-color:var(--intergalactic-control-primary-invert-active, rgb(234, 235, 235))}.___SButton_1h7vs_gg_._theme_secondary-muted_1h7vs_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));background-color:var(--intergalactic-control-secondary-neutral, rgba(0, 22, 16, 0.028))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1h7vs_gg_._theme_secondary-muted_1h7vs_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SButton_1h7vs_gg_._theme_secondary-muted_1h7vs_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583));border-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}@media (hover:hover){.___SButton_1h7vs_gg_._theme_secondary-muted_1h7vs_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover, rgba(0, 21, 16, 0.056));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}}.___SButton_1h7vs_gg_._theme_secondary-muted_1h7vs_gg_.__active_1h7vs_gg_,.___SButton_1h7vs_gg_._theme_secondary-muted_1h7vs_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active, rgba(0, 21, 16, 0.084));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1h7vs_gg_._theme_secondary-muted_1h7vs_gg_.__active_1h7vs_gg_,.___SButton_1h7vs_gg_._theme_secondary-muted_1h7vs_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active, rgba(0, 21, 16, 0.084))}@media (color-gamut:p3){.___SButton_1h7vs_gg_._theme_secondary-muted_1h7vs_gg_.__active_1h7vs_gg_,.___SButton_1h7vs_gg_._theme_secondary-muted_1h7vs_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active, color(display-p3 0.01753 0.08157 0.06372 / 0.084))}}}.___SButton_1h7vs_gg_._theme_secondary-info_1h7vs_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039));color:var(--intergalactic-text-link, rgb(35, 95, 226));border-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1h7vs_gg_._theme_secondary-info_1h7vs_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039))}@media (color-gamut:p3){.___SButton_1h7vs_gg_._theme_secondary-info_1h7vs_gg_{background-color:var(--intergalactic-control-secondary-info, color(display-p3 0.12567 0.31309 0.96324 / 0.039))}}}@media (hover:hover){.___SButton_1h7vs_gg_._theme_secondary-info_1h7vs_gg_:hover{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1h7vs_gg_._theme_secondary-info_1h7vs_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@media (color-gamut:p3){.___SButton_1h7vs_gg_._theme_secondary-info_1h7vs_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, color(display-p3 0.12402 0.30857 0.96259 / 0.077))}}}}.___SButton_1h7vs_gg_._theme_secondary-info_1h7vs_gg_.__active_1h7vs_gg_,.___SButton_1h7vs_gg_._theme_secondary-info_1h7vs_gg_:active{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1h7vs_gg_._theme_secondary-info_1h7vs_gg_.__active_1h7vs_gg_,.___SButton_1h7vs_gg_._theme_secondary-info_1h7vs_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SButton_1h7vs_gg_._theme_secondary-info_1h7vs_gg_.__active_1h7vs_gg_,.___SButton_1h7vs_gg_._theme_secondary-info_1h7vs_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SButton_1h7vs_gg_._theme_secondary-invert_1h7vs_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));border-color:var(--intergalactic-border-primary-invert, rgba(250, 255, 250, 0.391));background-color:var(--intergalactic-control-secondary-invert, rgba(225, 255, 219, 0.118))}@media (hover:hover){.___SButton_1h7vs_gg_._theme_secondary-invert_1h7vs_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-secondary-invert-hover, rgba(232, 255, 227, 0.145))}}.___SButton_1h7vs_gg_._theme_secondary-invert_1h7vs_gg_.__active_1h7vs_gg_,.___SButton_1h7vs_gg_._theme_secondary-invert_1h7vs_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-secondary-invert-active, rgba(239, 255, 236, 0.183))}.___SButton_1h7vs_gg_._theme_tertiary-info_1h7vs_gg_{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-tertiary-info, transparent)}@media (hover:hover){.___SButton_1h7vs_gg_._theme_tertiary-info_1h7vs_gg_:hover{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 80, 255, 0.077))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1h7vs_gg_._theme_tertiary-info_1h7vs_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 80, 255, 0.077))}@media (color-gamut:p3){.___SButton_1h7vs_gg_._theme_tertiary-info_1h7vs_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, color(display-p3 0.12402 0.30857 0.96259 / 0.077))}}}}.___SButton_1h7vs_gg_._theme_tertiary-info_1h7vs_gg_.__active_1h7vs_gg_,.___SButton_1h7vs_gg_._theme_tertiary-info_1h7vs_gg_:active{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-tertiary-info-active, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1h7vs_gg_._theme_tertiary-info_1h7vs_gg_.__active_1h7vs_gg_,.___SButton_1h7vs_gg_._theme_tertiary-info_1h7vs_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SButton_1h7vs_gg_._theme_tertiary-info_1h7vs_gg_.__active_1h7vs_gg_,.___SButton_1h7vs_gg_._theme_tertiary-info_1h7vs_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SButton_1h7vs_gg_._theme_tertiary-muted_1h7vs_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));background-color:var(--intergalactic-control-tertiary-neutral, transparent)}@supports (color:color(display-p3 0 0 0%)){.___SButton_1h7vs_gg_._theme_tertiary-muted_1h7vs_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_1h7vs_gg_._theme_tertiary-muted_1h7vs_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}@media (hover:hover){.___SButton_1h7vs_gg_._theme_tertiary-muted_1h7vs_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(0, 21, 16, 0.056));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}}.___SButton_1h7vs_gg_._theme_tertiary-muted_1h7vs_gg_.__active_1h7vs_gg_,.___SButton_1h7vs_gg_._theme_tertiary-muted_1h7vs_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active, rgba(0, 21, 16, 0.084));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1h7vs_gg_._theme_tertiary-muted_1h7vs_gg_.__active_1h7vs_gg_,.___SButton_1h7vs_gg_._theme_tertiary-muted_1h7vs_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active, rgba(0, 21, 16, 0.084))}@media (color-gamut:p3){.___SButton_1h7vs_gg_._theme_tertiary-muted_1h7vs_gg_.__active_1h7vs_gg_,.___SButton_1h7vs_gg_._theme_tertiary-muted_1h7vs_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active, color(display-p3 0.01753 0.08157 0.06372 / 0.084))}}}.___SButton_1h7vs_gg_._theme_tertiary-invert_1h7vs_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-tertiary-invert, transparent)}@media (hover:hover){.___SButton_1h7vs_gg_._theme_tertiary-invert_1h7vs_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(232, 255, 227, 0.145))}}.___SButton_1h7vs_gg_._theme_tertiary-invert_1h7vs_gg_.__active_1h7vs_gg_,.___SButton_1h7vs_gg_._theme_tertiary-invert_1h7vs_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-tertiary-invert-active, rgba(239, 255, 236, 0.183))}.___SButton_1h7vs_gg_._neighborLocation_right_1h7vs_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_1h7vs_gg_._neighborLocation_both_1h7vs_gg_{border-radius:0;margin-left:-1px}.___SButton_1h7vs_gg_._neighborLocation_left_1h7vs_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_1h7vs_gg_._neighborLocation_both_1h7vs_gg_,.___SButton_1h7vs_gg_._neighborLocation_left_1h7vs_gg_{position:relative}.___SButton_1h7vs_gg_._neighborLocation_both_1h7vs_gg_:after,.___SButton_1h7vs_gg_._neighborLocation_left_1h7vs_gg_:after{background-color:var(--intergalactic-border-primary-invert, rgba(250, 255, 250, 0.391))}.___SButton_1h7vs_gg_._neighborLocation_both_1h7vs_gg_._theme_secondary-muted_1h7vs_gg_:after,.___SButton_1h7vs_gg_._neighborLocation_left_1h7vs_gg_._theme_secondary-muted_1h7vs_gg_:after{background-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1h7vs_gg_._neighborLocation_both_1h7vs_gg_._theme_secondary-muted_1h7vs_gg_:after,.___SButton_1h7vs_gg_._neighborLocation_left_1h7vs_gg_._theme_secondary-muted_1h7vs_gg_:after{background-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SButton_1h7vs_gg_._neighborLocation_both_1h7vs_gg_._theme_secondary-muted_1h7vs_gg_:after,.___SButton_1h7vs_gg_._neighborLocation_left_1h7vs_gg_._theme_secondary-muted_1h7vs_gg_:after{background-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SButton_1h7vs_gg_+.___SButton_1h7vs_gg_._neighborLocation_both_1h7vs_gg_:after,.___SButton_1h7vs_gg_+.___SButton_1h7vs_gg_._neighborLocation_left_1h7vs_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_1h7vs_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_1h7vs_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_1h7vs_gg_.__loading_1h7vs_gg_{visibility:hidden}.___SText_1h7vs_gg_{display:inline-flex}.___SText_1h7vs_gg_._size_l_1h7vs_gg_,.___SText_1h7vs_gg_._size_m_1h7vs_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_1h7vs_gg_._size_m_1h7vs_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_1h7vs_gg_._size_l_1h7vs_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_1h7vs_gg_._size_l_1h7vs_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_1h7vs_gg_._size_l_1h7vs_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_1h7vs_gg_._size_l_1h7vs_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_1h7vs_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_1h7vs_gg_._size_m_1h7vs_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1h7vs_gg_._size_m_1h7vs_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1h7vs_gg_._size_m_1h7vs_gg_:only-child{margin-left:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SAddon_1h7vs_gg_._size_l_1h7vs_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1h7vs_gg_._size_l_1h7vs_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1h7vs_gg_._size_l_1h7vs_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}", /*__inner_css_end__*/"1h7vs_gg_"),
23
+ var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButton_jldv4_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));min-width:-moz-fit-content;min-width:fit-content}@supports (color:color(display-p3 0 0 0%)){.___SButton_jldv4_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_jldv4_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SButton_jldv4_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_jldv4_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_jldv4_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_jldv4_gg_.__disabled_jldv4_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_jldv4_gg_._size_s_jldv4_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_jldv4_gg_._size_m_jldv4_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_jldv4_gg_._size_l_jldv4_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_jldv4_gg_._theme_primary-info_jldv4_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}@media (hover:hover){.___SButton_jldv4_gg_._theme_primary-info_jldv4_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-info-hover, rgb(49, 52, 48))}}.___SButton_jldv4_gg_._theme_primary-info_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_primary-info_jldv4_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-info-active, rgb(0, 0, 0))}.___SButton_jldv4_gg_._theme_primary-success_jldv4_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success, rgb(0, 164, 128))}@supports (color:color(display-p3 0 0 0%)){.___SButton_jldv4_gg_._theme_primary-success_jldv4_gg_{background-color:var(--intergalactic-control-primary-success, rgb(0, 164, 128))}@media (color-gamut:p3){.___SButton_jldv4_gg_._theme_primary-success_jldv4_gg_{background-color:var(--intergalactic-control-primary-success, color(display-p3 0.13723 0.6542 0.50031))}}}@media (hover:hover){.___SButton_jldv4_gg_._theme_primary-success_jldv4_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success-hover, rgb(0, 150, 117))}@supports (color:color(display-p3 0 0 0%)){.___SButton_jldv4_gg_._theme_primary-success_jldv4_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, rgb(0, 150, 117))}@media (color-gamut:p3){.___SButton_jldv4_gg_._theme_primary-success_jldv4_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, color(display-p3 0.09181 0.60147 0.45602))}}}}.___SButton_jldv4_gg_._theme_primary-success_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_primary-success_jldv4_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success-active, rgb(0, 144, 112))}@supports (color:color(display-p3 0 0 0%)){.___SButton_jldv4_gg_._theme_primary-success_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_primary-success_jldv4_gg_:active{background-color:var(--intergalactic-control-primary-success-active, rgb(0, 144, 112))}@media (color-gamut:p3){.___SButton_jldv4_gg_._theme_primary-success_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_primary-success_jldv4_gg_:active{background-color:var(--intergalactic-control-primary-success-active, color(display-p3 0.07522 0.57486 0.43446))}}}.___SButton_jldv4_gg_._theme_primary-brand_jldv4_gg_,.___SButton_jldv4_gg_._theme_primary-warning_jldv4_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand, rgb(162, 97, 253))}@media (hover:hover){.___SButton_jldv4_gg_._theme_primary-brand_jldv4_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-hover, rgb(150, 76, 251))}}.___SButton_jldv4_gg_._theme_primary-brand_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_primary-brand_jldv4_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-active, rgb(144, 65, 250))}@media (hover:hover){.___SButton_jldv4_gg_._theme_primary-warning_jldv4_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-hover, rgb(150, 76, 251))}}.___SButton_jldv4_gg_._theme_primary-warning_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_primary-warning_jldv4_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-active, rgb(144, 65, 250))}.___SButton_jldv4_gg_._theme_primary-danger_jldv4_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-critical, rgb(247, 55, 64))}@media (hover:hover){.___SButton_jldv4_gg_._theme_primary-danger_jldv4_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-critical-hover, rgb(230, 44, 51))}}.___SButton_jldv4_gg_._theme_primary-danger_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_primary-danger_jldv4_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-critical-active, rgb(221, 39, 45))}.___SButton_jldv4_gg_._theme_primary-invert_jldv4_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));background-color:var(--intergalactic-control-primary-invert, rgb(255, 255, 255))}@media (hover:hover){.___SButton_jldv4_gg_._theme_primary-invert_jldv4_gg_:hover{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));background-color:var(--intergalactic-control-primary-invert-hover, rgb(241, 242, 242))}}.___SButton_jldv4_gg_._theme_primary-invert_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_primary-invert_jldv4_gg_:active{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));background-color:var(--intergalactic-control-primary-invert-active, rgb(234, 235, 235))}.___SButton_jldv4_gg_._theme_secondary-muted_jldv4_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));background-color:var(--intergalactic-control-secondary-neutral, rgba(0, 22, 16, 0.028))}@supports (color:color(display-p3 0 0 0%)){.___SButton_jldv4_gg_._theme_secondary-muted_jldv4_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SButton_jldv4_gg_._theme_secondary-muted_jldv4_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583));border-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}@media (hover:hover){.___SButton_jldv4_gg_._theme_secondary-muted_jldv4_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover, rgba(0, 21, 16, 0.056));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}}.___SButton_jldv4_gg_._theme_secondary-muted_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_secondary-muted_jldv4_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active, rgba(0, 21, 16, 0.084));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SButton_jldv4_gg_._theme_secondary-muted_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_secondary-muted_jldv4_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active, rgba(0, 21, 16, 0.084))}@media (color-gamut:p3){.___SButton_jldv4_gg_._theme_secondary-muted_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_secondary-muted_jldv4_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active, color(display-p3 0.01753 0.08157 0.06372 / 0.084))}}}.___SButton_jldv4_gg_._theme_secondary-info_jldv4_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039));color:var(--intergalactic-text-link, rgb(35, 95, 226));border-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}@supports (color:color(display-p3 0 0 0%)){.___SButton_jldv4_gg_._theme_secondary-info_jldv4_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039))}@media (color-gamut:p3){.___SButton_jldv4_gg_._theme_secondary-info_jldv4_gg_{background-color:var(--intergalactic-control-secondary-info, color(display-p3 0.12567 0.31309 0.96324 / 0.039))}}}@media (hover:hover){.___SButton_jldv4_gg_._theme_secondary-info_jldv4_gg_:hover{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@supports (color:color(display-p3 0 0 0%)){.___SButton_jldv4_gg_._theme_secondary-info_jldv4_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@media (color-gamut:p3){.___SButton_jldv4_gg_._theme_secondary-info_jldv4_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, color(display-p3 0.12402 0.30857 0.96259 / 0.077))}}}}.___SButton_jldv4_gg_._theme_secondary-info_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_secondary-info_jldv4_gg_:active{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SButton_jldv4_gg_._theme_secondary-info_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_secondary-info_jldv4_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SButton_jldv4_gg_._theme_secondary-info_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_secondary-info_jldv4_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SButton_jldv4_gg_._theme_secondary-invert_jldv4_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));border-color:var(--intergalactic-border-primary-invert, rgba(250, 255, 250, 0.391));background-color:var(--intergalactic-control-secondary-invert, rgba(225, 255, 219, 0.118))}@media (hover:hover){.___SButton_jldv4_gg_._theme_secondary-invert_jldv4_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-secondary-invert-hover, rgba(232, 255, 227, 0.145))}}.___SButton_jldv4_gg_._theme_secondary-invert_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_secondary-invert_jldv4_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-secondary-invert-active, rgba(239, 255, 236, 0.183))}.___SButton_jldv4_gg_._theme_tertiary-info_jldv4_gg_{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-tertiary-info, transparent)}@media (hover:hover){.___SButton_jldv4_gg_._theme_tertiary-info_jldv4_gg_:hover{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 80, 255, 0.077))}@supports (color:color(display-p3 0 0 0%)){.___SButton_jldv4_gg_._theme_tertiary-info_jldv4_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 80, 255, 0.077))}@media (color-gamut:p3){.___SButton_jldv4_gg_._theme_tertiary-info_jldv4_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, color(display-p3 0.12402 0.30857 0.96259 / 0.077))}}}}.___SButton_jldv4_gg_._theme_tertiary-info_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_tertiary-info_jldv4_gg_:active{color:var(--intergalactic-text-link, rgb(35, 95, 226));background-color:var(--intergalactic-control-tertiary-info-active, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SButton_jldv4_gg_._theme_tertiary-info_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_tertiary-info_jldv4_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SButton_jldv4_gg_._theme_tertiary-info_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_tertiary-info_jldv4_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SButton_jldv4_gg_._theme_tertiary-muted_jldv4_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));background-color:var(--intergalactic-control-tertiary-neutral, transparent)}@supports (color:color(display-p3 0 0 0%)){.___SButton_jldv4_gg_._theme_tertiary-muted_jldv4_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_jldv4_gg_._theme_tertiary-muted_jldv4_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}@media (hover:hover){.___SButton_jldv4_gg_._theme_tertiary-muted_jldv4_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(0, 21, 16, 0.056));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}}.___SButton_jldv4_gg_._theme_tertiary-muted_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_tertiary-muted_jldv4_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active, rgba(0, 21, 16, 0.084));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SButton_jldv4_gg_._theme_tertiary-muted_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_tertiary-muted_jldv4_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active, rgba(0, 21, 16, 0.084))}@media (color-gamut:p3){.___SButton_jldv4_gg_._theme_tertiary-muted_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_tertiary-muted_jldv4_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active, color(display-p3 0.01753 0.08157 0.06372 / 0.084))}}}.___SButton_jldv4_gg_._theme_tertiary-invert_jldv4_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-tertiary-invert, transparent)}@media (hover:hover){.___SButton_jldv4_gg_._theme_tertiary-invert_jldv4_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(232, 255, 227, 0.145))}}.___SButton_jldv4_gg_._theme_tertiary-invert_jldv4_gg_.__active_jldv4_gg_,.___SButton_jldv4_gg_._theme_tertiary-invert_jldv4_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-tertiary-invert-active, rgba(239, 255, 236, 0.183))}.___SButton_jldv4_gg_._neighborLocation_right_jldv4_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_jldv4_gg_._neighborLocation_both_jldv4_gg_{border-radius:0;margin-left:-1px}.___SButton_jldv4_gg_._neighborLocation_left_jldv4_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_jldv4_gg_._neighborLocation_both_jldv4_gg_,.___SButton_jldv4_gg_._neighborLocation_left_jldv4_gg_{position:relative}.___SButton_jldv4_gg_._neighborLocation_both_jldv4_gg_:after,.___SButton_jldv4_gg_._neighborLocation_left_jldv4_gg_:after{background-color:var(--intergalactic-border-primary-invert, rgba(250, 255, 250, 0.391))}.___SButton_jldv4_gg_._neighborLocation_both_jldv4_gg_._theme_secondary-muted_jldv4_gg_:after,.___SButton_jldv4_gg_._neighborLocation_left_jldv4_gg_._theme_secondary-muted_jldv4_gg_:after{background-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SButton_jldv4_gg_._neighborLocation_both_jldv4_gg_._theme_secondary-muted_jldv4_gg_:after,.___SButton_jldv4_gg_._neighborLocation_left_jldv4_gg_._theme_secondary-muted_jldv4_gg_:after{background-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SButton_jldv4_gg_._neighborLocation_both_jldv4_gg_._theme_secondary-muted_jldv4_gg_:after,.___SButton_jldv4_gg_._neighborLocation_left_jldv4_gg_._theme_secondary-muted_jldv4_gg_:after{background-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SButton_jldv4_gg_+.___SButton_jldv4_gg_._neighborLocation_both_jldv4_gg_:after,.___SButton_jldv4_gg_+.___SButton_jldv4_gg_._neighborLocation_left_jldv4_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_jldv4_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_jldv4_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_jldv4_gg_.__loading_jldv4_gg_{visibility:hidden}.___SText_jldv4_gg_{display:inline-flex}.___SText_jldv4_gg_._size_l_jldv4_gg_,.___SText_jldv4_gg_._size_m_jldv4_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_jldv4_gg_._size_m_jldv4_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_jldv4_gg_._size_l_jldv4_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_jldv4_gg_._size_l_jldv4_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_jldv4_gg_._size_l_jldv4_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_jldv4_gg_._size_l_jldv4_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_jldv4_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_jldv4_gg_._size_m_jldv4_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_jldv4_gg_._size_m_jldv4_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_jldv4_gg_._size_m_jldv4_gg_:only-child{margin-left:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SAddon_jldv4_gg_._size_l_jldv4_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_jldv4_gg_._size_l_jldv4_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_jldv4_gg_._size_l_jldv4_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}", /*__inner_css_end__*/"jldv4_gg_"),
20
24
  /*__reshadow_css_end__*/
21
25
  {
22
- "__SButton": "___SButton_1h7vs_gg_",
23
- "_disabled": "__disabled_1h7vs_gg_",
24
- "_size_s": "_size_s_1h7vs_gg_",
25
- "_size_m": "_size_m_1h7vs_gg_",
26
- "_size_l": "_size_l_1h7vs_gg_",
27
- "_neighborLocation_right": "_neighborLocation_right_1h7vs_gg_",
28
- "_neighborLocation_both": "_neighborLocation_both_1h7vs_gg_",
29
- "_neighborLocation_left": "_neighborLocation_left_1h7vs_gg_",
30
- "__SSpin": "___SSpin_1h7vs_gg_",
31
- "__SInner": "___SInner_1h7vs_gg_",
32
- "_loading": "__loading_1h7vs_gg_",
33
- "__SText": "___SText_1h7vs_gg_",
34
- "__SAddon": "___SAddon_1h7vs_gg_",
35
- "_theme_primary-info": "_theme_primary-info_1h7vs_gg_",
36
- "_active": "__active_1h7vs_gg_",
37
- "_theme_primary-success": "_theme_primary-success_1h7vs_gg_",
38
- "_theme_primary-brand": "_theme_primary-brand_1h7vs_gg_",
39
- "_theme_primary-warning": "_theme_primary-warning_1h7vs_gg_",
40
- "_theme_primary-danger": "_theme_primary-danger_1h7vs_gg_",
41
- "_theme_primary-invert": "_theme_primary-invert_1h7vs_gg_",
42
- "_theme_secondary-muted": "_theme_secondary-muted_1h7vs_gg_",
43
- "_theme_secondary-info": "_theme_secondary-info_1h7vs_gg_",
44
- "_theme_secondary-invert": "_theme_secondary-invert_1h7vs_gg_",
45
- "_theme_tertiary-info": "_theme_tertiary-info_1h7vs_gg_",
46
- "_theme_tertiary-muted": "_theme_tertiary-muted_1h7vs_gg_",
47
- "_theme_tertiary-invert": "_theme_tertiary-invert_1h7vs_gg_"
26
+ "__SButton": "___SButton_jldv4_gg_",
27
+ "_disabled": "__disabled_jldv4_gg_",
28
+ "_size_s": "_size_s_jldv4_gg_",
29
+ "_size_m": "_size_m_jldv4_gg_",
30
+ "_size_l": "_size_l_jldv4_gg_",
31
+ "_neighborLocation_right": "_neighborLocation_right_jldv4_gg_",
32
+ "_neighborLocation_both": "_neighborLocation_both_jldv4_gg_",
33
+ "_neighborLocation_left": "_neighborLocation_left_jldv4_gg_",
34
+ "__SSpin": "___SSpin_jldv4_gg_",
35
+ "__SInner": "___SInner_jldv4_gg_",
36
+ "_loading": "__loading_jldv4_gg_",
37
+ "__SText": "___SText_jldv4_gg_",
38
+ "__SAddon": "___SAddon_jldv4_gg_",
39
+ "_theme_primary-info": "_theme_primary-info_jldv4_gg_",
40
+ "_active": "__active_jldv4_gg_",
41
+ "_theme_primary-success": "_theme_primary-success_jldv4_gg_",
42
+ "_theme_primary-brand": "_theme_primary-brand_jldv4_gg_",
43
+ "_theme_primary-warning": "_theme_primary-warning_jldv4_gg_",
44
+ "_theme_primary-danger": "_theme_primary-danger_jldv4_gg_",
45
+ "_theme_primary-invert": "_theme_primary-invert_jldv4_gg_",
46
+ "_theme_secondary-muted": "_theme_secondary-muted_jldv4_gg_",
47
+ "_theme_secondary-info": "_theme_secondary-info_jldv4_gg_",
48
+ "_theme_secondary-invert": "_theme_secondary-invert_jldv4_gg_",
49
+ "_theme_tertiary-info": "_theme_tertiary-info_jldv4_gg_",
50
+ "_theme_tertiary-muted": "_theme_tertiary-muted_jldv4_gg_",
51
+ "_theme_tertiary-invert": "_theme_tertiary-invert_jldv4_gg_"
48
52
  });
49
- var RootButton = /*#__PURE__*/function (_AbstractButton) {
53
+ var MAP_USE_DEFAULT_THEME = exports.MAP_USE_DEFAULT_THEME = {
54
+ primary: 'info',
55
+ secondary: 'muted',
56
+ tertiary: 'info'
57
+ };
58
+ var RootButton = exports.RootButton = /*#__PURE__*/function (_Component) {
50
59
  function RootButton() {
60
+ var _this;
51
61
  (0, _classCallCheck2["default"])(this, RootButton);
52
- return (0, _callSuper2["default"])(this, RootButton, arguments);
62
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
63
+ args[_key] = arguments[_key];
64
+ }
65
+ _this = (0, _callSuper2["default"])(this, RootButton, [].concat(args));
66
+ (0, _defineProperty2["default"])(_this, "containerRef", /*#__PURE__*/_react["default"].createRef());
67
+ (0, _defineProperty2["default"])(_this, "state", {
68
+ ariaLabelledByContent: null
69
+ });
70
+ return _this;
53
71
  }
54
- (0, _inherits2["default"])(RootButton, _AbstractButton);
72
+ (0, _inherits2["default"])(RootButton, _Component);
55
73
  return (0, _createClass2["default"])(RootButton, [{
56
- key: "getTextColor",
57
- value: function getTextColor() {
58
- return undefined;
74
+ key: "getTextProps",
75
+ value: function getTextProps() {
76
+ var size = this.asProps.size;
77
+ return {
78
+ size: size,
79
+ 'hint:triggerRef': this.containerRef
80
+ };
81
+ }
82
+ }, {
83
+ key: "getAddonProps",
84
+ value: function getAddonProps() {
85
+ var size = this.asProps.size;
86
+ return {
87
+ size: size
88
+ };
89
+ }
90
+ }, {
91
+ key: "componentDidMount",
92
+ value: function componentDidMount() {
93
+ var _this2 = this;
94
+ if (process.env.NODE_ENV !== 'production') {
95
+ _logger["default"].warn(this.containerRef.current && !(0, _hasLabels["default"])(this.containerRef.current) && !this.asProps.title, "'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content", this.asProps['data-ui-name'] || RootButton.displayName);
96
+ }
97
+ var ariaLabelledby = this.asProps['aria-labelledby'];
98
+ if (ariaLabelledby) {
99
+ setTimeout(function () {
100
+ var _document$getElementB, _document$getElementB2;
101
+ _this2.setState({
102
+ ariaLabelledByContent: (_document$getElementB = (_document$getElementB2 = document.getElementById(ariaLabelledby)) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.textContent) !== null && _document$getElementB !== void 0 ? _document$getElementB : ''
103
+ });
104
+ }, 0);
105
+ }
106
+ }
107
+ }, {
108
+ key: "render",
109
+ value: function render() {
110
+ var _ref = this.asProps,
111
+ _ref7,
112
+ _ref8,
113
+ _this3 = this;
114
+ var _this$asProps = this.asProps,
115
+ styles = _this$asProps.styles,
116
+ use = _this$asProps.use,
117
+ _this$asProps$theme = _this$asProps.theme,
118
+ theme = _this$asProps$theme === void 0 ? typeof use === 'string' && MAP_USE_DEFAULT_THEME[use] : _this$asProps$theme,
119
+ loading = _this$asProps.loading,
120
+ _this$asProps$disable = _this$asProps.disabled,
121
+ disabled = _this$asProps$disable === void 0 ? loading : _this$asProps$disable,
122
+ size = _this$asProps.size,
123
+ neighborLocation = _this$asProps.neighborLocation,
124
+ children = _this$asProps.children,
125
+ title = _this$asProps.title,
126
+ ariaLabel = _this$asProps['aria-label'],
127
+ Children = _this$asProps.Children,
128
+ AddonLeft = _this$asProps.addonLeft,
129
+ AddonRight = _this$asProps.addonRight,
130
+ hintPlacement = _this$asProps.hintPlacement;
131
+ var SButton = _baseComponents.Box;
132
+ // @ts-ignore
133
+ var Button = this[_core.CORE_INSTANCE];
134
+ var useTheme = use && theme ? "".concat(use, "-").concat(theme) : false;
135
+ var SInner = _baseComponents.Box;
136
+ var SSpin = _baseComponents.Box;
137
+ var buttonAriaLabel = (_ref7 = (_ref8 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref8 !== void 0 ? _ref8 : this.state.ariaLabelledByContent) !== null && _ref7 !== void 0 ? _ref7 : '';
138
+ var showHint = children === undefined || title;
139
+ return /*#__PURE__*/_react["default"].createElement(_baseComponents.NeighborLocation.Detect, {
140
+ neighborLocation: neighborLocation
141
+ }, function (neighborLocation) {
142
+ var _ref4;
143
+ return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SButton, _ref4.cn("SButton", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
144
+ "invertOutline": theme === 'invert',
145
+ "type": 'button',
146
+ "tag": 'button',
147
+ "tabIndex": 0,
148
+ "disabled": disabled,
149
+ "use:theme": useTheme,
150
+ "ref": _this3.containerRef,
151
+ "aria-busy": loading,
152
+ "__excludeProps": ['title'],
153
+ "aria-label": showHint ? buttonAriaLabel : undefined,
154
+ "neighborLocation": neighborLocation
155
+ }, _ref))), /*#__PURE__*/_react["default"].createElement(SInner, _ref4.cn("SInner", {
156
+ "tag": 'span',
157
+ "loading": loading,
158
+ "data-ui-name": "".concat(_this3.asProps['data-ui-name'], ".InnerWrapper")
159
+ }), 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", {
160
+ "tag": 'span'
161
+ }), /*#__PURE__*/_react["default"].createElement(_SpinButton["default"], _ref4.cn("SpinButton", {
162
+ "centered": true,
163
+ "size": size,
164
+ "theme": useTheme
165
+ })))), showHint && /*#__PURE__*/_react["default"].createElement(_baseComponents.Hint, _ref4.cn("Hint", {
166
+ "triggerRef": _this3.containerRef,
167
+ "timeout": [250, 50],
168
+ "placement": hintPlacement
169
+ }), buttonAriaLabel));
170
+ });
59
171
  }
60
172
  }]);
61
- }(_AbstractButton2.AbstractButton);
173
+ }(_core.Component);
62
174
  (0, _defineProperty2["default"])(RootButton, "displayName", 'Button');
63
175
  (0, _defineProperty2["default"])(RootButton, "style", style);
64
176
  (0, _defineProperty2["default"])(RootButton, "defaultProps", {
65
177
  use: 'secondary',
66
178
  size: 'm'
67
179
  });
68
- function Text(props) {
69
- var _ref = arguments[0],
70
- _ref3;
71
- var SText = _flexBox.Box;
72
- return _ref3 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SText, _ref3.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
73
- "tag": 'span'
74
- }, _ref))));
180
+ function ButtonText(props) {
181
+ var _ref2 = arguments[0],
182
+ _ref5;
183
+ var SText = _typography.Text;
184
+ return _ref5 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SText, _ref5.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))));
75
185
  }
76
186
  function Addon(props) {
77
- var _ref2 = arguments[0],
78
- _ref4;
79
- var SAddon = _flexBox.Box;
80
- return _ref4 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref4.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
187
+ var _ref3 = arguments[0],
188
+ _ref6;
189
+ var SAddon = _baseComponents.Box;
190
+ return _ref6 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref6.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
81
191
  "tag": 'span'
82
- }, _ref2))));
192
+ }, _ref3))));
83
193
  }
84
194
  var Button = (0, _core.createComponent)(RootButton, {
85
- Text: Text,
195
+ Text: ButtonText,
86
196
  Addon: Addon
87
197
  });
88
198
  var _default = exports["default"] = Button;
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","names":["_core","require","_flexBox","_react","_interopRequireDefault","_AbstractButton2","style","sstyled","insert","RootButton","_AbstractButton","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","getTextColor","undefined","AbstractButton","_defineProperty2","use","size","Text","props","_ref","arguments[0]","_ref3","SText","Box","styles","createElement","cn","_objectSpread2","assignProps","Addon","_ref2","_ref4","SAddon","Button","createComponent","_default","exports"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import { createComponent, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport React from 'react';\n\nimport style from './button.shadow.css';\nimport type { ButtonAddonProps, ButtonComponent, ButtonTextProps } from './Button.type';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\n\nclass RootButton extends AbstractButton {\n static displayName = 'Button';\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n };\n\n protected getTextColor(): string | undefined {\n return undefined;\n }\n}\n\nfunction Text(props: ButtonTextProps) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonAddonProps) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst Button = createComponent(RootButton, {\n Text,\n Addon,\n}) as ButtonComponent;\n\nexport default Button;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAIA,IAAAI,gBAAA,GAAAJ,OAAA;AAAkE;AAAA,IAAAK,KAAA,8BAAAN,KAAA,CAAAO,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAE5DC,UAAU,0BAAAC,eAAA;EAAA,SAAAD,WAAA;IAAA,IAAAE,gBAAA,mBAAAF,UAAA;IAAA,WAAAG,WAAA,mBAAAH,UAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAL,UAAA,EAAAC,eAAA;EAAA,WAAAK,aAAA,aAAAN,UAAA;IAAAO,GAAA;IAAAC,KAAA,EAQd,SAAUC,YAAYA,CAAA,EAAuB;MAC3C,OAAOC,SAAS;IAClB;EAAC;AAAA,EAVsBC,+BAAc;AAAA,IAAAC,gBAAA,aAAjCZ,UAAU,iBACO,QAAQ;AAAA,IAAAY,gBAAA,aADzBZ,UAAU,WAECH,KAAK;AAAA,IAAAe,gBAAA,aAFhBZ,UAAU,kBAGQ;EACpBa,GAAG,EAAE,WAAW;EAChBC,IAAI,EAAE;AACR,CAAC;AAOH,SAASC,IAAIA,CAACC,KAAsB,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACpC,IAAMC,KAAK,GACiCC,YAAG;EAA/C,OAAAF,KAAA,GAAO,IAAArB,aAAO,EAACkB,KAAK,CAACM,MAAM,CAAC,eAAC5B,MAAA,YAAA6B,aAAA,CAACH,KAAK,EAAAD,KAAA,CAAAK,EAAA,cAAAC,cAAA,qBAAAlC,KAAA,CAAAmC,WAAA;IAAA,OAAkB;EAAM,GAAAT,IAAA,GAAE,CAAC;AAChE;AAEA,SAASU,KAAKA,CAACX,KAAuB,EAAE;EAAA,IAAAY,KAAA,GAAAV,YAAA;IAAAW,KAAA;EACtC,IAAMC,MAAM,GACiCT,YAAG;EAAhD,OAAAQ,KAAA,GAAO,IAAA/B,aAAO,EAACkB,KAAK,CAACM,MAAM,CAAC,eAAC5B,MAAA,YAAA6B,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,eAAAC,cAAA,qBAAAlC,KAAA,CAAAmC,WAAA;IAAA,OAAkB;EAAM,GAAAE,KAAA,GAAE,CAAC;AACjE;AAEA,IAAMG,MAAM,GAAG,IAAAC,qBAAe,EAAChC,UAAU,EAAE;EACzCe,IAAI,EAAJA,IAAI;EACJY,KAAK,EAALA;AACF,CAAC,CAAoB;AAAC,IAAAM,QAAA,GAAAC,OAAA,cAEPH,MAAM","ignoreList":[]}
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","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","React","createRef","ariaLabelledByContent","_inherits2","_createClass2","key","value","getTextProps","size","asProps","containerRef","getAddonProps","componentDidMount","_this2","process","env","NODE_ENV","logger","warn","current","hasLabels","title","displayName","ariaLabelledby","setTimeout","_document$getElementB","_document$getElementB2","setState","document","getElementById","textContent","render","_ref","_ref7","_ref8","_this3","_this$asProps","styles","use","_this$asProps$theme","theme","loading","_this$asProps$disable","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","_objectSpread2","assignProps","Addon","addonTextChildren","Text","Hint","Component","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 } 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<ButtonProps, [], never, {}, State> {\n static displayName = 'Button';\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n };\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 disabled={disabled}\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\nconst Button = createComponent(RootButton, {\n Text: ButtonText,\n Addon,\n}) as ButtonComponent;\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 { UnknownProperties, Intergalactic } from '@semcore/core';\n\nimport type {\n AbstractButtonAddonProps,\n AbstractButtonContext,\n AbstractButtonTextProps,\n AbstractButtonProps,\n} from '../AbstractButton/AbstractButton.type';\n\n/**\n * Button size\n * @default m\n */\nexport type ButtonSize = 'l' | 'm';\n/**\n * Button type\n * @default secondary\n */\ntype Use = 'primary' | 'secondary' | 'tertiary';\n\n/**\n * @deprecated don't use it. use `danger` for incorrect or danger behavior and `brand` for the orange one.\n */\ntype DeprecatedTheme = 'warning';\n\n/** Button theme */\ntype Theme = 'info' | 'success' | 'brand' | 'danger' | 'muted' | 'invert';\n\n/** @deprecated */\nexport interface IButtonProps extends ButtonProps, UnknownProperties {}\nexport type ButtonProps = AbstractButtonProps<ButtonSize, Use, Theme | DeprecatedTheme>;\n\n/** @deprecated */\nexport interface IButtonTextProps extends ButtonTextProps, UnknownProperties {}\nexport type ButtonTextProps = AbstractButtonTextProps<ButtonSize>;\n\n/** @deprecated */\nexport interface IButtonAddonProps extends ButtonAddonProps, UnknownProperties {}\nexport type ButtonAddonProps = AbstractButtonAddonProps<ButtonSize>;\n\n/** @deprecated */\nexport interface IButtonContext extends ButtonContext, UnknownProperties {}\nexport type ButtonContext = AbstractButtonContext;\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> & {\n Text: Intergalactic.Component<'span', ButtonTextProps>;\n Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n"],"mappings":"","ignoreList":[]}
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 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":[]}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SpinButton.js","names":["_spin","_interopRequireDefault","require","_react","_excluded","SPIN_SIZE_MAP","exports","xl","l","m","s","SpinButton","_ref","theme","size","others","_objectWithoutProperties2","createElement","_extends2"],"sources":["../../../../src/component/Button/SpinButton.tsx"],"sourcesContent":["import Spin from '@semcore/spin';\nimport React from 'react';\n\nexport const SPIN_SIZE_MAP: Record<string, string> = {\n xl: 'm',\n l: 's',\n m: 'xs',\n s: 'xxs',\n};\n\nexport default function SpinButton({ theme, size, ...others }: any) {\n return (\n <Spin\n size={typeof size === 'string' ? SPIN_SIZE_MAP[size] : size}\n theme='currentColor'\n {...others}\n />\n );\n}\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA0B,IAAAE,SAAA;AAEnB,IAAMC,aAAqC,GAAAC,OAAA,CAAAD,aAAA,GAAG;EACnDE,EAAE,EAAE,GAAG;EACPC,CAAC,EAAE,GAAG;EACNC,CAAC,EAAE,IAAI;EACPC,CAAC,EAAE;AACL,CAAC;AAEc,SAASC,UAAUA,CAAAC,IAAA,EAAkC;EAAA,IAA/BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAKC,MAAM,OAAAC,yBAAA,aAAAJ,IAAA,EAAAR,SAAA;EACzD,oBACED,MAAA,YAAAc,aAAA,CAACjB,KAAA,WAAI,MAAAkB,SAAA;IACHJ,IAAI,EAAE,OAAOA,IAAI,KAAK,QAAQ,GAAGT,aAAa,CAACS,IAAI,CAAC,GAAGA,IAAK;IAC5DD,KAAK,EAAC;EAAc,GAChBE,MAAM,CACX,CAAC;AAEN","ignoreList":[]}
@@ -12,76 +12,51 @@ var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSup
12
12
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
13
13
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
14
14
  var _core = require("@semcore/core");
15
- var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/resolveColorEnhance"));
16
- var _flexBox = require("@semcore/flex-box");
15
+ var _link = _interopRequireDefault(require("@semcore/link"));
17
16
  var _react = _interopRequireDefault(require("react"));
18
- var _AbstractButton2 = require("../AbstractButton/AbstractButton");
19
17
  /*!__reshadow-styles__:"./buttonLink.shadow.css"*/
20
- var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButton_1642v_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, rgb(35, 95, 226));line-height:normal;position:relative;cursor:pointer;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;background:0 0;transition:color .15s ease-in-out}.___SButton_1642v_gg_:active{text-decoration:none}@media (hover:hover){.___SButton_1642v_gg_:hover{text-decoration:none}}.___SButton_1642v_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_1642v_gg_.__active_1642v_gg_,.___SButton_1642v_gg_:active{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}@media (hover:hover){.___SButton_1642v_gg_:hover{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}}.___SButton_1642v_gg_.__active_1642v_gg_ .___SText_1642v_gg_,.___SButton_1642v_gg_:active .___SText_1642v_gg_{border-color:currentColor}@media (hover:hover){.___SButton_1642v_gg_:hover .___SText_1642v_gg_{border-color:currentColor}}.___SButton_1642v_gg_.__enableVisited_1642v_gg_:visited{color:var(--intergalactic-text-link-visited, rgb(128, 41, 236))}@media (hover:hover){.___SButton_1642v_gg_.__enableVisited_1642v_gg_:visited:hover{color:var(--intergalactic-text-link-visited, rgb(128, 41, 236))}}.___SButton_1642v_gg_ .___SText_1642v_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_1642v_gg_.__disabled_1642v_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SButton_1642v_gg_._use_secondary_1642v_gg_{color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SButton_1642v_gg_._use_secondary_1642v_gg_{color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_1642v_gg_._use_secondary_1642v_gg_{color:var(--intergalactic-text-hint, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SButton_1642v_gg_._use_secondary_1642v_gg_.__active_1642v_gg_,.___SButton_1642v_gg_._use_secondary_1642v_gg_:active{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}@media (hover:hover){.___SButton_1642v_gg_._use_secondary_1642v_gg_:hover{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}}.___SButton_1642v_gg_._use_secondary_1642v_gg_ .___SText_1642v_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_1642v_gg_,.___SInner_1642v_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_1642v_gg_{height:100%;width:100%}.___SAddon_1642v_gg_{vertical-align:middle;pointer-events:none}.___SButton_1642v_gg_ .___SAddon_1642v_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_1642v_gg_ .___SAddon_1642v_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_1642v_gg_.__text-color_1642v_gg_{color:var(--text-color_1642v)}.___SButton_1642v_gg_.__text-color_1642v_gg_.__active_1642v_gg_,.___SButton_1642v_gg_.__text-color_1642v_gg_:active{color:var(--text-color_1642v);filter:brightness(.8)}@media (hover:hover){.___SButton_1642v_gg_.__text-color_1642v_gg_:hover{color:var(--text-color_1642v);filter:brightness(.8)}}.___SButton_1642v_gg_._size_100_1642v_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_1642v_gg_._size_200_1642v_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_1642v_gg_._size_300_1642v_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_1642v_gg_._size_400_1642v_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_1642v_gg_._size_500_1642v_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_1642v_gg_._size_600_1642v_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_1642v_gg_._size_700_1642v_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_1642v_gg_._size_800_1642v_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_1642v_gg_,.___SText_1642v_gg_{transition:none}}", /*__inner_css_end__*/"1642v_gg_"),
18
+ var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButtonLink_prbrc_gg_{border:0;font-family:inherit}.___SButtonLink_prbrc_gg_._use_primary_prbrc_gg_:not(.__color_prbrc_gg_){color:var(--intergalactic-text-link, rgb(35, 95, 226))}.___SButtonLink_prbrc_gg_._use_primary_prbrc_gg_.__active_prbrc_gg_:not(.__color_prbrc_gg_),.___SButtonLink_prbrc_gg_._use_primary_prbrc_gg_:not(.__color_prbrc_gg_):active{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}@media (hover:hover){.___SButtonLink_prbrc_gg_._use_primary_prbrc_gg_:not(.__color_prbrc_gg_):hover{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}}.___SButtonLink_prbrc_gg_._use_secondary_prbrc_gg_:not(.__color_prbrc_gg_){color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SButtonLink_prbrc_gg_._use_secondary_prbrc_gg_:not(.__color_prbrc_gg_){color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButtonLink_prbrc_gg_._use_secondary_prbrc_gg_:not(.__color_prbrc_gg_){color:var(--intergalactic-text-hint, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SButtonLink_prbrc_gg_._use_secondary_prbrc_gg_.__active_prbrc_gg_:not(.__color_prbrc_gg_),.___SButtonLink_prbrc_gg_._use_secondary_prbrc_gg_:not(.__color_prbrc_gg_):active{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}@media (hover:hover){.___SButtonLink_prbrc_gg_._use_secondary_prbrc_gg_:not(.__color_prbrc_gg_):hover{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}}.___SButtonLink_prbrc_gg_._use_secondary_prbrc_gg_ .___SText_prbrc_gg_{text-decoration-style:dashed;text-decoration-color:currentColor}", /*__inner_css_end__*/"prbrc_gg_"),
21
19
  /*__reshadow_css_end__*/
22
20
  {
23
- "__SButton": "___SButton_1642v_gg_",
24
- "_disabled": "__disabled_1642v_gg_",
25
- "__SInner": "___SInner_1642v_gg_",
26
- "__SAddon": "___SAddon_1642v_gg_",
27
- "_size_100": "_size_100_1642v_gg_",
28
- "_size_200": "_size_200_1642v_gg_",
29
- "_size_300": "_size_300_1642v_gg_",
30
- "_size_400": "_size_400_1642v_gg_",
31
- "_size_500": "_size_500_1642v_gg_",
32
- "_size_600": "_size_600_1642v_gg_",
33
- "_size_700": "_size_700_1642v_gg_",
34
- "_size_800": "_size_800_1642v_gg_",
35
- "__SText": "___SText_1642v_gg_",
36
- "_active": "__active_1642v_gg_",
37
- "_enableVisited": "__enableVisited_1642v_gg_",
38
- "_use_secondary": "_use_secondary_1642v_gg_",
39
- "_text-color": "__text-color_1642v_gg_",
40
- "--text-color": "--text-color_1642v"
21
+ "__SButtonLink": "___SButtonLink_prbrc_gg_",
22
+ "_use_secondary": "_use_secondary_prbrc_gg_",
23
+ "__SText": "___SText_prbrc_gg_",
24
+ "_use_primary": "_use_primary_prbrc_gg_",
25
+ "_color": "__color_prbrc_gg_",
26
+ "_active": "__active_prbrc_gg_"
41
27
  });
42
- var enhance = {
43
- resolveColor: (0, _resolveColorEnhance["default"])()
44
- };
45
- var RootButtonLink = /*#__PURE__*/function (_AbstractButton) {
28
+ var RootButtonLink = /*#__PURE__*/function (_Component) {
46
29
  function RootButtonLink() {
47
30
  (0, _classCallCheck2["default"])(this, RootButtonLink);
48
31
  return (0, _callSuper2["default"])(this, RootButtonLink, arguments);
49
32
  }
50
- (0, _inherits2["default"])(RootButtonLink, _AbstractButton);
33
+ (0, _inherits2["default"])(RootButtonLink, _Component);
51
34
  return (0, _createClass2["default"])(RootButtonLink, [{
52
- key: "getTextColor",
53
- value: function getTextColor() {
54
- var _ref5 = this.asProps,
55
- color = _ref5.color,
56
- resolveColor = _ref5.resolveColor;
57
- return resolveColor(color);
35
+ key: "render",
36
+ value: function render() {
37
+ var _ref = this.asProps,
38
+ _ref2;
39
+ var SButtonLink = _link["default"];
40
+ var disabled = this.asProps.disabled;
41
+ return _ref2 = (0, _core.sstyled)(style), /*#__PURE__*/_react["default"].createElement(SButtonLink, _ref2.cn("SButtonLink", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
42
+ "tag": 'button',
43
+ "type": 'button',
44
+ "use:disabled": disabled,
45
+ "use:tabIndex": 0
46
+ }, _ref))));
58
47
  }
59
48
  }]);
60
- }(_AbstractButton2.AbstractButton);
49
+ }(_core.Component);
61
50
  (0, _defineProperty2["default"])(RootButtonLink, "displayName", 'ButtonLink');
62
- (0, _defineProperty2["default"])(RootButtonLink, "enhance", Object.values(enhance));
63
51
  (0, _defineProperty2["default"])(RootButtonLink, "style", style);
64
52
  (0, _defineProperty2["default"])(RootButtonLink, "defaultProps", {
65
- use: 'primary'
53
+ use: 'primary',
54
+ size: 200
66
55
  });
67
- function Text(props) {
68
- var _ref = arguments[0],
69
- _ref3;
70
- var SText = _flexBox.Box;
71
- return _ref3 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SText, _ref3.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
72
- "tag": 'span'
73
- }, _ref))));
74
- }
75
- function Addon(props) {
76
- var _ref2 = arguments[0],
77
- _ref4;
78
- var SAddon = _flexBox.Box;
79
- return _ref4 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref4.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
80
- "tag": 'span'
81
- }, _ref2))));
82
- }
83
56
  var ButtonLink = exports.ButtonLink = (0, _core.createComponent)(RootButtonLink, {
84
- Text: Text,
85
- Addon: Addon
57
+ Text: _link["default"].Text,
58
+ Addon: _link["default"].Addon
59
+ }, {
60
+ parent: _link["default"]
86
61
  });
87
62
  //# sourceMappingURL=ButtonLink.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonLink.js","names":["_core","require","_resolveColorEnhance","_interopRequireDefault","_flexBox","_react","_AbstractButton2","style","sstyled","insert","enhance","resolveColor","resolveColorEnhance","RootButtonLink","_AbstractButton","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","getTextColor","_ref5","asProps","color","AbstractButton","_defineProperty2","Object","values","use","Text","props","_ref","arguments[0]","_ref3","SText","Box","styles","createElement","cn","_objectSpread2","assignProps","Addon","_ref2","_ref4","SAddon","ButtonLink","exports","createComponent"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import { createComponent, sstyled, Root } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { Box } from '@semcore/flex-box';\nimport React from 'react';\n\nimport style from './buttonLink.shadow.css';\nimport type { ButtonLinkAddonProps, ButtonLinkComponent, ButtonLinkTextProps } from './ButtonLink.type';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\n\nconst enhance = {\n resolveColor: resolveColorEnhance(),\n};\n\nclass RootButtonLink extends AbstractButton {\n static displayName = 'ButtonLink';\n static enhance = Object.values(enhance);\n static style = style;\n static defaultProps = {\n use: 'primary',\n };\n\n protected getTextColor(): string | undefined {\n const { color, resolveColor } = this.asProps as any;\n return resolveColor(color);\n }\n}\n\nfunction Text(props: ButtonLinkTextProps) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonLinkAddonProps) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nexport const ButtonLink = createComponent(RootButtonLink, {\n Text,\n Addon,\n}) as ButtonLinkComponent;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAF,sBAAA,CAAAF,OAAA;AAIA,IAAAK,gBAAA,GAAAL,OAAA;AAAkE;AAAA,IAAAM,KAAA,8BAAAP,KAAA,CAAAQ,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAElE,IAAMC,OAAO,GAAG;EACdC,YAAY,EAAE,IAAAC,+BAAmB,EAAC;AACpC,CAAC;AAAC,IAEIC,cAAc,0BAAAC,eAAA;EAAA,SAAAD,eAAA;IAAA,IAAAE,gBAAA,mBAAAF,cAAA;IAAA,WAAAG,WAAA,mBAAAH,cAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAL,cAAA,EAAAC,eAAA;EAAA,WAAAK,aAAA,aAAAN,cAAA;IAAAO,GAAA;IAAAC,KAAA,EAQlB,SAAUC,YAAYA,CAAA,EAAuB;MAC3C,IAAAC,KAAA,GAAgC,IAAI,CAACC,OAAO;QAApCC,KAAK,GAAAF,KAAA,CAALE,KAAK;QAAEd,YAAY,GAAAY,KAAA,CAAZZ,YAAY;MAC3B,OAAOA,YAAY,CAACc,KAAK,CAAC;IAC5B;EAAC;AAAA,EAX0BC,+BAAc;AAAA,IAAAC,gBAAA,aAArCd,cAAc,iBACG,YAAY;AAAA,IAAAc,gBAAA,aAD7Bd,cAAc,aAEDe,MAAM,CAACC,MAAM,CAACnB,OAAO,CAAC;AAAA,IAAAiB,gBAAA,aAFnCd,cAAc,WAGHN,KAAK;AAAA,IAAAoB,gBAAA,aAHhBd,cAAc,kBAII;EACpBiB,GAAG,EAAE;AACP,CAAC;AAQH,SAASC,IAAIA,CAACC,KAA0B,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxC,IAAMC,KAAK,GACiCC,YAAG;EAA/C,OAAAF,KAAA,GAAO,IAAA3B,aAAO,EAACwB,KAAK,CAACM,MAAM,CAAC,eAACjC,MAAA,YAAAkC,aAAA,CAACH,KAAK,EAAAD,KAAA,CAAAK,EAAA,cAAAC,cAAA,qBAAAzC,KAAA,CAAA0C,WAAA;IAAA,OAAkB;EAAM,GAAAT,IAAA,GAAE,CAAC;AAChE;AAEA,SAASU,KAAKA,CAACX,KAA2B,EAAE;EAAA,IAAAY,KAAA,GAAAV,YAAA;IAAAW,KAAA;EAC1C,IAAMC,MAAM,GACiCT,YAAG;EAAhD,OAAAQ,KAAA,GAAO,IAAArC,aAAO,EAACwB,KAAK,CAACM,MAAM,CAAC,eAACjC,MAAA,YAAAkC,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,eAAAC,cAAA,qBAAAzC,KAAA,CAAA0C,WAAA;IAAA,OAAkB;EAAM,GAAAE,KAAA,GAAE,CAAC;AACjE;AAEO,IAAMG,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,qBAAe,EAACpC,cAAc,EAAE;EACxDkB,IAAI,EAAJA,IAAI;EACJY,KAAK,EAALA;AACF,CAAC,CAAwB","ignoreList":[]}
1
+ {"version":3,"file":"ButtonLink.js","names":["_core","require","_link","_interopRequireDefault","_react","style","sstyled","insert","RootButtonLink","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","asProps","_ref2","SButtonLink","Link","disabled","createElement","cn","_objectSpread2","assignProps","Component","_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, ButtonLinkProps } from './ButtonLink.type';\n\nclass RootButtonLink extends Component<ButtonLinkProps> {\n static displayName = 'ButtonLink';\n static style = style;\n static defaultProps = {\n use: 'primary',\n size: 200,\n };\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\nexport const ButtonLink = createComponent(RootButtonLink, {\n Text: Link.Text,\n Addon: Link.Addon,\n}, {\n parent: Link,\n}) as ButtonLinkComponent;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AAA0B;AAAA,IAAAI,KAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAKpBC,cAAc,0BAAAC,UAAA;EAAA,SAAAD,eAAA;IAAA,IAAAE,gBAAA,mBAAAF,cAAA;IAAA,WAAAG,WAAA,mBAAAH,cAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAL,cAAA,EAAAC,UAAA;EAAA,WAAAK,aAAA,aAAAN,cAAA;IAAAO,GAAA;IAAAC,KAAA,EAQlB,SAAAC,MAAMA,CAAA,EAAoB;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACxB,IAAMC,WAAW,GAKLC,gBAAI;MAJhB,IAAQC,QAAQ,GAAK,IAAI,CAACJ,OAAO,CAAzBI,QAAQ;MAEhB,OAAAH,KAAA,GAAO,IAAAd,aAAO,EAACD,KAAK,CAAC,eACnBD,MAAA,YAAAoB,aAAA,CAACH,WAAW,EAAAD,KAAA,CAAAK,EAAA,oBAAAC,cAAA,qBAAA1B,KAAA,CAAA2B,WAAA;QAAA,OAEN,QAAQ;QAAA,QACP,QAAQ;QAAA,gBACCJ,QAAQ;QAAA,gBACR;MAAC,GAAAL,IAAA,GAChB,CAAC;IAEN;EAAC;AAAA,EArB0BU,eAAS;AAAA,IAAAC,gBAAA,aAAhCrB,cAAc,iBACG,YAAY;AAAA,IAAAqB,gBAAA,aAD7BrB,cAAc,WAEHH,KAAK;AAAA,IAAAwB,gBAAA,aAFhBrB,cAAc,kBAGI;EACpBsB,GAAG,EAAE,SAAS;EACdC,IAAI,EAAE;AACR,CAAC;AAkBI,IAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,qBAAe,EAAC1B,cAAc,EAAE;EACxD2B,IAAI,EAAEb,gBAAI,CAACa,IAAI;EACfC,KAAK,EAAEd,gBAAI,CAACc;AACd,CAAC,EAAE;EACDC,MAAM,EAAEf;AACV,CAAC,CAAwB","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonLink.type.js","names":[],"sources":["../../../../src/component/ButtonLink/ButtonLink.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\n\nimport type {\n AbstractButtonAddonProps,\n AbstractButtonContext,\n AbstractButtonTextProps,\n AbstractButtonProps,\n} from '../AbstractButton/AbstractButton.type';\n\n/**\n * Button link size\n */\nexport type ButtonLinkSize = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;\n/**\n * Button link type\n * @default primary\n */\ntype Use = 'primary' | 'secondary';\n\nexport type ButtonLinkProps = AbstractButtonProps<ButtonLinkSize, Use, never>;\n\nexport type ButtonLinkTextProps = AbstractButtonTextProps<ButtonLinkSize>;\n\nexport type ButtonLinkAddonProps = AbstractButtonAddonProps<ButtonLinkSize>;\n\nexport type ButtonLinkContext = AbstractButtonContext;\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 ButtonLinkContext\n> & {\n Text: Intergalactic.Component<'span', ButtonLinkTextProps>;\n Addon: Intergalactic.Component<'span', ButtonLinkAddonProps>;\n};\n"],"mappings":"","ignoreList":[]}
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 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":[]}