@semcore/button 5.20.3-prerelease.2 → 5.20.4-prerelease.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 (7) hide show
  1. package/CHANGELOG.md +7 -1
  2. package/lib/cjs/Button.js +26 -26
  3. package/lib/cjs/style/button.shadow.css +10 -11
  4. package/lib/es6/Button.js +26 -26
  5. package/lib/es6/style/button.shadow.css +10 -11
  6. package/package.json +6 -6
  7. package/src/style/button.shadow.css +10 -11
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.20.3-prerelease.2] - 2024-02-21
5
+ ## [5.20.4-prerelease.1] - 2024-02-29
6
+
7
+ ### Fixed
8
+
9
+ - Old themization with `@semcore/babel-plugin-react-semcore` wasn't working.
10
+
11
+ ## [5.20.3] - 2024-02-21
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_41bkl_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;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);min-width:-moz-fit-content;min-width:fit-content}.___SButton_41bkl_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_41bkl_gg_:active,.___SButton_41bkl_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_41bkl_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_41bkl_gg_.__keyboardFocused_41bkl_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_41bkl_gg_.__disabled_41bkl_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_41bkl_gg_._size_m_41bkl_gg_{height:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_41bkl_gg_._size_l_41bkl_gg_{height:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_41bkl_gg_._theme_primary-info_41bkl_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_41bkl_gg_._theme_primary-info_41bkl_gg_:hover{background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_41bkl_gg_._theme_primary-info_41bkl_gg_.__active_41bkl_gg_,.___SButton_41bkl_gg_._theme_primary-info_41bkl_gg_:active{background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_41bkl_gg_._theme_primary-success_41bkl_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_41bkl_gg_._theme_primary-success_41bkl_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_41bkl_gg_._theme_primary-success_41bkl_gg_.__active_41bkl_gg_,.___SButton_41bkl_gg_._theme_primary-success_41bkl_gg_:active{background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_41bkl_gg_._theme_primary-warning_41bkl_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SButton_41bkl_gg_._theme_primary-warning_41bkl_gg_:hover{background-color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SButton_41bkl_gg_._theme_primary-warning_41bkl_gg_.__active_41bkl_gg_,.___SButton_41bkl_gg_._theme_primary-warning_41bkl_gg_:active{background-color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}.___SButton_41bkl_gg_._theme_primary-danger_41bkl_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_41bkl_gg_._theme_primary-danger_41bkl_gg_:hover{background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_41bkl_gg_._theme_primary-danger_41bkl_gg_.__active_41bkl_gg_,.___SButton_41bkl_gg_._theme_primary-danger_41bkl_gg_:active{background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_41bkl_gg_._theme_primary-invert_41bkl_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_41bkl_gg_._theme_primary-invert_41bkl_gg_:hover{background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_41bkl_gg_._theme_primary-invert_41bkl_gg_.__active_41bkl_gg_,.___SButton_41bkl_gg_._theme_primary-invert_41bkl_gg_:active{background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_41bkl_gg_._theme_secondary-muted_41bkl_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_41bkl_gg_._theme_secondary-muted_41bkl_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_41bkl_gg_._theme_secondary-muted_41bkl_gg_.__active_41bkl_gg_,.___SButton_41bkl_gg_._theme_secondary-muted_41bkl_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_41bkl_gg_._theme_secondary-info_41bkl_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_41bkl_gg_._theme_secondary-info_41bkl_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_41bkl_gg_._theme_secondary-info_41bkl_gg_.__active_41bkl_gg_,.___SButton_41bkl_gg_._theme_secondary-info_41bkl_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_41bkl_gg_._theme_secondary-invert_41bkl_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_41bkl_gg_._theme_secondary-invert_41bkl_gg_:hover{background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_41bkl_gg_._theme_secondary-invert_41bkl_gg_.__active_41bkl_gg_,.___SButton_41bkl_gg_._theme_secondary-invert_41bkl_gg_:active{background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3))}.___SButton_41bkl_gg_._theme_tertiary-info_41bkl_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_41bkl_gg_._theme_tertiary-info_41bkl_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_41bkl_gg_._theme_tertiary-info_41bkl_gg_.__active_41bkl_gg_,.___SButton_41bkl_gg_._theme_tertiary-info_41bkl_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_41bkl_gg_._theme_tertiary-muted_41bkl_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_41bkl_gg_._theme_tertiary-muted_41bkl_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_41bkl_gg_._theme_tertiary-muted_41bkl_gg_.__active_41bkl_gg_,.___SButton_41bkl_gg_._theme_tertiary-muted_41bkl_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_41bkl_gg_._theme_tertiary-invert_41bkl_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_41bkl_gg_._theme_tertiary-invert_41bkl_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_41bkl_gg_._theme_tertiary-invert_41bkl_gg_.__active_41bkl_gg_,.___SButton_41bkl_gg_._theme_tertiary-invert_41bkl_gg_:active{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_41bkl_gg_._neighborLocation_right_41bkl_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_41bkl_gg_._neighborLocation_both_41bkl_gg_{border-radius:0;margin-left:-1px}.___SButton_41bkl_gg_._neighborLocation_left_41bkl_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_41bkl_gg_._neighborLocation_both_41bkl_gg_,.___SButton_41bkl_gg_._neighborLocation_left_41bkl_gg_{position:relative}.___SButton_41bkl_gg_+.___SButton_41bkl_gg_._neighborLocation_both_41bkl_gg_:after,.___SButton_41bkl_gg_+.___SButton_41bkl_gg_._neighborLocation_left_41bkl_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SButton_41bkl_gg_._neighborLocation_both_41bkl_gg_:after,.___SButton_41bkl_gg_._neighborLocation_left_41bkl_gg_:after{background-color:var(--intergalactic-text-primary-invert, #ffffff)}.___SButton_41bkl_gg_._neighborLocation_both_41bkl_gg_._theme_secondary-muted_41bkl_gg_:after,.___SButton_41bkl_gg_._neighborLocation_left_41bkl_gg_._theme_secondary-muted_41bkl_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_41bkl_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_41bkl_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_41bkl_gg_.__loading_41bkl_gg_{visibility:hidden}.___SText_41bkl_gg_{display:inline-flex}.___SText_41bkl_gg_._size_l_41bkl_gg_,.___SText_41bkl_gg_._size_m_41bkl_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_41bkl_gg_._size_m_41bkl_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_41bkl_gg_._size_l_41bkl_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_41bkl_gg_._size_l_41bkl_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_41bkl_gg_._size_l_41bkl_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_41bkl_gg_._size_l_41bkl_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_41bkl_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_41bkl_gg_._size_m_41bkl_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_41bkl_gg_._size_m_41bkl_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_41bkl_gg_._size_m_41bkl_gg_:only-child{margin-left:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SAddon_41bkl_gg_._size_l_41bkl_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_41bkl_gg_._size_l_41bkl_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_41bkl_gg_._size_l_41bkl_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}" /*__inner_css_end__*/, "41bkl_gg_") /*__reshadow_css_end__*/, {
27
- "__SButton": "___SButton_41bkl_gg_",
28
- "_keyboardFocused": "__keyboardFocused_41bkl_gg_",
29
- "_disabled": "__disabled_41bkl_gg_",
30
- "_size_m": "_size_m_41bkl_gg_",
31
- "_size_l": "_size_l_41bkl_gg_",
32
- "_neighborLocation_right": "_neighborLocation_right_41bkl_gg_",
33
- "_neighborLocation_both": "_neighborLocation_both_41bkl_gg_",
34
- "_neighborLocation_left": "_neighborLocation_left_41bkl_gg_",
35
- "__SSpin": "___SSpin_41bkl_gg_",
36
- "__SInner": "___SInner_41bkl_gg_",
37
- "_loading": "__loading_41bkl_gg_",
38
- "__SText": "___SText_41bkl_gg_",
39
- "__SAddon": "___SAddon_41bkl_gg_",
40
- "_theme_primary-info": "_theme_primary-info_41bkl_gg_",
41
- "_active": "__active_41bkl_gg_",
42
- "_theme_primary-success": "_theme_primary-success_41bkl_gg_",
43
- "_theme_primary-warning": "_theme_primary-warning_41bkl_gg_",
44
- "_theme_primary-danger": "_theme_primary-danger_41bkl_gg_",
45
- "_theme_primary-invert": "_theme_primary-invert_41bkl_gg_",
46
- "_theme_secondary-muted": "_theme_secondary-muted_41bkl_gg_",
47
- "_theme_secondary-info": "_theme_secondary-info_41bkl_gg_",
48
- "_theme_secondary-invert": "_theme_secondary-invert_41bkl_gg_",
49
- "_theme_tertiary-info": "_theme_tertiary-info_41bkl_gg_",
50
- "_theme_tertiary-muted": "_theme_tertiary-muted_41bkl_gg_",
51
- "_theme_tertiary-invert": "_theme_tertiary-invert_41bkl_gg_"
26
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButton_1j08c_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;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);min-width:-moz-fit-content;min-width:fit-content}.___SButton_1j08c_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_1j08c_gg_:active,.___SButton_1j08c_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1j08c_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_1j08c_gg_.__keyboardFocused_1j08c_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_1j08c_gg_.__disabled_1j08c_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_1j08c_gg_._size_m_1j08c_gg_{height:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_1j08c_gg_._size_l_1j08c_gg_{height:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_1j08c_gg_._theme_primary-info_1j08c_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_1j08c_gg_._theme_primary-info_1j08c_gg_:hover{background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_1j08c_gg_._theme_primary-info_1j08c_gg_.__active_1j08c_gg_,.___SButton_1j08c_gg_._theme_primary-info_1j08c_gg_:active{background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_1j08c_gg_._theme_primary-success_1j08c_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_1j08c_gg_._theme_primary-success_1j08c_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_1j08c_gg_._theme_primary-success_1j08c_gg_.__active_1j08c_gg_,.___SButton_1j08c_gg_._theme_primary-success_1j08c_gg_:active{background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_1j08c_gg_._theme_primary-warning_1j08c_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SButton_1j08c_gg_._theme_primary-warning_1j08c_gg_:hover{background-color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SButton_1j08c_gg_._theme_primary-warning_1j08c_gg_.__active_1j08c_gg_,.___SButton_1j08c_gg_._theme_primary-warning_1j08c_gg_:active{background-color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}.___SButton_1j08c_gg_._theme_primary-danger_1j08c_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_1j08c_gg_._theme_primary-danger_1j08c_gg_:hover{background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_1j08c_gg_._theme_primary-danger_1j08c_gg_.__active_1j08c_gg_,.___SButton_1j08c_gg_._theme_primary-danger_1j08c_gg_:active{background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_1j08c_gg_._theme_primary-invert_1j08c_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_1j08c_gg_._theme_primary-invert_1j08c_gg_:hover{background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_1j08c_gg_._theme_primary-invert_1j08c_gg_.__active_1j08c_gg_,.___SButton_1j08c_gg_._theme_primary-invert_1j08c_gg_:active{background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_1j08c_gg_._theme_secondary-muted_1j08c_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_1j08c_gg_._theme_secondary-muted_1j08c_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1j08c_gg_._theme_secondary-muted_1j08c_gg_.__active_1j08c_gg_,.___SButton_1j08c_gg_._theme_secondary-muted_1j08c_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_1j08c_gg_._theme_secondary-info_1j08c_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_1j08c_gg_._theme_secondary-info_1j08c_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1j08c_gg_._theme_secondary-info_1j08c_gg_.__active_1j08c_gg_,.___SButton_1j08c_gg_._theme_secondary-info_1j08c_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1j08c_gg_._theme_secondary-invert_1j08c_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_1j08c_gg_._theme_secondary-invert_1j08c_gg_:hover{background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1j08c_gg_._theme_secondary-invert_1j08c_gg_.__active_1j08c_gg_,.___SButton_1j08c_gg_._theme_secondary-invert_1j08c_gg_:active{background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3))}.___SButton_1j08c_gg_._theme_tertiary-info_1j08c_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_1j08c_gg_._theme_tertiary-info_1j08c_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1j08c_gg_._theme_tertiary-info_1j08c_gg_.__active_1j08c_gg_,.___SButton_1j08c_gg_._theme_tertiary-info_1j08c_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1j08c_gg_._theme_tertiary-muted_1j08c_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_1j08c_gg_._theme_tertiary-muted_1j08c_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1j08c_gg_._theme_tertiary-muted_1j08c_gg_.__active_1j08c_gg_,.___SButton_1j08c_gg_._theme_tertiary-muted_1j08c_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_1j08c_gg_._theme_tertiary-invert_1j08c_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_1j08c_gg_._theme_tertiary-invert_1j08c_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1j08c_gg_._theme_tertiary-invert_1j08c_gg_.__active_1j08c_gg_,.___SButton_1j08c_gg_._theme_tertiary-invert_1j08c_gg_:active{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_1j08c_gg_._neighborLocation_right_1j08c_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_1j08c_gg_._neighborLocation_both_1j08c_gg_{border-radius:0;margin-left:-1px}.___SButton_1j08c_gg_._neighborLocation_left_1j08c_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_1j08c_gg_._neighborLocation_both_1j08c_gg_,.___SButton_1j08c_gg_._neighborLocation_left_1j08c_gg_{position:relative}.___SButton_1j08c_gg_._neighborLocation_both_1j08c_gg_:after,.___SButton_1j08c_gg_._neighborLocation_left_1j08c_gg_:after{background-color:var(--intergalactic-text-primary-invert, #ffffff)}.___SButton_1j08c_gg_._neighborLocation_both_1j08c_gg_._theme_secondary-muted_1j08c_gg_:after,.___SButton_1j08c_gg_._neighborLocation_left_1j08c_gg_._theme_secondary-muted_1j08c_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_1j08c_gg_+.___SButton_1j08c_gg_._neighborLocation_both_1j08c_gg_:after,.___SButton_1j08c_gg_+.___SButton_1j08c_gg_._neighborLocation_left_1j08c_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_1j08c_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_1j08c_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_1j08c_gg_.__loading_1j08c_gg_{visibility:hidden}.___SText_1j08c_gg_{display:inline-flex}.___SText_1j08c_gg_._size_l_1j08c_gg_,.___SText_1j08c_gg_._size_m_1j08c_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_1j08c_gg_._size_m_1j08c_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_1j08c_gg_._size_l_1j08c_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_1j08c_gg_._size_l_1j08c_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_1j08c_gg_._size_l_1j08c_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_1j08c_gg_._size_l_1j08c_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_1j08c_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1j08c_gg_._size_m_1j08c_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1j08c_gg_._size_m_1j08c_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1j08c_gg_._size_m_1j08c_gg_:only-child{margin-left:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SAddon_1j08c_gg_._size_l_1j08c_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1j08c_gg_._size_l_1j08c_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1j08c_gg_._size_l_1j08c_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}" /*__inner_css_end__*/, "1j08c_gg_") /*__reshadow_css_end__*/, {
27
+ "__SButton": "___SButton_1j08c_gg_",
28
+ "_keyboardFocused": "__keyboardFocused_1j08c_gg_",
29
+ "_disabled": "__disabled_1j08c_gg_",
30
+ "_size_m": "_size_m_1j08c_gg_",
31
+ "_size_l": "_size_l_1j08c_gg_",
32
+ "_neighborLocation_right": "_neighborLocation_right_1j08c_gg_",
33
+ "_neighborLocation_both": "_neighborLocation_both_1j08c_gg_",
34
+ "_neighborLocation_left": "_neighborLocation_left_1j08c_gg_",
35
+ "__SSpin": "___SSpin_1j08c_gg_",
36
+ "__SInner": "___SInner_1j08c_gg_",
37
+ "_loading": "__loading_1j08c_gg_",
38
+ "__SText": "___SText_1j08c_gg_",
39
+ "__SAddon": "___SAddon_1j08c_gg_",
40
+ "_theme_primary-info": "_theme_primary-info_1j08c_gg_",
41
+ "_active": "__active_1j08c_gg_",
42
+ "_theme_primary-success": "_theme_primary-success_1j08c_gg_",
43
+ "_theme_primary-warning": "_theme_primary-warning_1j08c_gg_",
44
+ "_theme_primary-danger": "_theme_primary-danger_1j08c_gg_",
45
+ "_theme_primary-invert": "_theme_primary-invert_1j08c_gg_",
46
+ "_theme_secondary-muted": "_theme_secondary-muted_1j08c_gg_",
47
+ "_theme_secondary-info": "_theme_secondary-info_1j08c_gg_",
48
+ "_theme_secondary-invert": "_theme_secondary-invert_1j08c_gg_",
49
+ "_theme_tertiary-info": "_theme_tertiary-info_1j08c_gg_",
50
+ "_theme_tertiary-muted": "_theme_tertiary-muted_1j08c_gg_",
51
+ "_theme_tertiary-invert": "_theme_tertiary-invert_1j08c_gg_"
52
52
  });
53
53
  var MAP_USE_DEFAULT_THEME = {
54
54
  primary: 'info',
package/lib/cjs/style/button.shadow.css CHANGED
@@ -249,17 +249,6 @@ SButton[neighborLocation='both'],
249
249
  SButton[neighborLocation='left'] {
250
250
  position: relative;
251
251
 
252
- SButton+& {
253
- &:after {
254
- content: '';
255
- position: absolute;
256
- top: -1px;
257
- left: -1px;
258
- width: 1px;
259
- height: calc(100% + 2px);
260
- }
261
- }
262
-
263
252
  &:after {
264
253
  background-color: var(--intergalactic-text-primary-invert, #ffffff);
265
254
  }
@@ -271,6 +260,16 @@ SButton[neighborLocation='left'] {
271
260
  }
272
261
  }
273
262
 
263
+ SButton+SButton[neighborLocation='both']:after,
264
+ SButton+SButton[neighborLocation='left']:after {
265
+ content: '';
266
+ position: absolute;
267
+ top: -1px;
268
+ left: -1px;
269
+ width: 1px;
270
+ height: calc(100% + 2px);
271
+ }
272
+
274
273
  SSpin {
275
274
  position: absolute;
276
275
  top: 0;
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_41bkl_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;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);min-width:-moz-fit-content;min-width:fit-content}.___SButton_41bkl_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_41bkl_gg_:active,.___SButton_41bkl_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_41bkl_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_41bkl_gg_.__keyboardFocused_41bkl_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_41bkl_gg_.__disabled_41bkl_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_41bkl_gg_._size_m_41bkl_gg_{height:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_41bkl_gg_._size_l_41bkl_gg_{height:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_41bkl_gg_._theme_primary-info_41bkl_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_41bkl_gg_._theme_primary-info_41bkl_gg_:hover{background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_41bkl_gg_._theme_primary-info_41bkl_gg_.__active_41bkl_gg_,.___SButton_41bkl_gg_._theme_primary-info_41bkl_gg_:active{background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_41bkl_gg_._theme_primary-success_41bkl_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_41bkl_gg_._theme_primary-success_41bkl_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_41bkl_gg_._theme_primary-success_41bkl_gg_.__active_41bkl_gg_,.___SButton_41bkl_gg_._theme_primary-success_41bkl_gg_:active{background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_41bkl_gg_._theme_primary-warning_41bkl_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SButton_41bkl_gg_._theme_primary-warning_41bkl_gg_:hover{background-color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SButton_41bkl_gg_._theme_primary-warning_41bkl_gg_.__active_41bkl_gg_,.___SButton_41bkl_gg_._theme_primary-warning_41bkl_gg_:active{background-color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}.___SButton_41bkl_gg_._theme_primary-danger_41bkl_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_41bkl_gg_._theme_primary-danger_41bkl_gg_:hover{background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_41bkl_gg_._theme_primary-danger_41bkl_gg_.__active_41bkl_gg_,.___SButton_41bkl_gg_._theme_primary-danger_41bkl_gg_:active{background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_41bkl_gg_._theme_primary-invert_41bkl_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_41bkl_gg_._theme_primary-invert_41bkl_gg_:hover{background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_41bkl_gg_._theme_primary-invert_41bkl_gg_.__active_41bkl_gg_,.___SButton_41bkl_gg_._theme_primary-invert_41bkl_gg_:active{background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_41bkl_gg_._theme_secondary-muted_41bkl_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_41bkl_gg_._theme_secondary-muted_41bkl_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_41bkl_gg_._theme_secondary-muted_41bkl_gg_.__active_41bkl_gg_,.___SButton_41bkl_gg_._theme_secondary-muted_41bkl_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_41bkl_gg_._theme_secondary-info_41bkl_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_41bkl_gg_._theme_secondary-info_41bkl_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_41bkl_gg_._theme_secondary-info_41bkl_gg_.__active_41bkl_gg_,.___SButton_41bkl_gg_._theme_secondary-info_41bkl_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_41bkl_gg_._theme_secondary-invert_41bkl_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_41bkl_gg_._theme_secondary-invert_41bkl_gg_:hover{background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_41bkl_gg_._theme_secondary-invert_41bkl_gg_.__active_41bkl_gg_,.___SButton_41bkl_gg_._theme_secondary-invert_41bkl_gg_:active{background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3))}.___SButton_41bkl_gg_._theme_tertiary-info_41bkl_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_41bkl_gg_._theme_tertiary-info_41bkl_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_41bkl_gg_._theme_tertiary-info_41bkl_gg_.__active_41bkl_gg_,.___SButton_41bkl_gg_._theme_tertiary-info_41bkl_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_41bkl_gg_._theme_tertiary-muted_41bkl_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_41bkl_gg_._theme_tertiary-muted_41bkl_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_41bkl_gg_._theme_tertiary-muted_41bkl_gg_.__active_41bkl_gg_,.___SButton_41bkl_gg_._theme_tertiary-muted_41bkl_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_41bkl_gg_._theme_tertiary-invert_41bkl_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_41bkl_gg_._theme_tertiary-invert_41bkl_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_41bkl_gg_._theme_tertiary-invert_41bkl_gg_.__active_41bkl_gg_,.___SButton_41bkl_gg_._theme_tertiary-invert_41bkl_gg_:active{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_41bkl_gg_._neighborLocation_right_41bkl_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_41bkl_gg_._neighborLocation_both_41bkl_gg_{border-radius:0;margin-left:-1px}.___SButton_41bkl_gg_._neighborLocation_left_41bkl_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_41bkl_gg_._neighborLocation_both_41bkl_gg_,.___SButton_41bkl_gg_._neighborLocation_left_41bkl_gg_{position:relative}.___SButton_41bkl_gg_+.___SButton_41bkl_gg_._neighborLocation_both_41bkl_gg_:after,.___SButton_41bkl_gg_+.___SButton_41bkl_gg_._neighborLocation_left_41bkl_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SButton_41bkl_gg_._neighborLocation_both_41bkl_gg_:after,.___SButton_41bkl_gg_._neighborLocation_left_41bkl_gg_:after{background-color:var(--intergalactic-text-primary-invert, #ffffff)}.___SButton_41bkl_gg_._neighborLocation_both_41bkl_gg_._theme_secondary-muted_41bkl_gg_:after,.___SButton_41bkl_gg_._neighborLocation_left_41bkl_gg_._theme_secondary-muted_41bkl_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_41bkl_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_41bkl_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_41bkl_gg_.__loading_41bkl_gg_{visibility:hidden}.___SText_41bkl_gg_{display:inline-flex}.___SText_41bkl_gg_._size_l_41bkl_gg_,.___SText_41bkl_gg_._size_m_41bkl_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_41bkl_gg_._size_m_41bkl_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_41bkl_gg_._size_l_41bkl_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_41bkl_gg_._size_l_41bkl_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_41bkl_gg_._size_l_41bkl_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_41bkl_gg_._size_l_41bkl_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_41bkl_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_41bkl_gg_._size_m_41bkl_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_41bkl_gg_._size_m_41bkl_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_41bkl_gg_._size_m_41bkl_gg_:only-child{margin-left:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SAddon_41bkl_gg_._size_l_41bkl_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_41bkl_gg_._size_l_41bkl_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_41bkl_gg_._size_l_41bkl_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}" /*__inner_css_end__*/, "41bkl_gg_") /*__reshadow_css_end__*/, {
22
- "__SButton": "___SButton_41bkl_gg_",
23
- "_keyboardFocused": "__keyboardFocused_41bkl_gg_",
24
- "_disabled": "__disabled_41bkl_gg_",
25
- "_size_m": "_size_m_41bkl_gg_",
26
- "_size_l": "_size_l_41bkl_gg_",
27
- "_neighborLocation_right": "_neighborLocation_right_41bkl_gg_",
28
- "_neighborLocation_both": "_neighborLocation_both_41bkl_gg_",
29
- "_neighborLocation_left": "_neighborLocation_left_41bkl_gg_",
30
- "__SSpin": "___SSpin_41bkl_gg_",
31
- "__SInner": "___SInner_41bkl_gg_",
32
- "_loading": "__loading_41bkl_gg_",
33
- "__SText": "___SText_41bkl_gg_",
34
- "__SAddon": "___SAddon_41bkl_gg_",
35
- "_theme_primary-info": "_theme_primary-info_41bkl_gg_",
36
- "_active": "__active_41bkl_gg_",
37
- "_theme_primary-success": "_theme_primary-success_41bkl_gg_",
38
- "_theme_primary-warning": "_theme_primary-warning_41bkl_gg_",
39
- "_theme_primary-danger": "_theme_primary-danger_41bkl_gg_",
40
- "_theme_primary-invert": "_theme_primary-invert_41bkl_gg_",
41
- "_theme_secondary-muted": "_theme_secondary-muted_41bkl_gg_",
42
- "_theme_secondary-info": "_theme_secondary-info_41bkl_gg_",
43
- "_theme_secondary-invert": "_theme_secondary-invert_41bkl_gg_",
44
- "_theme_tertiary-info": "_theme_tertiary-info_41bkl_gg_",
45
- "_theme_tertiary-muted": "_theme_tertiary-muted_41bkl_gg_",
46
- "_theme_tertiary-invert": "_theme_tertiary-invert_41bkl_gg_"
21
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_1j08c_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;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);min-width:-moz-fit-content;min-width:fit-content}.___SButton_1j08c_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_1j08c_gg_:active,.___SButton_1j08c_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1j08c_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_1j08c_gg_.__keyboardFocused_1j08c_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_1j08c_gg_.__disabled_1j08c_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_1j08c_gg_._size_m_1j08c_gg_{height:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_1j08c_gg_._size_l_1j08c_gg_{height:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_1j08c_gg_._theme_primary-info_1j08c_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_1j08c_gg_._theme_primary-info_1j08c_gg_:hover{background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_1j08c_gg_._theme_primary-info_1j08c_gg_.__active_1j08c_gg_,.___SButton_1j08c_gg_._theme_primary-info_1j08c_gg_:active{background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_1j08c_gg_._theme_primary-success_1j08c_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_1j08c_gg_._theme_primary-success_1j08c_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_1j08c_gg_._theme_primary-success_1j08c_gg_.__active_1j08c_gg_,.___SButton_1j08c_gg_._theme_primary-success_1j08c_gg_:active{background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_1j08c_gg_._theme_primary-warning_1j08c_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SButton_1j08c_gg_._theme_primary-warning_1j08c_gg_:hover{background-color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SButton_1j08c_gg_._theme_primary-warning_1j08c_gg_.__active_1j08c_gg_,.___SButton_1j08c_gg_._theme_primary-warning_1j08c_gg_:active{background-color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}.___SButton_1j08c_gg_._theme_primary-danger_1j08c_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_1j08c_gg_._theme_primary-danger_1j08c_gg_:hover{background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_1j08c_gg_._theme_primary-danger_1j08c_gg_.__active_1j08c_gg_,.___SButton_1j08c_gg_._theme_primary-danger_1j08c_gg_:active{background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_1j08c_gg_._theme_primary-invert_1j08c_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_1j08c_gg_._theme_primary-invert_1j08c_gg_:hover{background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_1j08c_gg_._theme_primary-invert_1j08c_gg_.__active_1j08c_gg_,.___SButton_1j08c_gg_._theme_primary-invert_1j08c_gg_:active{background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_1j08c_gg_._theme_secondary-muted_1j08c_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_1j08c_gg_._theme_secondary-muted_1j08c_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1j08c_gg_._theme_secondary-muted_1j08c_gg_.__active_1j08c_gg_,.___SButton_1j08c_gg_._theme_secondary-muted_1j08c_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_1j08c_gg_._theme_secondary-info_1j08c_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_1j08c_gg_._theme_secondary-info_1j08c_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1j08c_gg_._theme_secondary-info_1j08c_gg_.__active_1j08c_gg_,.___SButton_1j08c_gg_._theme_secondary-info_1j08c_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1j08c_gg_._theme_secondary-invert_1j08c_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_1j08c_gg_._theme_secondary-invert_1j08c_gg_:hover{background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1j08c_gg_._theme_secondary-invert_1j08c_gg_.__active_1j08c_gg_,.___SButton_1j08c_gg_._theme_secondary-invert_1j08c_gg_:active{background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3))}.___SButton_1j08c_gg_._theme_tertiary-info_1j08c_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_1j08c_gg_._theme_tertiary-info_1j08c_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1j08c_gg_._theme_tertiary-info_1j08c_gg_.__active_1j08c_gg_,.___SButton_1j08c_gg_._theme_tertiary-info_1j08c_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1j08c_gg_._theme_tertiary-muted_1j08c_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_1j08c_gg_._theme_tertiary-muted_1j08c_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1j08c_gg_._theme_tertiary-muted_1j08c_gg_.__active_1j08c_gg_,.___SButton_1j08c_gg_._theme_tertiary-muted_1j08c_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_1j08c_gg_._theme_tertiary-invert_1j08c_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_1j08c_gg_._theme_tertiary-invert_1j08c_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1j08c_gg_._theme_tertiary-invert_1j08c_gg_.__active_1j08c_gg_,.___SButton_1j08c_gg_._theme_tertiary-invert_1j08c_gg_:active{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_1j08c_gg_._neighborLocation_right_1j08c_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_1j08c_gg_._neighborLocation_both_1j08c_gg_{border-radius:0;margin-left:-1px}.___SButton_1j08c_gg_._neighborLocation_left_1j08c_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_1j08c_gg_._neighborLocation_both_1j08c_gg_,.___SButton_1j08c_gg_._neighborLocation_left_1j08c_gg_{position:relative}.___SButton_1j08c_gg_._neighborLocation_both_1j08c_gg_:after,.___SButton_1j08c_gg_._neighborLocation_left_1j08c_gg_:after{background-color:var(--intergalactic-text-primary-invert, #ffffff)}.___SButton_1j08c_gg_._neighborLocation_both_1j08c_gg_._theme_secondary-muted_1j08c_gg_:after,.___SButton_1j08c_gg_._neighborLocation_left_1j08c_gg_._theme_secondary-muted_1j08c_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_1j08c_gg_+.___SButton_1j08c_gg_._neighborLocation_both_1j08c_gg_:after,.___SButton_1j08c_gg_+.___SButton_1j08c_gg_._neighborLocation_left_1j08c_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_1j08c_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_1j08c_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_1j08c_gg_.__loading_1j08c_gg_{visibility:hidden}.___SText_1j08c_gg_{display:inline-flex}.___SText_1j08c_gg_._size_l_1j08c_gg_,.___SText_1j08c_gg_._size_m_1j08c_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_1j08c_gg_._size_m_1j08c_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_1j08c_gg_._size_l_1j08c_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_1j08c_gg_._size_l_1j08c_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_1j08c_gg_._size_l_1j08c_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_1j08c_gg_._size_l_1j08c_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_1j08c_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1j08c_gg_._size_m_1j08c_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1j08c_gg_._size_m_1j08c_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1j08c_gg_._size_m_1j08c_gg_:only-child{margin-left:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SAddon_1j08c_gg_._size_l_1j08c_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1j08c_gg_._size_l_1j08c_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1j08c_gg_._size_l_1j08c_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}" /*__inner_css_end__*/, "1j08c_gg_") /*__reshadow_css_end__*/, {
22
+ "__SButton": "___SButton_1j08c_gg_",
23
+ "_keyboardFocused": "__keyboardFocused_1j08c_gg_",
24
+ "_disabled": "__disabled_1j08c_gg_",
25
+ "_size_m": "_size_m_1j08c_gg_",
26
+ "_size_l": "_size_l_1j08c_gg_",
27
+ "_neighborLocation_right": "_neighborLocation_right_1j08c_gg_",
28
+ "_neighborLocation_both": "_neighborLocation_both_1j08c_gg_",
29
+ "_neighborLocation_left": "_neighborLocation_left_1j08c_gg_",
30
+ "__SSpin": "___SSpin_1j08c_gg_",
31
+ "__SInner": "___SInner_1j08c_gg_",
32
+ "_loading": "__loading_1j08c_gg_",
33
+ "__SText": "___SText_1j08c_gg_",
34
+ "__SAddon": "___SAddon_1j08c_gg_",
35
+ "_theme_primary-info": "_theme_primary-info_1j08c_gg_",
36
+ "_active": "__active_1j08c_gg_",
37
+ "_theme_primary-success": "_theme_primary-success_1j08c_gg_",
38
+ "_theme_primary-warning": "_theme_primary-warning_1j08c_gg_",
39
+ "_theme_primary-danger": "_theme_primary-danger_1j08c_gg_",
40
+ "_theme_primary-invert": "_theme_primary-invert_1j08c_gg_",
41
+ "_theme_secondary-muted": "_theme_secondary-muted_1j08c_gg_",
42
+ "_theme_secondary-info": "_theme_secondary-info_1j08c_gg_",
43
+ "_theme_secondary-invert": "_theme_secondary-invert_1j08c_gg_",
44
+ "_theme_tertiary-info": "_theme_tertiary-info_1j08c_gg_",
45
+ "_theme_tertiary-muted": "_theme_tertiary-muted_1j08c_gg_",
46
+ "_theme_tertiary-invert": "_theme_tertiary-invert_1j08c_gg_"
47
47
  });
48
48
  import hasLabels from '@semcore/utils/lib/hasLabels';
49
49
  export var MAP_USE_DEFAULT_THEME = {
package/lib/es6/style/button.shadow.css CHANGED
@@ -249,17 +249,6 @@ SButton[neighborLocation='both'],
249
249
  SButton[neighborLocation='left'] {
250
250
  position: relative;
251
251
 
252
- SButton+& {
253
- &:after {
254
- content: '';
255
- position: absolute;
256
- top: -1px;
257
- left: -1px;
258
- width: 1px;
259
- height: calc(100% + 2px);
260
- }
261
- }
262
-
263
252
  &:after {
264
253
  background-color: var(--intergalactic-text-primary-invert, #ffffff);
265
254
  }
@@ -271,6 +260,16 @@ SButton[neighborLocation='left'] {
271
260
  }
272
261
  }
273
262
 
263
+ SButton+SButton[neighborLocation='both']:after,
264
+ SButton+SButton[neighborLocation='left']:after {
265
+ content: '';
266
+ position: absolute;
267
+ top: -1px;
268
+ left: -1px;
269
+ width: 1px;
270
+ height: calc(100% + 2px);
271
+ }
272
+
274
273
  SSpin {
275
274
  position: absolute;
276
275
  top: 0;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/button",
3
3
  "description": "Semrush Button Component",
4
- "version": "5.20.3-prerelease.2",
4
+ "version": "5.20.4-prerelease.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": "5.19.2-prerelease.2",
13
- "@semcore/neighbor-location": "4.17.3-prerelease.2",
14
- "@semcore/spin": "5.18.3-prerelease.2",
15
- "@semcore/utils": "4.20.3-prerelease.2"
12
+ "@semcore/flex-box": "5.19.3-prerelease.1",
13
+ "@semcore/neighbor-location": "4.17.4-prerelease.1",
14
+ "@semcore/spin": "5.18.4-prerelease.1",
15
+ "@semcore/utils": "4.20.4-prerelease.1"
16
16
  },
17
17
  "peerDependencies": {
18
- "@semcore/core": "^2.17.3-prerelease.1",
18
+ "@semcore/core": "^2.17.4-prerelease.1",
19
19
  "react": "16.8 - 18",
20
20
  "react-dom": "16.8 - 18"
21
21
  },
package/src/style/button.shadow.css CHANGED
@@ -249,17 +249,6 @@ SButton[neighborLocation='both'],
249
249
  SButton[neighborLocation='left'] {
250
250
  position: relative;
251
251
 
252
- SButton+& {
253
- &:after {
254
- content: '';
255
- position: absolute;
256
- top: -1px;
257
- left: -1px;
258
- width: 1px;
259
- height: calc(100% + 2px);
260
- }
261
- }
262
-
263
252
  &:after {
264
253
  background-color: var(--intergalactic-text-primary-invert, #ffffff);
265
254
  }
@@ -271,6 +260,16 @@ SButton[neighborLocation='left'] {
271
260
  }
272
261
  }
273
262
 
263
+ SButton+SButton[neighborLocation='both']:after,
264
+ SButton+SButton[neighborLocation='left']:after {
265
+ content: '';
266
+ position: absolute;
267
+ top: -1px;
268
+ left: -1px;
269
+ width: 1px;
270
+ height: calc(100% + 2px);
271
+ }
272
+
274
273
  SSpin {
275
274
  position: absolute;
276
275
  top: 0;