@semcore/button 5.39.3 → 5.39.4

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 (9) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/component/Button/Button.js +27 -27
  3. package/lib/cjs/component/Button/button.shadow.css +18 -0
  4. package/lib/cjs/component/ButtonLink/ButtonLink.js +20 -20
  5. package/lib/es6/component/Button/Button.js +27 -27
  6. package/lib/es6/component/Button/button.shadow.css +18 -0
  7. package/lib/es6/component/ButtonLink/ButtonLink.js +20 -20
  8. package/package.json +6 -6
  9. package/src/component/Button/button.shadow.css +18 -0
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [5.39.4] - 2024-11-22
6
+
7
+ ### Changed
8
+
9
+ - Version patch update due to children dependencies update (`@semcore/utils` [4.43.2 ~> 4.43.3]).
10
+
5
11
  ## [5.39.3] - 2024-11-18
6
12
 
7
13
  ### Changed
package/lib/cjs/component/Button/Button.js CHANGED
@@ -19,33 +19,33 @@ var _flexBox = require("@semcore/flex-box");
19
19
  var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
20
20
  var _AbstractButton2 = require("../AbstractButton/AbstractButton");
21
21
  /*__reshadow-styles__:"./button.shadow.css"*/
22
- var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButton_1veq1_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_1veq1_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_1veq1_gg_:active,.___SButton_1veq1_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1veq1_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_1veq1_gg_.__keyboardFocused_1veq1_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_1veq1_gg_.__disabled_1veq1_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_1veq1_gg_._size_s_1veq1_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_1veq1_gg_._size_m_1veq1_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_1veq1_gg_._size_l_1veq1_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_1veq1_gg_._theme_primary-info_1veq1_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_1veq1_gg_._theme_primary-info_1veq1_gg_:hover{background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_1veq1_gg_._theme_primary-info_1veq1_gg_.__active_1veq1_gg_,.___SButton_1veq1_gg_._theme_primary-info_1veq1_gg_:active{background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_1veq1_gg_._theme_primary-success_1veq1_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_1veq1_gg_._theme_primary-success_1veq1_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_1veq1_gg_._theme_primary-success_1veq1_gg_.__active_1veq1_gg_,.___SButton_1veq1_gg_._theme_primary-success_1veq1_gg_:active{background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_1veq1_gg_._theme_primary-warning_1veq1_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_1veq1_gg_._theme_primary-warning_1veq1_gg_:hover{background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_1veq1_gg_._theme_primary-warning_1veq1_gg_.__active_1veq1_gg_,.___SButton_1veq1_gg_._theme_primary-warning_1veq1_gg_:active{background-color:var(--intergalactic-control-primary-brand-active, #c33909)}.___SButton_1veq1_gg_._theme_primary-danger_1veq1_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_1veq1_gg_._theme_primary-danger_1veq1_gg_:hover{background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_1veq1_gg_._theme_primary-danger_1veq1_gg_.__active_1veq1_gg_,.___SButton_1veq1_gg_._theme_primary-danger_1veq1_gg_:active{background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_1veq1_gg_._theme_primary-invert_1veq1_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_1veq1_gg_._theme_primary-invert_1veq1_gg_:hover{background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_1veq1_gg_._theme_primary-invert_1veq1_gg_.__active_1veq1_gg_,.___SButton_1veq1_gg_._theme_primary-invert_1veq1_gg_:active{background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_1veq1_gg_._theme_secondary-muted_1veq1_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_1veq1_gg_._theme_secondary-muted_1veq1_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1veq1_gg_._theme_secondary-muted_1veq1_gg_.__active_1veq1_gg_,.___SButton_1veq1_gg_._theme_secondary-muted_1veq1_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_1veq1_gg_._theme_secondary-info_1veq1_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_1veq1_gg_._theme_secondary-info_1veq1_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1veq1_gg_._theme_secondary-info_1veq1_gg_.__active_1veq1_gg_,.___SButton_1veq1_gg_._theme_secondary-info_1veq1_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1veq1_gg_._theme_secondary-invert_1veq1_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_1veq1_gg_._theme_secondary-invert_1veq1_gg_:hover{background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1veq1_gg_._theme_secondary-invert_1veq1_gg_.__active_1veq1_gg_,.___SButton_1veq1_gg_._theme_secondary-invert_1veq1_gg_:active{background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3))}.___SButton_1veq1_gg_._theme_tertiary-info_1veq1_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_1veq1_gg_._theme_tertiary-info_1veq1_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1veq1_gg_._theme_tertiary-info_1veq1_gg_.__active_1veq1_gg_,.___SButton_1veq1_gg_._theme_tertiary-info_1veq1_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1veq1_gg_._theme_tertiary-muted_1veq1_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_1veq1_gg_._theme_tertiary-muted_1veq1_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1veq1_gg_._theme_tertiary-muted_1veq1_gg_.__active_1veq1_gg_,.___SButton_1veq1_gg_._theme_tertiary-muted_1veq1_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_1veq1_gg_._theme_tertiary-invert_1veq1_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_1veq1_gg_._theme_tertiary-invert_1veq1_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1veq1_gg_._theme_tertiary-invert_1veq1_gg_.__active_1veq1_gg_,.___SButton_1veq1_gg_._theme_tertiary-invert_1veq1_gg_:active{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_1veq1_gg_._neighborLocation_right_1veq1_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_1veq1_gg_._neighborLocation_both_1veq1_gg_{border-radius:0;margin-left:-1px}.___SButton_1veq1_gg_._neighborLocation_left_1veq1_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_1veq1_gg_._neighborLocation_both_1veq1_gg_,.___SButton_1veq1_gg_._neighborLocation_left_1veq1_gg_{position:relative}.___SButton_1veq1_gg_._neighborLocation_both_1veq1_gg_:after,.___SButton_1veq1_gg_._neighborLocation_left_1veq1_gg_:after{background-color:var(--intergalactic-text-primary-invert, #ffffff)}.___SButton_1veq1_gg_._neighborLocation_both_1veq1_gg_._theme_secondary-muted_1veq1_gg_:after,.___SButton_1veq1_gg_._neighborLocation_left_1veq1_gg_._theme_secondary-muted_1veq1_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_1veq1_gg_+.___SButton_1veq1_gg_._neighborLocation_both_1veq1_gg_:after,.___SButton_1veq1_gg_+.___SButton_1veq1_gg_._neighborLocation_left_1veq1_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_1veq1_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_1veq1_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_1veq1_gg_.__loading_1veq1_gg_{visibility:hidden}.___SText_1veq1_gg_{display:inline-flex}.___SText_1veq1_gg_._size_l_1veq1_gg_,.___SText_1veq1_gg_._size_m_1veq1_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_1veq1_gg_._size_m_1veq1_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_1veq1_gg_._size_l_1veq1_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_1veq1_gg_._size_l_1veq1_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_1veq1_gg_._size_l_1veq1_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_1veq1_gg_._size_l_1veq1_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_1veq1_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_1veq1_gg_._size_m_1veq1_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1veq1_gg_._size_m_1veq1_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1veq1_gg_._size_m_1veq1_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_1veq1_gg_._size_l_1veq1_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1veq1_gg_._size_l_1veq1_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1veq1_gg_._size_l_1veq1_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__*/, "1veq1_gg_") /*__reshadow_css_end__*/, {
23
- "__SButton": "___SButton_1veq1_gg_",
24
- "_keyboardFocused": "__keyboardFocused_1veq1_gg_",
25
- "_disabled": "__disabled_1veq1_gg_",
26
- "_size_s": "_size_s_1veq1_gg_",
27
- "_size_m": "_size_m_1veq1_gg_",
28
- "_size_l": "_size_l_1veq1_gg_",
29
- "_neighborLocation_right": "_neighborLocation_right_1veq1_gg_",
30
- "_neighborLocation_both": "_neighborLocation_both_1veq1_gg_",
31
- "_neighborLocation_left": "_neighborLocation_left_1veq1_gg_",
32
- "__SSpin": "___SSpin_1veq1_gg_",
33
- "__SInner": "___SInner_1veq1_gg_",
34
- "_loading": "__loading_1veq1_gg_",
35
- "__SText": "___SText_1veq1_gg_",
36
- "__SAddon": "___SAddon_1veq1_gg_",
37
- "_theme_primary-info": "_theme_primary-info_1veq1_gg_",
38
- "_active": "__active_1veq1_gg_",
39
- "_theme_primary-success": "_theme_primary-success_1veq1_gg_",
40
- "_theme_primary-warning": "_theme_primary-warning_1veq1_gg_",
41
- "_theme_primary-danger": "_theme_primary-danger_1veq1_gg_",
42
- "_theme_primary-invert": "_theme_primary-invert_1veq1_gg_",
43
- "_theme_secondary-muted": "_theme_secondary-muted_1veq1_gg_",
44
- "_theme_secondary-info": "_theme_secondary-info_1veq1_gg_",
45
- "_theme_secondary-invert": "_theme_secondary-invert_1veq1_gg_",
46
- "_theme_tertiary-info": "_theme_tertiary-info_1veq1_gg_",
47
- "_theme_tertiary-muted": "_theme_tertiary-muted_1veq1_gg_",
48
- "_theme_tertiary-invert": "_theme_tertiary-invert_1veq1_gg_"
22
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButton_mgyvk_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_mgyvk_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_mgyvk_gg_:active,.___SButton_mgyvk_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_mgyvk_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_mgyvk_gg_.__keyboardFocused_mgyvk_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_mgyvk_gg_.__disabled_mgyvk_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_mgyvk_gg_._size_s_mgyvk_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_mgyvk_gg_._size_m_mgyvk_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_mgyvk_gg_._size_l_mgyvk_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_mgyvk_gg_._theme_primary-info_mgyvk_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_mgyvk_gg_._theme_primary-info_mgyvk_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_mgyvk_gg_._theme_primary-info_mgyvk_gg_.__active_mgyvk_gg_,.___SButton_mgyvk_gg_._theme_primary-info_mgyvk_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_mgyvk_gg_._theme_primary-success_mgyvk_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_mgyvk_gg_._theme_primary-success_mgyvk_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_mgyvk_gg_._theme_primary-success_mgyvk_gg_.__active_mgyvk_gg_,.___SButton_mgyvk_gg_._theme_primary-success_mgyvk_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_mgyvk_gg_._theme_primary-warning_mgyvk_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_mgyvk_gg_._theme_primary-warning_mgyvk_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_mgyvk_gg_._theme_primary-warning_mgyvk_gg_.__active_mgyvk_gg_,.___SButton_mgyvk_gg_._theme_primary-warning_mgyvk_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #c33909)}.___SButton_mgyvk_gg_._theme_primary-danger_mgyvk_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_mgyvk_gg_._theme_primary-danger_mgyvk_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_mgyvk_gg_._theme_primary-danger_mgyvk_gg_.__active_mgyvk_gg_,.___SButton_mgyvk_gg_._theme_primary-danger_mgyvk_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_mgyvk_gg_._theme_primary-invert_mgyvk_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_mgyvk_gg_._theme_primary-invert_mgyvk_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_mgyvk_gg_._theme_primary-invert_mgyvk_gg_.__active_mgyvk_gg_,.___SButton_mgyvk_gg_._theme_primary-invert_mgyvk_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_mgyvk_gg_._theme_secondary-muted_mgyvk_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_mgyvk_gg_._theme_secondary-muted_mgyvk_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_mgyvk_gg_._theme_secondary-muted_mgyvk_gg_.__active_mgyvk_gg_,.___SButton_mgyvk_gg_._theme_secondary-muted_mgyvk_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_mgyvk_gg_._theme_secondary-info_mgyvk_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_mgyvk_gg_._theme_secondary-info_mgyvk_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_mgyvk_gg_._theme_secondary-info_mgyvk_gg_.__active_mgyvk_gg_,.___SButton_mgyvk_gg_._theme_secondary-info_mgyvk_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_mgyvk_gg_._theme_secondary-invert_mgyvk_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_mgyvk_gg_._theme_secondary-invert_mgyvk_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_mgyvk_gg_._theme_secondary-invert_mgyvk_gg_.__active_mgyvk_gg_,.___SButton_mgyvk_gg_._theme_secondary-invert_mgyvk_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3))}.___SButton_mgyvk_gg_._theme_tertiary-info_mgyvk_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_mgyvk_gg_._theme_tertiary-info_mgyvk_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_mgyvk_gg_._theme_tertiary-info_mgyvk_gg_.__active_mgyvk_gg_,.___SButton_mgyvk_gg_._theme_tertiary-info_mgyvk_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_mgyvk_gg_._theme_tertiary-muted_mgyvk_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_mgyvk_gg_._theme_tertiary-muted_mgyvk_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_mgyvk_gg_._theme_tertiary-muted_mgyvk_gg_.__active_mgyvk_gg_,.___SButton_mgyvk_gg_._theme_tertiary-muted_mgyvk_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_mgyvk_gg_._theme_tertiary-invert_mgyvk_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_mgyvk_gg_._theme_tertiary-invert_mgyvk_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_mgyvk_gg_._theme_tertiary-invert_mgyvk_gg_.__active_mgyvk_gg_,.___SButton_mgyvk_gg_._theme_tertiary-invert_mgyvk_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_mgyvk_gg_._neighborLocation_right_mgyvk_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_mgyvk_gg_._neighborLocation_both_mgyvk_gg_{border-radius:0;margin-left:-1px}.___SButton_mgyvk_gg_._neighborLocation_left_mgyvk_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_mgyvk_gg_._neighborLocation_both_mgyvk_gg_,.___SButton_mgyvk_gg_._neighborLocation_left_mgyvk_gg_{position:relative}.___SButton_mgyvk_gg_._neighborLocation_both_mgyvk_gg_:after,.___SButton_mgyvk_gg_._neighborLocation_left_mgyvk_gg_:after{background-color:var(--intergalactic-text-primary-invert, #ffffff)}.___SButton_mgyvk_gg_._neighborLocation_both_mgyvk_gg_._theme_secondary-muted_mgyvk_gg_:after,.___SButton_mgyvk_gg_._neighborLocation_left_mgyvk_gg_._theme_secondary-muted_mgyvk_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_mgyvk_gg_+.___SButton_mgyvk_gg_._neighborLocation_both_mgyvk_gg_:after,.___SButton_mgyvk_gg_+.___SButton_mgyvk_gg_._neighborLocation_left_mgyvk_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_mgyvk_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_mgyvk_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_mgyvk_gg_.__loading_mgyvk_gg_{visibility:hidden}.___SText_mgyvk_gg_{display:inline-flex}.___SText_mgyvk_gg_._size_l_mgyvk_gg_,.___SText_mgyvk_gg_._size_m_mgyvk_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_mgyvk_gg_._size_m_mgyvk_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_mgyvk_gg_._size_l_mgyvk_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_mgyvk_gg_._size_l_mgyvk_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_mgyvk_gg_._size_l_mgyvk_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_mgyvk_gg_._size_l_mgyvk_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_mgyvk_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_mgyvk_gg_._size_m_mgyvk_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_mgyvk_gg_._size_m_mgyvk_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_mgyvk_gg_._size_m_mgyvk_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_mgyvk_gg_._size_l_mgyvk_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_mgyvk_gg_._size_l_mgyvk_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_mgyvk_gg_._size_l_mgyvk_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__*/, "mgyvk_gg_") /*__reshadow_css_end__*/, {
23
+ "__SButton": "___SButton_mgyvk_gg_",
24
+ "_keyboardFocused": "__keyboardFocused_mgyvk_gg_",
25
+ "_disabled": "__disabled_mgyvk_gg_",
26
+ "_size_s": "_size_s_mgyvk_gg_",
27
+ "_size_m": "_size_m_mgyvk_gg_",
28
+ "_size_l": "_size_l_mgyvk_gg_",
29
+ "_neighborLocation_right": "_neighborLocation_right_mgyvk_gg_",
30
+ "_neighborLocation_both": "_neighborLocation_both_mgyvk_gg_",
31
+ "_neighborLocation_left": "_neighborLocation_left_mgyvk_gg_",
32
+ "__SSpin": "___SSpin_mgyvk_gg_",
33
+ "__SInner": "___SInner_mgyvk_gg_",
34
+ "_loading": "__loading_mgyvk_gg_",
35
+ "__SText": "___SText_mgyvk_gg_",
36
+ "__SAddon": "___SAddon_mgyvk_gg_",
37
+ "_theme_primary-info": "_theme_primary-info_mgyvk_gg_",
38
+ "_active": "__active_mgyvk_gg_",
39
+ "_theme_primary-success": "_theme_primary-success_mgyvk_gg_",
40
+ "_theme_primary-warning": "_theme_primary-warning_mgyvk_gg_",
41
+ "_theme_primary-danger": "_theme_primary-danger_mgyvk_gg_",
42
+ "_theme_primary-invert": "_theme_primary-invert_mgyvk_gg_",
43
+ "_theme_secondary-muted": "_theme_secondary-muted_mgyvk_gg_",
44
+ "_theme_secondary-info": "_theme_secondary-info_mgyvk_gg_",
45
+ "_theme_secondary-invert": "_theme_secondary-invert_mgyvk_gg_",
46
+ "_theme_tertiary-info": "_theme_tertiary-info_mgyvk_gg_",
47
+ "_theme_tertiary-muted": "_theme_tertiary-muted_mgyvk_gg_",
48
+ "_theme_tertiary-invert": "_theme_tertiary-invert_mgyvk_gg_"
49
49
  });
50
50
  var RootButton = /*#__PURE__*/function (_AbstractButton) {
51
51
  (0, _inherits2["default"])(RootButton, _AbstractButton);
package/lib/cjs/component/Button/button.shadow.css CHANGED
@@ -73,11 +73,13 @@ SButton[theme='primary-info'] {
73
73
  background-color: var(--intergalactic-control-primary-info, #008ff8);
74
74
 
75
75
  &:hover {
76
+ color: var(--intergalactic-text-primary-invert, #ffffff);
76
77
  background-color: var(--intergalactic-control-primary-info-hover, #006dca);
77
78
  }
78
79
 
79
80
  &:active,
80
81
  &[active] {
82
+ color: var(--intergalactic-text-primary-invert, #ffffff);
81
83
  background-color: var(--intergalactic-control-primary-info-active, #044792);
82
84
  }
83
85
  }
@@ -87,11 +89,13 @@ SButton[theme='primary-success'] {
87
89
  background-color: var(--intergalactic-control-primary-success, #009f81);
88
90
 
89
91
  &:hover {
92
+ color: var(--intergalactic-text-primary-invert, #ffffff);
90
93
  background-color: var(--intergalactic-control-primary-success-hover, #007c65);
91
94
  }
92
95
 
93
96
  &:active,
94
97
  &[active] {
98
+ color: var(--intergalactic-text-primary-invert, #ffffff);
95
99
  background-color: var(--intergalactic-control-primary-success-active, #055345);
96
100
  }
97
101
  }
@@ -101,11 +105,13 @@ SButton[theme='primary-warning'] {
101
105
  background-color: var(--intergalactic-control-primary-brand, #ff642d);
102
106
 
103
107
  &:hover {
108
+ color: var(--intergalactic-text-primary-invert, #ffffff);
104
109
  background-color: var(--intergalactic-control-primary-brand-hover, #c33909);
105
110
  }
106
111
 
107
112
  &:active,
108
113
  &[active] {
114
+ color: var(--intergalactic-text-primary-invert, #ffffff);
109
115
  background-color: var(--intergalactic-control-primary-brand-active, #c33909);
110
116
  }
111
117
  }
@@ -115,11 +121,13 @@ SButton[theme='primary-danger'] {
115
121
  background-color: var(--intergalactic-control-primary-critical, #ff4953);
116
122
 
117
123
  &:hover {
124
+ color: var(--intergalactic-text-primary-invert, #ffffff);
118
125
  background-color: var(--intergalactic-control-primary-critical-hover, #d1002f);
119
126
  }
120
127
 
121
128
  &:active,
122
129
  &[active] {
130
+ color: var(--intergalactic-text-primary-invert, #ffffff);
123
131
  background-color: var(--intergalactic-control-primary-critical-active, #8e0016);
124
132
  }
125
133
  }
@@ -129,11 +137,13 @@ SButton[theme='primary-invert'] {
129
137
  background-color: var(--intergalactic-control-primary-invert, #ffffff);
130
138
 
131
139
  &:hover {
140
+ color: var(--intergalactic-text-primary, #191b23);
132
141
  background-color: var(--intergalactic-control-primary-invert-hover, #f4f5f9);
133
142
  }
134
143
 
135
144
  &:active,
136
145
  &[active] {
146
+ color: var(--intergalactic-text-primary, #191b23);
137
147
  background-color: var(--intergalactic-control-primary-invert-active, #e0e1e9);
138
148
  }
139
149
  }
@@ -163,11 +173,13 @@ SButton[theme='secondary-info'] {
163
173
  border-color: var(--intergalactic-control-primary-info, #008ff8);
164
174
 
165
175
  &:hover {
176
+ color: var(--intergalactic-text-link, #006dca);
166
177
  background-color: var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2));
167
178
  }
168
179
 
169
180
  &:active,
170
181
  &[active] {
182
+ color: var(--intergalactic-text-link, #006dca);
171
183
  background-color: var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3));
172
184
  }
173
185
  }
@@ -178,11 +190,13 @@ SButton[theme='secondary-invert'] {
178
190
  background-color: var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05));
179
191
 
180
192
  &:hover {
193
+ color: var(--intergalactic-text-primary-invert, #ffffff);
181
194
  background-color: var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1));
182
195
  }
183
196
 
184
197
  &:active,
185
198
  &[active] {
199
+ color: var(--intergalactic-text-primary-invert, #ffffff);
186
200
  background-color: var(--intergalactic-control-secondary-invert-active,
187
201
  rgba(255, 255, 255, 0.3));
188
202
  }
@@ -193,11 +207,13 @@ SButton[theme='tertiary-info'] {
193
207
  background-color: var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0));
194
208
 
195
209
  &:hover {
210
+ color: var(--intergalactic-text-link, #006dca);
196
211
  background-color: var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2));
197
212
  }
198
213
 
199
214
  &:active,
200
215
  &[active] {
216
+ color: var(--intergalactic-text-link, #006dca);
201
217
  background-color: var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3));
202
218
  }
203
219
  }
@@ -224,11 +240,13 @@ SButton[theme='tertiary-invert'] {
224
240
  background-color: var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0));
225
241
 
226
242
  &:hover {
243
+ color: var(--intergalactic-text-primary-invert, #ffffff);
227
244
  background-color: var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1));
228
245
  }
229
246
 
230
247
  &:active,
231
248
  &[active] {
249
+ color: var(--intergalactic-text-primary-invert, #ffffff);
232
250
  background-color: var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3));
233
251
  }
234
252
  }
package/lib/cjs/component/ButtonLink/ButtonLink.js CHANGED
@@ -20,26 +20,26 @@ var _flexBox = require("@semcore/flex-box");
20
20
  var _AbstractButton2 = require("../AbstractButton/AbstractButton");
21
21
  var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
22
22
  /*__reshadow-styles__:"./buttonLink.shadow.css"*/
23
- var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButton_1obfu_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SButton_1obfu_gg_:active,.___SButton_1obfu_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1obfu_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_1obfu_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_1obfu_gg_.__active_1obfu_gg_,.___SButton_1obfu_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_1obfu_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_1obfu_gg_.__active_1obfu_gg_ .___SText_1obfu_gg_,.___SButton_1obfu_gg_:active .___SText_1obfu_gg_{border-color:currentColor}@media (hover:hover){.___SButton_1obfu_gg_:hover .___SText_1obfu_gg_{border-color:currentColor}}.___SButton_1obfu_gg_.__enableVisited_1obfu_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_1obfu_gg_.__enableVisited_1obfu_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_1obfu_gg_ .___SText_1obfu_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_1obfu_gg_.__keyboardFocused_1obfu_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SButton_1obfu_gg_.__disabled_1obfu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_1obfu_gg_._use_secondary_1obfu_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_1obfu_gg_._use_secondary_1obfu_gg_.__active_1obfu_gg_,.___SButton_1obfu_gg_._use_secondary_1obfu_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_1obfu_gg_._use_secondary_1obfu_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_1obfu_gg_._use_secondary_1obfu_gg_ .___SText_1obfu_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_1obfu_gg_,.___SInner_1obfu_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_1obfu_gg_{height:100%;width:100%}.___SAddon_1obfu_gg_{vertical-align:middle;pointer-events:none}.___SButton_1obfu_gg_ .___SAddon_1obfu_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_1obfu_gg_ .___SAddon_1obfu_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_1obfu_gg_.__text-color_1obfu_gg_{color:var(--text-color_1obfu)}.___SButton_1obfu_gg_.__text-color_1obfu_gg_.__active_1obfu_gg_,.___SButton_1obfu_gg_.__text-color_1obfu_gg_:active{color:var(--text-color_1obfu);filter:brightness(.8)}@media (hover:hover){.___SButton_1obfu_gg_.__text-color_1obfu_gg_:hover{color:var(--text-color_1obfu);filter:brightness(.8)}}.___SButton_1obfu_gg_._size_100_1obfu_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_1obfu_gg_._size_200_1obfu_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_1obfu_gg_._size_300_1obfu_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_1obfu_gg_._size_400_1obfu_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_1obfu_gg_._size_500_1obfu_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_1obfu_gg_._size_600_1obfu_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_1obfu_gg_._size_700_1obfu_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_1obfu_gg_._size_800_1obfu_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_1obfu_gg_,.___SText_1obfu_gg_{transition:none}}" /*__inner_css_end__*/, "1obfu_gg_") /*__reshadow_css_end__*/, {
24
- "__SButton": "___SButton_1obfu_gg_",
25
- "_keyboardFocused": "__keyboardFocused_1obfu_gg_",
26
- "_disabled": "__disabled_1obfu_gg_",
27
- "__SInner": "___SInner_1obfu_gg_",
28
- "__SAddon": "___SAddon_1obfu_gg_",
29
- "_size_100": "_size_100_1obfu_gg_",
30
- "_size_200": "_size_200_1obfu_gg_",
31
- "_size_300": "_size_300_1obfu_gg_",
32
- "_size_400": "_size_400_1obfu_gg_",
33
- "_size_500": "_size_500_1obfu_gg_",
34
- "_size_600": "_size_600_1obfu_gg_",
35
- "_size_700": "_size_700_1obfu_gg_",
36
- "_size_800": "_size_800_1obfu_gg_",
37
- "__SText": "___SText_1obfu_gg_",
38
- "_active": "__active_1obfu_gg_",
39
- "_enableVisited": "__enableVisited_1obfu_gg_",
40
- "_use_secondary": "_use_secondary_1obfu_gg_",
41
- "_text-color": "__text-color_1obfu_gg_",
42
- "--text-color": "--text-color_1obfu"
23
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButton_u5rbv_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SButton_u5rbv_gg_:active,.___SButton_u5rbv_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_u5rbv_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_u5rbv_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_u5rbv_gg_.__active_u5rbv_gg_,.___SButton_u5rbv_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_u5rbv_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_u5rbv_gg_.__active_u5rbv_gg_ .___SText_u5rbv_gg_,.___SButton_u5rbv_gg_:active .___SText_u5rbv_gg_{border-color:currentColor}@media (hover:hover){.___SButton_u5rbv_gg_:hover .___SText_u5rbv_gg_{border-color:currentColor}}.___SButton_u5rbv_gg_.__enableVisited_u5rbv_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_u5rbv_gg_.__enableVisited_u5rbv_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_u5rbv_gg_ .___SText_u5rbv_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_u5rbv_gg_.__keyboardFocused_u5rbv_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SButton_u5rbv_gg_.__disabled_u5rbv_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_u5rbv_gg_._use_secondary_u5rbv_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_u5rbv_gg_._use_secondary_u5rbv_gg_.__active_u5rbv_gg_,.___SButton_u5rbv_gg_._use_secondary_u5rbv_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_u5rbv_gg_._use_secondary_u5rbv_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_u5rbv_gg_._use_secondary_u5rbv_gg_ .___SText_u5rbv_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_u5rbv_gg_,.___SInner_u5rbv_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_u5rbv_gg_{height:100%;width:100%}.___SAddon_u5rbv_gg_{vertical-align:middle;pointer-events:none}.___SButton_u5rbv_gg_ .___SAddon_u5rbv_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_u5rbv_gg_ .___SAddon_u5rbv_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_u5rbv_gg_.__text-color_u5rbv_gg_{color:var(--text-color_u5rbv)}.___SButton_u5rbv_gg_.__text-color_u5rbv_gg_.__active_u5rbv_gg_,.___SButton_u5rbv_gg_.__text-color_u5rbv_gg_:active{color:var(--text-color_u5rbv);filter:brightness(.8)}@media (hover:hover){.___SButton_u5rbv_gg_.__text-color_u5rbv_gg_:hover{color:var(--text-color_u5rbv);filter:brightness(.8)}}.___SButton_u5rbv_gg_._size_100_u5rbv_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_u5rbv_gg_._size_200_u5rbv_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_u5rbv_gg_._size_300_u5rbv_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_u5rbv_gg_._size_400_u5rbv_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_u5rbv_gg_._size_500_u5rbv_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_u5rbv_gg_._size_600_u5rbv_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_u5rbv_gg_._size_700_u5rbv_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_u5rbv_gg_._size_800_u5rbv_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_u5rbv_gg_,.___SText_u5rbv_gg_{transition:none}}" /*__inner_css_end__*/, "u5rbv_gg_") /*__reshadow_css_end__*/, {
24
+ "__SButton": "___SButton_u5rbv_gg_",
25
+ "_keyboardFocused": "__keyboardFocused_u5rbv_gg_",
26
+ "_disabled": "__disabled_u5rbv_gg_",
27
+ "__SInner": "___SInner_u5rbv_gg_",
28
+ "__SAddon": "___SAddon_u5rbv_gg_",
29
+ "_size_100": "_size_100_u5rbv_gg_",
30
+ "_size_200": "_size_200_u5rbv_gg_",
31
+ "_size_300": "_size_300_u5rbv_gg_",
32
+ "_size_400": "_size_400_u5rbv_gg_",
33
+ "_size_500": "_size_500_u5rbv_gg_",
34
+ "_size_600": "_size_600_u5rbv_gg_",
35
+ "_size_700": "_size_700_u5rbv_gg_",
36
+ "_size_800": "_size_800_u5rbv_gg_",
37
+ "__SText": "___SText_u5rbv_gg_",
38
+ "_active": "__active_u5rbv_gg_",
39
+ "_enableVisited": "__enableVisited_u5rbv_gg_",
40
+ "_use_secondary": "_use_secondary_u5rbv_gg_",
41
+ "_text-color": "__text-color_u5rbv_gg_",
42
+ "--text-color": "--text-color_u5rbv"
43
43
  });
44
44
  var enhance = {
45
45
  keyboardFocused: (0, _keyboardFocusEnhance["default"])(),
package/lib/es6/component/Button/Button.js CHANGED
@@ -12,33 +12,33 @@ import createComponent, { sstyled, Root } from '@semcore/core';
12
12
  import { Box } from '@semcore/flex-box';
13
13
  import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
14
14
  /*__reshadow-styles__:"./button.shadow.css"*/
15
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_1veq1_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_1veq1_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_1veq1_gg_:active,.___SButton_1veq1_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1veq1_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_1veq1_gg_.__keyboardFocused_1veq1_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_1veq1_gg_.__disabled_1veq1_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_1veq1_gg_._size_s_1veq1_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_1veq1_gg_._size_m_1veq1_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_1veq1_gg_._size_l_1veq1_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_1veq1_gg_._theme_primary-info_1veq1_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_1veq1_gg_._theme_primary-info_1veq1_gg_:hover{background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_1veq1_gg_._theme_primary-info_1veq1_gg_.__active_1veq1_gg_,.___SButton_1veq1_gg_._theme_primary-info_1veq1_gg_:active{background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_1veq1_gg_._theme_primary-success_1veq1_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_1veq1_gg_._theme_primary-success_1veq1_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_1veq1_gg_._theme_primary-success_1veq1_gg_.__active_1veq1_gg_,.___SButton_1veq1_gg_._theme_primary-success_1veq1_gg_:active{background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_1veq1_gg_._theme_primary-warning_1veq1_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_1veq1_gg_._theme_primary-warning_1veq1_gg_:hover{background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_1veq1_gg_._theme_primary-warning_1veq1_gg_.__active_1veq1_gg_,.___SButton_1veq1_gg_._theme_primary-warning_1veq1_gg_:active{background-color:var(--intergalactic-control-primary-brand-active, #c33909)}.___SButton_1veq1_gg_._theme_primary-danger_1veq1_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_1veq1_gg_._theme_primary-danger_1veq1_gg_:hover{background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_1veq1_gg_._theme_primary-danger_1veq1_gg_.__active_1veq1_gg_,.___SButton_1veq1_gg_._theme_primary-danger_1veq1_gg_:active{background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_1veq1_gg_._theme_primary-invert_1veq1_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_1veq1_gg_._theme_primary-invert_1veq1_gg_:hover{background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_1veq1_gg_._theme_primary-invert_1veq1_gg_.__active_1veq1_gg_,.___SButton_1veq1_gg_._theme_primary-invert_1veq1_gg_:active{background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_1veq1_gg_._theme_secondary-muted_1veq1_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_1veq1_gg_._theme_secondary-muted_1veq1_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1veq1_gg_._theme_secondary-muted_1veq1_gg_.__active_1veq1_gg_,.___SButton_1veq1_gg_._theme_secondary-muted_1veq1_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_1veq1_gg_._theme_secondary-info_1veq1_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_1veq1_gg_._theme_secondary-info_1veq1_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1veq1_gg_._theme_secondary-info_1veq1_gg_.__active_1veq1_gg_,.___SButton_1veq1_gg_._theme_secondary-info_1veq1_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1veq1_gg_._theme_secondary-invert_1veq1_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_1veq1_gg_._theme_secondary-invert_1veq1_gg_:hover{background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1veq1_gg_._theme_secondary-invert_1veq1_gg_.__active_1veq1_gg_,.___SButton_1veq1_gg_._theme_secondary-invert_1veq1_gg_:active{background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3))}.___SButton_1veq1_gg_._theme_tertiary-info_1veq1_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_1veq1_gg_._theme_tertiary-info_1veq1_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1veq1_gg_._theme_tertiary-info_1veq1_gg_.__active_1veq1_gg_,.___SButton_1veq1_gg_._theme_tertiary-info_1veq1_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1veq1_gg_._theme_tertiary-muted_1veq1_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_1veq1_gg_._theme_tertiary-muted_1veq1_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1veq1_gg_._theme_tertiary-muted_1veq1_gg_.__active_1veq1_gg_,.___SButton_1veq1_gg_._theme_tertiary-muted_1veq1_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_1veq1_gg_._theme_tertiary-invert_1veq1_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_1veq1_gg_._theme_tertiary-invert_1veq1_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1veq1_gg_._theme_tertiary-invert_1veq1_gg_.__active_1veq1_gg_,.___SButton_1veq1_gg_._theme_tertiary-invert_1veq1_gg_:active{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_1veq1_gg_._neighborLocation_right_1veq1_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_1veq1_gg_._neighborLocation_both_1veq1_gg_{border-radius:0;margin-left:-1px}.___SButton_1veq1_gg_._neighborLocation_left_1veq1_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_1veq1_gg_._neighborLocation_both_1veq1_gg_,.___SButton_1veq1_gg_._neighborLocation_left_1veq1_gg_{position:relative}.___SButton_1veq1_gg_._neighborLocation_both_1veq1_gg_:after,.___SButton_1veq1_gg_._neighborLocation_left_1veq1_gg_:after{background-color:var(--intergalactic-text-primary-invert, #ffffff)}.___SButton_1veq1_gg_._neighborLocation_both_1veq1_gg_._theme_secondary-muted_1veq1_gg_:after,.___SButton_1veq1_gg_._neighborLocation_left_1veq1_gg_._theme_secondary-muted_1veq1_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_1veq1_gg_+.___SButton_1veq1_gg_._neighborLocation_both_1veq1_gg_:after,.___SButton_1veq1_gg_+.___SButton_1veq1_gg_._neighborLocation_left_1veq1_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_1veq1_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_1veq1_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_1veq1_gg_.__loading_1veq1_gg_{visibility:hidden}.___SText_1veq1_gg_{display:inline-flex}.___SText_1veq1_gg_._size_l_1veq1_gg_,.___SText_1veq1_gg_._size_m_1veq1_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_1veq1_gg_._size_m_1veq1_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_1veq1_gg_._size_l_1veq1_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_1veq1_gg_._size_l_1veq1_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_1veq1_gg_._size_l_1veq1_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_1veq1_gg_._size_l_1veq1_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_1veq1_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_1veq1_gg_._size_m_1veq1_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1veq1_gg_._size_m_1veq1_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1veq1_gg_._size_m_1veq1_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_1veq1_gg_._size_l_1veq1_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1veq1_gg_._size_l_1veq1_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1veq1_gg_._size_l_1veq1_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__*/, "1veq1_gg_") /*__reshadow_css_end__*/, {
16
- "__SButton": "___SButton_1veq1_gg_",
17
- "_keyboardFocused": "__keyboardFocused_1veq1_gg_",
18
- "_disabled": "__disabled_1veq1_gg_",
19
- "_size_s": "_size_s_1veq1_gg_",
20
- "_size_m": "_size_m_1veq1_gg_",
21
- "_size_l": "_size_l_1veq1_gg_",
22
- "_neighborLocation_right": "_neighborLocation_right_1veq1_gg_",
23
- "_neighborLocation_both": "_neighborLocation_both_1veq1_gg_",
24
- "_neighborLocation_left": "_neighborLocation_left_1veq1_gg_",
25
- "__SSpin": "___SSpin_1veq1_gg_",
26
- "__SInner": "___SInner_1veq1_gg_",
27
- "_loading": "__loading_1veq1_gg_",
28
- "__SText": "___SText_1veq1_gg_",
29
- "__SAddon": "___SAddon_1veq1_gg_",
30
- "_theme_primary-info": "_theme_primary-info_1veq1_gg_",
31
- "_active": "__active_1veq1_gg_",
32
- "_theme_primary-success": "_theme_primary-success_1veq1_gg_",
33
- "_theme_primary-warning": "_theme_primary-warning_1veq1_gg_",
34
- "_theme_primary-danger": "_theme_primary-danger_1veq1_gg_",
35
- "_theme_primary-invert": "_theme_primary-invert_1veq1_gg_",
36
- "_theme_secondary-muted": "_theme_secondary-muted_1veq1_gg_",
37
- "_theme_secondary-info": "_theme_secondary-info_1veq1_gg_",
38
- "_theme_secondary-invert": "_theme_secondary-invert_1veq1_gg_",
39
- "_theme_tertiary-info": "_theme_tertiary-info_1veq1_gg_",
40
- "_theme_tertiary-muted": "_theme_tertiary-muted_1veq1_gg_",
41
- "_theme_tertiary-invert": "_theme_tertiary-invert_1veq1_gg_"
15
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_mgyvk_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_mgyvk_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_mgyvk_gg_:active,.___SButton_mgyvk_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_mgyvk_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_mgyvk_gg_.__keyboardFocused_mgyvk_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_mgyvk_gg_.__disabled_mgyvk_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_mgyvk_gg_._size_s_mgyvk_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_mgyvk_gg_._size_m_mgyvk_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_mgyvk_gg_._size_l_mgyvk_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_mgyvk_gg_._theme_primary-info_mgyvk_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_mgyvk_gg_._theme_primary-info_mgyvk_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_mgyvk_gg_._theme_primary-info_mgyvk_gg_.__active_mgyvk_gg_,.___SButton_mgyvk_gg_._theme_primary-info_mgyvk_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_mgyvk_gg_._theme_primary-success_mgyvk_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_mgyvk_gg_._theme_primary-success_mgyvk_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_mgyvk_gg_._theme_primary-success_mgyvk_gg_.__active_mgyvk_gg_,.___SButton_mgyvk_gg_._theme_primary-success_mgyvk_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_mgyvk_gg_._theme_primary-warning_mgyvk_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_mgyvk_gg_._theme_primary-warning_mgyvk_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_mgyvk_gg_._theme_primary-warning_mgyvk_gg_.__active_mgyvk_gg_,.___SButton_mgyvk_gg_._theme_primary-warning_mgyvk_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #c33909)}.___SButton_mgyvk_gg_._theme_primary-danger_mgyvk_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_mgyvk_gg_._theme_primary-danger_mgyvk_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_mgyvk_gg_._theme_primary-danger_mgyvk_gg_.__active_mgyvk_gg_,.___SButton_mgyvk_gg_._theme_primary-danger_mgyvk_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_mgyvk_gg_._theme_primary-invert_mgyvk_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_mgyvk_gg_._theme_primary-invert_mgyvk_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_mgyvk_gg_._theme_primary-invert_mgyvk_gg_.__active_mgyvk_gg_,.___SButton_mgyvk_gg_._theme_primary-invert_mgyvk_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_mgyvk_gg_._theme_secondary-muted_mgyvk_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_mgyvk_gg_._theme_secondary-muted_mgyvk_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_mgyvk_gg_._theme_secondary-muted_mgyvk_gg_.__active_mgyvk_gg_,.___SButton_mgyvk_gg_._theme_secondary-muted_mgyvk_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_mgyvk_gg_._theme_secondary-info_mgyvk_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_mgyvk_gg_._theme_secondary-info_mgyvk_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_mgyvk_gg_._theme_secondary-info_mgyvk_gg_.__active_mgyvk_gg_,.___SButton_mgyvk_gg_._theme_secondary-info_mgyvk_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_mgyvk_gg_._theme_secondary-invert_mgyvk_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_mgyvk_gg_._theme_secondary-invert_mgyvk_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_mgyvk_gg_._theme_secondary-invert_mgyvk_gg_.__active_mgyvk_gg_,.___SButton_mgyvk_gg_._theme_secondary-invert_mgyvk_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3))}.___SButton_mgyvk_gg_._theme_tertiary-info_mgyvk_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_mgyvk_gg_._theme_tertiary-info_mgyvk_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_mgyvk_gg_._theme_tertiary-info_mgyvk_gg_.__active_mgyvk_gg_,.___SButton_mgyvk_gg_._theme_tertiary-info_mgyvk_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_mgyvk_gg_._theme_tertiary-muted_mgyvk_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_mgyvk_gg_._theme_tertiary-muted_mgyvk_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_mgyvk_gg_._theme_tertiary-muted_mgyvk_gg_.__active_mgyvk_gg_,.___SButton_mgyvk_gg_._theme_tertiary-muted_mgyvk_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_mgyvk_gg_._theme_tertiary-invert_mgyvk_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_mgyvk_gg_._theme_tertiary-invert_mgyvk_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_mgyvk_gg_._theme_tertiary-invert_mgyvk_gg_.__active_mgyvk_gg_,.___SButton_mgyvk_gg_._theme_tertiary-invert_mgyvk_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_mgyvk_gg_._neighborLocation_right_mgyvk_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_mgyvk_gg_._neighborLocation_both_mgyvk_gg_{border-radius:0;margin-left:-1px}.___SButton_mgyvk_gg_._neighborLocation_left_mgyvk_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_mgyvk_gg_._neighborLocation_both_mgyvk_gg_,.___SButton_mgyvk_gg_._neighborLocation_left_mgyvk_gg_{position:relative}.___SButton_mgyvk_gg_._neighborLocation_both_mgyvk_gg_:after,.___SButton_mgyvk_gg_._neighborLocation_left_mgyvk_gg_:after{background-color:var(--intergalactic-text-primary-invert, #ffffff)}.___SButton_mgyvk_gg_._neighborLocation_both_mgyvk_gg_._theme_secondary-muted_mgyvk_gg_:after,.___SButton_mgyvk_gg_._neighborLocation_left_mgyvk_gg_._theme_secondary-muted_mgyvk_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_mgyvk_gg_+.___SButton_mgyvk_gg_._neighborLocation_both_mgyvk_gg_:after,.___SButton_mgyvk_gg_+.___SButton_mgyvk_gg_._neighborLocation_left_mgyvk_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_mgyvk_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_mgyvk_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_mgyvk_gg_.__loading_mgyvk_gg_{visibility:hidden}.___SText_mgyvk_gg_{display:inline-flex}.___SText_mgyvk_gg_._size_l_mgyvk_gg_,.___SText_mgyvk_gg_._size_m_mgyvk_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_mgyvk_gg_._size_m_mgyvk_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_mgyvk_gg_._size_l_mgyvk_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_mgyvk_gg_._size_l_mgyvk_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_mgyvk_gg_._size_l_mgyvk_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_mgyvk_gg_._size_l_mgyvk_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_mgyvk_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_mgyvk_gg_._size_m_mgyvk_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_mgyvk_gg_._size_m_mgyvk_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_mgyvk_gg_._size_m_mgyvk_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_mgyvk_gg_._size_l_mgyvk_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_mgyvk_gg_._size_l_mgyvk_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_mgyvk_gg_._size_l_mgyvk_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__*/, "mgyvk_gg_") /*__reshadow_css_end__*/, {
16
+ "__SButton": "___SButton_mgyvk_gg_",
17
+ "_keyboardFocused": "__keyboardFocused_mgyvk_gg_",
18
+ "_disabled": "__disabled_mgyvk_gg_",
19
+ "_size_s": "_size_s_mgyvk_gg_",
20
+ "_size_m": "_size_m_mgyvk_gg_",
21
+ "_size_l": "_size_l_mgyvk_gg_",
22
+ "_neighborLocation_right": "_neighborLocation_right_mgyvk_gg_",
23
+ "_neighborLocation_both": "_neighborLocation_both_mgyvk_gg_",
24
+ "_neighborLocation_left": "_neighborLocation_left_mgyvk_gg_",
25
+ "__SSpin": "___SSpin_mgyvk_gg_",
26
+ "__SInner": "___SInner_mgyvk_gg_",
27
+ "_loading": "__loading_mgyvk_gg_",
28
+ "__SText": "___SText_mgyvk_gg_",
29
+ "__SAddon": "___SAddon_mgyvk_gg_",
30
+ "_theme_primary-info": "_theme_primary-info_mgyvk_gg_",
31
+ "_active": "__active_mgyvk_gg_",
32
+ "_theme_primary-success": "_theme_primary-success_mgyvk_gg_",
33
+ "_theme_primary-warning": "_theme_primary-warning_mgyvk_gg_",
34
+ "_theme_primary-danger": "_theme_primary-danger_mgyvk_gg_",
35
+ "_theme_primary-invert": "_theme_primary-invert_mgyvk_gg_",
36
+ "_theme_secondary-muted": "_theme_secondary-muted_mgyvk_gg_",
37
+ "_theme_secondary-info": "_theme_secondary-info_mgyvk_gg_",
38
+ "_theme_secondary-invert": "_theme_secondary-invert_mgyvk_gg_",
39
+ "_theme_tertiary-info": "_theme_tertiary-info_mgyvk_gg_",
40
+ "_theme_tertiary-muted": "_theme_tertiary-muted_mgyvk_gg_",
41
+ "_theme_tertiary-invert": "_theme_tertiary-invert_mgyvk_gg_"
42
42
  });
43
43
  import { AbstractButton } from '../AbstractButton/AbstractButton';
44
44
  var RootButton = /*#__PURE__*/function (_AbstractButton) {
package/lib/es6/component/Button/button.shadow.css CHANGED
@@ -73,11 +73,13 @@ SButton[theme='primary-info'] {
73
73
  background-color: var(--intergalactic-control-primary-info, #008ff8);
74
74
 
75
75
  &:hover {
76
+ color: var(--intergalactic-text-primary-invert, #ffffff);
76
77
  background-color: var(--intergalactic-control-primary-info-hover, #006dca);
77
78
  }
78
79
 
79
80
  &:active,
80
81
  &[active] {
82
+ color: var(--intergalactic-text-primary-invert, #ffffff);
81
83
  background-color: var(--intergalactic-control-primary-info-active, #044792);
82
84
  }
83
85
  }
@@ -87,11 +89,13 @@ SButton[theme='primary-success'] {
87
89
  background-color: var(--intergalactic-control-primary-success, #009f81);
88
90
 
89
91
  &:hover {
92
+ color: var(--intergalactic-text-primary-invert, #ffffff);
90
93
  background-color: var(--intergalactic-control-primary-success-hover, #007c65);
91
94
  }
92
95
 
93
96
  &:active,
94
97
  &[active] {
98
+ color: var(--intergalactic-text-primary-invert, #ffffff);
95
99
  background-color: var(--intergalactic-control-primary-success-active, #055345);
96
100
  }
97
101
  }
@@ -101,11 +105,13 @@ SButton[theme='primary-warning'] {
101
105
  background-color: var(--intergalactic-control-primary-brand, #ff642d);
102
106
 
103
107
  &:hover {
108
+ color: var(--intergalactic-text-primary-invert, #ffffff);
104
109
  background-color: var(--intergalactic-control-primary-brand-hover, #c33909);
105
110
  }
106
111
 
107
112
  &:active,
108
113
  &[active] {
114
+ color: var(--intergalactic-text-primary-invert, #ffffff);
109
115
  background-color: var(--intergalactic-control-primary-brand-active, #c33909);
110
116
  }
111
117
  }
@@ -115,11 +121,13 @@ SButton[theme='primary-danger'] {
115
121
  background-color: var(--intergalactic-control-primary-critical, #ff4953);
116
122
 
117
123
  &:hover {
124
+ color: var(--intergalactic-text-primary-invert, #ffffff);
118
125
  background-color: var(--intergalactic-control-primary-critical-hover, #d1002f);
119
126
  }
120
127
 
121
128
  &:active,
122
129
  &[active] {
130
+ color: var(--intergalactic-text-primary-invert, #ffffff);
123
131
  background-color: var(--intergalactic-control-primary-critical-active, #8e0016);
124
132
  }
125
133
  }
@@ -129,11 +137,13 @@ SButton[theme='primary-invert'] {
129
137
  background-color: var(--intergalactic-control-primary-invert, #ffffff);
130
138
 
131
139
  &:hover {
140
+ color: var(--intergalactic-text-primary, #191b23);
132
141
  background-color: var(--intergalactic-control-primary-invert-hover, #f4f5f9);
133
142
  }
134
143
 
135
144
  &:active,
136
145
  &[active] {
146
+ color: var(--intergalactic-text-primary, #191b23);
137
147
  background-color: var(--intergalactic-control-primary-invert-active, #e0e1e9);
138
148
  }
139
149
  }
@@ -163,11 +173,13 @@ SButton[theme='secondary-info'] {
163
173
  border-color: var(--intergalactic-control-primary-info, #008ff8);
164
174
 
165
175
  &:hover {
176
+ color: var(--intergalactic-text-link, #006dca);
166
177
  background-color: var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2));
167
178
  }
168
179
 
169
180
  &:active,
170
181
  &[active] {
182
+ color: var(--intergalactic-text-link, #006dca);
171
183
  background-color: var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3));
172
184
  }
173
185
  }
@@ -178,11 +190,13 @@ SButton[theme='secondary-invert'] {
178
190
  background-color: var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05));
179
191
 
180
192
  &:hover {
193
+ color: var(--intergalactic-text-primary-invert, #ffffff);
181
194
  background-color: var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1));
182
195
  }
183
196
 
184
197
  &:active,
185
198
  &[active] {
199
+ color: var(--intergalactic-text-primary-invert, #ffffff);
186
200
  background-color: var(--intergalactic-control-secondary-invert-active,
187
201
  rgba(255, 255, 255, 0.3));
188
202
  }
@@ -193,11 +207,13 @@ SButton[theme='tertiary-info'] {
193
207
  background-color: var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0));
194
208
 
195
209
  &:hover {
210
+ color: var(--intergalactic-text-link, #006dca);
196
211
  background-color: var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2));
197
212
  }
198
213
 
199
214
  &:active,
200
215
  &[active] {
216
+ color: var(--intergalactic-text-link, #006dca);
201
217
  background-color: var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3));
202
218
  }
203
219
  }
@@ -224,11 +240,13 @@ SButton[theme='tertiary-invert'] {
224
240
  background-color: var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0));
225
241
 
226
242
  &:hover {
243
+ color: var(--intergalactic-text-primary-invert, #ffffff);
227
244
  background-color: var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1));
228
245
  }
229
246
 
230
247
  &:active,
231
248
  &[active] {
249
+ color: var(--intergalactic-text-primary-invert, #ffffff);
232
250
  background-color: var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3));
233
251
  }
234
252
  }
package/lib/es6/component/ButtonLink/ButtonLink.js CHANGED
@@ -10,26 +10,26 @@ import { assignProps as _assignProps } from "@semcore/core";
10
10
  import React from 'react';
11
11
  import createComponent, { sstyled, Root } from '@semcore/core';
12
12
  /*__reshadow-styles__:"./buttonLink.shadow.css"*/
13
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_1obfu_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SButton_1obfu_gg_:active,.___SButton_1obfu_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1obfu_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_1obfu_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_1obfu_gg_.__active_1obfu_gg_,.___SButton_1obfu_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_1obfu_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_1obfu_gg_.__active_1obfu_gg_ .___SText_1obfu_gg_,.___SButton_1obfu_gg_:active .___SText_1obfu_gg_{border-color:currentColor}@media (hover:hover){.___SButton_1obfu_gg_:hover .___SText_1obfu_gg_{border-color:currentColor}}.___SButton_1obfu_gg_.__enableVisited_1obfu_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_1obfu_gg_.__enableVisited_1obfu_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_1obfu_gg_ .___SText_1obfu_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_1obfu_gg_.__keyboardFocused_1obfu_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SButton_1obfu_gg_.__disabled_1obfu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_1obfu_gg_._use_secondary_1obfu_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_1obfu_gg_._use_secondary_1obfu_gg_.__active_1obfu_gg_,.___SButton_1obfu_gg_._use_secondary_1obfu_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_1obfu_gg_._use_secondary_1obfu_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_1obfu_gg_._use_secondary_1obfu_gg_ .___SText_1obfu_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_1obfu_gg_,.___SInner_1obfu_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_1obfu_gg_{height:100%;width:100%}.___SAddon_1obfu_gg_{vertical-align:middle;pointer-events:none}.___SButton_1obfu_gg_ .___SAddon_1obfu_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_1obfu_gg_ .___SAddon_1obfu_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_1obfu_gg_.__text-color_1obfu_gg_{color:var(--text-color_1obfu)}.___SButton_1obfu_gg_.__text-color_1obfu_gg_.__active_1obfu_gg_,.___SButton_1obfu_gg_.__text-color_1obfu_gg_:active{color:var(--text-color_1obfu);filter:brightness(.8)}@media (hover:hover){.___SButton_1obfu_gg_.__text-color_1obfu_gg_:hover{color:var(--text-color_1obfu);filter:brightness(.8)}}.___SButton_1obfu_gg_._size_100_1obfu_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_1obfu_gg_._size_200_1obfu_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_1obfu_gg_._size_300_1obfu_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_1obfu_gg_._size_400_1obfu_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_1obfu_gg_._size_500_1obfu_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_1obfu_gg_._size_600_1obfu_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_1obfu_gg_._size_700_1obfu_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_1obfu_gg_._size_800_1obfu_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_1obfu_gg_,.___SText_1obfu_gg_{transition:none}}" /*__inner_css_end__*/, "1obfu_gg_") /*__reshadow_css_end__*/, {
14
- "__SButton": "___SButton_1obfu_gg_",
15
- "_keyboardFocused": "__keyboardFocused_1obfu_gg_",
16
- "_disabled": "__disabled_1obfu_gg_",
17
- "__SInner": "___SInner_1obfu_gg_",
18
- "__SAddon": "___SAddon_1obfu_gg_",
19
- "_size_100": "_size_100_1obfu_gg_",
20
- "_size_200": "_size_200_1obfu_gg_",
21
- "_size_300": "_size_300_1obfu_gg_",
22
- "_size_400": "_size_400_1obfu_gg_",
23
- "_size_500": "_size_500_1obfu_gg_",
24
- "_size_600": "_size_600_1obfu_gg_",
25
- "_size_700": "_size_700_1obfu_gg_",
26
- "_size_800": "_size_800_1obfu_gg_",
27
- "__SText": "___SText_1obfu_gg_",
28
- "_active": "__active_1obfu_gg_",
29
- "_enableVisited": "__enableVisited_1obfu_gg_",
30
- "_use_secondary": "_use_secondary_1obfu_gg_",
31
- "_text-color": "__text-color_1obfu_gg_",
32
- "--text-color": "--text-color_1obfu"
13
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_u5rbv_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SButton_u5rbv_gg_:active,.___SButton_u5rbv_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_u5rbv_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_u5rbv_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_u5rbv_gg_.__active_u5rbv_gg_,.___SButton_u5rbv_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_u5rbv_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_u5rbv_gg_.__active_u5rbv_gg_ .___SText_u5rbv_gg_,.___SButton_u5rbv_gg_:active .___SText_u5rbv_gg_{border-color:currentColor}@media (hover:hover){.___SButton_u5rbv_gg_:hover .___SText_u5rbv_gg_{border-color:currentColor}}.___SButton_u5rbv_gg_.__enableVisited_u5rbv_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_u5rbv_gg_.__enableVisited_u5rbv_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_u5rbv_gg_ .___SText_u5rbv_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_u5rbv_gg_.__keyboardFocused_u5rbv_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SButton_u5rbv_gg_.__disabled_u5rbv_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_u5rbv_gg_._use_secondary_u5rbv_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_u5rbv_gg_._use_secondary_u5rbv_gg_.__active_u5rbv_gg_,.___SButton_u5rbv_gg_._use_secondary_u5rbv_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_u5rbv_gg_._use_secondary_u5rbv_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_u5rbv_gg_._use_secondary_u5rbv_gg_ .___SText_u5rbv_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_u5rbv_gg_,.___SInner_u5rbv_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_u5rbv_gg_{height:100%;width:100%}.___SAddon_u5rbv_gg_{vertical-align:middle;pointer-events:none}.___SButton_u5rbv_gg_ .___SAddon_u5rbv_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_u5rbv_gg_ .___SAddon_u5rbv_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_u5rbv_gg_.__text-color_u5rbv_gg_{color:var(--text-color_u5rbv)}.___SButton_u5rbv_gg_.__text-color_u5rbv_gg_.__active_u5rbv_gg_,.___SButton_u5rbv_gg_.__text-color_u5rbv_gg_:active{color:var(--text-color_u5rbv);filter:brightness(.8)}@media (hover:hover){.___SButton_u5rbv_gg_.__text-color_u5rbv_gg_:hover{color:var(--text-color_u5rbv);filter:brightness(.8)}}.___SButton_u5rbv_gg_._size_100_u5rbv_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_u5rbv_gg_._size_200_u5rbv_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_u5rbv_gg_._size_300_u5rbv_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_u5rbv_gg_._size_400_u5rbv_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_u5rbv_gg_._size_500_u5rbv_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_u5rbv_gg_._size_600_u5rbv_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_u5rbv_gg_._size_700_u5rbv_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_u5rbv_gg_._size_800_u5rbv_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_u5rbv_gg_,.___SText_u5rbv_gg_{transition:none}}" /*__inner_css_end__*/, "u5rbv_gg_") /*__reshadow_css_end__*/, {
14
+ "__SButton": "___SButton_u5rbv_gg_",
15
+ "_keyboardFocused": "__keyboardFocused_u5rbv_gg_",
16
+ "_disabled": "__disabled_u5rbv_gg_",
17
+ "__SInner": "___SInner_u5rbv_gg_",
18
+ "__SAddon": "___SAddon_u5rbv_gg_",
19
+ "_size_100": "_size_100_u5rbv_gg_",
20
+ "_size_200": "_size_200_u5rbv_gg_",
21
+ "_size_300": "_size_300_u5rbv_gg_",
22
+ "_size_400": "_size_400_u5rbv_gg_",
23
+ "_size_500": "_size_500_u5rbv_gg_",
24
+ "_size_600": "_size_600_u5rbv_gg_",
25
+ "_size_700": "_size_700_u5rbv_gg_",
26
+ "_size_800": "_size_800_u5rbv_gg_",
27
+ "__SText": "___SText_u5rbv_gg_",
28
+ "_active": "__active_u5rbv_gg_",
29
+ "_enableVisited": "__enableVisited_u5rbv_gg_",
30
+ "_use_secondary": "_use_secondary_u5rbv_gg_",
31
+ "_text-color": "__text-color_u5rbv_gg_",
32
+ "--text-color": "--text-color_u5rbv"
33
33
  });
34
34
  import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
35
35
  import { Box } from '@semcore/flex-box';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/button",
3
3
  "description": "Semrush Button Component",
4
- "version": "5.39.3",
4
+ "version": "5.39.4",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -14,11 +14,11 @@
14
14
  "types": "./lib/types/index.d.ts"
15
15
  },
16
16
  "dependencies": {
17
- "@semcore/flex-box": "5.38.1",
18
- "@semcore/neighbor-location": "4.36.1",
19
- "@semcore/spin": "5.38.1",
20
- "@semcore/tooltip": "6.46.2",
21
- "@semcore/utils": "4.43.2"
17
+ "@semcore/flex-box": "5.38.2",
18
+ "@semcore/neighbor-location": "4.36.2",
19
+ "@semcore/spin": "5.38.2",
20
+ "@semcore/tooltip": "6.46.3",
21
+ "@semcore/utils": "4.43.3"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "@semcore/core": "^2.17.5",
package/src/component/Button/button.shadow.css CHANGED
@@ -73,11 +73,13 @@ SButton[theme='primary-info'] {
73
73
  background-color: var(--intergalactic-control-primary-info, #008ff8);
74
74
 
75
75
  &:hover {
76
+ color: var(--intergalactic-text-primary-invert, #ffffff);
76
77
  background-color: var(--intergalactic-control-primary-info-hover, #006dca);
77
78
  }
78
79
 
79
80
  &:active,
80
81
  &[active] {
82
+ color: var(--intergalactic-text-primary-invert, #ffffff);
81
83
  background-color: var(--intergalactic-control-primary-info-active, #044792);
82
84
  }
83
85
  }
@@ -87,11 +89,13 @@ SButton[theme='primary-success'] {
87
89
  background-color: var(--intergalactic-control-primary-success, #009f81);
88
90
 
89
91
  &:hover {
92
+ color: var(--intergalactic-text-primary-invert, #ffffff);
90
93
  background-color: var(--intergalactic-control-primary-success-hover, #007c65);
91
94
  }
92
95
 
93
96
  &:active,
94
97
  &[active] {
98
+ color: var(--intergalactic-text-primary-invert, #ffffff);
95
99
  background-color: var(--intergalactic-control-primary-success-active, #055345);
96
100
  }
97
101
  }
@@ -101,11 +105,13 @@ SButton[theme='primary-warning'] {
101
105
  background-color: var(--intergalactic-control-primary-brand, #ff642d);
102
106
 
103
107
  &:hover {
108
+ color: var(--intergalactic-text-primary-invert, #ffffff);
104
109
  background-color: var(--intergalactic-control-primary-brand-hover, #c33909);
105
110
  }
106
111
 
107
112
  &:active,
108
113
  &[active] {
114
+ color: var(--intergalactic-text-primary-invert, #ffffff);
109
115
  background-color: var(--intergalactic-control-primary-brand-active, #c33909);
110
116
  }
111
117
  }
@@ -115,11 +121,13 @@ SButton[theme='primary-danger'] {
115
121
  background-color: var(--intergalactic-control-primary-critical, #ff4953);
116
122
 
117
123
  &:hover {
124
+ color: var(--intergalactic-text-primary-invert, #ffffff);
118
125
  background-color: var(--intergalactic-control-primary-critical-hover, #d1002f);
119
126
  }
120
127
 
121
128
  &:active,
122
129
  &[active] {
130
+ color: var(--intergalactic-text-primary-invert, #ffffff);
123
131
  background-color: var(--intergalactic-control-primary-critical-active, #8e0016);
124
132
  }
125
133
  }
@@ -129,11 +137,13 @@ SButton[theme='primary-invert'] {
129
137
  background-color: var(--intergalactic-control-primary-invert, #ffffff);
130
138
 
131
139
  &:hover {
140
+ color: var(--intergalactic-text-primary, #191b23);
132
141
  background-color: var(--intergalactic-control-primary-invert-hover, #f4f5f9);
133
142
  }
134
143
 
135
144
  &:active,
136
145
  &[active] {
146
+ color: var(--intergalactic-text-primary, #191b23);
137
147
  background-color: var(--intergalactic-control-primary-invert-active, #e0e1e9);
138
148
  }
139
149
  }
@@ -163,11 +173,13 @@ SButton[theme='secondary-info'] {
163
173
  border-color: var(--intergalactic-control-primary-info, #008ff8);
164
174
 
165
175
  &:hover {
176
+ color: var(--intergalactic-text-link, #006dca);
166
177
  background-color: var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2));
167
178
  }
168
179
 
169
180
  &:active,
170
181
  &[active] {
182
+ color: var(--intergalactic-text-link, #006dca);
171
183
  background-color: var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3));
172
184
  }
173
185
  }
@@ -178,11 +190,13 @@ SButton[theme='secondary-invert'] {
178
190
  background-color: var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05));
179
191
 
180
192
  &:hover {
193
+ color: var(--intergalactic-text-primary-invert, #ffffff);
181
194
  background-color: var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1));
182
195
  }
183
196
 
184
197
  &:active,
185
198
  &[active] {
199
+ color: var(--intergalactic-text-primary-invert, #ffffff);
186
200
  background-color: var(--intergalactic-control-secondary-invert-active,
187
201
  rgba(255, 255, 255, 0.3));
188
202
  }
@@ -193,11 +207,13 @@ SButton[theme='tertiary-info'] {
193
207
  background-color: var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0));
194
208
 
195
209
  &:hover {
210
+ color: var(--intergalactic-text-link, #006dca);
196
211
  background-color: var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2));
197
212
  }
198
213
 
199
214
  &:active,
200
215
  &[active] {
216
+ color: var(--intergalactic-text-link, #006dca);
201
217
  background-color: var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3));
202
218
  }
203
219
  }
@@ -224,11 +240,13 @@ SButton[theme='tertiary-invert'] {
224
240
  background-color: var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0));
225
241
 
226
242
  &:hover {
243
+ color: var(--intergalactic-text-primary-invert, #ffffff);
227
244
  background-color: var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1));
228
245
  }
229
246
 
230
247
  &:active,
231
248
  &[active] {
249
+ color: var(--intergalactic-text-primary-invert, #ffffff);
232
250
  background-color: var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3));
233
251
  }
234
252
  }