@semcore/button 4.3.17 → 4.3.19

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 (14) hide show
  1. package/CHANGELOG.md +8 -2
  2. package/lib/cjs/Button.js +41 -84
  3. package/lib/cjs/Button.js.map +1 -1
  4. package/lib/cjs/SpinButton.js +2 -9
  5. package/lib/cjs/SpinButton.js.map +1 -1
  6. package/lib/cjs/index.js +0 -3
  7. package/lib/cjs/index.js.map +1 -1
  8. package/lib/es6/Button.js +41 -72
  9. package/lib/es6/Button.js.map +1 -1
  10. package/lib/es6/SpinButton.js +2 -3
  11. package/lib/es6/SpinButton.js.map +1 -1
  12. package/lib/es6/index.js.map +1 -1
  13. package/package.json +1 -1
  14. package/src/Button.jsx +0 -1
package/CHANGELOG.md CHANGED
@@ -2,11 +2,17 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
- ## [4.3.17] - 2023-03-28
5
+ ## [4.3.19] - 2023-04-11
6
+
7
+ ### Fixed
8
+
9
+ - Removed `role=button` from native button.
10
+
11
+ ## [4.3.18] - 2023-03-28
6
12
 
7
13
  ### Changed
8
14
 
9
- - Version patch update due to children dependencies update (`@semcore/utils` [3.49.0 ~> 3.49.1]).
15
+ - Version patch update due to children dependencies update (`@semcore/utils` [3.49.1 ~> 3.50.0]).
10
16
 
11
17
  ## [4.3.8] - 2023-02-09
12
18
 
package/lib/cjs/Button.js CHANGED
@@ -1,81 +1,54 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
-
5
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
10
8
  exports["default"] = exports.MAP_USE_DEFAULT_THEME = void 0;
11
-
12
9
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
13
-
14
10
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
15
-
16
11
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
17
-
18
12
  var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
19
-
20
13
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
21
-
22
14
  var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
23
-
24
15
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
25
-
26
16
  var _core = _interopRequireWildcard(require("@semcore/core"));
27
-
28
17
  var _react = _interopRequireDefault(require("react"));
29
-
30
18
  var _flexBox = require("@semcore/flex-box");
31
-
32
19
  var _neighborLocation = _interopRequireDefault(require("@semcore/neighbor-location"));
33
-
34
20
  var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
35
-
36
21
  var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
37
-
38
22
  var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
39
-
40
23
  var _SpinButton = _interopRequireDefault(require("./SpinButton"));
41
-
42
24
  var _hasLabels = _interopRequireDefault(require("@semcore/utils/lib/hasLabels"));
43
-
44
25
  /*__reshadow-styles__:"./style/button.shadow.css"*/
45
- var style = (
46
- /*__reshadow_css_start__*/
47
- _core.sstyled.insert(
48
- /*__inner_css_start__*/
49
- ".___SButton_ejfd6_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;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79)}.___SButton_ejfd6_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_ejfd6_gg_:active,.___SButton_ejfd6_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SButton_ejfd6_gg_:hover{outline:0;text-decoration:none}}.___SButton_ejfd6_gg_.__disabled_ejfd6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_ejfd6_gg_.__keyboardFocused_ejfd6_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));z-index:1}.___SButton_ejfd6_gg_._size_m_ejfd6_gg_{height:28px;min-width:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_ejfd6_gg_._size_l_ejfd6_gg_{height:40px;min-width:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_ejfd6_gg_._theme_primary-info_ejfd6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_ejfd6_gg_._theme_primary-info_ejfd6_gg_:hover{background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_ejfd6_gg_._theme_primary-info_ejfd6_gg_.__active_ejfd6_gg_,.___SButton_ejfd6_gg_._theme_primary-info_ejfd6_gg_:active{background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_ejfd6_gg_._theme_primary-success_ejfd6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_ejfd6_gg_._theme_primary-success_ejfd6_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_ejfd6_gg_._theme_primary-success_ejfd6_gg_.__active_ejfd6_gg_,.___SButton_ejfd6_gg_._theme_primary-success_ejfd6_gg_:active{background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_ejfd6_gg_._theme_primary-warning_ejfd6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SButton_ejfd6_gg_._theme_primary-warning_ejfd6_gg_:hover{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}}.___SButton_ejfd6_gg_._theme_primary-warning_ejfd6_gg_.__active_ejfd6_gg_,.___SButton_ejfd6_gg_._theme_primary-warning_ejfd6_gg_:active{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}.___SButton_ejfd6_gg_._theme_primary-danger_ejfd6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_ejfd6_gg_._theme_primary-danger_ejfd6_gg_:hover{background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_ejfd6_gg_._theme_primary-danger_ejfd6_gg_.__active_ejfd6_gg_,.___SButton_ejfd6_gg_._theme_primary-danger_ejfd6_gg_:active{background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_ejfd6_gg_._theme_primary-invert_ejfd6_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_ejfd6_gg_._theme_primary-invert_ejfd6_gg_:hover{background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_ejfd6_gg_._theme_primary-invert_ejfd6_gg_.__active_ejfd6_gg_,.___SButton_ejfd6_gg_._theme_primary-invert_ejfd6_gg_:active{background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_ejfd6_gg_._theme_secondary-muted_ejfd6_gg_{color:var(--intergalactic-text-secondary, #6c6e79);border-color:var(--intergalactic-border-primary, #c4c7cf);background-color:var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1))}@media (hover:hover){.___SButton_ejfd6_gg_._theme_secondary-muted_ejfd6_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2)\n );color:var(--intergalactic-text-primary, #191b23)}}.___SButton_ejfd6_gg_._theme_secondary-muted_ejfd6_gg_.__active_ejfd6_gg_,.___SButton_ejfd6_gg_._theme_secondary-muted_ejfd6_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3)\n );color:var(--intergalactic-text-primary, #191b23)}.___SButton_ejfd6_gg_._theme_secondary-info_ejfd6_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_ejfd6_gg_._theme_secondary-info_ejfd6_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_ejfd6_gg_._theme_secondary-info_ejfd6_gg_.__active_ejfd6_gg_,.___SButton_ejfd6_gg_._theme_secondary-info_ejfd6_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_ejfd6_gg_._theme_secondary-invert_ejfd6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05))}@media (hover:hover){.___SButton_ejfd6_gg_._theme_secondary-invert_ejfd6_gg_:hover{background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_ejfd6_gg_._theme_secondary-invert_ejfd6_gg_.__active_ejfd6_gg_,.___SButton_ejfd6_gg_._theme_secondary-invert_ejfd6_gg_:active{background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3)\n )}.___SButton_ejfd6_gg_._theme_tertiary-info_ejfd6_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_ejfd6_gg_._theme_tertiary-info_ejfd6_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_ejfd6_gg_._theme_tertiary-info_ejfd6_gg_.__active_ejfd6_gg_,.___SButton_ejfd6_gg_._theme_tertiary-info_ejfd6_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_ejfd6_gg_._theme_tertiary-muted_ejfd6_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_ejfd6_gg_._theme_tertiary-muted_ejfd6_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_ejfd6_gg_._theme_tertiary-muted_ejfd6_gg_.__active_ejfd6_gg_,.___SButton_ejfd6_gg_._theme_tertiary-muted_ejfd6_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3)\n );color:var(--intergalactic-text-primary, #191b23)}.___SButton_ejfd6_gg_._theme_tertiary-invert_ejfd6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_ejfd6_gg_._theme_tertiary-invert_ejfd6_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_ejfd6_gg_._theme_tertiary-invert_ejfd6_gg_.__active_ejfd6_gg_,.___SButton_ejfd6_gg_._theme_tertiary-invert_ejfd6_gg_:active{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_ejfd6_gg_._neighborLocation_right_ejfd6_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_ejfd6_gg_._neighborLocation_both_ejfd6_gg_{border-radius:0;margin-left:-1px}.___SButton_ejfd6_gg_._neighborLocation_both_ejfd6_gg_._theme_primary-danger_ejfd6_gg_,.___SButton_ejfd6_gg_._neighborLocation_both_ejfd6_gg_._theme_primary-info_ejfd6_gg_,.___SButton_ejfd6_gg_._neighborLocation_both_ejfd6_gg_._theme_primary-success_ejfd6_gg_,.___SButton_ejfd6_gg_._neighborLocation_both_ejfd6_gg_._theme_primary-warning_ejfd6_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_ejfd6_gg_._neighborLocation_both_ejfd6_gg_._theme_primary-invert_ejfd6_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SButton_ejfd6_gg_._neighborLocation_left_ejfd6_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_ejfd6_gg_._neighborLocation_left_ejfd6_gg_._theme_primary-danger_ejfd6_gg_,.___SButton_ejfd6_gg_._neighborLocation_left_ejfd6_gg_._theme_primary-info_ejfd6_gg_,.___SButton_ejfd6_gg_._neighborLocation_left_ejfd6_gg_._theme_primary-success_ejfd6_gg_,.___SButton_ejfd6_gg_._neighborLocation_left_ejfd6_gg_._theme_primary-warning_ejfd6_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_ejfd6_gg_._neighborLocation_left_ejfd6_gg_._theme_primary-invert_ejfd6_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SSpin_ejfd6_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_ejfd6_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_ejfd6_gg_.__loading_ejfd6_gg_{visibility:hidden}.___SText_ejfd6_gg_{display:inline-flex}.___SText_ejfd6_gg_._size_m_ejfd6_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_ejfd6_gg_._size_l_ejfd6_gg_{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);line-height:var(--intergalactic-lh-300, 150%)}.___SAddon_ejfd6_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_ejfd6_gg_._size_m_ejfd6_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_ejfd6_gg_._size_m_ejfd6_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_ejfd6_gg_._size_l_ejfd6_gg_:only-child,.___SAddon_ejfd6_gg_._size_m_ejfd6_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SAddon_ejfd6_gg_._size_l_ejfd6_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_ejfd6_gg_._size_l_ejfd6_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}"
50
- /*__inner_css_end__*/
51
- , "ejfd6_gg_")
52
- /*__reshadow_css_end__*/
53
- , {
54
- "__SButton": "___SButton_ejfd6_gg_",
55
- "_disabled": "__disabled_ejfd6_gg_",
56
- "_keyboardFocused": "__keyboardFocused_ejfd6_gg_",
57
- "_size_m": "_size_m_ejfd6_gg_",
58
- "_size_l": "_size_l_ejfd6_gg_",
59
- "_theme_primary-info": "_theme_primary-info_ejfd6_gg_",
60
- "_active": "__active_ejfd6_gg_",
61
- "_theme_primary-success": "_theme_primary-success_ejfd6_gg_",
62
- "_theme_primary-warning": "_theme_primary-warning_ejfd6_gg_",
63
- "_theme_primary-danger": "_theme_primary-danger_ejfd6_gg_",
64
- "_theme_primary-invert": "_theme_primary-invert_ejfd6_gg_",
65
- "_theme_secondary-muted": "_theme_secondary-muted_ejfd6_gg_",
66
- "_theme_secondary-info": "_theme_secondary-info_ejfd6_gg_",
67
- "_theme_secondary-invert": "_theme_secondary-invert_ejfd6_gg_",
68
- "_theme_tertiary-info": "_theme_tertiary-info_ejfd6_gg_",
69
- "_theme_tertiary-muted": "_theme_tertiary-muted_ejfd6_gg_",
70
- "_theme_tertiary-invert": "_theme_tertiary-invert_ejfd6_gg_",
71
- "_neighborLocation_right": "_neighborLocation_right_ejfd6_gg_",
72
- "_neighborLocation_both": "_neighborLocation_both_ejfd6_gg_",
73
- "_neighborLocation_left": "_neighborLocation_left_ejfd6_gg_",
74
- "__SSpin": "___SSpin_ejfd6_gg_",
75
- "__SInner": "___SInner_ejfd6_gg_",
76
- "_loading": "__loading_ejfd6_gg_",
77
- "__SText": "___SText_ejfd6_gg_",
78
- "__SAddon": "___SAddon_ejfd6_gg_"
26
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButton_1ohwq_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;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79)}.___SButton_1ohwq_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_1ohwq_gg_:active,.___SButton_1ohwq_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SButton_1ohwq_gg_:hover{outline:0;text-decoration:none}}.___SButton_1ohwq_gg_.__disabled_1ohwq_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_1ohwq_gg_.__keyboardFocused_1ohwq_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));z-index:1}.___SButton_1ohwq_gg_._size_m_1ohwq_gg_{height:28px;min-width:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_1ohwq_gg_._size_l_1ohwq_gg_{height:40px;min-width:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_1ohwq_gg_._theme_primary-info_1ohwq_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_1ohwq_gg_._theme_primary-info_1ohwq_gg_:hover{background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_1ohwq_gg_._theme_primary-info_1ohwq_gg_.__active_1ohwq_gg_,.___SButton_1ohwq_gg_._theme_primary-info_1ohwq_gg_:active{background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_1ohwq_gg_._theme_primary-success_1ohwq_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_1ohwq_gg_._theme_primary-success_1ohwq_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_1ohwq_gg_._theme_primary-success_1ohwq_gg_.__active_1ohwq_gg_,.___SButton_1ohwq_gg_._theme_primary-success_1ohwq_gg_:active{background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_1ohwq_gg_._theme_primary-warning_1ohwq_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SButton_1ohwq_gg_._theme_primary-warning_1ohwq_gg_:hover{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}}.___SButton_1ohwq_gg_._theme_primary-warning_1ohwq_gg_.__active_1ohwq_gg_,.___SButton_1ohwq_gg_._theme_primary-warning_1ohwq_gg_:active{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}.___SButton_1ohwq_gg_._theme_primary-danger_1ohwq_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_1ohwq_gg_._theme_primary-danger_1ohwq_gg_:hover{background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_1ohwq_gg_._theme_primary-danger_1ohwq_gg_.__active_1ohwq_gg_,.___SButton_1ohwq_gg_._theme_primary-danger_1ohwq_gg_:active{background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_1ohwq_gg_._theme_primary-invert_1ohwq_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_1ohwq_gg_._theme_primary-invert_1ohwq_gg_:hover{background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_1ohwq_gg_._theme_primary-invert_1ohwq_gg_.__active_1ohwq_gg_,.___SButton_1ohwq_gg_._theme_primary-invert_1ohwq_gg_:active{background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_1ohwq_gg_._theme_secondary-muted_1ohwq_gg_{color:var(--intergalactic-text-secondary, #6c6e79);border-color:var(--intergalactic-border-primary, #c4c7cf);background-color:var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1))}@media (hover:hover){.___SButton_1ohwq_gg_._theme_secondary-muted_1ohwq_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2)\n );color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1ohwq_gg_._theme_secondary-muted_1ohwq_gg_.__active_1ohwq_gg_,.___SButton_1ohwq_gg_._theme_secondary-muted_1ohwq_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3)\n );color:var(--intergalactic-text-primary, #191b23)}.___SButton_1ohwq_gg_._theme_secondary-info_1ohwq_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_1ohwq_gg_._theme_secondary-info_1ohwq_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1ohwq_gg_._theme_secondary-info_1ohwq_gg_.__active_1ohwq_gg_,.___SButton_1ohwq_gg_._theme_secondary-info_1ohwq_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1ohwq_gg_._theme_secondary-invert_1ohwq_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05))}@media (hover:hover){.___SButton_1ohwq_gg_._theme_secondary-invert_1ohwq_gg_:hover{background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1ohwq_gg_._theme_secondary-invert_1ohwq_gg_.__active_1ohwq_gg_,.___SButton_1ohwq_gg_._theme_secondary-invert_1ohwq_gg_:active{background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3)\n )}.___SButton_1ohwq_gg_._theme_tertiary-info_1ohwq_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_1ohwq_gg_._theme_tertiary-info_1ohwq_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1ohwq_gg_._theme_tertiary-info_1ohwq_gg_.__active_1ohwq_gg_,.___SButton_1ohwq_gg_._theme_tertiary-info_1ohwq_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1ohwq_gg_._theme_tertiary-muted_1ohwq_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_1ohwq_gg_._theme_tertiary-muted_1ohwq_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1ohwq_gg_._theme_tertiary-muted_1ohwq_gg_.__active_1ohwq_gg_,.___SButton_1ohwq_gg_._theme_tertiary-muted_1ohwq_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3)\n );color:var(--intergalactic-text-primary, #191b23)}.___SButton_1ohwq_gg_._theme_tertiary-invert_1ohwq_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_1ohwq_gg_._theme_tertiary-invert_1ohwq_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1ohwq_gg_._theme_tertiary-invert_1ohwq_gg_.__active_1ohwq_gg_,.___SButton_1ohwq_gg_._theme_tertiary-invert_1ohwq_gg_:active{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_1ohwq_gg_._neighborLocation_right_1ohwq_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_1ohwq_gg_._neighborLocation_both_1ohwq_gg_{border-radius:0;margin-left:-1px}.___SButton_1ohwq_gg_._neighborLocation_both_1ohwq_gg_._theme_primary-danger_1ohwq_gg_,.___SButton_1ohwq_gg_._neighborLocation_both_1ohwq_gg_._theme_primary-info_1ohwq_gg_,.___SButton_1ohwq_gg_._neighborLocation_both_1ohwq_gg_._theme_primary-success_1ohwq_gg_,.___SButton_1ohwq_gg_._neighborLocation_both_1ohwq_gg_._theme_primary-warning_1ohwq_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_1ohwq_gg_._neighborLocation_both_1ohwq_gg_._theme_primary-invert_1ohwq_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SButton_1ohwq_gg_._neighborLocation_left_1ohwq_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_1ohwq_gg_._neighborLocation_left_1ohwq_gg_._theme_primary-danger_1ohwq_gg_,.___SButton_1ohwq_gg_._neighborLocation_left_1ohwq_gg_._theme_primary-info_1ohwq_gg_,.___SButton_1ohwq_gg_._neighborLocation_left_1ohwq_gg_._theme_primary-success_1ohwq_gg_,.___SButton_1ohwq_gg_._neighborLocation_left_1ohwq_gg_._theme_primary-warning_1ohwq_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_1ohwq_gg_._neighborLocation_left_1ohwq_gg_._theme_primary-invert_1ohwq_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SSpin_1ohwq_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_1ohwq_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_1ohwq_gg_.__loading_1ohwq_gg_{visibility:hidden}.___SText_1ohwq_gg_{display:inline-flex}.___SText_1ohwq_gg_._size_m_1ohwq_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1ohwq_gg_._size_l_1ohwq_gg_{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);line-height:var(--intergalactic-lh-300, 150%)}.___SAddon_1ohwq_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1ohwq_gg_._size_m_1ohwq_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1ohwq_gg_._size_m_1ohwq_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1ohwq_gg_._size_l_1ohwq_gg_:only-child,.___SAddon_1ohwq_gg_._size_m_1ohwq_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SAddon_1ohwq_gg_._size_l_1ohwq_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1ohwq_gg_._size_l_1ohwq_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "1ohwq_gg_") /*__reshadow_css_end__*/, {
27
+ "__SButton": "___SButton_1ohwq_gg_",
28
+ "_disabled": "__disabled_1ohwq_gg_",
29
+ "_keyboardFocused": "__keyboardFocused_1ohwq_gg_",
30
+ "_size_m": "_size_m_1ohwq_gg_",
31
+ "_size_l": "_size_l_1ohwq_gg_",
32
+ "_theme_primary-info": "_theme_primary-info_1ohwq_gg_",
33
+ "_active": "__active_1ohwq_gg_",
34
+ "_theme_primary-success": "_theme_primary-success_1ohwq_gg_",
35
+ "_theme_primary-warning": "_theme_primary-warning_1ohwq_gg_",
36
+ "_theme_primary-danger": "_theme_primary-danger_1ohwq_gg_",
37
+ "_theme_primary-invert": "_theme_primary-invert_1ohwq_gg_",
38
+ "_theme_secondary-muted": "_theme_secondary-muted_1ohwq_gg_",
39
+ "_theme_secondary-info": "_theme_secondary-info_1ohwq_gg_",
40
+ "_theme_secondary-invert": "_theme_secondary-invert_1ohwq_gg_",
41
+ "_theme_tertiary-info": "_theme_tertiary-info_1ohwq_gg_",
42
+ "_theme_tertiary-muted": "_theme_tertiary-muted_1ohwq_gg_",
43
+ "_theme_tertiary-invert": "_theme_tertiary-invert_1ohwq_gg_",
44
+ "_neighborLocation_right": "_neighborLocation_right_1ohwq_gg_",
45
+ "_neighborLocation_both": "_neighborLocation_both_1ohwq_gg_",
46
+ "_neighborLocation_left": "_neighborLocation_left_1ohwq_gg_",
47
+ "__SSpin": "___SSpin_1ohwq_gg_",
48
+ "__SInner": "___SInner_1ohwq_gg_",
49
+ "_loading": "__loading_1ohwq_gg_",
50
+ "__SText": "___SText_1ohwq_gg_",
51
+ "__SAddon": "___SAddon_1ohwq_gg_"
79
52
  });
80
53
  var MAP_USE_DEFAULT_THEME = {
81
54
  primary: 'info',
@@ -83,26 +56,19 @@ var MAP_USE_DEFAULT_THEME = {
83
56
  tertiary: 'info'
84
57
  };
85
58
  exports.MAP_USE_DEFAULT_THEME = MAP_USE_DEFAULT_THEME;
86
-
87
59
  var RootButton = /*#__PURE__*/function (_Component) {
88
60
  (0, _inherits2["default"])(RootButton, _Component);
89
-
90
61
  var _super = (0, _createSuper2["default"])(RootButton);
91
-
92
62
  function RootButton() {
93
63
  var _this;
94
-
95
64
  (0, _classCallCheck2["default"])(this, RootButton);
96
-
97
65
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
98
66
  args[_key] = arguments[_key];
99
67
  }
100
-
101
68
  _this = _super.call.apply(_super, [this].concat(args));
102
69
  (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "containerRef", /*#__PURE__*/_react["default"].createRef());
103
70
  return _this;
104
71
  }
105
-
106
72
  (0, _createClass2["default"])(RootButton, [{
107
73
  key: "getTextProps",
108
74
  value: function getTextProps() {
@@ -130,37 +96,34 @@ var RootButton = /*#__PURE__*/function (_Component) {
130
96
  key: "render",
131
97
  value: function render() {
132
98
  var _ref = this.asProps,
133
- _this2 = this;
134
-
99
+ _this2 = this;
135
100
  var SButton = _flexBox.Box;
136
101
  var SInner = _flexBox.Box;
137
102
  var SSpin = _flexBox.Box;
138
103
  var _this$asProps = this.asProps,
139
- Children = _this$asProps.Children,
140
- styles = _this$asProps.styles,
141
- use = _this$asProps.use,
142
- _this$asProps$theme = _this$asProps.theme,
143
- theme = _this$asProps$theme === void 0 ? typeof use === 'string' && MAP_USE_DEFAULT_THEME[use] : _this$asProps$theme,
144
- loading = _this$asProps.loading,
145
- _this$asProps$disable = _this$asProps.disabled,
146
- disabled = _this$asProps$disable === void 0 ? loading : _this$asProps$disable,
147
- size = _this$asProps.size,
148
- neighborLocation = _this$asProps.neighborLocation,
149
- addonLeft = _this$asProps.addonLeft,
150
- addonRight = _this$asProps.addonRight;
104
+ Children = _this$asProps.Children,
105
+ styles = _this$asProps.styles,
106
+ use = _this$asProps.use,
107
+ _this$asProps$theme = _this$asProps.theme,
108
+ theme = _this$asProps$theme === void 0 ? typeof use === 'string' && MAP_USE_DEFAULT_THEME[use] : _this$asProps$theme,
109
+ loading = _this$asProps.loading,
110
+ _this$asProps$disable = _this$asProps.disabled,
111
+ disabled = _this$asProps$disable === void 0 ? loading : _this$asProps$disable,
112
+ size = _this$asProps.size,
113
+ neighborLocation = _this$asProps.neighborLocation,
114
+ addonLeft = _this$asProps.addonLeft,
115
+ addonRight = _this$asProps.addonRight;
151
116
  var useTheme = use && theme ? "".concat(use, "-").concat(theme) : false;
152
117
  return /*#__PURE__*/_react["default"].createElement(_neighborLocation["default"].Detect, {
153
118
  neighborLocation: neighborLocation
154
119
  }, function (neighborLocation) {
155
120
  var _ref4;
156
-
157
121
  return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SButton, _ref4.cn("SButton", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
158
122
  "type": "button",
159
123
  "tag": "button",
160
124
  "disabled": disabled,
161
125
  "neighborLocation": neighborLocation,
162
126
  "use:theme": useTheme,
163
- "role": "button",
164
127
  "ref": _this2.containerRef
165
128
  }, _ref))), /*#__PURE__*/_react["default"].createElement(SInner, _ref4.cn("SInner", {
166
129
  "tag": "span",
@@ -181,7 +144,6 @@ var RootButton = /*#__PURE__*/function (_Component) {
181
144
  }]);
182
145
  return RootButton;
183
146
  }(_core.Component);
184
-
185
147
  (0, _defineProperty2["default"])(RootButton, "displayName", 'Button');
186
148
  (0, _defineProperty2["default"])(RootButton, "enhance", [(0, _keyboardFocusEnhance["default"])()]);
187
149
  (0, _defineProperty2["default"])(RootButton, "style", style);
@@ -189,27 +151,22 @@ var RootButton = /*#__PURE__*/function (_Component) {
189
151
  use: 'secondary',
190
152
  size: 'm'
191
153
  });
192
-
193
154
  function Text(props) {
194
155
  var _ref2 = arguments[0],
195
- _ref5;
196
-
156
+ _ref5;
197
157
  var SText = _flexBox.Box;
198
158
  return _ref5 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SText, _ref5.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
199
159
  "tag": "span"
200
160
  }, _ref2))));
201
161
  }
202
-
203
162
  function Addon(props) {
204
163
  var _ref3 = arguments[0],
205
- _ref6;
206
-
164
+ _ref6;
207
165
  var SAddon = _flexBox.Box;
208
166
  return _ref6 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref6.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
209
167
  "tag": "span"
210
168
  }, _ref3))));
211
169
  }
212
-
213
170
  var Button = (0, _core["default"])(RootButton, {
214
171
  Text: Text,
215
172
  Addon: Addon
package/lib/cjs/Button.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","names":["MAP_USE_DEFAULT_THEME","primary","secondary","tertiary","RootButton","React","createRef","size","asProps","process","env","NODE_ENV","logger","warn","hasLabels","containerRef","current","Button","displayName","SButton","Box","SInner","SSpin","Children","styles","use","theme","loading","disabled","neighborLocation","addonLeft","addonRight","useTheme","sstyled","addonTextChildren","Text","Addon","Component","keyboardFocusEnhance","style","props","SText","SAddon","createComponent"],"sources":["../../src/Button.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport SpinButton from './SpinButton';\n\nimport style from './style/button.shadow.css';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\n\nexport const MAP_USE_DEFAULT_THEME = {\n primary: 'info',\n secondary: 'muted',\n tertiary: 'info',\n};\n\nclass RootButton extends Component {\n static displayName = 'Button';\n static enhance = [keyboardFocusEnhance()];\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n };\n containerRef = React.createRef();\n\n getTextProps() {\n const { size } = this.asProps;\n return {\n size,\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 !hasLabels(this.containerRef.current),\n `'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n this.asProps['data-ui-name'] || Button.displayName,\n );\n }\n }\n\n render() {\n const SButton = Root;\n const SInner = Box;\n const SSpin = Box;\n const {\n Children,\n styles,\n use,\n theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],\n loading,\n disabled = loading,\n size,\n neighborLocation,\n addonLeft,\n addonRight,\n } = this.asProps;\n const useTheme = use && theme ? `${use}-${theme}` : false;\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <SButton\n render={Box}\n type=\"button\"\n tag=\"button\"\n disabled={disabled}\n neighborLocation={neighborLocation}\n use:theme={useTheme}\n role=\"button\"\n ref={this.containerRef}\n >\n <SInner tag=\"span\" loading={loading}>\n {addonLeft ? <Button.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, Button.Text, Button.Addon)}\n {addonRight ? <Button.Addon tag={addonRight} /> : null}\n </SInner>\n {loading && (\n <SSpin tag=\"span\">\n <SpinButton centered size={size} theme={useTheme} />\n </SSpin>\n )}\n </SButton>,\n )\n }\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag=\"span\" />);\n}\n\nfunction Addon(props) {\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});\n\nexport default Button;\n"],"mappings":"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"}
1
+ {"version":3,"file":"Button.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_neighborLocation","_keyboardFocusEnhance","_addonTextChildren","_logger","_SpinButton","_hasLabels","style","sstyled","insert","MAP_USE_DEFAULT_THEME","primary","secondary","tertiary","exports","RootButton","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","_createClass2","key","value","getTextProps","size","asProps","getAddonProps","componentDidMount","process","env","NODE_ENV","logger","warn","hasLabels","containerRef","current","Button","displayName","render","_ref","_this2","SButton","Box","SInner","SSpin","_this$asProps","Children","styles","use","_this$asProps$theme","theme","loading","_this$asProps$disable","disabled","neighborLocation","addonLeft","addonRight","useTheme","createElement","Detect","_ref4","cn","_objectSpread2","assignProps","Addon","tag","addonTextChildren","Text","Component","keyboardFocusEnhance","props","_ref2","arguments[0]","_ref5","SText","_ref3","_ref6","SAddon","createComponent","_default"],"sources":["../../src/Button.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport SpinButton from './SpinButton';\n\nimport style from './style/button.shadow.css';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\n\nexport const MAP_USE_DEFAULT_THEME = {\n primary: 'info',\n secondary: 'muted',\n tertiary: 'info',\n};\n\nclass RootButton extends Component {\n static displayName = 'Button';\n static enhance = [keyboardFocusEnhance()];\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n };\n containerRef = React.createRef();\n\n getTextProps() {\n const { size } = this.asProps;\n return {\n size,\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 !hasLabels(this.containerRef.current),\n `'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n this.asProps['data-ui-name'] || Button.displayName,\n );\n }\n }\n\n render() {\n const SButton = Root;\n const SInner = Box;\n const SSpin = Box;\n const {\n Children,\n styles,\n use,\n theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],\n loading,\n disabled = loading,\n size,\n neighborLocation,\n addonLeft,\n addonRight,\n } = this.asProps;\n const useTheme = use && theme ? `${use}-${theme}` : false;\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <SButton\n render={Box}\n type=\"button\"\n tag=\"button\"\n disabled={disabled}\n neighborLocation={neighborLocation}\n use:theme={useTheme}\n ref={this.containerRef}\n >\n <SInner tag=\"span\" loading={loading}>\n {addonLeft ? <Button.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, Button.Text, Button.Addon)}\n {addonRight ? <Button.Addon tag={addonRight} /> : null}\n </SInner>\n {loading && (\n <SSpin tag=\"span\">\n <SpinButton centered size={size} theme={useTheme} />\n </SSpin>\n )}\n </SButton>,\n )\n }\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag=\"span\" />);\n}\n\nfunction Addon(props) {\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});\n\nexport default Button;\n"],"mappings":"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"}
package/lib/cjs/SpinButton.js CHANGED
@@ -1,21 +1,15 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.SPIN_THEME_MAP = exports.SPIN_SIZE_MAP = void 0;
9
8
  exports["default"] = SpinButton;
10
-
11
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
12
-
13
10
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
14
-
15
11
  var _react = _interopRequireDefault(require("react"));
16
-
17
12
  var _spin = _interopRequireDefault(require("@semcore/spin"));
18
-
19
13
  var _excluded = ["theme", "size"];
20
14
  var SPIN_SIZE_MAP = {
21
15
  xl: 'm',
@@ -36,11 +30,10 @@ var SPIN_THEME_MAP = {
36
30
  'tertiary-info': 'blue-400'
37
31
  };
38
32
  exports.SPIN_THEME_MAP = SPIN_THEME_MAP;
39
-
40
33
  function SpinButton(_ref) {
41
34
  var theme = _ref.theme,
42
- size = _ref.size,
43
- others = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
35
+ size = _ref.size,
36
+ others = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
44
37
  return /*#__PURE__*/_react["default"].createElement(_spin["default"], (0, _extends2["default"])({
45
38
  size: typeof size == 'string' ? SPIN_SIZE_MAP[size] : size,
46
39
  theme: typeof theme === 'string' ? SPIN_THEME_MAP[theme] || 'dark' : theme
package/lib/cjs/SpinButton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SpinButton.js","names":["SPIN_SIZE_MAP","xl","l","m","s","SPIN_THEME_MAP","SpinButton","theme","size","others"],"sources":["../../src/SpinButton.jsx"],"sourcesContent":["import React from 'react';\nimport Spin from '@semcore/spin';\n\nexport const SPIN_SIZE_MAP = {\n xl: 'm',\n l: 's',\n m: 'xs',\n s: 'xxs',\n};\n\nexport const SPIN_THEME_MAP = {\n 'primary-info': 'invert',\n 'primary-success': 'invert',\n 'primary-warning': 'invert',\n 'primary-danger': 'invert',\n 'secondary-invert': 'invert',\n 'secondary-muted': 'gray-600',\n 'secondary-info': 'blue-400',\n 'tertiary-invert': 'invert',\n 'tertiary-info': 'blue-400',\n};\n\nexport default function SpinButton({ theme, size, ...others }) {\n return (\n <Spin\n size={typeof size == 'string' ? SPIN_SIZE_MAP[size] : size}\n theme={typeof theme === 'string' ? SPIN_THEME_MAP[theme] || 'dark' : theme}\n {...others}\n />\n );\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;;AACA;;;AAEO,IAAMA,aAAa,GAAG;EAC3BC,EAAE,EAAE,GADuB;EAE3BC,CAAC,EAAE,GAFwB;EAG3BC,CAAC,EAAE,IAHwB;EAI3BC,CAAC,EAAE;AAJwB,CAAtB;;AAOA,IAAMC,cAAc,GAAG;EAC5B,gBAAgB,QADY;EAE5B,mBAAmB,QAFS;EAG5B,mBAAmB,QAHS;EAI5B,kBAAkB,QAJU;EAK5B,oBAAoB,QALQ;EAM5B,mBAAmB,UANS;EAO5B,kBAAkB,UAPU;EAQ5B,mBAAmB,QARS;EAS5B,iBAAiB;AATW,CAAvB;;;AAYQ,SAASC,UAAT,OAAgD;EAAA,IAA1BC,KAA0B,QAA1BA,KAA0B;EAAA,IAAnBC,IAAmB,QAAnBA,IAAmB;EAAA,IAAVC,MAAU;EAC7D,oBACE,gCAAC,gBAAD;IACE,IAAI,EAAE,OAAOD,IAAP,IAAe,QAAf,GAA0BR,aAAa,CAACQ,IAAD,CAAvC,GAAgDA,IADxD;IAEE,KAAK,EAAE,OAAOD,KAAP,KAAiB,QAAjB,GAA4BF,cAAc,CAACE,KAAD,CAAd,IAAyB,MAArD,GAA8DA;EAFvE,GAGME,MAHN,EADF;AAOD"}
1
+ {"version":3,"file":"SpinButton.js","names":["_react","_interopRequireDefault","require","_spin","_excluded","SPIN_SIZE_MAP","xl","l","m","s","exports","SPIN_THEME_MAP","SpinButton","_ref","theme","size","others","_objectWithoutProperties2","createElement","_extends2"],"sources":["../../src/SpinButton.jsx"],"sourcesContent":["import React from 'react';\nimport Spin from '@semcore/spin';\n\nexport const SPIN_SIZE_MAP = {\n xl: 'm',\n l: 's',\n m: 'xs',\n s: 'xxs',\n};\n\nexport const SPIN_THEME_MAP = {\n 'primary-info': 'invert',\n 'primary-success': 'invert',\n 'primary-warning': 'invert',\n 'primary-danger': 'invert',\n 'secondary-invert': 'invert',\n 'secondary-muted': 'gray-600',\n 'secondary-info': 'blue-400',\n 'tertiary-invert': 'invert',\n 'tertiary-info': 'blue-400',\n};\n\nexport default function SpinButton({ theme, size, ...others }) {\n return (\n <Spin\n size={typeof size == 'string' ? SPIN_SIZE_MAP[size] : size}\n theme={typeof theme === 'string' ? SPIN_THEME_MAP[theme] || 'dark' : theme}\n {...others}\n />\n );\n}\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAiC,IAAAE,SAAA;AAE1B,IAAMC,aAAa,GAAG;EAC3BC,EAAE,EAAE,GAAG;EACPC,CAAC,EAAE,GAAG;EACNC,CAAC,EAAE,IAAI;EACPC,CAAC,EAAE;AACL,CAAC;AAACC,OAAA,CAAAL,aAAA,GAAAA,aAAA;AAEK,IAAMM,cAAc,GAAG;EAC5B,cAAc,EAAE,QAAQ;EACxB,iBAAiB,EAAE,QAAQ;EAC3B,iBAAiB,EAAE,QAAQ;EAC3B,gBAAgB,EAAE,QAAQ;EAC1B,kBAAkB,EAAE,QAAQ;EAC5B,iBAAiB,EAAE,UAAU;EAC7B,gBAAgB,EAAE,UAAU;EAC5B,iBAAiB,EAAE,QAAQ;EAC3B,eAAe,EAAE;AACnB,CAAC;AAACD,OAAA,CAAAC,cAAA,GAAAA,cAAA;AAEa,SAASC,UAAUA,CAAAC,IAAA,EAA6B;EAAA,IAA1BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAKC,MAAM,OAAAC,yBAAA,aAAAJ,IAAA,EAAAT,SAAA;EACzD,oBACEJ,MAAA,YAAAkB,aAAA,CAACf,KAAA,WAAI,MAAAgB,SAAA;IACHJ,IAAI,EAAE,OAAOA,IAAI,IAAI,QAAQ,GAAGV,aAAa,CAACU,IAAI,CAAC,GAAGA,IAAK;IAC3DD,KAAK,EAAE,OAAOA,KAAK,KAAK,QAAQ,GAAGH,cAAc,CAACG,KAAK,CAAC,IAAI,MAAM,GAAGA;EAAM,GACvEE,MAAM,EACV;AAEN"}
package/lib/cjs/index.js CHANGED
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -12,9 +11,7 @@ Object.defineProperty(exports, "default", {
12
11
  return _Button["default"];
13
12
  }
14
13
  });
15
-
16
14
  var _Button = _interopRequireWildcard(require("./Button"));
17
-
18
15
  Object.keys(_Button).forEach(function (key) {
19
16
  if (key === "default" || key === "__esModule") return;
20
17
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
package/lib/cjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Button';\nexport * from './Button';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
1
+ {"version":3,"file":"index.js","names":["_Button","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Button';\nexport * from './Button';\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,OAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,OAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAd,OAAA,CAAAM,GAAA;IAAA;EAAA;AAAA"}
package/lib/es6/Button.js CHANGED
@@ -17,42 +17,33 @@ import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhan
17
17
  import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
18
18
  import logger from '@semcore/utils/lib/logger';
19
19
  import SpinButton from './SpinButton';
20
-
21
20
  /*__reshadow-styles__:"./style/button.shadow.css"*/
22
- var style = (
23
- /*__reshadow_css_start__*/
24
- _sstyled.insert(
25
- /*__inner_css_start__*/
26
- ".___SButton_ejfd6_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;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79)}.___SButton_ejfd6_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_ejfd6_gg_:active,.___SButton_ejfd6_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SButton_ejfd6_gg_:hover{outline:0;text-decoration:none}}.___SButton_ejfd6_gg_.__disabled_ejfd6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_ejfd6_gg_.__keyboardFocused_ejfd6_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));z-index:1}.___SButton_ejfd6_gg_._size_m_ejfd6_gg_{height:28px;min-width:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_ejfd6_gg_._size_l_ejfd6_gg_{height:40px;min-width:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_ejfd6_gg_._theme_primary-info_ejfd6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_ejfd6_gg_._theme_primary-info_ejfd6_gg_:hover{background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_ejfd6_gg_._theme_primary-info_ejfd6_gg_.__active_ejfd6_gg_,.___SButton_ejfd6_gg_._theme_primary-info_ejfd6_gg_:active{background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_ejfd6_gg_._theme_primary-success_ejfd6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_ejfd6_gg_._theme_primary-success_ejfd6_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_ejfd6_gg_._theme_primary-success_ejfd6_gg_.__active_ejfd6_gg_,.___SButton_ejfd6_gg_._theme_primary-success_ejfd6_gg_:active{background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_ejfd6_gg_._theme_primary-warning_ejfd6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SButton_ejfd6_gg_._theme_primary-warning_ejfd6_gg_:hover{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}}.___SButton_ejfd6_gg_._theme_primary-warning_ejfd6_gg_.__active_ejfd6_gg_,.___SButton_ejfd6_gg_._theme_primary-warning_ejfd6_gg_:active{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}.___SButton_ejfd6_gg_._theme_primary-danger_ejfd6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_ejfd6_gg_._theme_primary-danger_ejfd6_gg_:hover{background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_ejfd6_gg_._theme_primary-danger_ejfd6_gg_.__active_ejfd6_gg_,.___SButton_ejfd6_gg_._theme_primary-danger_ejfd6_gg_:active{background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_ejfd6_gg_._theme_primary-invert_ejfd6_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_ejfd6_gg_._theme_primary-invert_ejfd6_gg_:hover{background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_ejfd6_gg_._theme_primary-invert_ejfd6_gg_.__active_ejfd6_gg_,.___SButton_ejfd6_gg_._theme_primary-invert_ejfd6_gg_:active{background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_ejfd6_gg_._theme_secondary-muted_ejfd6_gg_{color:var(--intergalactic-text-secondary, #6c6e79);border-color:var(--intergalactic-border-primary, #c4c7cf);background-color:var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1))}@media (hover:hover){.___SButton_ejfd6_gg_._theme_secondary-muted_ejfd6_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2)\n );color:var(--intergalactic-text-primary, #191b23)}}.___SButton_ejfd6_gg_._theme_secondary-muted_ejfd6_gg_.__active_ejfd6_gg_,.___SButton_ejfd6_gg_._theme_secondary-muted_ejfd6_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3)\n );color:var(--intergalactic-text-primary, #191b23)}.___SButton_ejfd6_gg_._theme_secondary-info_ejfd6_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_ejfd6_gg_._theme_secondary-info_ejfd6_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_ejfd6_gg_._theme_secondary-info_ejfd6_gg_.__active_ejfd6_gg_,.___SButton_ejfd6_gg_._theme_secondary-info_ejfd6_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_ejfd6_gg_._theme_secondary-invert_ejfd6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05))}@media (hover:hover){.___SButton_ejfd6_gg_._theme_secondary-invert_ejfd6_gg_:hover{background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_ejfd6_gg_._theme_secondary-invert_ejfd6_gg_.__active_ejfd6_gg_,.___SButton_ejfd6_gg_._theme_secondary-invert_ejfd6_gg_:active{background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3)\n )}.___SButton_ejfd6_gg_._theme_tertiary-info_ejfd6_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_ejfd6_gg_._theme_tertiary-info_ejfd6_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_ejfd6_gg_._theme_tertiary-info_ejfd6_gg_.__active_ejfd6_gg_,.___SButton_ejfd6_gg_._theme_tertiary-info_ejfd6_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_ejfd6_gg_._theme_tertiary-muted_ejfd6_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_ejfd6_gg_._theme_tertiary-muted_ejfd6_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_ejfd6_gg_._theme_tertiary-muted_ejfd6_gg_.__active_ejfd6_gg_,.___SButton_ejfd6_gg_._theme_tertiary-muted_ejfd6_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3)\n );color:var(--intergalactic-text-primary, #191b23)}.___SButton_ejfd6_gg_._theme_tertiary-invert_ejfd6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_ejfd6_gg_._theme_tertiary-invert_ejfd6_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_ejfd6_gg_._theme_tertiary-invert_ejfd6_gg_.__active_ejfd6_gg_,.___SButton_ejfd6_gg_._theme_tertiary-invert_ejfd6_gg_:active{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_ejfd6_gg_._neighborLocation_right_ejfd6_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_ejfd6_gg_._neighborLocation_both_ejfd6_gg_{border-radius:0;margin-left:-1px}.___SButton_ejfd6_gg_._neighborLocation_both_ejfd6_gg_._theme_primary-danger_ejfd6_gg_,.___SButton_ejfd6_gg_._neighborLocation_both_ejfd6_gg_._theme_primary-info_ejfd6_gg_,.___SButton_ejfd6_gg_._neighborLocation_both_ejfd6_gg_._theme_primary-success_ejfd6_gg_,.___SButton_ejfd6_gg_._neighborLocation_both_ejfd6_gg_._theme_primary-warning_ejfd6_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_ejfd6_gg_._neighborLocation_both_ejfd6_gg_._theme_primary-invert_ejfd6_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SButton_ejfd6_gg_._neighborLocation_left_ejfd6_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_ejfd6_gg_._neighborLocation_left_ejfd6_gg_._theme_primary-danger_ejfd6_gg_,.___SButton_ejfd6_gg_._neighborLocation_left_ejfd6_gg_._theme_primary-info_ejfd6_gg_,.___SButton_ejfd6_gg_._neighborLocation_left_ejfd6_gg_._theme_primary-success_ejfd6_gg_,.___SButton_ejfd6_gg_._neighborLocation_left_ejfd6_gg_._theme_primary-warning_ejfd6_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_ejfd6_gg_._neighborLocation_left_ejfd6_gg_._theme_primary-invert_ejfd6_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SSpin_ejfd6_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_ejfd6_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_ejfd6_gg_.__loading_ejfd6_gg_{visibility:hidden}.___SText_ejfd6_gg_{display:inline-flex}.___SText_ejfd6_gg_._size_m_ejfd6_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_ejfd6_gg_._size_l_ejfd6_gg_{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);line-height:var(--intergalactic-lh-300, 150%)}.___SAddon_ejfd6_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_ejfd6_gg_._size_m_ejfd6_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_ejfd6_gg_._size_m_ejfd6_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_ejfd6_gg_._size_l_ejfd6_gg_:only-child,.___SAddon_ejfd6_gg_._size_m_ejfd6_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SAddon_ejfd6_gg_._size_l_ejfd6_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_ejfd6_gg_._size_l_ejfd6_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}"
27
- /*__inner_css_end__*/
28
- , "ejfd6_gg_")
29
- /*__reshadow_css_end__*/
30
- , {
31
- "__SButton": "___SButton_ejfd6_gg_",
32
- "_disabled": "__disabled_ejfd6_gg_",
33
- "_keyboardFocused": "__keyboardFocused_ejfd6_gg_",
34
- "_size_m": "_size_m_ejfd6_gg_",
35
- "_size_l": "_size_l_ejfd6_gg_",
36
- "_theme_primary-info": "_theme_primary-info_ejfd6_gg_",
37
- "_active": "__active_ejfd6_gg_",
38
- "_theme_primary-success": "_theme_primary-success_ejfd6_gg_",
39
- "_theme_primary-warning": "_theme_primary-warning_ejfd6_gg_",
40
- "_theme_primary-danger": "_theme_primary-danger_ejfd6_gg_",
41
- "_theme_primary-invert": "_theme_primary-invert_ejfd6_gg_",
42
- "_theme_secondary-muted": "_theme_secondary-muted_ejfd6_gg_",
43
- "_theme_secondary-info": "_theme_secondary-info_ejfd6_gg_",
44
- "_theme_secondary-invert": "_theme_secondary-invert_ejfd6_gg_",
45
- "_theme_tertiary-info": "_theme_tertiary-info_ejfd6_gg_",
46
- "_theme_tertiary-muted": "_theme_tertiary-muted_ejfd6_gg_",
47
- "_theme_tertiary-invert": "_theme_tertiary-invert_ejfd6_gg_",
48
- "_neighborLocation_right": "_neighborLocation_right_ejfd6_gg_",
49
- "_neighborLocation_both": "_neighborLocation_both_ejfd6_gg_",
50
- "_neighborLocation_left": "_neighborLocation_left_ejfd6_gg_",
51
- "__SSpin": "___SSpin_ejfd6_gg_",
52
- "__SInner": "___SInner_ejfd6_gg_",
53
- "_loading": "__loading_ejfd6_gg_",
54
- "__SText": "___SText_ejfd6_gg_",
55
- "__SAddon": "___SAddon_ejfd6_gg_"
21
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_1ohwq_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;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79)}.___SButton_1ohwq_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_1ohwq_gg_:active,.___SButton_1ohwq_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SButton_1ohwq_gg_:hover{outline:0;text-decoration:none}}.___SButton_1ohwq_gg_.__disabled_1ohwq_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_1ohwq_gg_.__keyboardFocused_1ohwq_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));z-index:1}.___SButton_1ohwq_gg_._size_m_1ohwq_gg_{height:28px;min-width:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_1ohwq_gg_._size_l_1ohwq_gg_{height:40px;min-width:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_1ohwq_gg_._theme_primary-info_1ohwq_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_1ohwq_gg_._theme_primary-info_1ohwq_gg_:hover{background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_1ohwq_gg_._theme_primary-info_1ohwq_gg_.__active_1ohwq_gg_,.___SButton_1ohwq_gg_._theme_primary-info_1ohwq_gg_:active{background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_1ohwq_gg_._theme_primary-success_1ohwq_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_1ohwq_gg_._theme_primary-success_1ohwq_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_1ohwq_gg_._theme_primary-success_1ohwq_gg_.__active_1ohwq_gg_,.___SButton_1ohwq_gg_._theme_primary-success_1ohwq_gg_:active{background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_1ohwq_gg_._theme_primary-warning_1ohwq_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SButton_1ohwq_gg_._theme_primary-warning_1ohwq_gg_:hover{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}}.___SButton_1ohwq_gg_._theme_primary-warning_1ohwq_gg_.__active_1ohwq_gg_,.___SButton_1ohwq_gg_._theme_primary-warning_1ohwq_gg_:active{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}.___SButton_1ohwq_gg_._theme_primary-danger_1ohwq_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_1ohwq_gg_._theme_primary-danger_1ohwq_gg_:hover{background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_1ohwq_gg_._theme_primary-danger_1ohwq_gg_.__active_1ohwq_gg_,.___SButton_1ohwq_gg_._theme_primary-danger_1ohwq_gg_:active{background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_1ohwq_gg_._theme_primary-invert_1ohwq_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_1ohwq_gg_._theme_primary-invert_1ohwq_gg_:hover{background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_1ohwq_gg_._theme_primary-invert_1ohwq_gg_.__active_1ohwq_gg_,.___SButton_1ohwq_gg_._theme_primary-invert_1ohwq_gg_:active{background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_1ohwq_gg_._theme_secondary-muted_1ohwq_gg_{color:var(--intergalactic-text-secondary, #6c6e79);border-color:var(--intergalactic-border-primary, #c4c7cf);background-color:var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1))}@media (hover:hover){.___SButton_1ohwq_gg_._theme_secondary-muted_1ohwq_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2)\n );color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1ohwq_gg_._theme_secondary-muted_1ohwq_gg_.__active_1ohwq_gg_,.___SButton_1ohwq_gg_._theme_secondary-muted_1ohwq_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3)\n );color:var(--intergalactic-text-primary, #191b23)}.___SButton_1ohwq_gg_._theme_secondary-info_1ohwq_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_1ohwq_gg_._theme_secondary-info_1ohwq_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1ohwq_gg_._theme_secondary-info_1ohwq_gg_.__active_1ohwq_gg_,.___SButton_1ohwq_gg_._theme_secondary-info_1ohwq_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1ohwq_gg_._theme_secondary-invert_1ohwq_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05))}@media (hover:hover){.___SButton_1ohwq_gg_._theme_secondary-invert_1ohwq_gg_:hover{background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1ohwq_gg_._theme_secondary-invert_1ohwq_gg_.__active_1ohwq_gg_,.___SButton_1ohwq_gg_._theme_secondary-invert_1ohwq_gg_:active{background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3)\n )}.___SButton_1ohwq_gg_._theme_tertiary-info_1ohwq_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_1ohwq_gg_._theme_tertiary-info_1ohwq_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1ohwq_gg_._theme_tertiary-info_1ohwq_gg_.__active_1ohwq_gg_,.___SButton_1ohwq_gg_._theme_tertiary-info_1ohwq_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1ohwq_gg_._theme_tertiary-muted_1ohwq_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_1ohwq_gg_._theme_tertiary-muted_1ohwq_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1ohwq_gg_._theme_tertiary-muted_1ohwq_gg_.__active_1ohwq_gg_,.___SButton_1ohwq_gg_._theme_tertiary-muted_1ohwq_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3)\n );color:var(--intergalactic-text-primary, #191b23)}.___SButton_1ohwq_gg_._theme_tertiary-invert_1ohwq_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_1ohwq_gg_._theme_tertiary-invert_1ohwq_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1ohwq_gg_._theme_tertiary-invert_1ohwq_gg_.__active_1ohwq_gg_,.___SButton_1ohwq_gg_._theme_tertiary-invert_1ohwq_gg_:active{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_1ohwq_gg_._neighborLocation_right_1ohwq_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_1ohwq_gg_._neighborLocation_both_1ohwq_gg_{border-radius:0;margin-left:-1px}.___SButton_1ohwq_gg_._neighborLocation_both_1ohwq_gg_._theme_primary-danger_1ohwq_gg_,.___SButton_1ohwq_gg_._neighborLocation_both_1ohwq_gg_._theme_primary-info_1ohwq_gg_,.___SButton_1ohwq_gg_._neighborLocation_both_1ohwq_gg_._theme_primary-success_1ohwq_gg_,.___SButton_1ohwq_gg_._neighborLocation_both_1ohwq_gg_._theme_primary-warning_1ohwq_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_1ohwq_gg_._neighborLocation_both_1ohwq_gg_._theme_primary-invert_1ohwq_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SButton_1ohwq_gg_._neighborLocation_left_1ohwq_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_1ohwq_gg_._neighborLocation_left_1ohwq_gg_._theme_primary-danger_1ohwq_gg_,.___SButton_1ohwq_gg_._neighborLocation_left_1ohwq_gg_._theme_primary-info_1ohwq_gg_,.___SButton_1ohwq_gg_._neighborLocation_left_1ohwq_gg_._theme_primary-success_1ohwq_gg_,.___SButton_1ohwq_gg_._neighborLocation_left_1ohwq_gg_._theme_primary-warning_1ohwq_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_1ohwq_gg_._neighborLocation_left_1ohwq_gg_._theme_primary-invert_1ohwq_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SSpin_1ohwq_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_1ohwq_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_1ohwq_gg_.__loading_1ohwq_gg_{visibility:hidden}.___SText_1ohwq_gg_{display:inline-flex}.___SText_1ohwq_gg_._size_m_1ohwq_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1ohwq_gg_._size_l_1ohwq_gg_{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);line-height:var(--intergalactic-lh-300, 150%)}.___SAddon_1ohwq_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1ohwq_gg_._size_m_1ohwq_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1ohwq_gg_._size_m_1ohwq_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1ohwq_gg_._size_l_1ohwq_gg_:only-child,.___SAddon_1ohwq_gg_._size_m_1ohwq_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SAddon_1ohwq_gg_._size_l_1ohwq_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1ohwq_gg_._size_l_1ohwq_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "1ohwq_gg_") /*__reshadow_css_end__*/, {
22
+ "__SButton": "___SButton_1ohwq_gg_",
23
+ "_disabled": "__disabled_1ohwq_gg_",
24
+ "_keyboardFocused": "__keyboardFocused_1ohwq_gg_",
25
+ "_size_m": "_size_m_1ohwq_gg_",
26
+ "_size_l": "_size_l_1ohwq_gg_",
27
+ "_theme_primary-info": "_theme_primary-info_1ohwq_gg_",
28
+ "_active": "__active_1ohwq_gg_",
29
+ "_theme_primary-success": "_theme_primary-success_1ohwq_gg_",
30
+ "_theme_primary-warning": "_theme_primary-warning_1ohwq_gg_",
31
+ "_theme_primary-danger": "_theme_primary-danger_1ohwq_gg_",
32
+ "_theme_primary-invert": "_theme_primary-invert_1ohwq_gg_",
33
+ "_theme_secondary-muted": "_theme_secondary-muted_1ohwq_gg_",
34
+ "_theme_secondary-info": "_theme_secondary-info_1ohwq_gg_",
35
+ "_theme_secondary-invert": "_theme_secondary-invert_1ohwq_gg_",
36
+ "_theme_tertiary-info": "_theme_tertiary-info_1ohwq_gg_",
37
+ "_theme_tertiary-muted": "_theme_tertiary-muted_1ohwq_gg_",
38
+ "_theme_tertiary-invert": "_theme_tertiary-invert_1ohwq_gg_",
39
+ "_neighborLocation_right": "_neighborLocation_right_1ohwq_gg_",
40
+ "_neighborLocation_both": "_neighborLocation_both_1ohwq_gg_",
41
+ "_neighborLocation_left": "_neighborLocation_left_1ohwq_gg_",
42
+ "__SSpin": "___SSpin_1ohwq_gg_",
43
+ "__SInner": "___SInner_1ohwq_gg_",
44
+ "_loading": "__loading_1ohwq_gg_",
45
+ "__SText": "___SText_1ohwq_gg_",
46
+ "__SAddon": "___SAddon_1ohwq_gg_"
56
47
  });
57
48
  import hasLabels from '@semcore/utils/lib/hasLabels';
58
49
  export var MAP_USE_DEFAULT_THEME = {
@@ -60,28 +51,19 @@ export var MAP_USE_DEFAULT_THEME = {
60
51
  secondary: 'muted',
61
52
  tertiary: 'info'
62
53
  };
63
-
64
54
  var RootButton = /*#__PURE__*/function (_Component) {
65
55
  _inherits(RootButton, _Component);
66
-
67
56
  var _super = _createSuper(RootButton);
68
-
69
57
  function RootButton() {
70
58
  var _this;
71
-
72
59
  _classCallCheck(this, RootButton);
73
-
74
60
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
75
61
  args[_key] = arguments[_key];
76
62
  }
77
-
78
63
  _this = _super.call.apply(_super, [this].concat(args));
79
-
80
64
  _defineProperty(_assertThisInitialized(_this), "containerRef", /*#__PURE__*/React.createRef());
81
-
82
65
  return _this;
83
66
  }
84
-
85
67
  _createClass(RootButton, [{
86
68
  key: "getTextProps",
87
69
  value: function getTextProps() {
@@ -109,37 +91,34 @@ var RootButton = /*#__PURE__*/function (_Component) {
109
91
  key: "render",
110
92
  value: function render() {
111
93
  var _ref = this.asProps,
112
- _this2 = this;
113
-
94
+ _this2 = this;
114
95
  var SButton = Box;
115
96
  var SInner = Box;
116
97
  var SSpin = Box;
117
98
  var _this$asProps = this.asProps,
118
- Children = _this$asProps.Children,
119
- styles = _this$asProps.styles,
120
- use = _this$asProps.use,
121
- _this$asProps$theme = _this$asProps.theme,
122
- theme = _this$asProps$theme === void 0 ? typeof use === 'string' && MAP_USE_DEFAULT_THEME[use] : _this$asProps$theme,
123
- loading = _this$asProps.loading,
124
- _this$asProps$disable = _this$asProps.disabled,
125
- disabled = _this$asProps$disable === void 0 ? loading : _this$asProps$disable,
126
- size = _this$asProps.size,
127
- neighborLocation = _this$asProps.neighborLocation,
128
- addonLeft = _this$asProps.addonLeft,
129
- addonRight = _this$asProps.addonRight;
99
+ Children = _this$asProps.Children,
100
+ styles = _this$asProps.styles,
101
+ use = _this$asProps.use,
102
+ _this$asProps$theme = _this$asProps.theme,
103
+ theme = _this$asProps$theme === void 0 ? typeof use === 'string' && MAP_USE_DEFAULT_THEME[use] : _this$asProps$theme,
104
+ loading = _this$asProps.loading,
105
+ _this$asProps$disable = _this$asProps.disabled,
106
+ disabled = _this$asProps$disable === void 0 ? loading : _this$asProps$disable,
107
+ size = _this$asProps.size,
108
+ neighborLocation = _this$asProps.neighborLocation,
109
+ addonLeft = _this$asProps.addonLeft,
110
+ addonRight = _this$asProps.addonRight;
130
111
  var useTheme = use && theme ? "".concat(use, "-").concat(theme) : false;
131
112
  return /*#__PURE__*/React.createElement(NeighborLocation.Detect, {
132
113
  neighborLocation: neighborLocation
133
114
  }, function (neighborLocation) {
134
115
  var _ref4;
135
-
136
116
  return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SButton, _ref4.cn("SButton", _objectSpread({}, _assignProps({
137
117
  "type": "button",
138
118
  "tag": "button",
139
119
  "disabled": disabled,
140
120
  "neighborLocation": neighborLocation,
141
121
  "use:theme": useTheme,
142
- "role": "button",
143
122
  "ref": _this2.containerRef
144
123
  }, _ref))), /*#__PURE__*/React.createElement(SInner, _ref4.cn("SInner", {
145
124
  "tag": "span",
@@ -158,41 +137,31 @@ var RootButton = /*#__PURE__*/function (_Component) {
158
137
  });
159
138
  }
160
139
  }]);
161
-
162
140
  return RootButton;
163
141
  }(Component);
164
-
165
142
  _defineProperty(RootButton, "displayName", 'Button');
166
-
167
143
  _defineProperty(RootButton, "enhance", [keyboardFocusEnhance()]);
168
-
169
144
  _defineProperty(RootButton, "style", style);
170
-
171
145
  _defineProperty(RootButton, "defaultProps", {
172
146
  use: 'secondary',
173
147
  size: 'm'
174
148
  });
175
-
176
149
  function Text(props) {
177
150
  var _ref2 = arguments[0],
178
- _ref5;
179
-
151
+ _ref5;
180
152
  var SText = Box;
181
153
  return _ref5 = sstyled(props.styles), /*#__PURE__*/React.createElement(SText, _ref5.cn("SText", _objectSpread({}, _assignProps2({
182
154
  "tag": "span"
183
155
  }, _ref2))));
184
156
  }
185
-
186
157
  function Addon(props) {
187
158
  var _ref3 = arguments[0],
188
- _ref6;
189
-
159
+ _ref6;
190
160
  var SAddon = Box;
191
161
  return _ref6 = sstyled(props.styles), /*#__PURE__*/React.createElement(SAddon, _ref6.cn("SAddon", _objectSpread({}, _assignProps3({
192
162
  "tag": "span"
193
163
  }, _ref3))));
194
164
  }
195
-
196
165
  var Button = createComponent(RootButton, {
197
166
  Text: Text,
198
167
  Addon: Addon
package/lib/es6/Button.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","names":["React","createComponent","Component","sstyled","Root","Box","NeighborLocation","keyboardFocusEnhance","addonTextChildren","logger","SpinButton","hasLabels","MAP_USE_DEFAULT_THEME","primary","secondary","tertiary","RootButton","createRef","size","asProps","process","env","NODE_ENV","warn","containerRef","current","Button","displayName","SButton","SInner","SSpin","Children","styles","use","theme","loading","disabled","neighborLocation","addonLeft","addonRight","useTheme","Text","Addon","style","props","SText","SAddon"],"sources":["../../src/Button.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport SpinButton from './SpinButton';\n\nimport style from './style/button.shadow.css';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\n\nexport const MAP_USE_DEFAULT_THEME = {\n primary: 'info',\n secondary: 'muted',\n tertiary: 'info',\n};\n\nclass RootButton extends Component {\n static displayName = 'Button';\n static enhance = [keyboardFocusEnhance()];\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n };\n containerRef = React.createRef();\n\n getTextProps() {\n const { size } = this.asProps;\n return {\n size,\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 !hasLabels(this.containerRef.current),\n `'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n this.asProps['data-ui-name'] || Button.displayName,\n );\n }\n }\n\n render() {\n const SButton = Root;\n const SInner = Box;\n const SSpin = Box;\n const {\n Children,\n styles,\n use,\n theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],\n loading,\n disabled = loading,\n size,\n neighborLocation,\n addonLeft,\n addonRight,\n } = this.asProps;\n const useTheme = use && theme ? `${use}-${theme}` : false;\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <SButton\n render={Box}\n type=\"button\"\n tag=\"button\"\n disabled={disabled}\n neighborLocation={neighborLocation}\n use:theme={useTheme}\n role=\"button\"\n ref={this.containerRef}\n >\n <SInner tag=\"span\" loading={loading}>\n {addonLeft ? <Button.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, Button.Text, Button.Addon)}\n {addonRight ? <Button.Addon tag={addonRight} /> : null}\n </SInner>\n {loading && (\n <SSpin tag=\"span\">\n <SpinButton centered size={size} theme={useTheme} />\n </SSpin>\n )}\n </SButton>,\n )\n }\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag=\"span\" />);\n}\n\nfunction Addon(props) {\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});\n\nexport default Button;\n"],"mappings":"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"}
1
+ {"version":3,"file":"Button.js","names":["React","createComponent","Component","sstyled","Root","Box","NeighborLocation","keyboardFocusEnhance","addonTextChildren","logger","SpinButton","style","_sstyled","insert","hasLabels","MAP_USE_DEFAULT_THEME","primary","secondary","tertiary","RootButton","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","_createClass","key","value","getTextProps","size","asProps","getAddonProps","componentDidMount","process","env","NODE_ENV","warn","containerRef","current","Button","displayName","render","_ref","_this2","SButton","SInner","SSpin","_this$asProps","Children","styles","use","_this$asProps$theme","theme","loading","_this$asProps$disable","disabled","neighborLocation","addonLeft","addonRight","useTheme","createElement","Detect","_ref4","cn","_objectSpread","_assignProps","Addon","tag","Text","props","_ref2","arguments[0]","_ref5","SText","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../src/Button.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport SpinButton from './SpinButton';\n\nimport style from './style/button.shadow.css';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\n\nexport const MAP_USE_DEFAULT_THEME = {\n primary: 'info',\n secondary: 'muted',\n tertiary: 'info',\n};\n\nclass RootButton extends Component {\n static displayName = 'Button';\n static enhance = [keyboardFocusEnhance()];\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n };\n containerRef = React.createRef();\n\n getTextProps() {\n const { size } = this.asProps;\n return {\n size,\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 !hasLabels(this.containerRef.current),\n `'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n this.asProps['data-ui-name'] || Button.displayName,\n );\n }\n }\n\n render() {\n const SButton = Root;\n const SInner = Box;\n const SSpin = Box;\n const {\n Children,\n styles,\n use,\n theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],\n loading,\n disabled = loading,\n size,\n neighborLocation,\n addonLeft,\n addonRight,\n } = this.asProps;\n const useTheme = use && theme ? `${use}-${theme}` : false;\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <SButton\n render={Box}\n type=\"button\"\n tag=\"button\"\n disabled={disabled}\n neighborLocation={neighborLocation}\n use:theme={useTheme}\n ref={this.containerRef}\n >\n <SInner tag=\"span\" loading={loading}>\n {addonLeft ? <Button.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, Button.Text, Button.Addon)}\n {addonRight ? <Button.Addon tag={addonRight} /> : null}\n </SInner>\n {loading && (\n <SSpin tag=\"span\">\n <SpinButton centered size={size} theme={useTheme} />\n </SSpin>\n )}\n </SButton>,\n )\n }\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag=\"span\" />);\n}\n\nfunction Addon(props) {\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});\n\nexport default Button;\n"],"mappings":"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"}
package/lib/es6/SpinButton.js CHANGED
@@ -22,9 +22,8 @@ export var SPIN_THEME_MAP = {
22
22
  };
23
23
  export default function SpinButton(_ref) {
24
24
  var theme = _ref.theme,
25
- size = _ref.size,
26
- others = _objectWithoutProperties(_ref, _excluded);
27
-
25
+ size = _ref.size,
26
+ others = _objectWithoutProperties(_ref, _excluded);
28
27
  return /*#__PURE__*/React.createElement(Spin, _extends({
29
28
  size: typeof size == 'string' ? SPIN_SIZE_MAP[size] : size,
30
29
  theme: typeof theme === 'string' ? SPIN_THEME_MAP[theme] || 'dark' : theme
package/lib/es6/SpinButton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SpinButton.js","names":["React","Spin","SPIN_SIZE_MAP","xl","l","m","s","SPIN_THEME_MAP","SpinButton","theme","size","others"],"sources":["../../src/SpinButton.jsx"],"sourcesContent":["import React from 'react';\nimport Spin from '@semcore/spin';\n\nexport const SPIN_SIZE_MAP = {\n xl: 'm',\n l: 's',\n m: 'xs',\n s: 'xxs',\n};\n\nexport const SPIN_THEME_MAP = {\n 'primary-info': 'invert',\n 'primary-success': 'invert',\n 'primary-warning': 'invert',\n 'primary-danger': 'invert',\n 'secondary-invert': 'invert',\n 'secondary-muted': 'gray-600',\n 'secondary-info': 'blue-400',\n 'tertiary-invert': 'invert',\n 'tertiary-info': 'blue-400',\n};\n\nexport default function SpinButton({ theme, size, ...others }) {\n return (\n <Spin\n size={typeof size == 'string' ? SPIN_SIZE_MAP[size] : size}\n theme={typeof theme === 'string' ? SPIN_THEME_MAP[theme] || 'dark' : theme}\n {...others}\n />\n );\n}\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,IAAP,MAAiB,eAAjB;AAEA,OAAO,IAAMC,aAAa,GAAG;EAC3BC,EAAE,EAAE,GADuB;EAE3BC,CAAC,EAAE,GAFwB;EAG3BC,CAAC,EAAE,IAHwB;EAI3BC,CAAC,EAAE;AAJwB,CAAtB;AAOP,OAAO,IAAMC,cAAc,GAAG;EAC5B,gBAAgB,QADY;EAE5B,mBAAmB,QAFS;EAG5B,mBAAmB,QAHS;EAI5B,kBAAkB,QAJU;EAK5B,oBAAoB,QALQ;EAM5B,mBAAmB,UANS;EAO5B,kBAAkB,UAPU;EAQ5B,mBAAmB,QARS;EAS5B,iBAAiB;AATW,CAAvB;AAYP,eAAe,SAASC,UAAT,OAAgD;EAAA,IAA1BC,KAA0B,QAA1BA,KAA0B;EAAA,IAAnBC,IAAmB,QAAnBA,IAAmB;EAAA,IAAVC,MAAU;;EAC7D,oBACE,oBAAC,IAAD;IACE,IAAI,EAAE,OAAOD,IAAP,IAAe,QAAf,GAA0BR,aAAa,CAACQ,IAAD,CAAvC,GAAgDA,IADxD;IAEE,KAAK,EAAE,OAAOD,KAAP,KAAiB,QAAjB,GAA4BF,cAAc,CAACE,KAAD,CAAd,IAAyB,MAArD,GAA8DA;EAFvE,GAGME,MAHN,EADF;AAOD"}
1
+ {"version":3,"file":"SpinButton.js","names":["React","Spin","SPIN_SIZE_MAP","xl","l","m","s","SPIN_THEME_MAP","SpinButton","_ref","theme","size","others","_objectWithoutProperties","_excluded","createElement","_extends"],"sources":["../../src/SpinButton.jsx"],"sourcesContent":["import React from 'react';\nimport Spin from '@semcore/spin';\n\nexport const SPIN_SIZE_MAP = {\n xl: 'm',\n l: 's',\n m: 'xs',\n s: 'xxs',\n};\n\nexport const SPIN_THEME_MAP = {\n 'primary-info': 'invert',\n 'primary-success': 'invert',\n 'primary-warning': 'invert',\n 'primary-danger': 'invert',\n 'secondary-invert': 'invert',\n 'secondary-muted': 'gray-600',\n 'secondary-info': 'blue-400',\n 'tertiary-invert': 'invert',\n 'tertiary-info': 'blue-400',\n};\n\nexport default function SpinButton({ theme, size, ...others }) {\n return (\n <Spin\n size={typeof size == 'string' ? SPIN_SIZE_MAP[size] : size}\n theme={typeof theme === 'string' ? SPIN_THEME_MAP[theme] || 'dark' : theme}\n {...others}\n />\n );\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,IAAI,MAAM,eAAe;AAEhC,OAAO,IAAMC,aAAa,GAAG;EAC3BC,EAAE,EAAE,GAAG;EACPC,CAAC,EAAE,GAAG;EACNC,CAAC,EAAE,IAAI;EACPC,CAAC,EAAE;AACL,CAAC;AAED,OAAO,IAAMC,cAAc,GAAG;EAC5B,cAAc,EAAE,QAAQ;EACxB,iBAAiB,EAAE,QAAQ;EAC3B,iBAAiB,EAAE,QAAQ;EAC3B,gBAAgB,EAAE,QAAQ;EAC1B,kBAAkB,EAAE,QAAQ;EAC5B,iBAAiB,EAAE,UAAU;EAC7B,gBAAgB,EAAE,UAAU;EAC5B,iBAAiB,EAAE,QAAQ;EAC3B,eAAe,EAAE;AACnB,CAAC;AAED,eAAe,SAASC,UAAUA,CAAAC,IAAA,EAA6B;EAAA,IAA1BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAKC,MAAM,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACzD,oBACEd,KAAA,CAAAe,aAAA,CAACd,IAAI,EAAAe,QAAA;IACHL,IAAI,EAAE,OAAOA,IAAI,IAAI,QAAQ,GAAGT,aAAa,CAACS,IAAI,CAAC,GAAGA,IAAK;IAC3DD,KAAK,EAAE,OAAOA,KAAK,KAAK,QAAQ,GAAGH,cAAc,CAACG,KAAK,CAAC,IAAI,MAAM,GAAGA;EAAM,GACvEE,MAAM,EACV;AAEN"}
package/lib/es6/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Button';\nexport * from './Button';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,UAAxB;AACA,cAAc,UAAd"}
1
+ {"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Button';\nexport * from './Button';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,UAAU;AAClC,cAAc,UAAU"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/button",
3
3
  "description": "Semrush Button Component",
4
- "version": "4.3.17",
4
+ "version": "4.3.19",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
package/src/Button.jsx CHANGED
@@ -79,7 +79,6 @@ class RootButton extends Component {
79
79
  disabled={disabled}
80
80
  neighborLocation={neighborLocation}
81
81
  use:theme={useTheme}
82
- role="button"
83
82
  ref={this.containerRef}
84
83
  >
85
84
  <SInner tag="span" loading={loading}>