@semcore/button 5.8.4-prerelease.0 → 5.8.5-prerelease.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/CHANGELOG.md +7 -1
  2. package/lib/cjs/Button.js +29 -27
  3. package/lib/cjs/Button.js.map +1 -1
  4. package/lib/es6/Button.js +29 -27
  5. package/lib/es6/Button.js.map +1 -1
  6. package/package.json +7 -8
  7. package/src/Button.jsx +2 -0
package/CHANGELOG.md CHANGED
@@ -2,7 +2,13 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
- ## [5.8.4-prerelease.0] - 2023-10-03
5
+ ## [5.8.5-prerelease.0] - 2023-10-06
6
+
7
+ ### Fixed
8
+
9
+ - added `aria-busy='true'` for loading state and `aria-disable` for disabled state.
10
+
11
+ ## [5.8.4] - 2023-10-03
6
12
 
7
13
  ### Changed
8
14
 
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_rc7ir_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_rc7ir_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_rc7ir_gg_:active,.___SButton_rc7ir_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SButton_rc7ir_gg_:hover{outline:0;text-decoration:none}}.___SButton_rc7ir_gg_.__disabled_rc7ir_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_rc7ir_gg_.__keyboardFocused_rc7ir_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_rc7ir_gg_._size_m_rc7ir_gg_{height:28px;min-width:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_rc7ir_gg_._size_l_rc7ir_gg_{height:40px;min-width:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_rc7ir_gg_._theme_primary-info_rc7ir_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_rc7ir_gg_._theme_primary-info_rc7ir_gg_:hover{background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_rc7ir_gg_._theme_primary-info_rc7ir_gg_.__active_rc7ir_gg_,.___SButton_rc7ir_gg_._theme_primary-info_rc7ir_gg_:active{background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_rc7ir_gg_._theme_primary-success_rc7ir_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_rc7ir_gg_._theme_primary-success_rc7ir_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_rc7ir_gg_._theme_primary-success_rc7ir_gg_.__active_rc7ir_gg_,.___SButton_rc7ir_gg_._theme_primary-success_rc7ir_gg_:active{background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_rc7ir_gg_._theme_primary-warning_rc7ir_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SButton_rc7ir_gg_._theme_primary-warning_rc7ir_gg_:hover{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}}.___SButton_rc7ir_gg_._theme_primary-warning_rc7ir_gg_.__active_rc7ir_gg_,.___SButton_rc7ir_gg_._theme_primary-warning_rc7ir_gg_:active{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}.___SButton_rc7ir_gg_._theme_primary-danger_rc7ir_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_rc7ir_gg_._theme_primary-danger_rc7ir_gg_:hover{background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_rc7ir_gg_._theme_primary-danger_rc7ir_gg_.__active_rc7ir_gg_,.___SButton_rc7ir_gg_._theme_primary-danger_rc7ir_gg_:active{background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_rc7ir_gg_._theme_primary-invert_rc7ir_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_rc7ir_gg_._theme_primary-invert_rc7ir_gg_:hover{background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_rc7ir_gg_._theme_primary-invert_rc7ir_gg_.__active_rc7ir_gg_,.___SButton_rc7ir_gg_._theme_primary-invert_rc7ir_gg_:active{background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_rc7ir_gg_._theme_secondary-muted_rc7ir_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_rc7ir_gg_._theme_secondary-muted_rc7ir_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_rc7ir_gg_._theme_secondary-muted_rc7ir_gg_.__active_rc7ir_gg_,.___SButton_rc7ir_gg_._theme_secondary-muted_rc7ir_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_rc7ir_gg_._theme_secondary-info_rc7ir_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_rc7ir_gg_._theme_secondary-info_rc7ir_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_rc7ir_gg_._theme_secondary-info_rc7ir_gg_.__active_rc7ir_gg_,.___SButton_rc7ir_gg_._theme_secondary-info_rc7ir_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_rc7ir_gg_._theme_secondary-invert_rc7ir_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_rc7ir_gg_._theme_secondary-invert_rc7ir_gg_:hover{background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_rc7ir_gg_._theme_secondary-invert_rc7ir_gg_.__active_rc7ir_gg_,.___SButton_rc7ir_gg_._theme_secondary-invert_rc7ir_gg_:active{background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3)\n )}.___SButton_rc7ir_gg_._theme_tertiary-info_rc7ir_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_rc7ir_gg_._theme_tertiary-info_rc7ir_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_rc7ir_gg_._theme_tertiary-info_rc7ir_gg_.__active_rc7ir_gg_,.___SButton_rc7ir_gg_._theme_tertiary-info_rc7ir_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_rc7ir_gg_._theme_tertiary-muted_rc7ir_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_rc7ir_gg_._theme_tertiary-muted_rc7ir_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_rc7ir_gg_._theme_tertiary-muted_rc7ir_gg_.__active_rc7ir_gg_,.___SButton_rc7ir_gg_._theme_tertiary-muted_rc7ir_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_rc7ir_gg_._theme_tertiary-invert_rc7ir_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_rc7ir_gg_._theme_tertiary-invert_rc7ir_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_rc7ir_gg_._theme_tertiary-invert_rc7ir_gg_.__active_rc7ir_gg_,.___SButton_rc7ir_gg_._theme_tertiary-invert_rc7ir_gg_:active{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_rc7ir_gg_._neighborLocation_right_rc7ir_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_rc7ir_gg_._neighborLocation_both_rc7ir_gg_{border-radius:0;margin-left:-1px}.___SButton_rc7ir_gg_._neighborLocation_both_rc7ir_gg_._theme_primary-danger_rc7ir_gg_,.___SButton_rc7ir_gg_._neighborLocation_both_rc7ir_gg_._theme_primary-info_rc7ir_gg_,.___SButton_rc7ir_gg_._neighborLocation_both_rc7ir_gg_._theme_primary-success_rc7ir_gg_,.___SButton_rc7ir_gg_._neighborLocation_both_rc7ir_gg_._theme_primary-warning_rc7ir_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_rc7ir_gg_._neighborLocation_both_rc7ir_gg_._theme_primary-invert_rc7ir_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SButton_rc7ir_gg_._neighborLocation_left_rc7ir_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_rc7ir_gg_._neighborLocation_left_rc7ir_gg_._theme_primary-danger_rc7ir_gg_,.___SButton_rc7ir_gg_._neighborLocation_left_rc7ir_gg_._theme_primary-info_rc7ir_gg_,.___SButton_rc7ir_gg_._neighborLocation_left_rc7ir_gg_._theme_primary-success_rc7ir_gg_,.___SButton_rc7ir_gg_._neighborLocation_left_rc7ir_gg_._theme_primary-warning_rc7ir_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_rc7ir_gg_._neighborLocation_left_rc7ir_gg_._theme_primary-invert_rc7ir_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SSpin_rc7ir_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_rc7ir_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_rc7ir_gg_.__loading_rc7ir_gg_{visibility:hidden}.___SText_rc7ir_gg_{display:inline-flex}.___SText_rc7ir_gg_._size_l_rc7ir_gg_,.___SText_rc7ir_gg_._size_m_rc7ir_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_rc7ir_gg_._size_m_rc7ir_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_rc7ir_gg_._size_l_rc7ir_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_rc7ir_gg_._size_l_rc7ir_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_rc7ir_gg_._size_l_rc7ir_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_rc7ir_gg_._size_l_rc7ir_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_rc7ir_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_rc7ir_gg_._size_m_rc7ir_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_rc7ir_gg_._size_m_rc7ir_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_rc7ir_gg_._size_l_rc7ir_gg_:only-child,.___SAddon_rc7ir_gg_._size_m_rc7ir_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SAddon_rc7ir_gg_._size_l_rc7ir_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SAddon_rc7ir_gg_._size_l_rc7ir_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}" /*__inner_css_end__*/, "rc7ir_gg_") /*__reshadow_css_end__*/, {
27
- "__SButton": "___SButton_rc7ir_gg_",
28
- "_disabled": "__disabled_rc7ir_gg_",
29
- "_keyboardFocused": "__keyboardFocused_rc7ir_gg_",
30
- "_size_m": "_size_m_rc7ir_gg_",
31
- "_size_l": "_size_l_rc7ir_gg_",
32
- "_theme_primary-info": "_theme_primary-info_rc7ir_gg_",
33
- "_active": "__active_rc7ir_gg_",
34
- "_theme_primary-success": "_theme_primary-success_rc7ir_gg_",
35
- "_theme_primary-warning": "_theme_primary-warning_rc7ir_gg_",
36
- "_theme_primary-danger": "_theme_primary-danger_rc7ir_gg_",
37
- "_theme_primary-invert": "_theme_primary-invert_rc7ir_gg_",
38
- "_theme_secondary-muted": "_theme_secondary-muted_rc7ir_gg_",
39
- "_theme_secondary-info": "_theme_secondary-info_rc7ir_gg_",
40
- "_theme_secondary-invert": "_theme_secondary-invert_rc7ir_gg_",
41
- "_theme_tertiary-info": "_theme_tertiary-info_rc7ir_gg_",
42
- "_theme_tertiary-muted": "_theme_tertiary-muted_rc7ir_gg_",
43
- "_theme_tertiary-invert": "_theme_tertiary-invert_rc7ir_gg_",
44
- "_neighborLocation_right": "_neighborLocation_right_rc7ir_gg_",
45
- "_neighborLocation_both": "_neighborLocation_both_rc7ir_gg_",
46
- "_neighborLocation_left": "_neighborLocation_left_rc7ir_gg_",
47
- "__SSpin": "___SSpin_rc7ir_gg_",
48
- "__SInner": "___SInner_rc7ir_gg_",
49
- "_loading": "__loading_rc7ir_gg_",
50
- "__SText": "___SText_rc7ir_gg_",
51
- "__SAddon": "___SAddon_rc7ir_gg_"
26
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButton_ooecn_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_ooecn_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_ooecn_gg_:active,.___SButton_ooecn_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SButton_ooecn_gg_:hover{outline:0;text-decoration:none}}.___SButton_ooecn_gg_.__disabled_ooecn_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_ooecn_gg_.__keyboardFocused_ooecn_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_ooecn_gg_._size_m_ooecn_gg_{height:28px;min-width:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_ooecn_gg_._size_l_ooecn_gg_{height:40px;min-width:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_ooecn_gg_._theme_primary-info_ooecn_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_ooecn_gg_._theme_primary-info_ooecn_gg_:hover{background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_ooecn_gg_._theme_primary-info_ooecn_gg_.__active_ooecn_gg_,.___SButton_ooecn_gg_._theme_primary-info_ooecn_gg_:active{background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_ooecn_gg_._theme_primary-success_ooecn_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_ooecn_gg_._theme_primary-success_ooecn_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_ooecn_gg_._theme_primary-success_ooecn_gg_.__active_ooecn_gg_,.___SButton_ooecn_gg_._theme_primary-success_ooecn_gg_:active{background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_ooecn_gg_._theme_primary-warning_ooecn_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SButton_ooecn_gg_._theme_primary-warning_ooecn_gg_:hover{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}}.___SButton_ooecn_gg_._theme_primary-warning_ooecn_gg_.__active_ooecn_gg_,.___SButton_ooecn_gg_._theme_primary-warning_ooecn_gg_:active{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}.___SButton_ooecn_gg_._theme_primary-danger_ooecn_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_ooecn_gg_._theme_primary-danger_ooecn_gg_:hover{background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_ooecn_gg_._theme_primary-danger_ooecn_gg_.__active_ooecn_gg_,.___SButton_ooecn_gg_._theme_primary-danger_ooecn_gg_:active{background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_ooecn_gg_._theme_primary-invert_ooecn_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_ooecn_gg_._theme_primary-invert_ooecn_gg_:hover{background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_ooecn_gg_._theme_primary-invert_ooecn_gg_.__active_ooecn_gg_,.___SButton_ooecn_gg_._theme_primary-invert_ooecn_gg_:active{background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_ooecn_gg_._theme_secondary-muted_ooecn_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_ooecn_gg_._theme_secondary-muted_ooecn_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_ooecn_gg_._theme_secondary-muted_ooecn_gg_.__active_ooecn_gg_,.___SButton_ooecn_gg_._theme_secondary-muted_ooecn_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_ooecn_gg_._theme_secondary-info_ooecn_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_ooecn_gg_._theme_secondary-info_ooecn_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_ooecn_gg_._theme_secondary-info_ooecn_gg_.__active_ooecn_gg_,.___SButton_ooecn_gg_._theme_secondary-info_ooecn_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_ooecn_gg_._theme_secondary-invert_ooecn_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_ooecn_gg_._theme_secondary-invert_ooecn_gg_:hover{background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_ooecn_gg_._theme_secondary-invert_ooecn_gg_.__active_ooecn_gg_,.___SButton_ooecn_gg_._theme_secondary-invert_ooecn_gg_:active{background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3)\n )}.___SButton_ooecn_gg_._theme_tertiary-info_ooecn_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_ooecn_gg_._theme_tertiary-info_ooecn_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_ooecn_gg_._theme_tertiary-info_ooecn_gg_.__active_ooecn_gg_,.___SButton_ooecn_gg_._theme_tertiary-info_ooecn_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_ooecn_gg_._theme_tertiary-muted_ooecn_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_ooecn_gg_._theme_tertiary-muted_ooecn_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_ooecn_gg_._theme_tertiary-muted_ooecn_gg_.__active_ooecn_gg_,.___SButton_ooecn_gg_._theme_tertiary-muted_ooecn_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_ooecn_gg_._theme_tertiary-invert_ooecn_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_ooecn_gg_._theme_tertiary-invert_ooecn_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_ooecn_gg_._theme_tertiary-invert_ooecn_gg_.__active_ooecn_gg_,.___SButton_ooecn_gg_._theme_tertiary-invert_ooecn_gg_:active{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_ooecn_gg_._neighborLocation_right_ooecn_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_ooecn_gg_._neighborLocation_both_ooecn_gg_{border-radius:0;margin-left:-1px}.___SButton_ooecn_gg_._neighborLocation_both_ooecn_gg_._theme_primary-danger_ooecn_gg_,.___SButton_ooecn_gg_._neighborLocation_both_ooecn_gg_._theme_primary-info_ooecn_gg_,.___SButton_ooecn_gg_._neighborLocation_both_ooecn_gg_._theme_primary-success_ooecn_gg_,.___SButton_ooecn_gg_._neighborLocation_both_ooecn_gg_._theme_primary-warning_ooecn_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_ooecn_gg_._neighborLocation_both_ooecn_gg_._theme_primary-invert_ooecn_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SButton_ooecn_gg_._neighborLocation_left_ooecn_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_ooecn_gg_._neighborLocation_left_ooecn_gg_._theme_primary-danger_ooecn_gg_,.___SButton_ooecn_gg_._neighborLocation_left_ooecn_gg_._theme_primary-info_ooecn_gg_,.___SButton_ooecn_gg_._neighborLocation_left_ooecn_gg_._theme_primary-success_ooecn_gg_,.___SButton_ooecn_gg_._neighborLocation_left_ooecn_gg_._theme_primary-warning_ooecn_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_ooecn_gg_._neighborLocation_left_ooecn_gg_._theme_primary-invert_ooecn_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SSpin_ooecn_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_ooecn_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_ooecn_gg_.__loading_ooecn_gg_{visibility:hidden}.___SText_ooecn_gg_{display:inline-flex}.___SText_ooecn_gg_._size_l_ooecn_gg_,.___SText_ooecn_gg_._size_m_ooecn_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_ooecn_gg_._size_m_ooecn_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_ooecn_gg_._size_l_ooecn_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_ooecn_gg_._size_l_ooecn_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_ooecn_gg_._size_l_ooecn_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_ooecn_gg_._size_l_ooecn_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_ooecn_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_ooecn_gg_._size_m_ooecn_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_ooecn_gg_._size_m_ooecn_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_ooecn_gg_._size_l_ooecn_gg_:only-child,.___SAddon_ooecn_gg_._size_m_ooecn_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SAddon_ooecn_gg_._size_l_ooecn_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SAddon_ooecn_gg_._size_l_ooecn_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}" /*__inner_css_end__*/, "ooecn_gg_") /*__reshadow_css_end__*/, {
27
+ "__SButton": "___SButton_ooecn_gg_",
28
+ "_disabled": "__disabled_ooecn_gg_",
29
+ "_keyboardFocused": "__keyboardFocused_ooecn_gg_",
30
+ "_size_m": "_size_m_ooecn_gg_",
31
+ "_size_l": "_size_l_ooecn_gg_",
32
+ "_theme_primary-info": "_theme_primary-info_ooecn_gg_",
33
+ "_active": "__active_ooecn_gg_",
34
+ "_theme_primary-success": "_theme_primary-success_ooecn_gg_",
35
+ "_theme_primary-warning": "_theme_primary-warning_ooecn_gg_",
36
+ "_theme_primary-danger": "_theme_primary-danger_ooecn_gg_",
37
+ "_theme_primary-invert": "_theme_primary-invert_ooecn_gg_",
38
+ "_theme_secondary-muted": "_theme_secondary-muted_ooecn_gg_",
39
+ "_theme_secondary-info": "_theme_secondary-info_ooecn_gg_",
40
+ "_theme_secondary-invert": "_theme_secondary-invert_ooecn_gg_",
41
+ "_theme_tertiary-info": "_theme_tertiary-info_ooecn_gg_",
42
+ "_theme_tertiary-muted": "_theme_tertiary-muted_ooecn_gg_",
43
+ "_theme_tertiary-invert": "_theme_tertiary-invert_ooecn_gg_",
44
+ "_neighborLocation_right": "_neighborLocation_right_ooecn_gg_",
45
+ "_neighborLocation_both": "_neighborLocation_both_ooecn_gg_",
46
+ "_neighborLocation_left": "_neighborLocation_left_ooecn_gg_",
47
+ "__SSpin": "___SSpin_ooecn_gg_",
48
+ "__SInner": "___SInner_ooecn_gg_",
49
+ "_loading": "__loading_ooecn_gg_",
50
+ "__SText": "___SText_ooecn_gg_",
51
+ "__SAddon": "___SAddon_ooecn_gg_"
52
52
  });
53
53
  var MAP_USE_DEFAULT_THEME = {
54
54
  primary: 'info',
@@ -124,7 +124,9 @@ var RootButton = /*#__PURE__*/function (_Component) {
124
124
  "disabled": disabled,
125
125
  "neighborLocation": neighborLocation,
126
126
  "use:theme": useTheme,
127
- "ref": _this2.containerRef
127
+ "ref": _this2.containerRef,
128
+ "aria-busy": loading,
129
+ "aria-disabled": disabled
128
130
  }, _ref))), /*#__PURE__*/_react["default"].createElement(SInner, _ref4.cn("SInner", {
129
131
  "tag": 'span',
130
132
  "loading": loading
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","containerRef","current","hasLabels","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 this.containerRef.current && !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","containerRef","current","hasLabels","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 this.containerRef.current && !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 aria-busy={loading}\n aria-disabled={disabled}\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/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_rc7ir_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_rc7ir_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_rc7ir_gg_:active,.___SButton_rc7ir_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SButton_rc7ir_gg_:hover{outline:0;text-decoration:none}}.___SButton_rc7ir_gg_.__disabled_rc7ir_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_rc7ir_gg_.__keyboardFocused_rc7ir_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_rc7ir_gg_._size_m_rc7ir_gg_{height:28px;min-width:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_rc7ir_gg_._size_l_rc7ir_gg_{height:40px;min-width:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_rc7ir_gg_._theme_primary-info_rc7ir_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_rc7ir_gg_._theme_primary-info_rc7ir_gg_:hover{background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_rc7ir_gg_._theme_primary-info_rc7ir_gg_.__active_rc7ir_gg_,.___SButton_rc7ir_gg_._theme_primary-info_rc7ir_gg_:active{background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_rc7ir_gg_._theme_primary-success_rc7ir_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_rc7ir_gg_._theme_primary-success_rc7ir_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_rc7ir_gg_._theme_primary-success_rc7ir_gg_.__active_rc7ir_gg_,.___SButton_rc7ir_gg_._theme_primary-success_rc7ir_gg_:active{background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_rc7ir_gg_._theme_primary-warning_rc7ir_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SButton_rc7ir_gg_._theme_primary-warning_rc7ir_gg_:hover{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}}.___SButton_rc7ir_gg_._theme_primary-warning_rc7ir_gg_.__active_rc7ir_gg_,.___SButton_rc7ir_gg_._theme_primary-warning_rc7ir_gg_:active{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}.___SButton_rc7ir_gg_._theme_primary-danger_rc7ir_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_rc7ir_gg_._theme_primary-danger_rc7ir_gg_:hover{background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_rc7ir_gg_._theme_primary-danger_rc7ir_gg_.__active_rc7ir_gg_,.___SButton_rc7ir_gg_._theme_primary-danger_rc7ir_gg_:active{background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_rc7ir_gg_._theme_primary-invert_rc7ir_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_rc7ir_gg_._theme_primary-invert_rc7ir_gg_:hover{background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_rc7ir_gg_._theme_primary-invert_rc7ir_gg_.__active_rc7ir_gg_,.___SButton_rc7ir_gg_._theme_primary-invert_rc7ir_gg_:active{background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_rc7ir_gg_._theme_secondary-muted_rc7ir_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_rc7ir_gg_._theme_secondary-muted_rc7ir_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_rc7ir_gg_._theme_secondary-muted_rc7ir_gg_.__active_rc7ir_gg_,.___SButton_rc7ir_gg_._theme_secondary-muted_rc7ir_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_rc7ir_gg_._theme_secondary-info_rc7ir_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_rc7ir_gg_._theme_secondary-info_rc7ir_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_rc7ir_gg_._theme_secondary-info_rc7ir_gg_.__active_rc7ir_gg_,.___SButton_rc7ir_gg_._theme_secondary-info_rc7ir_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_rc7ir_gg_._theme_secondary-invert_rc7ir_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_rc7ir_gg_._theme_secondary-invert_rc7ir_gg_:hover{background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_rc7ir_gg_._theme_secondary-invert_rc7ir_gg_.__active_rc7ir_gg_,.___SButton_rc7ir_gg_._theme_secondary-invert_rc7ir_gg_:active{background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3)\n )}.___SButton_rc7ir_gg_._theme_tertiary-info_rc7ir_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_rc7ir_gg_._theme_tertiary-info_rc7ir_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_rc7ir_gg_._theme_tertiary-info_rc7ir_gg_.__active_rc7ir_gg_,.___SButton_rc7ir_gg_._theme_tertiary-info_rc7ir_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_rc7ir_gg_._theme_tertiary-muted_rc7ir_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_rc7ir_gg_._theme_tertiary-muted_rc7ir_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_rc7ir_gg_._theme_tertiary-muted_rc7ir_gg_.__active_rc7ir_gg_,.___SButton_rc7ir_gg_._theme_tertiary-muted_rc7ir_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_rc7ir_gg_._theme_tertiary-invert_rc7ir_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_rc7ir_gg_._theme_tertiary-invert_rc7ir_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_rc7ir_gg_._theme_tertiary-invert_rc7ir_gg_.__active_rc7ir_gg_,.___SButton_rc7ir_gg_._theme_tertiary-invert_rc7ir_gg_:active{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_rc7ir_gg_._neighborLocation_right_rc7ir_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_rc7ir_gg_._neighborLocation_both_rc7ir_gg_{border-radius:0;margin-left:-1px}.___SButton_rc7ir_gg_._neighborLocation_both_rc7ir_gg_._theme_primary-danger_rc7ir_gg_,.___SButton_rc7ir_gg_._neighborLocation_both_rc7ir_gg_._theme_primary-info_rc7ir_gg_,.___SButton_rc7ir_gg_._neighborLocation_both_rc7ir_gg_._theme_primary-success_rc7ir_gg_,.___SButton_rc7ir_gg_._neighborLocation_both_rc7ir_gg_._theme_primary-warning_rc7ir_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_rc7ir_gg_._neighborLocation_both_rc7ir_gg_._theme_primary-invert_rc7ir_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SButton_rc7ir_gg_._neighborLocation_left_rc7ir_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_rc7ir_gg_._neighborLocation_left_rc7ir_gg_._theme_primary-danger_rc7ir_gg_,.___SButton_rc7ir_gg_._neighborLocation_left_rc7ir_gg_._theme_primary-info_rc7ir_gg_,.___SButton_rc7ir_gg_._neighborLocation_left_rc7ir_gg_._theme_primary-success_rc7ir_gg_,.___SButton_rc7ir_gg_._neighborLocation_left_rc7ir_gg_._theme_primary-warning_rc7ir_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_rc7ir_gg_._neighborLocation_left_rc7ir_gg_._theme_primary-invert_rc7ir_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SSpin_rc7ir_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_rc7ir_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_rc7ir_gg_.__loading_rc7ir_gg_{visibility:hidden}.___SText_rc7ir_gg_{display:inline-flex}.___SText_rc7ir_gg_._size_l_rc7ir_gg_,.___SText_rc7ir_gg_._size_m_rc7ir_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_rc7ir_gg_._size_m_rc7ir_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_rc7ir_gg_._size_l_rc7ir_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_rc7ir_gg_._size_l_rc7ir_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_rc7ir_gg_._size_l_rc7ir_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_rc7ir_gg_._size_l_rc7ir_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_rc7ir_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_rc7ir_gg_._size_m_rc7ir_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_rc7ir_gg_._size_m_rc7ir_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_rc7ir_gg_._size_l_rc7ir_gg_:only-child,.___SAddon_rc7ir_gg_._size_m_rc7ir_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SAddon_rc7ir_gg_._size_l_rc7ir_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SAddon_rc7ir_gg_._size_l_rc7ir_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}" /*__inner_css_end__*/, "rc7ir_gg_") /*__reshadow_css_end__*/, {
22
- "__SButton": "___SButton_rc7ir_gg_",
23
- "_disabled": "__disabled_rc7ir_gg_",
24
- "_keyboardFocused": "__keyboardFocused_rc7ir_gg_",
25
- "_size_m": "_size_m_rc7ir_gg_",
26
- "_size_l": "_size_l_rc7ir_gg_",
27
- "_theme_primary-info": "_theme_primary-info_rc7ir_gg_",
28
- "_active": "__active_rc7ir_gg_",
29
- "_theme_primary-success": "_theme_primary-success_rc7ir_gg_",
30
- "_theme_primary-warning": "_theme_primary-warning_rc7ir_gg_",
31
- "_theme_primary-danger": "_theme_primary-danger_rc7ir_gg_",
32
- "_theme_primary-invert": "_theme_primary-invert_rc7ir_gg_",
33
- "_theme_secondary-muted": "_theme_secondary-muted_rc7ir_gg_",
34
- "_theme_secondary-info": "_theme_secondary-info_rc7ir_gg_",
35
- "_theme_secondary-invert": "_theme_secondary-invert_rc7ir_gg_",
36
- "_theme_tertiary-info": "_theme_tertiary-info_rc7ir_gg_",
37
- "_theme_tertiary-muted": "_theme_tertiary-muted_rc7ir_gg_",
38
- "_theme_tertiary-invert": "_theme_tertiary-invert_rc7ir_gg_",
39
- "_neighborLocation_right": "_neighborLocation_right_rc7ir_gg_",
40
- "_neighborLocation_both": "_neighborLocation_both_rc7ir_gg_",
41
- "_neighborLocation_left": "_neighborLocation_left_rc7ir_gg_",
42
- "__SSpin": "___SSpin_rc7ir_gg_",
43
- "__SInner": "___SInner_rc7ir_gg_",
44
- "_loading": "__loading_rc7ir_gg_",
45
- "__SText": "___SText_rc7ir_gg_",
46
- "__SAddon": "___SAddon_rc7ir_gg_"
21
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_ooecn_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_ooecn_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_ooecn_gg_:active,.___SButton_ooecn_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SButton_ooecn_gg_:hover{outline:0;text-decoration:none}}.___SButton_ooecn_gg_.__disabled_ooecn_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_ooecn_gg_.__keyboardFocused_ooecn_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_ooecn_gg_._size_m_ooecn_gg_{height:28px;min-width:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_ooecn_gg_._size_l_ooecn_gg_{height:40px;min-width:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_ooecn_gg_._theme_primary-info_ooecn_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_ooecn_gg_._theme_primary-info_ooecn_gg_:hover{background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_ooecn_gg_._theme_primary-info_ooecn_gg_.__active_ooecn_gg_,.___SButton_ooecn_gg_._theme_primary-info_ooecn_gg_:active{background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_ooecn_gg_._theme_primary-success_ooecn_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_ooecn_gg_._theme_primary-success_ooecn_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_ooecn_gg_._theme_primary-success_ooecn_gg_.__active_ooecn_gg_,.___SButton_ooecn_gg_._theme_primary-success_ooecn_gg_:active{background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_ooecn_gg_._theme_primary-warning_ooecn_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SButton_ooecn_gg_._theme_primary-warning_ooecn_gg_:hover{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}}.___SButton_ooecn_gg_._theme_primary-warning_ooecn_gg_.__active_ooecn_gg_,.___SButton_ooecn_gg_._theme_primary-warning_ooecn_gg_:active{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}.___SButton_ooecn_gg_._theme_primary-danger_ooecn_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_ooecn_gg_._theme_primary-danger_ooecn_gg_:hover{background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_ooecn_gg_._theme_primary-danger_ooecn_gg_.__active_ooecn_gg_,.___SButton_ooecn_gg_._theme_primary-danger_ooecn_gg_:active{background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_ooecn_gg_._theme_primary-invert_ooecn_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_ooecn_gg_._theme_primary-invert_ooecn_gg_:hover{background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_ooecn_gg_._theme_primary-invert_ooecn_gg_.__active_ooecn_gg_,.___SButton_ooecn_gg_._theme_primary-invert_ooecn_gg_:active{background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_ooecn_gg_._theme_secondary-muted_ooecn_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_ooecn_gg_._theme_secondary-muted_ooecn_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_ooecn_gg_._theme_secondary-muted_ooecn_gg_.__active_ooecn_gg_,.___SButton_ooecn_gg_._theme_secondary-muted_ooecn_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_ooecn_gg_._theme_secondary-info_ooecn_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_ooecn_gg_._theme_secondary-info_ooecn_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_ooecn_gg_._theme_secondary-info_ooecn_gg_.__active_ooecn_gg_,.___SButton_ooecn_gg_._theme_secondary-info_ooecn_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_ooecn_gg_._theme_secondary-invert_ooecn_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_ooecn_gg_._theme_secondary-invert_ooecn_gg_:hover{background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_ooecn_gg_._theme_secondary-invert_ooecn_gg_.__active_ooecn_gg_,.___SButton_ooecn_gg_._theme_secondary-invert_ooecn_gg_:active{background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3)\n )}.___SButton_ooecn_gg_._theme_tertiary-info_ooecn_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_ooecn_gg_._theme_tertiary-info_ooecn_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_ooecn_gg_._theme_tertiary-info_ooecn_gg_.__active_ooecn_gg_,.___SButton_ooecn_gg_._theme_tertiary-info_ooecn_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_ooecn_gg_._theme_tertiary-muted_ooecn_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_ooecn_gg_._theme_tertiary-muted_ooecn_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_ooecn_gg_._theme_tertiary-muted_ooecn_gg_.__active_ooecn_gg_,.___SButton_ooecn_gg_._theme_tertiary-muted_ooecn_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_ooecn_gg_._theme_tertiary-invert_ooecn_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_ooecn_gg_._theme_tertiary-invert_ooecn_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_ooecn_gg_._theme_tertiary-invert_ooecn_gg_.__active_ooecn_gg_,.___SButton_ooecn_gg_._theme_tertiary-invert_ooecn_gg_:active{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_ooecn_gg_._neighborLocation_right_ooecn_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_ooecn_gg_._neighborLocation_both_ooecn_gg_{border-radius:0;margin-left:-1px}.___SButton_ooecn_gg_._neighborLocation_both_ooecn_gg_._theme_primary-danger_ooecn_gg_,.___SButton_ooecn_gg_._neighborLocation_both_ooecn_gg_._theme_primary-info_ooecn_gg_,.___SButton_ooecn_gg_._neighborLocation_both_ooecn_gg_._theme_primary-success_ooecn_gg_,.___SButton_ooecn_gg_._neighborLocation_both_ooecn_gg_._theme_primary-warning_ooecn_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_ooecn_gg_._neighborLocation_both_ooecn_gg_._theme_primary-invert_ooecn_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SButton_ooecn_gg_._neighborLocation_left_ooecn_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_ooecn_gg_._neighborLocation_left_ooecn_gg_._theme_primary-danger_ooecn_gg_,.___SButton_ooecn_gg_._neighborLocation_left_ooecn_gg_._theme_primary-info_ooecn_gg_,.___SButton_ooecn_gg_._neighborLocation_left_ooecn_gg_._theme_primary-success_ooecn_gg_,.___SButton_ooecn_gg_._neighborLocation_left_ooecn_gg_._theme_primary-warning_ooecn_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_ooecn_gg_._neighborLocation_left_ooecn_gg_._theme_primary-invert_ooecn_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SSpin_ooecn_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_ooecn_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_ooecn_gg_.__loading_ooecn_gg_{visibility:hidden}.___SText_ooecn_gg_{display:inline-flex}.___SText_ooecn_gg_._size_l_ooecn_gg_,.___SText_ooecn_gg_._size_m_ooecn_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_ooecn_gg_._size_m_ooecn_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_ooecn_gg_._size_l_ooecn_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_ooecn_gg_._size_l_ooecn_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_ooecn_gg_._size_l_ooecn_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_ooecn_gg_._size_l_ooecn_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_ooecn_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_ooecn_gg_._size_m_ooecn_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_ooecn_gg_._size_m_ooecn_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_ooecn_gg_._size_l_ooecn_gg_:only-child,.___SAddon_ooecn_gg_._size_m_ooecn_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SAddon_ooecn_gg_._size_l_ooecn_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SAddon_ooecn_gg_._size_l_ooecn_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}" /*__inner_css_end__*/, "ooecn_gg_") /*__reshadow_css_end__*/, {
22
+ "__SButton": "___SButton_ooecn_gg_",
23
+ "_disabled": "__disabled_ooecn_gg_",
24
+ "_keyboardFocused": "__keyboardFocused_ooecn_gg_",
25
+ "_size_m": "_size_m_ooecn_gg_",
26
+ "_size_l": "_size_l_ooecn_gg_",
27
+ "_theme_primary-info": "_theme_primary-info_ooecn_gg_",
28
+ "_active": "__active_ooecn_gg_",
29
+ "_theme_primary-success": "_theme_primary-success_ooecn_gg_",
30
+ "_theme_primary-warning": "_theme_primary-warning_ooecn_gg_",
31
+ "_theme_primary-danger": "_theme_primary-danger_ooecn_gg_",
32
+ "_theme_primary-invert": "_theme_primary-invert_ooecn_gg_",
33
+ "_theme_secondary-muted": "_theme_secondary-muted_ooecn_gg_",
34
+ "_theme_secondary-info": "_theme_secondary-info_ooecn_gg_",
35
+ "_theme_secondary-invert": "_theme_secondary-invert_ooecn_gg_",
36
+ "_theme_tertiary-info": "_theme_tertiary-info_ooecn_gg_",
37
+ "_theme_tertiary-muted": "_theme_tertiary-muted_ooecn_gg_",
38
+ "_theme_tertiary-invert": "_theme_tertiary-invert_ooecn_gg_",
39
+ "_neighborLocation_right": "_neighborLocation_right_ooecn_gg_",
40
+ "_neighborLocation_both": "_neighborLocation_both_ooecn_gg_",
41
+ "_neighborLocation_left": "_neighborLocation_left_ooecn_gg_",
42
+ "__SSpin": "___SSpin_ooecn_gg_",
43
+ "__SInner": "___SInner_ooecn_gg_",
44
+ "_loading": "__loading_ooecn_gg_",
45
+ "__SText": "___SText_ooecn_gg_",
46
+ "__SAddon": "___SAddon_ooecn_gg_"
47
47
  });
48
48
  import hasLabels from '@semcore/utils/lib/hasLabels';
49
49
  export var MAP_USE_DEFAULT_THEME = {
@@ -119,7 +119,9 @@ var RootButton = /*#__PURE__*/function (_Component) {
119
119
  "disabled": disabled,
120
120
  "neighborLocation": neighborLocation,
121
121
  "use:theme": useTheme,
122
- "ref": _this2.containerRef
122
+ "ref": _this2.containerRef,
123
+ "aria-busy": loading,
124
+ "aria-disabled": disabled
123
125
  }, _ref))), /*#__PURE__*/React.createElement(SInner, _ref4.cn("SInner", {
124
126
  "tag": 'span',
125
127
  "loading": loading
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 this.containerRef.current && !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 this.containerRef.current && !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 aria-busy={loading}\n aria-disabled={disabled}\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/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/button",
3
3
  "description": "Semrush Button Component",
4
- "version": "5.8.4-prerelease.0",
4
+ "version": "5.8.5-prerelease.0",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -9,13 +9,13 @@
9
9
  "author": "UI-kit team <ui-kit-team@semrush.com>",
10
10
  "license": "MIT",
11
11
  "dependencies": {
12
- "@semcore/flex-box": "5.7.4-prerelease.0",
13
- "@semcore/neighbor-location": "4.7.4-prerelease.0",
14
- "@semcore/spin": "5.7.4-prerelease.0",
15
- "@semcore/utils": "4.8.1-prerelease.0"
12
+ "@semcore/flex-box": "5.7.5-prerelease.0",
13
+ "@semcore/neighbor-location": "4.7.5-prerelease.0",
14
+ "@semcore/spin": "5.7.5-prerelease.0",
15
+ "@semcore/utils": "4.8.2-prerelease.0"
16
16
  },
17
17
  "peerDependencies": {
18
- "@semcore/core": "^2.7.4-prerelease.0",
18
+ "@semcore/core": "^2.7.5-prerelease.0",
19
19
  "react": "16.8 - 18",
20
20
  "react-dom": "16.8 - 18"
21
21
  },
@@ -30,7 +30,6 @@
30
30
  "@types/react": "18.0.21"
31
31
  },
32
32
  "scripts": {
33
- "build": "pnpm semcore-builder --source=js",
34
- "test": "pnpm -w run test \"/semcore/button/\""
33
+ "build": "pnpm semcore-builder --source=js"
35
34
  }
36
35
  }
package/src/Button.jsx CHANGED
@@ -80,6 +80,8 @@ class RootButton extends Component {
80
80
  neighborLocation={neighborLocation}
81
81
  use:theme={useTheme}
82
82
  ref={this.containerRef}
83
+ aria-busy={loading}
84
+ aria-disabled={disabled}
83
85
  >
84
86
  <SInner tag='span' loading={loading}>
85
87
  {addonLeft ? <Button.Addon tag={addonLeft} /> : null}