@semcore/button 4.4.7 → 4.4.8

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 (12) hide show
  1. package/CHANGELOG.md +7 -1
  2. package/lib/cjs/Button.js +32 -32
  3. package/lib/cjs/Button.js.map +1 -1
  4. package/lib/cjs/SpinButton.js +1 -1
  5. package/lib/cjs/SpinButton.js.map +1 -1
  6. package/lib/es6/Button.js +32 -32
  7. package/lib/es6/Button.js.map +1 -1
  8. package/lib/es6/SpinButton.js +1 -1
  9. package/lib/es6/SpinButton.js.map +1 -1
  10. package/package.json +8 -11
  11. package/src/Button.jsx +6 -6
  12. package/src/SpinButton.jsx +1 -1
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [4.4.8] - 2023-06-27
6
+
7
+ ### Changed
8
+
9
+ - Version patch update due to children dependencies update (`@semcore/utils` [3.53.4 ~> 3.54.0]).
10
+
5
11
  ## [4.4.7] - 2023-06-14
6
12
 
7
13
  ### Changed
@@ -189,7 +195,7 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
189
195
  ### Changed
190
196
 
191
197
  - Version patch update due to children dependencies update (`@semcore/utils` [3.32.0 ~> 3.32.1]
192
- , `@semcore/flex-box` [4.5.1 ~> 4.5.3]).
198
+ , `@semcore/flex-box` [4.5.1 ~> 4.5.3]).
193
199
 
194
200
  ## [4.0.1] - 2022-05-19
195
201
 
package/lib/cjs/Button.js CHANGED
@@ -23,32 +23,32 @@ var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
23
23
  var _SpinButton = _interopRequireDefault(require("./SpinButton"));
24
24
  var _hasLabels = _interopRequireDefault(require("@semcore/utils/lib/hasLabels"));
25
25
  /*__reshadow-styles__:"./style/button.shadow.css"*/
26
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButton_1cp0j_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_1cp0j_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_1cp0j_gg_:active,.___SButton_1cp0j_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SButton_1cp0j_gg_:hover{outline:0;text-decoration:none}}.___SButton_1cp0j_gg_.__disabled_1cp0j_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_1cp0j_gg_.__keyboardFocused_1cp0j_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_1cp0j_gg_._size_m_1cp0j_gg_{height:28px;min-width:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_1cp0j_gg_._size_l_1cp0j_gg_{height:40px;min-width:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_1cp0j_gg_._theme_primary-info_1cp0j_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_1cp0j_gg_._theme_primary-info_1cp0j_gg_:hover{background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_1cp0j_gg_._theme_primary-info_1cp0j_gg_.__active_1cp0j_gg_,.___SButton_1cp0j_gg_._theme_primary-info_1cp0j_gg_:active{background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_1cp0j_gg_._theme_primary-success_1cp0j_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_1cp0j_gg_._theme_primary-success_1cp0j_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_1cp0j_gg_._theme_primary-success_1cp0j_gg_.__active_1cp0j_gg_,.___SButton_1cp0j_gg_._theme_primary-success_1cp0j_gg_:active{background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_1cp0j_gg_._theme_primary-warning_1cp0j_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SButton_1cp0j_gg_._theme_primary-warning_1cp0j_gg_:hover{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}}.___SButton_1cp0j_gg_._theme_primary-warning_1cp0j_gg_.__active_1cp0j_gg_,.___SButton_1cp0j_gg_._theme_primary-warning_1cp0j_gg_:active{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}.___SButton_1cp0j_gg_._theme_primary-danger_1cp0j_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_1cp0j_gg_._theme_primary-danger_1cp0j_gg_:hover{background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_1cp0j_gg_._theme_primary-danger_1cp0j_gg_.__active_1cp0j_gg_,.___SButton_1cp0j_gg_._theme_primary-danger_1cp0j_gg_:active{background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_1cp0j_gg_._theme_primary-invert_1cp0j_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_1cp0j_gg_._theme_primary-invert_1cp0j_gg_:hover{background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_1cp0j_gg_._theme_primary-invert_1cp0j_gg_.__active_1cp0j_gg_,.___SButton_1cp0j_gg_._theme_primary-invert_1cp0j_gg_:active{background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_1cp0j_gg_._theme_secondary-muted_1cp0j_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_1cp0j_gg_._theme_secondary-muted_1cp0j_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_1cp0j_gg_._theme_secondary-muted_1cp0j_gg_.__active_1cp0j_gg_,.___SButton_1cp0j_gg_._theme_secondary-muted_1cp0j_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_1cp0j_gg_._theme_secondary-info_1cp0j_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_1cp0j_gg_._theme_secondary-info_1cp0j_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1cp0j_gg_._theme_secondary-info_1cp0j_gg_.__active_1cp0j_gg_,.___SButton_1cp0j_gg_._theme_secondary-info_1cp0j_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1cp0j_gg_._theme_secondary-invert_1cp0j_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_1cp0j_gg_._theme_secondary-invert_1cp0j_gg_:hover{background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1cp0j_gg_._theme_secondary-invert_1cp0j_gg_.__active_1cp0j_gg_,.___SButton_1cp0j_gg_._theme_secondary-invert_1cp0j_gg_:active{background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3)\n )}.___SButton_1cp0j_gg_._theme_tertiary-info_1cp0j_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_1cp0j_gg_._theme_tertiary-info_1cp0j_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1cp0j_gg_._theme_tertiary-info_1cp0j_gg_.__active_1cp0j_gg_,.___SButton_1cp0j_gg_._theme_tertiary-info_1cp0j_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1cp0j_gg_._theme_tertiary-muted_1cp0j_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_1cp0j_gg_._theme_tertiary-muted_1cp0j_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1cp0j_gg_._theme_tertiary-muted_1cp0j_gg_.__active_1cp0j_gg_,.___SButton_1cp0j_gg_._theme_tertiary-muted_1cp0j_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_1cp0j_gg_._theme_tertiary-invert_1cp0j_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_1cp0j_gg_._theme_tertiary-invert_1cp0j_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1cp0j_gg_._theme_tertiary-invert_1cp0j_gg_.__active_1cp0j_gg_,.___SButton_1cp0j_gg_._theme_tertiary-invert_1cp0j_gg_:active{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_1cp0j_gg_._neighborLocation_right_1cp0j_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_1cp0j_gg_._neighborLocation_both_1cp0j_gg_{border-radius:0;margin-left:-1px}.___SButton_1cp0j_gg_._neighborLocation_both_1cp0j_gg_._theme_primary-danger_1cp0j_gg_,.___SButton_1cp0j_gg_._neighborLocation_both_1cp0j_gg_._theme_primary-info_1cp0j_gg_,.___SButton_1cp0j_gg_._neighborLocation_both_1cp0j_gg_._theme_primary-success_1cp0j_gg_,.___SButton_1cp0j_gg_._neighborLocation_both_1cp0j_gg_._theme_primary-warning_1cp0j_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_1cp0j_gg_._neighborLocation_both_1cp0j_gg_._theme_primary-invert_1cp0j_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SButton_1cp0j_gg_._neighborLocation_left_1cp0j_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_1cp0j_gg_._neighborLocation_left_1cp0j_gg_._theme_primary-danger_1cp0j_gg_,.___SButton_1cp0j_gg_._neighborLocation_left_1cp0j_gg_._theme_primary-info_1cp0j_gg_,.___SButton_1cp0j_gg_._neighborLocation_left_1cp0j_gg_._theme_primary-success_1cp0j_gg_,.___SButton_1cp0j_gg_._neighborLocation_left_1cp0j_gg_._theme_primary-warning_1cp0j_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_1cp0j_gg_._neighborLocation_left_1cp0j_gg_._theme_primary-invert_1cp0j_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SSpin_1cp0j_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_1cp0j_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_1cp0j_gg_.__loading_1cp0j_gg_{visibility:hidden}.___SText_1cp0j_gg_{display:inline-flex}.___SText_1cp0j_gg_._size_m_1cp0j_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1cp0j_gg_._size_l_1cp0j_gg_{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);line-height:var(--intergalactic-lh-300, 150%)}.___SAddon_1cp0j_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1cp0j_gg_._size_m_1cp0j_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1cp0j_gg_._size_m_1cp0j_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1cp0j_gg_._size_l_1cp0j_gg_:only-child,.___SAddon_1cp0j_gg_._size_m_1cp0j_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SAddon_1cp0j_gg_._size_l_1cp0j_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1cp0j_gg_._size_l_1cp0j_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "1cp0j_gg_") /*__reshadow_css_end__*/, {
27
- "__SButton": "___SButton_1cp0j_gg_",
28
- "_disabled": "__disabled_1cp0j_gg_",
29
- "_keyboardFocused": "__keyboardFocused_1cp0j_gg_",
30
- "_size_m": "_size_m_1cp0j_gg_",
31
- "_size_l": "_size_l_1cp0j_gg_",
32
- "_theme_primary-info": "_theme_primary-info_1cp0j_gg_",
33
- "_active": "__active_1cp0j_gg_",
34
- "_theme_primary-success": "_theme_primary-success_1cp0j_gg_",
35
- "_theme_primary-warning": "_theme_primary-warning_1cp0j_gg_",
36
- "_theme_primary-danger": "_theme_primary-danger_1cp0j_gg_",
37
- "_theme_primary-invert": "_theme_primary-invert_1cp0j_gg_",
38
- "_theme_secondary-muted": "_theme_secondary-muted_1cp0j_gg_",
39
- "_theme_secondary-info": "_theme_secondary-info_1cp0j_gg_",
40
- "_theme_secondary-invert": "_theme_secondary-invert_1cp0j_gg_",
41
- "_theme_tertiary-info": "_theme_tertiary-info_1cp0j_gg_",
42
- "_theme_tertiary-muted": "_theme_tertiary-muted_1cp0j_gg_",
43
- "_theme_tertiary-invert": "_theme_tertiary-invert_1cp0j_gg_",
44
- "_neighborLocation_right": "_neighborLocation_right_1cp0j_gg_",
45
- "_neighborLocation_both": "_neighborLocation_both_1cp0j_gg_",
46
- "_neighborLocation_left": "_neighborLocation_left_1cp0j_gg_",
47
- "__SSpin": "___SSpin_1cp0j_gg_",
48
- "__SInner": "___SInner_1cp0j_gg_",
49
- "_loading": "__loading_1cp0j_gg_",
50
- "__SText": "___SText_1cp0j_gg_",
51
- "__SAddon": "___SAddon_1cp0j_gg_"
26
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButton_414h0_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_414h0_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_414h0_gg_:active,.___SButton_414h0_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SButton_414h0_gg_:hover{outline:0;text-decoration:none}}.___SButton_414h0_gg_.__disabled_414h0_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_414h0_gg_.__keyboardFocused_414h0_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_414h0_gg_._size_m_414h0_gg_{height:28px;min-width:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_414h0_gg_._size_l_414h0_gg_{height:40px;min-width:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_414h0_gg_._theme_primary-info_414h0_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_414h0_gg_._theme_primary-info_414h0_gg_:hover{background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_414h0_gg_._theme_primary-info_414h0_gg_.__active_414h0_gg_,.___SButton_414h0_gg_._theme_primary-info_414h0_gg_:active{background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_414h0_gg_._theme_primary-success_414h0_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_414h0_gg_._theme_primary-success_414h0_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_414h0_gg_._theme_primary-success_414h0_gg_.__active_414h0_gg_,.___SButton_414h0_gg_._theme_primary-success_414h0_gg_:active{background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_414h0_gg_._theme_primary-warning_414h0_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SButton_414h0_gg_._theme_primary-warning_414h0_gg_:hover{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}}.___SButton_414h0_gg_._theme_primary-warning_414h0_gg_.__active_414h0_gg_,.___SButton_414h0_gg_._theme_primary-warning_414h0_gg_:active{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}.___SButton_414h0_gg_._theme_primary-danger_414h0_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_414h0_gg_._theme_primary-danger_414h0_gg_:hover{background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_414h0_gg_._theme_primary-danger_414h0_gg_.__active_414h0_gg_,.___SButton_414h0_gg_._theme_primary-danger_414h0_gg_:active{background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_414h0_gg_._theme_primary-invert_414h0_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_414h0_gg_._theme_primary-invert_414h0_gg_:hover{background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_414h0_gg_._theme_primary-invert_414h0_gg_.__active_414h0_gg_,.___SButton_414h0_gg_._theme_primary-invert_414h0_gg_:active{background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_414h0_gg_._theme_secondary-muted_414h0_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_414h0_gg_._theme_secondary-muted_414h0_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_414h0_gg_._theme_secondary-muted_414h0_gg_.__active_414h0_gg_,.___SButton_414h0_gg_._theme_secondary-muted_414h0_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_414h0_gg_._theme_secondary-info_414h0_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_414h0_gg_._theme_secondary-info_414h0_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_414h0_gg_._theme_secondary-info_414h0_gg_.__active_414h0_gg_,.___SButton_414h0_gg_._theme_secondary-info_414h0_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_414h0_gg_._theme_secondary-invert_414h0_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_414h0_gg_._theme_secondary-invert_414h0_gg_:hover{background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_414h0_gg_._theme_secondary-invert_414h0_gg_.__active_414h0_gg_,.___SButton_414h0_gg_._theme_secondary-invert_414h0_gg_:active{background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3)\n )}.___SButton_414h0_gg_._theme_tertiary-info_414h0_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_414h0_gg_._theme_tertiary-info_414h0_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_414h0_gg_._theme_tertiary-info_414h0_gg_.__active_414h0_gg_,.___SButton_414h0_gg_._theme_tertiary-info_414h0_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_414h0_gg_._theme_tertiary-muted_414h0_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_414h0_gg_._theme_tertiary-muted_414h0_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_414h0_gg_._theme_tertiary-muted_414h0_gg_.__active_414h0_gg_,.___SButton_414h0_gg_._theme_tertiary-muted_414h0_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_414h0_gg_._theme_tertiary-invert_414h0_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_414h0_gg_._theme_tertiary-invert_414h0_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_414h0_gg_._theme_tertiary-invert_414h0_gg_.__active_414h0_gg_,.___SButton_414h0_gg_._theme_tertiary-invert_414h0_gg_:active{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_414h0_gg_._neighborLocation_right_414h0_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_414h0_gg_._neighborLocation_both_414h0_gg_{border-radius:0;margin-left:-1px}.___SButton_414h0_gg_._neighborLocation_both_414h0_gg_._theme_primary-danger_414h0_gg_,.___SButton_414h0_gg_._neighborLocation_both_414h0_gg_._theme_primary-info_414h0_gg_,.___SButton_414h0_gg_._neighborLocation_both_414h0_gg_._theme_primary-success_414h0_gg_,.___SButton_414h0_gg_._neighborLocation_both_414h0_gg_._theme_primary-warning_414h0_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_414h0_gg_._neighborLocation_both_414h0_gg_._theme_primary-invert_414h0_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SButton_414h0_gg_._neighborLocation_left_414h0_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_414h0_gg_._neighborLocation_left_414h0_gg_._theme_primary-danger_414h0_gg_,.___SButton_414h0_gg_._neighborLocation_left_414h0_gg_._theme_primary-info_414h0_gg_,.___SButton_414h0_gg_._neighborLocation_left_414h0_gg_._theme_primary-success_414h0_gg_,.___SButton_414h0_gg_._neighborLocation_left_414h0_gg_._theme_primary-warning_414h0_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_414h0_gg_._neighborLocation_left_414h0_gg_._theme_primary-invert_414h0_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SSpin_414h0_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_414h0_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_414h0_gg_.__loading_414h0_gg_{visibility:hidden}.___SText_414h0_gg_{display:inline-flex}.___SText_414h0_gg_._size_m_414h0_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_414h0_gg_._size_l_414h0_gg_{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);line-height:var(--intergalactic-lh-300, 150%)}.___SAddon_414h0_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_414h0_gg_._size_m_414h0_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_414h0_gg_._size_m_414h0_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_414h0_gg_._size_l_414h0_gg_:only-child,.___SAddon_414h0_gg_._size_m_414h0_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SAddon_414h0_gg_._size_l_414h0_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_414h0_gg_._size_l_414h0_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "414h0_gg_") /*__reshadow_css_end__*/, {
27
+ "__SButton": "___SButton_414h0_gg_",
28
+ "_disabled": "__disabled_414h0_gg_",
29
+ "_keyboardFocused": "__keyboardFocused_414h0_gg_",
30
+ "_size_m": "_size_m_414h0_gg_",
31
+ "_size_l": "_size_l_414h0_gg_",
32
+ "_theme_primary-info": "_theme_primary-info_414h0_gg_",
33
+ "_active": "__active_414h0_gg_",
34
+ "_theme_primary-success": "_theme_primary-success_414h0_gg_",
35
+ "_theme_primary-warning": "_theme_primary-warning_414h0_gg_",
36
+ "_theme_primary-danger": "_theme_primary-danger_414h0_gg_",
37
+ "_theme_primary-invert": "_theme_primary-invert_414h0_gg_",
38
+ "_theme_secondary-muted": "_theme_secondary-muted_414h0_gg_",
39
+ "_theme_secondary-info": "_theme_secondary-info_414h0_gg_",
40
+ "_theme_secondary-invert": "_theme_secondary-invert_414h0_gg_",
41
+ "_theme_tertiary-info": "_theme_tertiary-info_414h0_gg_",
42
+ "_theme_tertiary-muted": "_theme_tertiary-muted_414h0_gg_",
43
+ "_theme_tertiary-invert": "_theme_tertiary-invert_414h0_gg_",
44
+ "_neighborLocation_right": "_neighborLocation_right_414h0_gg_",
45
+ "_neighborLocation_both": "_neighborLocation_both_414h0_gg_",
46
+ "_neighborLocation_left": "_neighborLocation_left_414h0_gg_",
47
+ "__SSpin": "___SSpin_414h0_gg_",
48
+ "__SInner": "___SInner_414h0_gg_",
49
+ "_loading": "__loading_414h0_gg_",
50
+ "__SText": "___SText_414h0_gg_",
51
+ "__SAddon": "___SAddon_414h0_gg_"
52
52
  });
53
53
  var MAP_USE_DEFAULT_THEME = {
54
54
  primary: 'info',
@@ -119,21 +119,21 @@ var RootButton = /*#__PURE__*/function (_Component) {
119
119
  }, function (neighborLocation) {
120
120
  var _ref4;
121
121
  return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SButton, _ref4.cn("SButton", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
122
- "type": "button",
123
- "tag": "button",
122
+ "type": 'button',
123
+ "tag": 'button',
124
124
  "disabled": disabled,
125
125
  "neighborLocation": neighborLocation,
126
126
  "use:theme": useTheme,
127
127
  "ref": _this2.containerRef
128
128
  }, _ref))), /*#__PURE__*/_react["default"].createElement(SInner, _ref4.cn("SInner", {
129
- "tag": "span",
129
+ "tag": 'span',
130
130
  "loading": loading
131
131
  }), addonLeft ? /*#__PURE__*/_react["default"].createElement(Button.Addon, {
132
132
  tag: addonLeft
133
133
  }) : null, (0, _addonTextChildren["default"])(Children, Button.Text, Button.Addon), addonRight ? /*#__PURE__*/_react["default"].createElement(Button.Addon, {
134
134
  tag: addonRight
135
135
  }) : null), loading && /*#__PURE__*/_react["default"].createElement(SSpin, _ref4.cn("SSpin", {
136
- "tag": "span"
136
+ "tag": 'span'
137
137
  }), /*#__PURE__*/_react["default"].createElement(_SpinButton["default"], _ref4.cn("SpinButton", {
138
138
  "centered": true,
139
139
  "size": size,
@@ -156,7 +156,7 @@ function Text(props) {
156
156
  _ref5;
157
157
  var SText = _flexBox.Box;
158
158
  return _ref5 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SText, _ref5.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
159
- "tag": "span"
159
+ "tag": 'span'
160
160
  }, _ref2))));
161
161
  }
162
162
  function Addon(props) {
@@ -164,7 +164,7 @@ function Addon(props) {
164
164
  _ref6;
165
165
  var SAddon = _flexBox.Box;
166
166
  return _ref6 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref6.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
167
- "tag": "span"
167
+ "tag": 'span'
168
168
  }, _ref3))));
169
169
  }
170
170
  var Button = (0, _core["default"])(RootButton, {
package/lib/cjs/Button.js.map CHANGED
@@ -1 +1 @@
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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"}
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":";;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,qBAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,kBAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,OAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,WAAA,GAAAN,sBAAA,CAAAF,OAAA;AAGA,IAAAS,UAAA,GAAAP,sBAAA,CAAAF,OAAA;AAAqD;AAAA,IAAAU,KAAA,+BAAAZ,KAAA,CAAAa,OAAA,CAAAC,MAAA;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;AAE9C,IAAMC,qBAAqB,GAAG;EACnCC,OAAO,EAAE,MAAM;EACfC,SAAS,EAAE,OAAO;EAClBC,QAAQ,EAAE;AACZ,CAAC;AAACC,OAAA,CAAAJ,qBAAA,GAAAA,qBAAA;AAAA,IAEIK,UAAU,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,UAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,UAAA;EAAA,SAAAA,WAAA;IAAA,IAAAK,KAAA;IAAA,IAAAC,gBAAA,mBAAAN,UAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAA,IAAAM,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,gCAQCa,iBAAK,CAACC,SAAS,EAAE;IAAA,OAAAd,KAAA;EAAA;EAAA,IAAAe,aAAA,aAAApB,UAAA;IAAAqB,GAAA;IAAAC,KAAA,EAEhC,SAAAC,aAAA,EAAe;MACb,IAAQC,IAAI,GAAK,IAAI,CAACC,OAAO,CAArBD,IAAI;MACZ,OAAO;QACLA,IAAI,EAAJA;MACF,CAAC;IACH;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAI,cAAA,EAAgB;MACd,IAAQF,IAAI,GAAK,IAAI,CAACC,OAAO,CAArBD,IAAI;MACZ,OAAO;QACLA,IAAI,EAAJA;MACF,CAAC;IACH;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAK,kBAAA,EAAoB;MAClB,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;QACzCC,kBAAM,CAACC,IAAI,CACT,CAAC,IAAAC,qBAAS,EAAC,IAAI,CAACC,YAAY,CAACC,OAAO,CAAC,2FAErC,IAAI,CAACV,OAAO,CAAC,cAAc,CAAC,IAAIW,MAAM,CAACC,WAAW,CACnD;MACH;IACF;EAAC;IAAAhB,GAAA;IAAAC,KAAA,EAED,SAAAgB,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAd,OAAA;QAAAe,MAAA;MACP,IAAMC,OAAO,GAsBKC,YAAG;MArBrB,IAAMC,MAAM,GAAGD,YAAG;MAClB,IAAME,KAAK,GAAGF,YAAG;MACjB,IAAAG,aAAA,GAWI,IAAI,CAACpB,OAAO;QAVdqB,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QACRC,MAAM,GAAAF,aAAA,CAANE,MAAM;QACNC,GAAG,GAAAH,aAAA,CAAHG,GAAG;QAAAC,mBAAA,GAAAJ,aAAA,CACHK,KAAK;QAALA,KAAK,GAAAD,mBAAA,cAAG,OAAOD,GAAG,KAAK,QAAQ,IAAIrD,qBAAqB,CAACqD,GAAG,CAAC,GAAAC,mBAAA;QAC7DE,OAAO,GAAAN,aAAA,CAAPM,OAAO;QAAAC,qBAAA,GAAAP,aAAA,CACPQ,QAAQ;QAARA,QAAQ,GAAAD,qBAAA,cAAGD,OAAO,GAAAC,qBAAA;QAClB5B,IAAI,GAAAqB,aAAA,CAAJrB,IAAI;QACJ8B,gBAAgB,GAAAT,aAAA,CAAhBS,gBAAgB;QAChBC,SAAS,GAAAV,aAAA,CAATU,SAAS;QACTC,UAAU,GAAAX,aAAA,CAAVW,UAAU;MAEZ,IAAMC,QAAQ,GAAGT,GAAG,IAAIE,KAAK,MAAAnC,MAAA,CAAMiC,GAAG,OAAAjC,MAAA,CAAImC,KAAK,IAAK,KAAK;MAEzD,oBACEnE,MAAA,YAAA2E,aAAA,CAACxE,iBAAA,WAAgB,CAACyE,MAAM;QAACL,gBAAgB,EAAEA;MAAiB,GACzD,UAACA,gBAAgB;QAAA,IAAAM,KAAA;QAAA,OAAAA,KAAA,GAChB,IAAAnE,aAAO,EAACsD,MAAM,CAAC,eACbhE,MAAA,YAAA2E,aAAA,CAACjB,OAAO,EAAAmB,KAAA,CAAAC,EAAA,gBAAAC,cAAA,qBAAAlF,KAAA,CAAAmF,WAAA;UAAA,QAED,QAAQ;UAAA,OACT,QAAQ;UAAA,YACFV,QAAQ;UAAA,oBACAC,gBAAgB;UAAA,aACvBG,QAAQ;UAAA,OACdjB,MAAI,CAACN;QAAY,GAAAK,IAAA,kBAEtBxD,MAAA,YAAA2E,aAAA,CAACf,MAAM,EAAAiB,KAAA,CAAAC,EAAA;UAAA,OAAK,MAAM;UAAA,WAAUV;QAAO,IAChCI,SAAS,gBAAGxE,MAAA,YAAA2E,aAAA,CAACtB,MAAM,CAAC4B,KAAK;UAACC,GAAG,EAAEV;QAAU,EAAG,GAAG,IAAI,EACnD,IAAAW,6BAAiB,EAACpB,QAAQ,EAAEV,MAAM,CAAC+B,IAAI,EAAE/B,MAAM,CAAC4B,KAAK,CAAC,EACtDR,UAAU,gBAAGzE,MAAA,YAAA2E,aAAA,CAACtB,MAAM,CAAC4B,KAAK;UAACC,GAAG,EAAET;QAAW,EAAG,GAAG,IAAI,CAC/C,EACRL,OAAO,iBACNpE,MAAA,YAAA2E,aAAA,CAACd,KAAK,EAAAgB,KAAA,CAAAC,EAAA;UAAA,OAAK;QAAM,iBACf9E,MAAA,YAAA2E,aAAA,CAACpE,WAAA,WAAU,EAAAsE,KAAA,CAAAC,EAAA;UAAA;UAAA,QAAgBrC,IAAI;UAAA,SAASiC;QAAQ,GAAI,CAEvD,CACO;MAAA,CACX,CAEqB;IAE9B;EAAC;EAAA,OAAAzD,UAAA;AAAA,EAhFsBoE,eAAS;AAAA,IAAApD,gBAAA,aAA5BhB,UAAU,iBACO,QAAQ;AAAA,IAAAgB,gBAAA,aADzBhB,UAAU,aAEG,CAAC,IAAAqE,gCAAoB,GAAE,CAAC;AAAA,IAAArD,gBAAA,aAFrChB,UAAU,WAGCR,KAAK;AAAA,IAAAwB,gBAAA,aAHhBhB,UAAU,kBAIQ;EACpBgD,GAAG,EAAE,WAAW;EAChBxB,IAAI,EAAE;AACR,CAAC;AA4EH,SAAS2C,IAAIA,CAACG,KAAK,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACnB,IAAMC,KAAK,GACiChC,YAAG;EAA/C,OAAA+B,KAAA,GAAO,IAAAhF,aAAO,EAAC6E,KAAK,CAACvB,MAAM,CAAC,eAAChE,MAAA,YAAA2E,aAAA,CAACgB,KAAK,EAAAD,KAAA,CAAAZ,EAAA,cAAAC,cAAA,qBAAAlF,KAAA,CAAAmF,WAAA;IAAA,OAAkB;EAAM,GAAAQ,KAAA,IAAG;AAChE;AAEA,SAASP,KAAKA,CAACM,KAAK,EAAE;EAAA,IAAAK,KAAA,GAAAH,YAAA;IAAAI,KAAA;EACpB,IAAMC,MAAM,GACiCnC,YAAG;EAAhD,OAAAkC,KAAA,GAAO,IAAAnF,aAAO,EAAC6E,KAAK,CAACvB,MAAM,CAAC,eAAChE,MAAA,YAAA2E,aAAA,CAACmB,MAAM,EAAAD,KAAA,CAAAf,EAAA,eAAAC,cAAA,qBAAAlF,KAAA,CAAAmF,WAAA;IAAA,OAAkB;EAAM,GAAAY,KAAA,IAAG;AACjE;AAEA,IAAMvC,MAAM,GAAG,IAAA0C,gBAAe,EAAC9E,UAAU,EAAE;EACzCmE,IAAI,EAAJA,IAAI;EACJH,KAAK,EAALA;AACF,CAAC,CAAC;AAAC,IAAAe,QAAA,GAEY3C,MAAM;AAAArC,OAAA,cAAAgF,QAAA"}
package/lib/cjs/SpinButton.js CHANGED
@@ -35,7 +35,7 @@ function SpinButton(_ref) {
35
35
  size = _ref.size,
36
36
  others = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
37
37
  return /*#__PURE__*/_react["default"].createElement(_spin["default"], (0, _extends2["default"])({
38
- size: typeof size == 'string' ? SPIN_SIZE_MAP[size] : size,
38
+ size: typeof size === 'string' ? SPIN_SIZE_MAP[size] : size,
39
39
  theme: typeof theme === 'string' ? SPIN_THEME_MAP[theme] || 'dark' : theme
40
40
  }, others));
41
41
  }
package/lib/cjs/SpinButton.js.map CHANGED
@@ -1 +1 @@
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"}
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,KAAK,QAAQ,GAAGV,aAAa,CAACU,IAAI,CAAC,GAAGA,IAAK;IAC5DD,KAAK,EAAE,OAAOA,KAAK,KAAK,QAAQ,GAAGH,cAAc,CAACG,KAAK,CAAC,IAAI,MAAM,GAAGA;EAAM,GACvEE,MAAM,EACV;AAEN"}
package/lib/es6/Button.js CHANGED
@@ -18,32 +18,32 @@ import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
18
18
  import logger from '@semcore/utils/lib/logger';
19
19
  import SpinButton from './SpinButton';
20
20
  /*__reshadow-styles__:"./style/button.shadow.css"*/
21
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_1cp0j_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_1cp0j_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_1cp0j_gg_:active,.___SButton_1cp0j_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SButton_1cp0j_gg_:hover{outline:0;text-decoration:none}}.___SButton_1cp0j_gg_.__disabled_1cp0j_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_1cp0j_gg_.__keyboardFocused_1cp0j_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_1cp0j_gg_._size_m_1cp0j_gg_{height:28px;min-width:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_1cp0j_gg_._size_l_1cp0j_gg_{height:40px;min-width:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_1cp0j_gg_._theme_primary-info_1cp0j_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_1cp0j_gg_._theme_primary-info_1cp0j_gg_:hover{background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_1cp0j_gg_._theme_primary-info_1cp0j_gg_.__active_1cp0j_gg_,.___SButton_1cp0j_gg_._theme_primary-info_1cp0j_gg_:active{background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_1cp0j_gg_._theme_primary-success_1cp0j_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_1cp0j_gg_._theme_primary-success_1cp0j_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_1cp0j_gg_._theme_primary-success_1cp0j_gg_.__active_1cp0j_gg_,.___SButton_1cp0j_gg_._theme_primary-success_1cp0j_gg_:active{background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_1cp0j_gg_._theme_primary-warning_1cp0j_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SButton_1cp0j_gg_._theme_primary-warning_1cp0j_gg_:hover{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}}.___SButton_1cp0j_gg_._theme_primary-warning_1cp0j_gg_.__active_1cp0j_gg_,.___SButton_1cp0j_gg_._theme_primary-warning_1cp0j_gg_:active{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}.___SButton_1cp0j_gg_._theme_primary-danger_1cp0j_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_1cp0j_gg_._theme_primary-danger_1cp0j_gg_:hover{background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_1cp0j_gg_._theme_primary-danger_1cp0j_gg_.__active_1cp0j_gg_,.___SButton_1cp0j_gg_._theme_primary-danger_1cp0j_gg_:active{background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_1cp0j_gg_._theme_primary-invert_1cp0j_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_1cp0j_gg_._theme_primary-invert_1cp0j_gg_:hover{background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_1cp0j_gg_._theme_primary-invert_1cp0j_gg_.__active_1cp0j_gg_,.___SButton_1cp0j_gg_._theme_primary-invert_1cp0j_gg_:active{background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_1cp0j_gg_._theme_secondary-muted_1cp0j_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_1cp0j_gg_._theme_secondary-muted_1cp0j_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_1cp0j_gg_._theme_secondary-muted_1cp0j_gg_.__active_1cp0j_gg_,.___SButton_1cp0j_gg_._theme_secondary-muted_1cp0j_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_1cp0j_gg_._theme_secondary-info_1cp0j_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_1cp0j_gg_._theme_secondary-info_1cp0j_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1cp0j_gg_._theme_secondary-info_1cp0j_gg_.__active_1cp0j_gg_,.___SButton_1cp0j_gg_._theme_secondary-info_1cp0j_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1cp0j_gg_._theme_secondary-invert_1cp0j_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_1cp0j_gg_._theme_secondary-invert_1cp0j_gg_:hover{background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1cp0j_gg_._theme_secondary-invert_1cp0j_gg_.__active_1cp0j_gg_,.___SButton_1cp0j_gg_._theme_secondary-invert_1cp0j_gg_:active{background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3)\n )}.___SButton_1cp0j_gg_._theme_tertiary-info_1cp0j_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_1cp0j_gg_._theme_tertiary-info_1cp0j_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1cp0j_gg_._theme_tertiary-info_1cp0j_gg_.__active_1cp0j_gg_,.___SButton_1cp0j_gg_._theme_tertiary-info_1cp0j_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1cp0j_gg_._theme_tertiary-muted_1cp0j_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_1cp0j_gg_._theme_tertiary-muted_1cp0j_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1cp0j_gg_._theme_tertiary-muted_1cp0j_gg_.__active_1cp0j_gg_,.___SButton_1cp0j_gg_._theme_tertiary-muted_1cp0j_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_1cp0j_gg_._theme_tertiary-invert_1cp0j_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_1cp0j_gg_._theme_tertiary-invert_1cp0j_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1cp0j_gg_._theme_tertiary-invert_1cp0j_gg_.__active_1cp0j_gg_,.___SButton_1cp0j_gg_._theme_tertiary-invert_1cp0j_gg_:active{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_1cp0j_gg_._neighborLocation_right_1cp0j_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_1cp0j_gg_._neighborLocation_both_1cp0j_gg_{border-radius:0;margin-left:-1px}.___SButton_1cp0j_gg_._neighborLocation_both_1cp0j_gg_._theme_primary-danger_1cp0j_gg_,.___SButton_1cp0j_gg_._neighborLocation_both_1cp0j_gg_._theme_primary-info_1cp0j_gg_,.___SButton_1cp0j_gg_._neighborLocation_both_1cp0j_gg_._theme_primary-success_1cp0j_gg_,.___SButton_1cp0j_gg_._neighborLocation_both_1cp0j_gg_._theme_primary-warning_1cp0j_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_1cp0j_gg_._neighborLocation_both_1cp0j_gg_._theme_primary-invert_1cp0j_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SButton_1cp0j_gg_._neighborLocation_left_1cp0j_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_1cp0j_gg_._neighborLocation_left_1cp0j_gg_._theme_primary-danger_1cp0j_gg_,.___SButton_1cp0j_gg_._neighborLocation_left_1cp0j_gg_._theme_primary-info_1cp0j_gg_,.___SButton_1cp0j_gg_._neighborLocation_left_1cp0j_gg_._theme_primary-success_1cp0j_gg_,.___SButton_1cp0j_gg_._neighborLocation_left_1cp0j_gg_._theme_primary-warning_1cp0j_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_1cp0j_gg_._neighborLocation_left_1cp0j_gg_._theme_primary-invert_1cp0j_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SSpin_1cp0j_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_1cp0j_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_1cp0j_gg_.__loading_1cp0j_gg_{visibility:hidden}.___SText_1cp0j_gg_{display:inline-flex}.___SText_1cp0j_gg_._size_m_1cp0j_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1cp0j_gg_._size_l_1cp0j_gg_{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);line-height:var(--intergalactic-lh-300, 150%)}.___SAddon_1cp0j_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1cp0j_gg_._size_m_1cp0j_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1cp0j_gg_._size_m_1cp0j_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1cp0j_gg_._size_l_1cp0j_gg_:only-child,.___SAddon_1cp0j_gg_._size_m_1cp0j_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SAddon_1cp0j_gg_._size_l_1cp0j_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1cp0j_gg_._size_l_1cp0j_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "1cp0j_gg_") /*__reshadow_css_end__*/, {
22
- "__SButton": "___SButton_1cp0j_gg_",
23
- "_disabled": "__disabled_1cp0j_gg_",
24
- "_keyboardFocused": "__keyboardFocused_1cp0j_gg_",
25
- "_size_m": "_size_m_1cp0j_gg_",
26
- "_size_l": "_size_l_1cp0j_gg_",
27
- "_theme_primary-info": "_theme_primary-info_1cp0j_gg_",
28
- "_active": "__active_1cp0j_gg_",
29
- "_theme_primary-success": "_theme_primary-success_1cp0j_gg_",
30
- "_theme_primary-warning": "_theme_primary-warning_1cp0j_gg_",
31
- "_theme_primary-danger": "_theme_primary-danger_1cp0j_gg_",
32
- "_theme_primary-invert": "_theme_primary-invert_1cp0j_gg_",
33
- "_theme_secondary-muted": "_theme_secondary-muted_1cp0j_gg_",
34
- "_theme_secondary-info": "_theme_secondary-info_1cp0j_gg_",
35
- "_theme_secondary-invert": "_theme_secondary-invert_1cp0j_gg_",
36
- "_theme_tertiary-info": "_theme_tertiary-info_1cp0j_gg_",
37
- "_theme_tertiary-muted": "_theme_tertiary-muted_1cp0j_gg_",
38
- "_theme_tertiary-invert": "_theme_tertiary-invert_1cp0j_gg_",
39
- "_neighborLocation_right": "_neighborLocation_right_1cp0j_gg_",
40
- "_neighborLocation_both": "_neighborLocation_both_1cp0j_gg_",
41
- "_neighborLocation_left": "_neighborLocation_left_1cp0j_gg_",
42
- "__SSpin": "___SSpin_1cp0j_gg_",
43
- "__SInner": "___SInner_1cp0j_gg_",
44
- "_loading": "__loading_1cp0j_gg_",
45
- "__SText": "___SText_1cp0j_gg_",
46
- "__SAddon": "___SAddon_1cp0j_gg_"
21
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_414h0_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_414h0_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_414h0_gg_:active,.___SButton_414h0_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SButton_414h0_gg_:hover{outline:0;text-decoration:none}}.___SButton_414h0_gg_.__disabled_414h0_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_414h0_gg_.__keyboardFocused_414h0_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_414h0_gg_._size_m_414h0_gg_{height:28px;min-width:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_414h0_gg_._size_l_414h0_gg_{height:40px;min-width:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_414h0_gg_._theme_primary-info_414h0_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_414h0_gg_._theme_primary-info_414h0_gg_:hover{background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_414h0_gg_._theme_primary-info_414h0_gg_.__active_414h0_gg_,.___SButton_414h0_gg_._theme_primary-info_414h0_gg_:active{background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_414h0_gg_._theme_primary-success_414h0_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_414h0_gg_._theme_primary-success_414h0_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_414h0_gg_._theme_primary-success_414h0_gg_.__active_414h0_gg_,.___SButton_414h0_gg_._theme_primary-success_414h0_gg_:active{background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_414h0_gg_._theme_primary-warning_414h0_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SButton_414h0_gg_._theme_primary-warning_414h0_gg_:hover{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}}.___SButton_414h0_gg_._theme_primary-warning_414h0_gg_.__active_414h0_gg_,.___SButton_414h0_gg_._theme_primary-warning_414h0_gg_:active{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}.___SButton_414h0_gg_._theme_primary-danger_414h0_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_414h0_gg_._theme_primary-danger_414h0_gg_:hover{background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_414h0_gg_._theme_primary-danger_414h0_gg_.__active_414h0_gg_,.___SButton_414h0_gg_._theme_primary-danger_414h0_gg_:active{background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_414h0_gg_._theme_primary-invert_414h0_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_414h0_gg_._theme_primary-invert_414h0_gg_:hover{background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_414h0_gg_._theme_primary-invert_414h0_gg_.__active_414h0_gg_,.___SButton_414h0_gg_._theme_primary-invert_414h0_gg_:active{background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_414h0_gg_._theme_secondary-muted_414h0_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_414h0_gg_._theme_secondary-muted_414h0_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_414h0_gg_._theme_secondary-muted_414h0_gg_.__active_414h0_gg_,.___SButton_414h0_gg_._theme_secondary-muted_414h0_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_414h0_gg_._theme_secondary-info_414h0_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_414h0_gg_._theme_secondary-info_414h0_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_414h0_gg_._theme_secondary-info_414h0_gg_.__active_414h0_gg_,.___SButton_414h0_gg_._theme_secondary-info_414h0_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_414h0_gg_._theme_secondary-invert_414h0_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_414h0_gg_._theme_secondary-invert_414h0_gg_:hover{background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_414h0_gg_._theme_secondary-invert_414h0_gg_.__active_414h0_gg_,.___SButton_414h0_gg_._theme_secondary-invert_414h0_gg_:active{background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3)\n )}.___SButton_414h0_gg_._theme_tertiary-info_414h0_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_414h0_gg_._theme_tertiary-info_414h0_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_414h0_gg_._theme_tertiary-info_414h0_gg_.__active_414h0_gg_,.___SButton_414h0_gg_._theme_tertiary-info_414h0_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_414h0_gg_._theme_tertiary-muted_414h0_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_414h0_gg_._theme_tertiary-muted_414h0_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_414h0_gg_._theme_tertiary-muted_414h0_gg_.__active_414h0_gg_,.___SButton_414h0_gg_._theme_tertiary-muted_414h0_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_414h0_gg_._theme_tertiary-invert_414h0_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_414h0_gg_._theme_tertiary-invert_414h0_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_414h0_gg_._theme_tertiary-invert_414h0_gg_.__active_414h0_gg_,.___SButton_414h0_gg_._theme_tertiary-invert_414h0_gg_:active{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_414h0_gg_._neighborLocation_right_414h0_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_414h0_gg_._neighborLocation_both_414h0_gg_{border-radius:0;margin-left:-1px}.___SButton_414h0_gg_._neighborLocation_both_414h0_gg_._theme_primary-danger_414h0_gg_,.___SButton_414h0_gg_._neighborLocation_both_414h0_gg_._theme_primary-info_414h0_gg_,.___SButton_414h0_gg_._neighborLocation_both_414h0_gg_._theme_primary-success_414h0_gg_,.___SButton_414h0_gg_._neighborLocation_both_414h0_gg_._theme_primary-warning_414h0_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_414h0_gg_._neighborLocation_both_414h0_gg_._theme_primary-invert_414h0_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SButton_414h0_gg_._neighborLocation_left_414h0_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_414h0_gg_._neighborLocation_left_414h0_gg_._theme_primary-danger_414h0_gg_,.___SButton_414h0_gg_._neighborLocation_left_414h0_gg_._theme_primary-info_414h0_gg_,.___SButton_414h0_gg_._neighborLocation_left_414h0_gg_._theme_primary-success_414h0_gg_,.___SButton_414h0_gg_._neighborLocation_left_414h0_gg_._theme_primary-warning_414h0_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_414h0_gg_._neighborLocation_left_414h0_gg_._theme_primary-invert_414h0_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SSpin_414h0_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_414h0_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_414h0_gg_.__loading_414h0_gg_{visibility:hidden}.___SText_414h0_gg_{display:inline-flex}.___SText_414h0_gg_._size_m_414h0_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_414h0_gg_._size_l_414h0_gg_{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);line-height:var(--intergalactic-lh-300, 150%)}.___SAddon_414h0_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_414h0_gg_._size_m_414h0_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_414h0_gg_._size_m_414h0_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_414h0_gg_._size_l_414h0_gg_:only-child,.___SAddon_414h0_gg_._size_m_414h0_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SAddon_414h0_gg_._size_l_414h0_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_414h0_gg_._size_l_414h0_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "414h0_gg_") /*__reshadow_css_end__*/, {
22
+ "__SButton": "___SButton_414h0_gg_",
23
+ "_disabled": "__disabled_414h0_gg_",
24
+ "_keyboardFocused": "__keyboardFocused_414h0_gg_",
25
+ "_size_m": "_size_m_414h0_gg_",
26
+ "_size_l": "_size_l_414h0_gg_",
27
+ "_theme_primary-info": "_theme_primary-info_414h0_gg_",
28
+ "_active": "__active_414h0_gg_",
29
+ "_theme_primary-success": "_theme_primary-success_414h0_gg_",
30
+ "_theme_primary-warning": "_theme_primary-warning_414h0_gg_",
31
+ "_theme_primary-danger": "_theme_primary-danger_414h0_gg_",
32
+ "_theme_primary-invert": "_theme_primary-invert_414h0_gg_",
33
+ "_theme_secondary-muted": "_theme_secondary-muted_414h0_gg_",
34
+ "_theme_secondary-info": "_theme_secondary-info_414h0_gg_",
35
+ "_theme_secondary-invert": "_theme_secondary-invert_414h0_gg_",
36
+ "_theme_tertiary-info": "_theme_tertiary-info_414h0_gg_",
37
+ "_theme_tertiary-muted": "_theme_tertiary-muted_414h0_gg_",
38
+ "_theme_tertiary-invert": "_theme_tertiary-invert_414h0_gg_",
39
+ "_neighborLocation_right": "_neighborLocation_right_414h0_gg_",
40
+ "_neighborLocation_both": "_neighborLocation_both_414h0_gg_",
41
+ "_neighborLocation_left": "_neighborLocation_left_414h0_gg_",
42
+ "__SSpin": "___SSpin_414h0_gg_",
43
+ "__SInner": "___SInner_414h0_gg_",
44
+ "_loading": "__loading_414h0_gg_",
45
+ "__SText": "___SText_414h0_gg_",
46
+ "__SAddon": "___SAddon_414h0_gg_"
47
47
  });
48
48
  import hasLabels from '@semcore/utils/lib/hasLabels';
49
49
  export var MAP_USE_DEFAULT_THEME = {
@@ -114,21 +114,21 @@ var RootButton = /*#__PURE__*/function (_Component) {
114
114
  }, function (neighborLocation) {
115
115
  var _ref4;
116
116
  return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SButton, _ref4.cn("SButton", _objectSpread({}, _assignProps({
117
- "type": "button",
118
- "tag": "button",
117
+ "type": 'button',
118
+ "tag": 'button',
119
119
  "disabled": disabled,
120
120
  "neighborLocation": neighborLocation,
121
121
  "use:theme": useTheme,
122
122
  "ref": _this2.containerRef
123
123
  }, _ref))), /*#__PURE__*/React.createElement(SInner, _ref4.cn("SInner", {
124
- "tag": "span",
124
+ "tag": 'span',
125
125
  "loading": loading
126
126
  }), addonLeft ? /*#__PURE__*/React.createElement(Button.Addon, {
127
127
  tag: addonLeft
128
128
  }) : null, addonTextChildren(Children, Button.Text, Button.Addon), addonRight ? /*#__PURE__*/React.createElement(Button.Addon, {
129
129
  tag: addonRight
130
130
  }) : null), loading && /*#__PURE__*/React.createElement(SSpin, _ref4.cn("SSpin", {
131
- "tag": "span"
131
+ "tag": 'span'
132
132
  }), /*#__PURE__*/React.createElement(SpinButton, _ref4.cn("SpinButton", {
133
133
  "centered": true,
134
134
  "size": size,
@@ -151,7 +151,7 @@ function Text(props) {
151
151
  _ref5;
152
152
  var SText = Box;
153
153
  return _ref5 = sstyled(props.styles), /*#__PURE__*/React.createElement(SText, _ref5.cn("SText", _objectSpread({}, _assignProps2({
154
- "tag": "span"
154
+ "tag": 'span'
155
155
  }, _ref2))));
156
156
  }
157
157
  function Addon(props) {
@@ -159,7 +159,7 @@ function Addon(props) {
159
159
  _ref6;
160
160
  var SAddon = Box;
161
161
  return _ref6 = sstyled(props.styles), /*#__PURE__*/React.createElement(SAddon, _ref6.cn("SAddon", _objectSpread({}, _assignProps3({
162
- "tag": "span"
162
+ "tag": 'span'
163
163
  }, _ref3))));
164
164
  }
165
165
  var Button = createComponent(RootButton, {
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","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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"}
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
@@ -25,7 +25,7 @@ export default function SpinButton(_ref) {
25
25
  size = _ref.size,
26
26
  others = _objectWithoutProperties(_ref, _excluded);
27
27
  return /*#__PURE__*/React.createElement(Spin, _extends({
28
- size: typeof size == 'string' ? SPIN_SIZE_MAP[size] : size,
28
+ size: typeof size === 'string' ? SPIN_SIZE_MAP[size] : size,
29
29
  theme: typeof theme === 'string' ? SPIN_THEME_MAP[theme] || 'dark' : theme
30
30
  }, others));
31
31
  }
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","_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"}
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,KAAK,QAAQ,GAAGT,aAAa,CAACS,IAAI,CAAC,GAAGA,IAAK;IAC5DD,KAAK,EAAE,OAAOA,KAAK,KAAK,QAAQ,GAAGH,cAAc,CAACG,KAAK,CAAC,IAAI,MAAM,GAAGA;EAAM,GACvEE,MAAM,EACV;AAEN"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/button",
3
3
  "description": "Semrush Button Component",
4
- "version": "4.4.7",
4
+ "version": "4.4.8",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -9,31 +9,28 @@
9
9
  "author": "UI-kit team <ui-kit-team@semrush.com>",
10
10
  "license": "MIT",
11
11
  "dependencies": {
12
- "@semcore/utils": "^3.40.0",
13
- "@semcore/spin": "^4",
12
+ "@semcore/flex-box": "^4",
14
13
  "@semcore/neighbor-location": "^3",
15
- "@semcore/flex-box": "^4"
14
+ "@semcore/spin": "^4",
15
+ "@semcore/utils": "^3.40.0"
16
16
  },
17
17
  "peerDependencies": {
18
18
  "@semcore/core": "^1.11",
19
19
  "react": "16.8 - 18",
20
20
  "react-dom": "16.8 - 18"
21
21
  },
22
- "jest": {
23
- "preset": "@semcore/jest-preset-ui"
24
- },
25
22
  "repository": {
26
23
  "type": "git",
27
24
  "url": "https://github.com/semrush/intergalactic.git",
28
25
  "directory": "semcore/button"
29
26
  },
30
27
  "devDependencies": {
31
- "@types/react": "18.0.21",
32
- "@semcore/jest-preset-ui": "1.0.0",
33
- "@semcore/icon": "*"
28
+ "@semcore/icon": "*",
29
+ "@semcore/testing-utils": "1.0.0",
30
+ "@types/react": "18.0.21"
34
31
  },
35
32
  "scripts": {
36
33
  "build": "pnpm semcore-builder --source=js",
37
- "test": "jest"
34
+ "test": "pnpm -w run test \"/semcore/button/\""
38
35
  }
39
36
  }
package/src/Button.jsx CHANGED
@@ -74,20 +74,20 @@ class RootButton extends Component {
74
74
  sstyled(styles)(
75
75
  <SButton
76
76
  render={Box}
77
- type="button"
78
- tag="button"
77
+ type='button'
78
+ tag='button'
79
79
  disabled={disabled}
80
80
  neighborLocation={neighborLocation}
81
81
  use:theme={useTheme}
82
82
  ref={this.containerRef}
83
83
  >
84
- <SInner tag="span" loading={loading}>
84
+ <SInner tag='span' loading={loading}>
85
85
  {addonLeft ? <Button.Addon tag={addonLeft} /> : null}
86
86
  {addonTextChildren(Children, Button.Text, Button.Addon)}
87
87
  {addonRight ? <Button.Addon tag={addonRight} /> : null}
88
88
  </SInner>
89
89
  {loading && (
90
- <SSpin tag="span">
90
+ <SSpin tag='span'>
91
91
  <SpinButton centered size={size} theme={useTheme} />
92
92
  </SSpin>
93
93
  )}
@@ -101,12 +101,12 @@ class RootButton extends Component {
101
101
 
102
102
  function Text(props) {
103
103
  const SText = Root;
104
- return sstyled(props.styles)(<SText render={Box} tag="span" />);
104
+ return sstyled(props.styles)(<SText render={Box} tag='span' />);
105
105
  }
106
106
 
107
107
  function Addon(props) {
108
108
  const SAddon = Root;
109
- return sstyled(props.styles)(<SAddon render={Box} tag="span" />);
109
+ return sstyled(props.styles)(<SAddon render={Box} tag='span' />);
110
110
  }
111
111
 
112
112
  const Button = createComponent(RootButton, {
package/src/SpinButton.jsx CHANGED
@@ -23,7 +23,7 @@ export const SPIN_THEME_MAP = {
23
23
  export default function SpinButton({ theme, size, ...others }) {
24
24
  return (
25
25
  <Spin
26
- size={typeof size == 'string' ? SPIN_SIZE_MAP[size] : size}
26
+ size={typeof size === 'string' ? SPIN_SIZE_MAP[size] : size}
27
27
  theme={typeof theme === 'string' ? SPIN_THEME_MAP[theme] || 'dark' : theme}
28
28
  {...others}
29
29
  />