@semcore/button 4.4.9 → 5.0.0-beta.1

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 (8) hide show
  1. package/CHANGELOG.md +3 -4
  2. package/lib/cjs/Button.js +26 -26
  3. package/lib/cjs/index.d.js.map +1 -1
  4. package/lib/es6/Button.js +26 -26
  5. package/lib/es6/index.d.js.map +1 -1
  6. package/lib/types/index.d.ts +46 -36
  7. package/package.json +6 -6
  8. package/src/index.d.ts +46 -36
package/CHANGELOG.md CHANGED
@@ -2,11 +2,10 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
- ## [4.4.9] - 2023-06-30
5
+ ## [5.0.0] - 2023-07-15
6
+ ### Break
6
7
 
7
- ### Changed
8
-
9
- - Version patch update due to children dependencies update (`@semcore/utils` [3.54.0 ~> 3.54.1]).
8
+ - Strict, backward incompatible typings.
10
9
 
11
10
  ## [4.4.8] - 2023-06-27
12
11
 
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_15rw1_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_15rw1_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_15rw1_gg_:active,.___SButton_15rw1_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SButton_15rw1_gg_:hover{outline:0;text-decoration:none}}.___SButton_15rw1_gg_.__disabled_15rw1_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_15rw1_gg_.__keyboardFocused_15rw1_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_15rw1_gg_._size_m_15rw1_gg_{height:28px;min-width:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_15rw1_gg_._size_l_15rw1_gg_{height:40px;min-width:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_15rw1_gg_._theme_primary-info_15rw1_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_15rw1_gg_._theme_primary-info_15rw1_gg_:hover{background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_15rw1_gg_._theme_primary-info_15rw1_gg_.__active_15rw1_gg_,.___SButton_15rw1_gg_._theme_primary-info_15rw1_gg_:active{background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_15rw1_gg_._theme_primary-success_15rw1_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_15rw1_gg_._theme_primary-success_15rw1_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_15rw1_gg_._theme_primary-success_15rw1_gg_.__active_15rw1_gg_,.___SButton_15rw1_gg_._theme_primary-success_15rw1_gg_:active{background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_15rw1_gg_._theme_primary-warning_15rw1_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SButton_15rw1_gg_._theme_primary-warning_15rw1_gg_:hover{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}}.___SButton_15rw1_gg_._theme_primary-warning_15rw1_gg_.__active_15rw1_gg_,.___SButton_15rw1_gg_._theme_primary-warning_15rw1_gg_:active{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}.___SButton_15rw1_gg_._theme_primary-danger_15rw1_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_15rw1_gg_._theme_primary-danger_15rw1_gg_:hover{background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_15rw1_gg_._theme_primary-danger_15rw1_gg_.__active_15rw1_gg_,.___SButton_15rw1_gg_._theme_primary-danger_15rw1_gg_:active{background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_15rw1_gg_._theme_primary-invert_15rw1_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_15rw1_gg_._theme_primary-invert_15rw1_gg_:hover{background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_15rw1_gg_._theme_primary-invert_15rw1_gg_.__active_15rw1_gg_,.___SButton_15rw1_gg_._theme_primary-invert_15rw1_gg_:active{background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_15rw1_gg_._theme_secondary-muted_15rw1_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_15rw1_gg_._theme_secondary-muted_15rw1_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_15rw1_gg_._theme_secondary-muted_15rw1_gg_.__active_15rw1_gg_,.___SButton_15rw1_gg_._theme_secondary-muted_15rw1_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_15rw1_gg_._theme_secondary-info_15rw1_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_15rw1_gg_._theme_secondary-info_15rw1_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_15rw1_gg_._theme_secondary-info_15rw1_gg_.__active_15rw1_gg_,.___SButton_15rw1_gg_._theme_secondary-info_15rw1_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_15rw1_gg_._theme_secondary-invert_15rw1_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_15rw1_gg_._theme_secondary-invert_15rw1_gg_:hover{background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_15rw1_gg_._theme_secondary-invert_15rw1_gg_.__active_15rw1_gg_,.___SButton_15rw1_gg_._theme_secondary-invert_15rw1_gg_:active{background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3)\n )}.___SButton_15rw1_gg_._theme_tertiary-info_15rw1_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_15rw1_gg_._theme_tertiary-info_15rw1_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_15rw1_gg_._theme_tertiary-info_15rw1_gg_.__active_15rw1_gg_,.___SButton_15rw1_gg_._theme_tertiary-info_15rw1_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_15rw1_gg_._theme_tertiary-muted_15rw1_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_15rw1_gg_._theme_tertiary-muted_15rw1_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_15rw1_gg_._theme_tertiary-muted_15rw1_gg_.__active_15rw1_gg_,.___SButton_15rw1_gg_._theme_tertiary-muted_15rw1_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_15rw1_gg_._theme_tertiary-invert_15rw1_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_15rw1_gg_._theme_tertiary-invert_15rw1_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_15rw1_gg_._theme_tertiary-invert_15rw1_gg_.__active_15rw1_gg_,.___SButton_15rw1_gg_._theme_tertiary-invert_15rw1_gg_:active{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_15rw1_gg_._neighborLocation_right_15rw1_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_15rw1_gg_._neighborLocation_both_15rw1_gg_{border-radius:0;margin-left:-1px}.___SButton_15rw1_gg_._neighborLocation_both_15rw1_gg_._theme_primary-danger_15rw1_gg_,.___SButton_15rw1_gg_._neighborLocation_both_15rw1_gg_._theme_primary-info_15rw1_gg_,.___SButton_15rw1_gg_._neighborLocation_both_15rw1_gg_._theme_primary-success_15rw1_gg_,.___SButton_15rw1_gg_._neighborLocation_both_15rw1_gg_._theme_primary-warning_15rw1_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_15rw1_gg_._neighborLocation_both_15rw1_gg_._theme_primary-invert_15rw1_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SButton_15rw1_gg_._neighborLocation_left_15rw1_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_15rw1_gg_._neighborLocation_left_15rw1_gg_._theme_primary-danger_15rw1_gg_,.___SButton_15rw1_gg_._neighborLocation_left_15rw1_gg_._theme_primary-info_15rw1_gg_,.___SButton_15rw1_gg_._neighborLocation_left_15rw1_gg_._theme_primary-success_15rw1_gg_,.___SButton_15rw1_gg_._neighborLocation_left_15rw1_gg_._theme_primary-warning_15rw1_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_15rw1_gg_._neighborLocation_left_15rw1_gg_._theme_primary-invert_15rw1_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SSpin_15rw1_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_15rw1_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_15rw1_gg_.__loading_15rw1_gg_{visibility:hidden}.___SText_15rw1_gg_{display:inline-flex}.___SText_15rw1_gg_._size_m_15rw1_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_15rw1_gg_._size_l_15rw1_gg_{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);line-height:var(--intergalactic-lh-300, 150%)}.___SAddon_15rw1_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_15rw1_gg_._size_m_15rw1_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_15rw1_gg_._size_m_15rw1_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_15rw1_gg_._size_l_15rw1_gg_:only-child,.___SAddon_15rw1_gg_._size_m_15rw1_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SAddon_15rw1_gg_._size_l_15rw1_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_15rw1_gg_._size_l_15rw1_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "15rw1_gg_") /*__reshadow_css_end__*/, {
27
- "__SButton": "___SButton_15rw1_gg_",
28
- "_disabled": "__disabled_15rw1_gg_",
29
- "_keyboardFocused": "__keyboardFocused_15rw1_gg_",
30
- "_size_m": "_size_m_15rw1_gg_",
31
- "_size_l": "_size_l_15rw1_gg_",
32
- "_theme_primary-info": "_theme_primary-info_15rw1_gg_",
33
- "_active": "__active_15rw1_gg_",
34
- "_theme_primary-success": "_theme_primary-success_15rw1_gg_",
35
- "_theme_primary-warning": "_theme_primary-warning_15rw1_gg_",
36
- "_theme_primary-danger": "_theme_primary-danger_15rw1_gg_",
37
- "_theme_primary-invert": "_theme_primary-invert_15rw1_gg_",
38
- "_theme_secondary-muted": "_theme_secondary-muted_15rw1_gg_",
39
- "_theme_secondary-info": "_theme_secondary-info_15rw1_gg_",
40
- "_theme_secondary-invert": "_theme_secondary-invert_15rw1_gg_",
41
- "_theme_tertiary-info": "_theme_tertiary-info_15rw1_gg_",
42
- "_theme_tertiary-muted": "_theme_tertiary-muted_15rw1_gg_",
43
- "_theme_tertiary-invert": "_theme_tertiary-invert_15rw1_gg_",
44
- "_neighborLocation_right": "_neighborLocation_right_15rw1_gg_",
45
- "_neighborLocation_both": "_neighborLocation_both_15rw1_gg_",
46
- "_neighborLocation_left": "_neighborLocation_left_15rw1_gg_",
47
- "__SSpin": "___SSpin_15rw1_gg_",
48
- "__SInner": "___SInner_15rw1_gg_",
49
- "_loading": "__loading_15rw1_gg_",
50
- "__SText": "___SText_15rw1_gg_",
51
- "__SAddon": "___SAddon_15rw1_gg_"
26
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButton_13mhz_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_13mhz_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_13mhz_gg_:active,.___SButton_13mhz_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SButton_13mhz_gg_:hover{outline:0;text-decoration:none}}.___SButton_13mhz_gg_.__disabled_13mhz_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_13mhz_gg_.__keyboardFocused_13mhz_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_13mhz_gg_._size_m_13mhz_gg_{height:28px;min-width:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_13mhz_gg_._size_l_13mhz_gg_{height:40px;min-width:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_13mhz_gg_._theme_primary-info_13mhz_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_13mhz_gg_._theme_primary-info_13mhz_gg_:hover{background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_13mhz_gg_._theme_primary-info_13mhz_gg_.__active_13mhz_gg_,.___SButton_13mhz_gg_._theme_primary-info_13mhz_gg_:active{background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_13mhz_gg_._theme_primary-success_13mhz_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_13mhz_gg_._theme_primary-success_13mhz_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_13mhz_gg_._theme_primary-success_13mhz_gg_.__active_13mhz_gg_,.___SButton_13mhz_gg_._theme_primary-success_13mhz_gg_:active{background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_13mhz_gg_._theme_primary-warning_13mhz_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SButton_13mhz_gg_._theme_primary-warning_13mhz_gg_:hover{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}}.___SButton_13mhz_gg_._theme_primary-warning_13mhz_gg_.__active_13mhz_gg_,.___SButton_13mhz_gg_._theme_primary-warning_13mhz_gg_:active{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}.___SButton_13mhz_gg_._theme_primary-danger_13mhz_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_13mhz_gg_._theme_primary-danger_13mhz_gg_:hover{background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_13mhz_gg_._theme_primary-danger_13mhz_gg_.__active_13mhz_gg_,.___SButton_13mhz_gg_._theme_primary-danger_13mhz_gg_:active{background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_13mhz_gg_._theme_primary-invert_13mhz_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_13mhz_gg_._theme_primary-invert_13mhz_gg_:hover{background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_13mhz_gg_._theme_primary-invert_13mhz_gg_.__active_13mhz_gg_,.___SButton_13mhz_gg_._theme_primary-invert_13mhz_gg_:active{background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_13mhz_gg_._theme_secondary-muted_13mhz_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_13mhz_gg_._theme_secondary-muted_13mhz_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_13mhz_gg_._theme_secondary-muted_13mhz_gg_.__active_13mhz_gg_,.___SButton_13mhz_gg_._theme_secondary-muted_13mhz_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_13mhz_gg_._theme_secondary-info_13mhz_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_13mhz_gg_._theme_secondary-info_13mhz_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_13mhz_gg_._theme_secondary-info_13mhz_gg_.__active_13mhz_gg_,.___SButton_13mhz_gg_._theme_secondary-info_13mhz_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_13mhz_gg_._theme_secondary-invert_13mhz_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_13mhz_gg_._theme_secondary-invert_13mhz_gg_:hover{background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_13mhz_gg_._theme_secondary-invert_13mhz_gg_.__active_13mhz_gg_,.___SButton_13mhz_gg_._theme_secondary-invert_13mhz_gg_:active{background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3)\n )}.___SButton_13mhz_gg_._theme_tertiary-info_13mhz_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_13mhz_gg_._theme_tertiary-info_13mhz_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_13mhz_gg_._theme_tertiary-info_13mhz_gg_.__active_13mhz_gg_,.___SButton_13mhz_gg_._theme_tertiary-info_13mhz_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_13mhz_gg_._theme_tertiary-muted_13mhz_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_13mhz_gg_._theme_tertiary-muted_13mhz_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_13mhz_gg_._theme_tertiary-muted_13mhz_gg_.__active_13mhz_gg_,.___SButton_13mhz_gg_._theme_tertiary-muted_13mhz_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_13mhz_gg_._theme_tertiary-invert_13mhz_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_13mhz_gg_._theme_tertiary-invert_13mhz_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_13mhz_gg_._theme_tertiary-invert_13mhz_gg_.__active_13mhz_gg_,.___SButton_13mhz_gg_._theme_tertiary-invert_13mhz_gg_:active{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_13mhz_gg_._neighborLocation_right_13mhz_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_13mhz_gg_._neighborLocation_both_13mhz_gg_{border-radius:0;margin-left:-1px}.___SButton_13mhz_gg_._neighborLocation_both_13mhz_gg_._theme_primary-danger_13mhz_gg_,.___SButton_13mhz_gg_._neighborLocation_both_13mhz_gg_._theme_primary-info_13mhz_gg_,.___SButton_13mhz_gg_._neighborLocation_both_13mhz_gg_._theme_primary-success_13mhz_gg_,.___SButton_13mhz_gg_._neighborLocation_both_13mhz_gg_._theme_primary-warning_13mhz_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_13mhz_gg_._neighborLocation_both_13mhz_gg_._theme_primary-invert_13mhz_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SButton_13mhz_gg_._neighborLocation_left_13mhz_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_13mhz_gg_._neighborLocation_left_13mhz_gg_._theme_primary-danger_13mhz_gg_,.___SButton_13mhz_gg_._neighborLocation_left_13mhz_gg_._theme_primary-info_13mhz_gg_,.___SButton_13mhz_gg_._neighborLocation_left_13mhz_gg_._theme_primary-success_13mhz_gg_,.___SButton_13mhz_gg_._neighborLocation_left_13mhz_gg_._theme_primary-warning_13mhz_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_13mhz_gg_._neighborLocation_left_13mhz_gg_._theme_primary-invert_13mhz_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SSpin_13mhz_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_13mhz_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_13mhz_gg_.__loading_13mhz_gg_{visibility:hidden}.___SText_13mhz_gg_{display:inline-flex}.___SText_13mhz_gg_._size_m_13mhz_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_13mhz_gg_._size_l_13mhz_gg_{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);line-height:var(--intergalactic-lh-300, 150%)}.___SAddon_13mhz_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_13mhz_gg_._size_m_13mhz_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_13mhz_gg_._size_m_13mhz_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_13mhz_gg_._size_l_13mhz_gg_:only-child,.___SAddon_13mhz_gg_._size_m_13mhz_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SAddon_13mhz_gg_._size_l_13mhz_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_13mhz_gg_._size_l_13mhz_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "13mhz_gg_") /*__reshadow_css_end__*/, {
27
+ "__SButton": "___SButton_13mhz_gg_",
28
+ "_disabled": "__disabled_13mhz_gg_",
29
+ "_keyboardFocused": "__keyboardFocused_13mhz_gg_",
30
+ "_size_m": "_size_m_13mhz_gg_",
31
+ "_size_l": "_size_l_13mhz_gg_",
32
+ "_theme_primary-info": "_theme_primary-info_13mhz_gg_",
33
+ "_active": "__active_13mhz_gg_",
34
+ "_theme_primary-success": "_theme_primary-success_13mhz_gg_",
35
+ "_theme_primary-warning": "_theme_primary-warning_13mhz_gg_",
36
+ "_theme_primary-danger": "_theme_primary-danger_13mhz_gg_",
37
+ "_theme_primary-invert": "_theme_primary-invert_13mhz_gg_",
38
+ "_theme_secondary-muted": "_theme_secondary-muted_13mhz_gg_",
39
+ "_theme_secondary-info": "_theme_secondary-info_13mhz_gg_",
40
+ "_theme_secondary-invert": "_theme_secondary-invert_13mhz_gg_",
41
+ "_theme_tertiary-info": "_theme_tertiary-info_13mhz_gg_",
42
+ "_theme_tertiary-muted": "_theme_tertiary-muted_13mhz_gg_",
43
+ "_theme_tertiary-invert": "_theme_tertiary-invert_13mhz_gg_",
44
+ "_neighborLocation_right": "_neighborLocation_right_13mhz_gg_",
45
+ "_neighborLocation_both": "_neighborLocation_both_13mhz_gg_",
46
+ "_neighborLocation_left": "_neighborLocation_left_13mhz_gg_",
47
+ "__SSpin": "___SSpin_13mhz_gg_",
48
+ "__SInner": "___SInner_13mhz_gg_",
49
+ "_loading": "__loading_13mhz_gg_",
50
+ "__SText": "___SText_13mhz_gg_",
51
+ "__SAddon": "___SAddon_13mhz_gg_"
52
52
  });
53
53
  var MAP_USE_DEFAULT_THEME = {
54
54
  primary: 'info',
package/lib/cjs/index.d.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { CProps, PropGetterFn, ReturnEl } from '@semcore/core';\nimport { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { IBoxProps } from '@semcore/flex-box';\nimport { INeighborItemProps } from '@semcore/neighbor-location';\n\nexport type ButtonSize = 'l' | 'm';\n\nexport interface IButtonProps extends IBoxProps, INeighborItemProps, IKeyboardFocusProps {\n /**\n * Button type\n * @default secondary\n */\n use?: 'primary' | 'secondary' | 'tertiary';\n /** Button theme */\n theme?: 'info' | 'success' | 'warning' | 'danger' | 'muted' | 'invert';\n /** Button activity state */\n active?: boolean;\n /**\n * Button size\n * @default m\n */\n size?: ButtonSize;\n /** Disabled button state */\n disabled?: boolean;\n /** Loading button state */\n loading?: boolean;\n /** Tag for the left Addon */\n addonLeft?: React.ElementType;\n /** Tag for the right Addon */\n addonRight?: React.ElementType;\n}\n\nexport interface IButtonTextProps extends IBoxProps {\n size?: ButtonSize;\n}\n\nexport interface IButtonAddonProps extends IBoxProps {\n size?: ButtonSize;\n}\n\nexport interface IButtonContext {\n getTextProps: PropGetterFn;\n getAddonProps: PropGetterFn;\n}\n\ndeclare const Button: (<T>(props: CProps<IButtonProps & T, IButtonContext>) => ReturnEl) & {\n Text: <T>(props: IButtonTextProps & T) => ReturnEl;\n Addon: <T>(props: IButtonAddonProps & T) => ReturnEl;\n};\n\nexport default Button;\n"],"mappings":""}
1
+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { BoxProps } from '@semcore/flex-box';\nimport { INeighborItemProps } from '@semcore/neighbor-location';\n\nexport type ButtonSize = 'l' | 'm';\n\n/** @deprecated */\nexport interface IButtonProps extends ButtonProps, UnknownProperties {}\nexport type ButtonProps = BoxProps &\n INeighborItemProps &\n KeyboardFocusProps & {\n /**\n * Button type\n * @default secondary\n */\n use?: 'primary' | 'secondary' | 'tertiary';\n /** Button theme */\n theme?: 'info' | 'success' | 'warning' | 'danger' | 'muted' | 'invert';\n /** Button activity state */\n active?: boolean;\n /**\n * Button size\n * @default m\n */\n size?: ButtonSize;\n /** Disabled button state */\n disabled?: boolean;\n /** Loading button state */\n loading?: boolean;\n /** Tag for the left Addon */\n addonLeft?: React.ElementType;\n /** Tag for the right Addon */\n addonRight?: React.ElementType;\n };\n\n/** @deprecated */\nexport interface IButtonTextProps extends ButtonTextProps, UnknownProperties {}\nexport type ButtonTextProps = BoxProps & {\n size?: ButtonSize;\n};\n\n/** @deprecated */\nexport interface IButtonAddonProps extends ButtonAddonProps, UnknownProperties {}\nexport type ButtonAddonProps = BoxProps & {\n size?: ButtonSize;\n};\n\n/** @deprecated */\nexport interface IButtonContext extends ButtonContext, UnknownProperties {}\nexport type ButtonContext = {\n getTextProps: PropGetterFn;\n getAddonProps: PropGetterFn;\n};\n\ndeclare const Button: Intergalactic.Component<'button', ButtonProps, ButtonContext> & {\n Text: Intergalactic.Component<'span', ButtonTextProps>;\n Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n\nexport default Button;\n"],"mappings":""}
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_15rw1_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_15rw1_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_15rw1_gg_:active,.___SButton_15rw1_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SButton_15rw1_gg_:hover{outline:0;text-decoration:none}}.___SButton_15rw1_gg_.__disabled_15rw1_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_15rw1_gg_.__keyboardFocused_15rw1_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_15rw1_gg_._size_m_15rw1_gg_{height:28px;min-width:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_15rw1_gg_._size_l_15rw1_gg_{height:40px;min-width:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_15rw1_gg_._theme_primary-info_15rw1_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_15rw1_gg_._theme_primary-info_15rw1_gg_:hover{background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_15rw1_gg_._theme_primary-info_15rw1_gg_.__active_15rw1_gg_,.___SButton_15rw1_gg_._theme_primary-info_15rw1_gg_:active{background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_15rw1_gg_._theme_primary-success_15rw1_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_15rw1_gg_._theme_primary-success_15rw1_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_15rw1_gg_._theme_primary-success_15rw1_gg_.__active_15rw1_gg_,.___SButton_15rw1_gg_._theme_primary-success_15rw1_gg_:active{background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_15rw1_gg_._theme_primary-warning_15rw1_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SButton_15rw1_gg_._theme_primary-warning_15rw1_gg_:hover{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}}.___SButton_15rw1_gg_._theme_primary-warning_15rw1_gg_.__active_15rw1_gg_,.___SButton_15rw1_gg_._theme_primary-warning_15rw1_gg_:active{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}.___SButton_15rw1_gg_._theme_primary-danger_15rw1_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_15rw1_gg_._theme_primary-danger_15rw1_gg_:hover{background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_15rw1_gg_._theme_primary-danger_15rw1_gg_.__active_15rw1_gg_,.___SButton_15rw1_gg_._theme_primary-danger_15rw1_gg_:active{background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_15rw1_gg_._theme_primary-invert_15rw1_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_15rw1_gg_._theme_primary-invert_15rw1_gg_:hover{background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_15rw1_gg_._theme_primary-invert_15rw1_gg_.__active_15rw1_gg_,.___SButton_15rw1_gg_._theme_primary-invert_15rw1_gg_:active{background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_15rw1_gg_._theme_secondary-muted_15rw1_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_15rw1_gg_._theme_secondary-muted_15rw1_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_15rw1_gg_._theme_secondary-muted_15rw1_gg_.__active_15rw1_gg_,.___SButton_15rw1_gg_._theme_secondary-muted_15rw1_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_15rw1_gg_._theme_secondary-info_15rw1_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_15rw1_gg_._theme_secondary-info_15rw1_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_15rw1_gg_._theme_secondary-info_15rw1_gg_.__active_15rw1_gg_,.___SButton_15rw1_gg_._theme_secondary-info_15rw1_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_15rw1_gg_._theme_secondary-invert_15rw1_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_15rw1_gg_._theme_secondary-invert_15rw1_gg_:hover{background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_15rw1_gg_._theme_secondary-invert_15rw1_gg_.__active_15rw1_gg_,.___SButton_15rw1_gg_._theme_secondary-invert_15rw1_gg_:active{background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3)\n )}.___SButton_15rw1_gg_._theme_tertiary-info_15rw1_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_15rw1_gg_._theme_tertiary-info_15rw1_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_15rw1_gg_._theme_tertiary-info_15rw1_gg_.__active_15rw1_gg_,.___SButton_15rw1_gg_._theme_tertiary-info_15rw1_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_15rw1_gg_._theme_tertiary-muted_15rw1_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_15rw1_gg_._theme_tertiary-muted_15rw1_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_15rw1_gg_._theme_tertiary-muted_15rw1_gg_.__active_15rw1_gg_,.___SButton_15rw1_gg_._theme_tertiary-muted_15rw1_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_15rw1_gg_._theme_tertiary-invert_15rw1_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_15rw1_gg_._theme_tertiary-invert_15rw1_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_15rw1_gg_._theme_tertiary-invert_15rw1_gg_.__active_15rw1_gg_,.___SButton_15rw1_gg_._theme_tertiary-invert_15rw1_gg_:active{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_15rw1_gg_._neighborLocation_right_15rw1_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_15rw1_gg_._neighborLocation_both_15rw1_gg_{border-radius:0;margin-left:-1px}.___SButton_15rw1_gg_._neighborLocation_both_15rw1_gg_._theme_primary-danger_15rw1_gg_,.___SButton_15rw1_gg_._neighborLocation_both_15rw1_gg_._theme_primary-info_15rw1_gg_,.___SButton_15rw1_gg_._neighborLocation_both_15rw1_gg_._theme_primary-success_15rw1_gg_,.___SButton_15rw1_gg_._neighborLocation_both_15rw1_gg_._theme_primary-warning_15rw1_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_15rw1_gg_._neighborLocation_both_15rw1_gg_._theme_primary-invert_15rw1_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SButton_15rw1_gg_._neighborLocation_left_15rw1_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_15rw1_gg_._neighborLocation_left_15rw1_gg_._theme_primary-danger_15rw1_gg_,.___SButton_15rw1_gg_._neighborLocation_left_15rw1_gg_._theme_primary-info_15rw1_gg_,.___SButton_15rw1_gg_._neighborLocation_left_15rw1_gg_._theme_primary-success_15rw1_gg_,.___SButton_15rw1_gg_._neighborLocation_left_15rw1_gg_._theme_primary-warning_15rw1_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_15rw1_gg_._neighborLocation_left_15rw1_gg_._theme_primary-invert_15rw1_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SSpin_15rw1_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_15rw1_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_15rw1_gg_.__loading_15rw1_gg_{visibility:hidden}.___SText_15rw1_gg_{display:inline-flex}.___SText_15rw1_gg_._size_m_15rw1_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_15rw1_gg_._size_l_15rw1_gg_{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);line-height:var(--intergalactic-lh-300, 150%)}.___SAddon_15rw1_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_15rw1_gg_._size_m_15rw1_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_15rw1_gg_._size_m_15rw1_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_15rw1_gg_._size_l_15rw1_gg_:only-child,.___SAddon_15rw1_gg_._size_m_15rw1_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SAddon_15rw1_gg_._size_l_15rw1_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_15rw1_gg_._size_l_15rw1_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "15rw1_gg_") /*__reshadow_css_end__*/, {
22
- "__SButton": "___SButton_15rw1_gg_",
23
- "_disabled": "__disabled_15rw1_gg_",
24
- "_keyboardFocused": "__keyboardFocused_15rw1_gg_",
25
- "_size_m": "_size_m_15rw1_gg_",
26
- "_size_l": "_size_l_15rw1_gg_",
27
- "_theme_primary-info": "_theme_primary-info_15rw1_gg_",
28
- "_active": "__active_15rw1_gg_",
29
- "_theme_primary-success": "_theme_primary-success_15rw1_gg_",
30
- "_theme_primary-warning": "_theme_primary-warning_15rw1_gg_",
31
- "_theme_primary-danger": "_theme_primary-danger_15rw1_gg_",
32
- "_theme_primary-invert": "_theme_primary-invert_15rw1_gg_",
33
- "_theme_secondary-muted": "_theme_secondary-muted_15rw1_gg_",
34
- "_theme_secondary-info": "_theme_secondary-info_15rw1_gg_",
35
- "_theme_secondary-invert": "_theme_secondary-invert_15rw1_gg_",
36
- "_theme_tertiary-info": "_theme_tertiary-info_15rw1_gg_",
37
- "_theme_tertiary-muted": "_theme_tertiary-muted_15rw1_gg_",
38
- "_theme_tertiary-invert": "_theme_tertiary-invert_15rw1_gg_",
39
- "_neighborLocation_right": "_neighborLocation_right_15rw1_gg_",
40
- "_neighborLocation_both": "_neighborLocation_both_15rw1_gg_",
41
- "_neighborLocation_left": "_neighborLocation_left_15rw1_gg_",
42
- "__SSpin": "___SSpin_15rw1_gg_",
43
- "__SInner": "___SInner_15rw1_gg_",
44
- "_loading": "__loading_15rw1_gg_",
45
- "__SText": "___SText_15rw1_gg_",
46
- "__SAddon": "___SAddon_15rw1_gg_"
21
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_13mhz_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_13mhz_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_13mhz_gg_:active,.___SButton_13mhz_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SButton_13mhz_gg_:hover{outline:0;text-decoration:none}}.___SButton_13mhz_gg_.__disabled_13mhz_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_13mhz_gg_.__keyboardFocused_13mhz_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_13mhz_gg_._size_m_13mhz_gg_{height:28px;min-width:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_13mhz_gg_._size_l_13mhz_gg_{height:40px;min-width:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_13mhz_gg_._theme_primary-info_13mhz_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_13mhz_gg_._theme_primary-info_13mhz_gg_:hover{background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_13mhz_gg_._theme_primary-info_13mhz_gg_.__active_13mhz_gg_,.___SButton_13mhz_gg_._theme_primary-info_13mhz_gg_:active{background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_13mhz_gg_._theme_primary-success_13mhz_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_13mhz_gg_._theme_primary-success_13mhz_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_13mhz_gg_._theme_primary-success_13mhz_gg_.__active_13mhz_gg_,.___SButton_13mhz_gg_._theme_primary-success_13mhz_gg_:active{background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_13mhz_gg_._theme_primary-warning_13mhz_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SButton_13mhz_gg_._theme_primary-warning_13mhz_gg_:hover{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}}.___SButton_13mhz_gg_._theme_primary-warning_13mhz_gg_.__active_13mhz_gg_,.___SButton_13mhz_gg_._theme_primary-warning_13mhz_gg_:active{background-color:var(--intergalactic-icon-primary-warning-hover-active, #c33909)}.___SButton_13mhz_gg_._theme_primary-danger_13mhz_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_13mhz_gg_._theme_primary-danger_13mhz_gg_:hover{background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_13mhz_gg_._theme_primary-danger_13mhz_gg_.__active_13mhz_gg_,.___SButton_13mhz_gg_._theme_primary-danger_13mhz_gg_:active{background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_13mhz_gg_._theme_primary-invert_13mhz_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_13mhz_gg_._theme_primary-invert_13mhz_gg_:hover{background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_13mhz_gg_._theme_primary-invert_13mhz_gg_.__active_13mhz_gg_,.___SButton_13mhz_gg_._theme_primary-invert_13mhz_gg_:active{background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_13mhz_gg_._theme_secondary-muted_13mhz_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_13mhz_gg_._theme_secondary-muted_13mhz_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_13mhz_gg_._theme_secondary-muted_13mhz_gg_.__active_13mhz_gg_,.___SButton_13mhz_gg_._theme_secondary-muted_13mhz_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_13mhz_gg_._theme_secondary-info_13mhz_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_13mhz_gg_._theme_secondary-info_13mhz_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_13mhz_gg_._theme_secondary-info_13mhz_gg_.__active_13mhz_gg_,.___SButton_13mhz_gg_._theme_secondary-info_13mhz_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_13mhz_gg_._theme_secondary-invert_13mhz_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_13mhz_gg_._theme_secondary-invert_13mhz_gg_:hover{background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_13mhz_gg_._theme_secondary-invert_13mhz_gg_.__active_13mhz_gg_,.___SButton_13mhz_gg_._theme_secondary-invert_13mhz_gg_:active{background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3)\n )}.___SButton_13mhz_gg_._theme_tertiary-info_13mhz_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_13mhz_gg_._theme_tertiary-info_13mhz_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_13mhz_gg_._theme_tertiary-info_13mhz_gg_.__active_13mhz_gg_,.___SButton_13mhz_gg_._theme_tertiary-info_13mhz_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_13mhz_gg_._theme_tertiary-muted_13mhz_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_13mhz_gg_._theme_tertiary-muted_13mhz_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_13mhz_gg_._theme_tertiary-muted_13mhz_gg_.__active_13mhz_gg_,.___SButton_13mhz_gg_._theme_tertiary-muted_13mhz_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_13mhz_gg_._theme_tertiary-invert_13mhz_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_13mhz_gg_._theme_tertiary-invert_13mhz_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_13mhz_gg_._theme_tertiary-invert_13mhz_gg_.__active_13mhz_gg_,.___SButton_13mhz_gg_._theme_tertiary-invert_13mhz_gg_:active{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_13mhz_gg_._neighborLocation_right_13mhz_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_13mhz_gg_._neighborLocation_both_13mhz_gg_{border-radius:0;margin-left:-1px}.___SButton_13mhz_gg_._neighborLocation_both_13mhz_gg_._theme_primary-danger_13mhz_gg_,.___SButton_13mhz_gg_._neighborLocation_both_13mhz_gg_._theme_primary-info_13mhz_gg_,.___SButton_13mhz_gg_._neighborLocation_both_13mhz_gg_._theme_primary-success_13mhz_gg_,.___SButton_13mhz_gg_._neighborLocation_both_13mhz_gg_._theme_primary-warning_13mhz_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_13mhz_gg_._neighborLocation_both_13mhz_gg_._theme_primary-invert_13mhz_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SButton_13mhz_gg_._neighborLocation_left_13mhz_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_13mhz_gg_._neighborLocation_left_13mhz_gg_._theme_primary-danger_13mhz_gg_,.___SButton_13mhz_gg_._neighborLocation_left_13mhz_gg_._theme_primary-info_13mhz_gg_,.___SButton_13mhz_gg_._neighborLocation_left_13mhz_gg_._theme_primary-success_13mhz_gg_,.___SButton_13mhz_gg_._neighborLocation_left_13mhz_gg_._theme_primary-warning_13mhz_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_13mhz_gg_._neighborLocation_left_13mhz_gg_._theme_primary-invert_13mhz_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SSpin_13mhz_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_13mhz_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_13mhz_gg_.__loading_13mhz_gg_{visibility:hidden}.___SText_13mhz_gg_{display:inline-flex}.___SText_13mhz_gg_._size_m_13mhz_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_13mhz_gg_._size_l_13mhz_gg_{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);line-height:var(--intergalactic-lh-300, 150%)}.___SAddon_13mhz_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_13mhz_gg_._size_m_13mhz_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_13mhz_gg_._size_m_13mhz_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_13mhz_gg_._size_l_13mhz_gg_:only-child,.___SAddon_13mhz_gg_._size_m_13mhz_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SAddon_13mhz_gg_._size_l_13mhz_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_13mhz_gg_._size_l_13mhz_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "13mhz_gg_") /*__reshadow_css_end__*/, {
22
+ "__SButton": "___SButton_13mhz_gg_",
23
+ "_disabled": "__disabled_13mhz_gg_",
24
+ "_keyboardFocused": "__keyboardFocused_13mhz_gg_",
25
+ "_size_m": "_size_m_13mhz_gg_",
26
+ "_size_l": "_size_l_13mhz_gg_",
27
+ "_theme_primary-info": "_theme_primary-info_13mhz_gg_",
28
+ "_active": "__active_13mhz_gg_",
29
+ "_theme_primary-success": "_theme_primary-success_13mhz_gg_",
30
+ "_theme_primary-warning": "_theme_primary-warning_13mhz_gg_",
31
+ "_theme_primary-danger": "_theme_primary-danger_13mhz_gg_",
32
+ "_theme_primary-invert": "_theme_primary-invert_13mhz_gg_",
33
+ "_theme_secondary-muted": "_theme_secondary-muted_13mhz_gg_",
34
+ "_theme_secondary-info": "_theme_secondary-info_13mhz_gg_",
35
+ "_theme_secondary-invert": "_theme_secondary-invert_13mhz_gg_",
36
+ "_theme_tertiary-info": "_theme_tertiary-info_13mhz_gg_",
37
+ "_theme_tertiary-muted": "_theme_tertiary-muted_13mhz_gg_",
38
+ "_theme_tertiary-invert": "_theme_tertiary-invert_13mhz_gg_",
39
+ "_neighborLocation_right": "_neighborLocation_right_13mhz_gg_",
40
+ "_neighborLocation_both": "_neighborLocation_both_13mhz_gg_",
41
+ "_neighborLocation_left": "_neighborLocation_left_13mhz_gg_",
42
+ "__SSpin": "___SSpin_13mhz_gg_",
43
+ "__SInner": "___SInner_13mhz_gg_",
44
+ "_loading": "__loading_13mhz_gg_",
45
+ "__SText": "___SText_13mhz_gg_",
46
+ "__SAddon": "___SAddon_13mhz_gg_"
47
47
  });
48
48
  import hasLabels from '@semcore/utils/lib/hasLabels';
49
49
  export var MAP_USE_DEFAULT_THEME = {
package/lib/es6/index.d.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { CProps, PropGetterFn, ReturnEl } from '@semcore/core';\nimport { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { IBoxProps } from '@semcore/flex-box';\nimport { INeighborItemProps } from '@semcore/neighbor-location';\n\nexport type ButtonSize = 'l' | 'm';\n\nexport interface IButtonProps extends IBoxProps, INeighborItemProps, IKeyboardFocusProps {\n /**\n * Button type\n * @default secondary\n */\n use?: 'primary' | 'secondary' | 'tertiary';\n /** Button theme */\n theme?: 'info' | 'success' | 'warning' | 'danger' | 'muted' | 'invert';\n /** Button activity state */\n active?: boolean;\n /**\n * Button size\n * @default m\n */\n size?: ButtonSize;\n /** Disabled button state */\n disabled?: boolean;\n /** Loading button state */\n loading?: boolean;\n /** Tag for the left Addon */\n addonLeft?: React.ElementType;\n /** Tag for the right Addon */\n addonRight?: React.ElementType;\n}\n\nexport interface IButtonTextProps extends IBoxProps {\n size?: ButtonSize;\n}\n\nexport interface IButtonAddonProps extends IBoxProps {\n size?: ButtonSize;\n}\n\nexport interface IButtonContext {\n getTextProps: PropGetterFn;\n getAddonProps: PropGetterFn;\n}\n\ndeclare const Button: (<T>(props: CProps<IButtonProps & T, IButtonContext>) => ReturnEl) & {\n Text: <T>(props: IButtonTextProps & T) => ReturnEl;\n Addon: <T>(props: IButtonAddonProps & T) => ReturnEl;\n};\n\nexport default Button;\n"],"mappings":""}
1
+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { BoxProps } from '@semcore/flex-box';\nimport { INeighborItemProps } from '@semcore/neighbor-location';\n\nexport type ButtonSize = 'l' | 'm';\n\n/** @deprecated */\nexport interface IButtonProps extends ButtonProps, UnknownProperties {}\nexport type ButtonProps = BoxProps &\n INeighborItemProps &\n KeyboardFocusProps & {\n /**\n * Button type\n * @default secondary\n */\n use?: 'primary' | 'secondary' | 'tertiary';\n /** Button theme */\n theme?: 'info' | 'success' | 'warning' | 'danger' | 'muted' | 'invert';\n /** Button activity state */\n active?: boolean;\n /**\n * Button size\n * @default m\n */\n size?: ButtonSize;\n /** Disabled button state */\n disabled?: boolean;\n /** Loading button state */\n loading?: boolean;\n /** Tag for the left Addon */\n addonLeft?: React.ElementType;\n /** Tag for the right Addon */\n addonRight?: React.ElementType;\n };\n\n/** @deprecated */\nexport interface IButtonTextProps extends ButtonTextProps, UnknownProperties {}\nexport type ButtonTextProps = BoxProps & {\n size?: ButtonSize;\n};\n\n/** @deprecated */\nexport interface IButtonAddonProps extends ButtonAddonProps, UnknownProperties {}\nexport type ButtonAddonProps = BoxProps & {\n size?: ButtonSize;\n};\n\n/** @deprecated */\nexport interface IButtonContext extends ButtonContext, UnknownProperties {}\nexport type ButtonContext = {\n getTextProps: PropGetterFn;\n getAddonProps: PropGetterFn;\n};\n\ndeclare const Button: Intergalactic.Component<'button', ButtonProps, ButtonContext> & {\n Text: Intergalactic.Component<'span', ButtonTextProps>;\n Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n\nexport default Button;\n"],"mappings":""}
package/lib/types/index.d.ts CHANGED
@@ -1,52 +1,62 @@
1
1
  import React from 'react';
2
- import { CProps, PropGetterFn, ReturnEl } from '@semcore/core';
3
- import { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
4
- import { IBoxProps } from '@semcore/flex-box';
2
+ import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
3
+ import { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
4
+ import { BoxProps } from '@semcore/flex-box';
5
5
  import { INeighborItemProps } from '@semcore/neighbor-location';
6
6
 
7
7
  export type ButtonSize = 'l' | 'm';
8
8
 
9
- export interface IButtonProps extends IBoxProps, INeighborItemProps, IKeyboardFocusProps {
10
- /**
11
- * Button type
12
- * @default secondary
13
- */
14
- use?: 'primary' | 'secondary' | 'tertiary';
15
- /** Button theme */
16
- theme?: 'info' | 'success' | 'warning' | 'danger' | 'muted' | 'invert';
17
- /** Button activity state */
18
- active?: boolean;
19
- /**
20
- * Button size
21
- * @default m
22
- */
23
- size?: ButtonSize;
24
- /** Disabled button state */
25
- disabled?: boolean;
26
- /** Loading button state */
27
- loading?: boolean;
28
- /** Tag for the left Addon */
29
- addonLeft?: React.ElementType;
30
- /** Tag for the right Addon */
31
- addonRight?: React.ElementType;
32
- }
9
+ /** @deprecated */
10
+ export interface IButtonProps extends ButtonProps, UnknownProperties {}
11
+ export type ButtonProps = BoxProps &
12
+ INeighborItemProps &
13
+ KeyboardFocusProps & {
14
+ /**
15
+ * Button type
16
+ * @default secondary
17
+ */
18
+ use?: 'primary' | 'secondary' | 'tertiary';
19
+ /** Button theme */
20
+ theme?: 'info' | 'success' | 'warning' | 'danger' | 'muted' | 'invert';
21
+ /** Button activity state */
22
+ active?: boolean;
23
+ /**
24
+ * Button size
25
+ * @default m
26
+ */
27
+ size?: ButtonSize;
28
+ /** Disabled button state */
29
+ disabled?: boolean;
30
+ /** Loading button state */
31
+ loading?: boolean;
32
+ /** Tag for the left Addon */
33
+ addonLeft?: React.ElementType;
34
+ /** Tag for the right Addon */
35
+ addonRight?: React.ElementType;
36
+ };
33
37
 
34
- export interface IButtonTextProps extends IBoxProps {
38
+ /** @deprecated */
39
+ export interface IButtonTextProps extends ButtonTextProps, UnknownProperties {}
40
+ export type ButtonTextProps = BoxProps & {
35
41
  size?: ButtonSize;
36
- }
42
+ };
37
43
 
38
- export interface IButtonAddonProps extends IBoxProps {
44
+ /** @deprecated */
45
+ export interface IButtonAddonProps extends ButtonAddonProps, UnknownProperties {}
46
+ export type ButtonAddonProps = BoxProps & {
39
47
  size?: ButtonSize;
40
- }
48
+ };
41
49
 
42
- export interface IButtonContext {
50
+ /** @deprecated */
51
+ export interface IButtonContext extends ButtonContext, UnknownProperties {}
52
+ export type ButtonContext = {
43
53
  getTextProps: PropGetterFn;
44
54
  getAddonProps: PropGetterFn;
45
- }
55
+ };
46
56
 
47
- declare const Button: (<T>(props: CProps<IButtonProps & T, IButtonContext>) => ReturnEl) & {
48
- Text: <T>(props: IButtonTextProps & T) => ReturnEl;
49
- Addon: <T>(props: IButtonAddonProps & T) => ReturnEl;
57
+ declare const Button: Intergalactic.Component<'button', ButtonProps, ButtonContext> & {
58
+ Text: Intergalactic.Component<'span', ButtonTextProps>;
59
+ Addon: Intergalactic.Component<'span', ButtonAddonProps>;
50
60
  };
51
61
 
52
62
  export default Button;
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.9",
4
+ "version": "5.0.0-beta.1",
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": "^4",
13
- "@semcore/neighbor-location": "^3",
14
- "@semcore/spin": "^4",
15
- "@semcore/utils": "^3.40.0"
12
+ "@semcore/flex-box": "5.0.0-beta.1",
13
+ "@semcore/neighbor-location": "4.0.0-beta.1",
14
+ "@semcore/spin": "5.0.0-beta.1",
15
+ "@semcore/utils": "4.0.0-beta.1"
16
16
  },
17
17
  "peerDependencies": {
18
- "@semcore/core": "^1.11",
18
+ "@semcore/core": "2.0.0-beta.1",
19
19
  "react": "16.8 - 18",
20
20
  "react-dom": "16.8 - 18"
21
21
  },
package/src/index.d.ts CHANGED
@@ -1,52 +1,62 @@
1
1
  import React from 'react';
2
- import { CProps, PropGetterFn, ReturnEl } from '@semcore/core';
3
- import { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
4
- import { IBoxProps } from '@semcore/flex-box';
2
+ import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
3
+ import { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
4
+ import { BoxProps } from '@semcore/flex-box';
5
5
  import { INeighborItemProps } from '@semcore/neighbor-location';
6
6
 
7
7
  export type ButtonSize = 'l' | 'm';
8
8
 
9
- export interface IButtonProps extends IBoxProps, INeighborItemProps, IKeyboardFocusProps {
10
- /**
11
- * Button type
12
- * @default secondary
13
- */
14
- use?: 'primary' | 'secondary' | 'tertiary';
15
- /** Button theme */
16
- theme?: 'info' | 'success' | 'warning' | 'danger' | 'muted' | 'invert';
17
- /** Button activity state */
18
- active?: boolean;
19
- /**
20
- * Button size
21
- * @default m
22
- */
23
- size?: ButtonSize;
24
- /** Disabled button state */
25
- disabled?: boolean;
26
- /** Loading button state */
27
- loading?: boolean;
28
- /** Tag for the left Addon */
29
- addonLeft?: React.ElementType;
30
- /** Tag for the right Addon */
31
- addonRight?: React.ElementType;
32
- }
9
+ /** @deprecated */
10
+ export interface IButtonProps extends ButtonProps, UnknownProperties {}
11
+ export type ButtonProps = BoxProps &
12
+ INeighborItemProps &
13
+ KeyboardFocusProps & {
14
+ /**
15
+ * Button type
16
+ * @default secondary
17
+ */
18
+ use?: 'primary' | 'secondary' | 'tertiary';
19
+ /** Button theme */
20
+ theme?: 'info' | 'success' | 'warning' | 'danger' | 'muted' | 'invert';
21
+ /** Button activity state */
22
+ active?: boolean;
23
+ /**
24
+ * Button size
25
+ * @default m
26
+ */
27
+ size?: ButtonSize;
28
+ /** Disabled button state */
29
+ disabled?: boolean;
30
+ /** Loading button state */
31
+ loading?: boolean;
32
+ /** Tag for the left Addon */
33
+ addonLeft?: React.ElementType;
34
+ /** Tag for the right Addon */
35
+ addonRight?: React.ElementType;
36
+ };
33
37
 
34
- export interface IButtonTextProps extends IBoxProps {
38
+ /** @deprecated */
39
+ export interface IButtonTextProps extends ButtonTextProps, UnknownProperties {}
40
+ export type ButtonTextProps = BoxProps & {
35
41
  size?: ButtonSize;
36
- }
42
+ };
37
43
 
38
- export interface IButtonAddonProps extends IBoxProps {
44
+ /** @deprecated */
45
+ export interface IButtonAddonProps extends ButtonAddonProps, UnknownProperties {}
46
+ export type ButtonAddonProps = BoxProps & {
39
47
  size?: ButtonSize;
40
- }
48
+ };
41
49
 
42
- export interface IButtonContext {
50
+ /** @deprecated */
51
+ export interface IButtonContext extends ButtonContext, UnknownProperties {}
52
+ export type ButtonContext = {
43
53
  getTextProps: PropGetterFn;
44
54
  getAddonProps: PropGetterFn;
45
- }
55
+ };
46
56
 
47
- declare const Button: (<T>(props: CProps<IButtonProps & T, IButtonContext>) => ReturnEl) & {
48
- Text: <T>(props: IButtonTextProps & T) => ReturnEl;
49
- Addon: <T>(props: IButtonAddonProps & T) => ReturnEl;
57
+ declare const Button: Intergalactic.Component<'button', ButtonProps, ButtonContext> & {
58
+ Text: Intergalactic.Component<'span', ButtonTextProps>;
59
+ Addon: Intergalactic.Component<'span', ButtonAddonProps>;
50
60
  };
51
61
 
52
62
  export default Button;