@semcore/button 5.15.0 → 5.16.0-prerelease.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -1
- package/lib/cjs/Button.js +26 -26
- package/lib/cjs/style/button.shadow.css +49 -43
- package/lib/es6/Button.js +26 -26
- package/lib/es6/style/button.shadow.css +49 -43
- package/package.json +6 -6
- package/src/style/button.shadow.css +49 -43
package/CHANGELOG.md
CHANGED
|
@@ -2,7 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [5.
|
|
5
|
+
## [5.16.0-prerelease.1] - 2023-12-22
|
|
6
|
+
|
|
7
|
+
### Fixed
|
|
8
|
+
|
|
9
|
+
- Grouped controls separator color and shape. Additional separators are now added only between sibling `Button`s, all other components just removes one of sticked border.
|
|
10
|
+
|
|
11
|
+
## [5.15.0] - 2023-12-22
|
|
6
12
|
|
|
7
13
|
### Changed
|
|
8
14
|
|
package/lib/cjs/Button.js
CHANGED
|
@@ -23,32 +23,32 @@ var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
|
|
|
23
23
|
var _SpinButton = _interopRequireDefault(require("./SpinButton"));
|
|
24
24
|
var _hasLabels = _interopRequireDefault(require("@semcore/utils/lib/hasLabels"));
|
|
25
25
|
/*__reshadow-styles__:"./style/button.shadow.css"*/
|
|
26
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButton_ce19c_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_ce19c_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_ce19c_gg_:active,.___SButton_ce19c_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_ce19c_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_ce19c_gg_.__keyboardFocused_ce19c_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_ce19c_gg_.__disabled_ce19c_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_ce19c_gg_._size_m_ce19c_gg_{height:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_ce19c_gg_._size_l_ce19c_gg_{height:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_ce19c_gg_._theme_primary-info_ce19c_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_ce19c_gg_._theme_primary-info_ce19c_gg_:hover{background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_ce19c_gg_._theme_primary-info_ce19c_gg_.__active_ce19c_gg_,.___SButton_ce19c_gg_._theme_primary-info_ce19c_gg_:active{background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_ce19c_gg_._theme_primary-success_ce19c_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_ce19c_gg_._theme_primary-success_ce19c_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_ce19c_gg_._theme_primary-success_ce19c_gg_.__active_ce19c_gg_,.___SButton_ce19c_gg_._theme_primary-success_ce19c_gg_:active{background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_ce19c_gg_._theme_primary-warning_ce19c_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SButton_ce19c_gg_._theme_primary-warning_ce19c_gg_:hover{background-color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SButton_ce19c_gg_._theme_primary-warning_ce19c_gg_.__active_ce19c_gg_,.___SButton_ce19c_gg_._theme_primary-warning_ce19c_gg_:active{background-color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}.___SButton_ce19c_gg_._theme_primary-danger_ce19c_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_ce19c_gg_._theme_primary-danger_ce19c_gg_:hover{background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_ce19c_gg_._theme_primary-danger_ce19c_gg_.__active_ce19c_gg_,.___SButton_ce19c_gg_._theme_primary-danger_ce19c_gg_:active{background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_ce19c_gg_._theme_primary-invert_ce19c_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_ce19c_gg_._theme_primary-invert_ce19c_gg_:hover{background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_ce19c_gg_._theme_primary-invert_ce19c_gg_.__active_ce19c_gg_,.___SButton_ce19c_gg_._theme_primary-invert_ce19c_gg_:active{background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_ce19c_gg_._theme_secondary-muted_ce19c_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_ce19c_gg_._theme_secondary-muted_ce19c_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2)\n );color:var(--intergalactic-text-primary, #191b23)}}.___SButton_ce19c_gg_._theme_secondary-muted_ce19c_gg_.__active_ce19c_gg_,.___SButton_ce19c_gg_._theme_secondary-muted_ce19c_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3)\n );color:var(--intergalactic-text-primary, #191b23)}.___SButton_ce19c_gg_._theme_secondary-info_ce19c_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_ce19c_gg_._theme_secondary-info_ce19c_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_ce19c_gg_._theme_secondary-info_ce19c_gg_.__active_ce19c_gg_,.___SButton_ce19c_gg_._theme_secondary-info_ce19c_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_ce19c_gg_._theme_secondary-invert_ce19c_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_ce19c_gg_._theme_secondary-invert_ce19c_gg_:hover{background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_ce19c_gg_._theme_secondary-invert_ce19c_gg_.__active_ce19c_gg_,.___SButton_ce19c_gg_._theme_secondary-invert_ce19c_gg_:active{background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3)\n )}.___SButton_ce19c_gg_._theme_tertiary-info_ce19c_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_ce19c_gg_._theme_tertiary-info_ce19c_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_ce19c_gg_._theme_tertiary-info_ce19c_gg_.__active_ce19c_gg_,.___SButton_ce19c_gg_._theme_tertiary-info_ce19c_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_ce19c_gg_._theme_tertiary-muted_ce19c_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_ce19c_gg_._theme_tertiary-muted_ce19c_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_ce19c_gg_._theme_tertiary-muted_ce19c_gg_.__active_ce19c_gg_,.___SButton_ce19c_gg_._theme_tertiary-muted_ce19c_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3)\n );color:var(--intergalactic-text-primary, #191b23)}.___SButton_ce19c_gg_._theme_tertiary-invert_ce19c_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_ce19c_gg_._theme_tertiary-invert_ce19c_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_ce19c_gg_._theme_tertiary-invert_ce19c_gg_.__active_ce19c_gg_,.___SButton_ce19c_gg_._theme_tertiary-invert_ce19c_gg_:active{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_ce19c_gg_._neighborLocation_right_ce19c_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_ce19c_gg_._neighborLocation_both_ce19c_gg_{border-radius:0;margin-left:-1px}.___SButton_ce19c_gg_._neighborLocation_both_ce19c_gg_._theme_primary-danger_ce19c_gg_,.___SButton_ce19c_gg_._neighborLocation_both_ce19c_gg_._theme_primary-info_ce19c_gg_,.___SButton_ce19c_gg_._neighborLocation_both_ce19c_gg_._theme_primary-success_ce19c_gg_,.___SButton_ce19c_gg_._neighborLocation_both_ce19c_gg_._theme_primary-warning_ce19c_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_ce19c_gg_._neighborLocation_both_ce19c_gg_._theme_primary-invert_ce19c_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SButton_ce19c_gg_._neighborLocation_left_ce19c_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_ce19c_gg_._neighborLocation_left_ce19c_gg_._theme_primary-danger_ce19c_gg_,.___SButton_ce19c_gg_._neighborLocation_left_ce19c_gg_._theme_primary-info_ce19c_gg_,.___SButton_ce19c_gg_._neighborLocation_left_ce19c_gg_._theme_primary-success_ce19c_gg_,.___SButton_ce19c_gg_._neighborLocation_left_ce19c_gg_._theme_primary-warning_ce19c_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_ce19c_gg_._neighborLocation_left_ce19c_gg_._theme_primary-invert_ce19c_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SSpin_ce19c_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_ce19c_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_ce19c_gg_.__loading_ce19c_gg_{visibility:hidden}.___SText_ce19c_gg_{display:inline-flex}.___SText_ce19c_gg_._size_l_ce19c_gg_,.___SText_ce19c_gg_._size_m_ce19c_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_ce19c_gg_._size_m_ce19c_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_ce19c_gg_._size_l_ce19c_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_ce19c_gg_._size_l_ce19c_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_ce19c_gg_._size_l_ce19c_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_ce19c_gg_._size_l_ce19c_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_ce19c_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_ce19c_gg_._size_m_ce19c_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_ce19c_gg_._size_m_ce19c_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_ce19c_gg_._size_m_ce19c_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_ce19c_gg_._size_l_ce19c_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_ce19c_gg_._size_l_ce19c_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_ce19c_gg_._size_l_ce19c_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__*/, "ce19c_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
-
"__SButton": "
|
|
28
|
-
"_keyboardFocused": "
|
|
29
|
-
"_disabled": "
|
|
30
|
-
"_size_m": "
|
|
31
|
-
"_size_l": "
|
|
32
|
-
"_neighborLocation_right": "
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"_theme_primary-
|
|
41
|
-
"
|
|
42
|
-
"_theme_primary-
|
|
43
|
-
"_theme_primary-
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"_theme_secondary-
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"_theme_tertiary-
|
|
50
|
-
"
|
|
51
|
-
"
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButton_ls95c_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_ls95c_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_ls95c_gg_:active,.___SButton_ls95c_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_ls95c_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_ls95c_gg_.__keyboardFocused_ls95c_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_ls95c_gg_.__disabled_ls95c_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_ls95c_gg_._size_m_ls95c_gg_{height:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_ls95c_gg_._size_l_ls95c_gg_{height:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_ls95c_gg_._theme_primary-info_ls95c_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_ls95c_gg_._theme_primary-info_ls95c_gg_:hover{background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_ls95c_gg_._theme_primary-info_ls95c_gg_.__active_ls95c_gg_,.___SButton_ls95c_gg_._theme_primary-info_ls95c_gg_:active{background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_ls95c_gg_._theme_primary-success_ls95c_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_ls95c_gg_._theme_primary-success_ls95c_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_ls95c_gg_._theme_primary-success_ls95c_gg_.__active_ls95c_gg_,.___SButton_ls95c_gg_._theme_primary-success_ls95c_gg_:active{background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_ls95c_gg_._theme_primary-warning_ls95c_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SButton_ls95c_gg_._theme_primary-warning_ls95c_gg_:hover{background-color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SButton_ls95c_gg_._theme_primary-warning_ls95c_gg_.__active_ls95c_gg_,.___SButton_ls95c_gg_._theme_primary-warning_ls95c_gg_:active{background-color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}.___SButton_ls95c_gg_._theme_primary-danger_ls95c_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_ls95c_gg_._theme_primary-danger_ls95c_gg_:hover{background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_ls95c_gg_._theme_primary-danger_ls95c_gg_.__active_ls95c_gg_,.___SButton_ls95c_gg_._theme_primary-danger_ls95c_gg_:active{background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_ls95c_gg_._theme_primary-invert_ls95c_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_ls95c_gg_._theme_primary-invert_ls95c_gg_:hover{background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_ls95c_gg_._theme_primary-invert_ls95c_gg_.__active_ls95c_gg_,.___SButton_ls95c_gg_._theme_primary-invert_ls95c_gg_:active{background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_ls95c_gg_._theme_secondary-muted_ls95c_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_ls95c_gg_._theme_secondary-muted_ls95c_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_ls95c_gg_._theme_secondary-muted_ls95c_gg_.__active_ls95c_gg_,.___SButton_ls95c_gg_._theme_secondary-muted_ls95c_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_ls95c_gg_._theme_secondary-info_ls95c_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_ls95c_gg_._theme_secondary-info_ls95c_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_ls95c_gg_._theme_secondary-info_ls95c_gg_.__active_ls95c_gg_,.___SButton_ls95c_gg_._theme_secondary-info_ls95c_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_ls95c_gg_._theme_secondary-invert_ls95c_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_ls95c_gg_._theme_secondary-invert_ls95c_gg_:hover{background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_ls95c_gg_._theme_secondary-invert_ls95c_gg_.__active_ls95c_gg_,.___SButton_ls95c_gg_._theme_secondary-invert_ls95c_gg_:active{background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3))}.___SButton_ls95c_gg_._theme_tertiary-info_ls95c_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_ls95c_gg_._theme_tertiary-info_ls95c_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_ls95c_gg_._theme_tertiary-info_ls95c_gg_.__active_ls95c_gg_,.___SButton_ls95c_gg_._theme_tertiary-info_ls95c_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_ls95c_gg_._theme_tertiary-muted_ls95c_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_ls95c_gg_._theme_tertiary-muted_ls95c_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_ls95c_gg_._theme_tertiary-muted_ls95c_gg_.__active_ls95c_gg_,.___SButton_ls95c_gg_._theme_tertiary-muted_ls95c_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_ls95c_gg_._theme_tertiary-invert_ls95c_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_ls95c_gg_._theme_tertiary-invert_ls95c_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_ls95c_gg_._theme_tertiary-invert_ls95c_gg_.__active_ls95c_gg_,.___SButton_ls95c_gg_._theme_tertiary-invert_ls95c_gg_:active{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_ls95c_gg_._neighborLocation_right_ls95c_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_ls95c_gg_._neighborLocation_both_ls95c_gg_{border-radius:0;margin-left:-1px}.___SButton_ls95c_gg_._neighborLocation_left_ls95c_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_ls95c_gg_._neighborLocation_both_ls95c_gg_,.___SButton_ls95c_gg_._neighborLocation_left_ls95c_gg_{position:relative}.___SButton_ls95c_gg_+.___SButton_ls95c_gg_._neighborLocation_both_ls95c_gg_:after,.___SButton_ls95c_gg_+.___SButton_ls95c_gg_._neighborLocation_left_ls95c_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SButton_ls95c_gg_._neighborLocation_both_ls95c_gg_:after,.___SButton_ls95c_gg_._neighborLocation_left_ls95c_gg_:after{background-color:var(--intergalactic-text-primary-invert, #ffffff)}.___SButton_ls95c_gg_._neighborLocation_both_ls95c_gg_._theme_secondary-muted_ls95c_gg_:after,.___SButton_ls95c_gg_._neighborLocation_left_ls95c_gg_._theme_secondary-muted_ls95c_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_ls95c_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_ls95c_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_ls95c_gg_.__loading_ls95c_gg_{visibility:hidden}.___SText_ls95c_gg_{display:inline-flex}.___SText_ls95c_gg_._size_l_ls95c_gg_,.___SText_ls95c_gg_._size_m_ls95c_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_ls95c_gg_._size_m_ls95c_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_ls95c_gg_._size_l_ls95c_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_ls95c_gg_._size_l_ls95c_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_ls95c_gg_._size_l_ls95c_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_ls95c_gg_._size_l_ls95c_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_ls95c_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_ls95c_gg_._size_m_ls95c_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_ls95c_gg_._size_m_ls95c_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_ls95c_gg_._size_m_ls95c_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_ls95c_gg_._size_l_ls95c_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_ls95c_gg_._size_l_ls95c_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_ls95c_gg_._size_l_ls95c_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__*/, "ls95c_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SButton": "___SButton_ls95c_gg_",
|
|
28
|
+
"_keyboardFocused": "__keyboardFocused_ls95c_gg_",
|
|
29
|
+
"_disabled": "__disabled_ls95c_gg_",
|
|
30
|
+
"_size_m": "_size_m_ls95c_gg_",
|
|
31
|
+
"_size_l": "_size_l_ls95c_gg_",
|
|
32
|
+
"_neighborLocation_right": "_neighborLocation_right_ls95c_gg_",
|
|
33
|
+
"_neighborLocation_both": "_neighborLocation_both_ls95c_gg_",
|
|
34
|
+
"_neighborLocation_left": "_neighborLocation_left_ls95c_gg_",
|
|
35
|
+
"__SSpin": "___SSpin_ls95c_gg_",
|
|
36
|
+
"__SInner": "___SInner_ls95c_gg_",
|
|
37
|
+
"_loading": "__loading_ls95c_gg_",
|
|
38
|
+
"__SText": "___SText_ls95c_gg_",
|
|
39
|
+
"__SAddon": "___SAddon_ls95c_gg_",
|
|
40
|
+
"_theme_primary-info": "_theme_primary-info_ls95c_gg_",
|
|
41
|
+
"_active": "__active_ls95c_gg_",
|
|
42
|
+
"_theme_primary-success": "_theme_primary-success_ls95c_gg_",
|
|
43
|
+
"_theme_primary-warning": "_theme_primary-warning_ls95c_gg_",
|
|
44
|
+
"_theme_primary-danger": "_theme_primary-danger_ls95c_gg_",
|
|
45
|
+
"_theme_primary-invert": "_theme_primary-invert_ls95c_gg_",
|
|
46
|
+
"_theme_secondary-muted": "_theme_secondary-muted_ls95c_gg_",
|
|
47
|
+
"_theme_secondary-info": "_theme_secondary-info_ls95c_gg_",
|
|
48
|
+
"_theme_secondary-invert": "_theme_secondary-invert_ls95c_gg_",
|
|
49
|
+
"_theme_tertiary-info": "_theme_tertiary-info_ls95c_gg_",
|
|
50
|
+
"_theme_tertiary-muted": "_theme_tertiary-muted_ls95c_gg_",
|
|
51
|
+
"_theme_tertiary-invert": "_theme_tertiary-invert_ls95c_gg_"
|
|
52
52
|
});
|
|
53
53
|
var MAP_USE_DEFAULT_THEME = {
|
|
54
54
|
primary: 'info',
|
|
@@ -138,19 +138,15 @@ SButton[theme='secondary-muted'] {
|
|
|
138
138
|
background-color: var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1));
|
|
139
139
|
|
|
140
140
|
&:hover {
|
|
141
|
-
background-color: var(
|
|
142
|
-
|
|
143
|
-
rgba(138, 142, 155, 0.2)
|
|
144
|
-
);
|
|
141
|
+
background-color: var(--intergalactic-control-secondary-neutral-hover,
|
|
142
|
+
rgba(138, 142, 155, 0.2));
|
|
145
143
|
color: var(--intergalactic-text-primary, #191b23);
|
|
146
144
|
}
|
|
147
145
|
|
|
148
146
|
&:active,
|
|
149
147
|
&[active] {
|
|
150
|
-
background-color: var(
|
|
151
|
-
|
|
152
|
-
rgba(138, 142, 155, 0.3)
|
|
153
|
-
);
|
|
148
|
+
background-color: var(--intergalactic-control-secondary-neutral-active,
|
|
149
|
+
rgba(138, 142, 155, 0.3));
|
|
154
150
|
color: var(--intergalactic-text-primary, #191b23);
|
|
155
151
|
}
|
|
156
152
|
}
|
|
@@ -181,10 +177,8 @@ SButton[theme='secondary-invert'] {
|
|
|
181
177
|
|
|
182
178
|
&:active,
|
|
183
179
|
&[active] {
|
|
184
|
-
background-color: var(
|
|
185
|
-
|
|
186
|
-
rgba(255, 255, 255, 0.3)
|
|
187
|
-
);
|
|
180
|
+
background-color: var(--intergalactic-control-secondary-invert-active,
|
|
181
|
+
rgba(255, 255, 255, 0.3));
|
|
188
182
|
}
|
|
189
183
|
}
|
|
190
184
|
|
|
@@ -213,10 +207,8 @@ SButton[theme='tertiary-muted'] {
|
|
|
213
207
|
|
|
214
208
|
&:active,
|
|
215
209
|
&[active] {
|
|
216
|
-
background-color: var(
|
|
217
|
-
|
|
218
|
-
rgba(138, 142, 155, 0.3)
|
|
219
|
-
);
|
|
210
|
+
background-color: var(--intergalactic-control-tertiary-neutral-active,
|
|
211
|
+
rgba(138, 142, 155, 0.3));
|
|
220
212
|
color: var(--intergalactic-text-primary, #191b23);
|
|
221
213
|
}
|
|
222
214
|
}
|
|
@@ -244,17 +236,6 @@ SButton[neighborLocation='both'] {
|
|
|
244
236
|
border-radius: 0;
|
|
245
237
|
/* disable-tokens-validator */
|
|
246
238
|
margin-left: -1px;
|
|
247
|
-
|
|
248
|
-
&[theme='primary-info'],
|
|
249
|
-
&[theme='primary-success'],
|
|
250
|
-
&[theme='primary-warning'],
|
|
251
|
-
&[theme='primary-danger'] {
|
|
252
|
-
border-left-color: var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5));
|
|
253
|
-
}
|
|
254
|
-
|
|
255
|
-
&[theme='primary-invert'] {
|
|
256
|
-
border-left-color: var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5));
|
|
257
|
-
}
|
|
258
239
|
}
|
|
259
240
|
|
|
260
241
|
SButton[neighborLocation='left'] {
|
|
@@ -262,16 +243,31 @@ SButton[neighborLocation='left'] {
|
|
|
262
243
|
border-bottom-left-radius: 0;
|
|
263
244
|
/* disable-tokens-validator */
|
|
264
245
|
margin-left: -1px;
|
|
246
|
+
}
|
|
265
247
|
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
248
|
+
SButton[neighborLocation='both'],
|
|
249
|
+
SButton[neighborLocation='left'] {
|
|
250
|
+
position: relative;
|
|
251
|
+
|
|
252
|
+
SButton+& {
|
|
253
|
+
&:after {
|
|
254
|
+
content: '';
|
|
255
|
+
position: absolute;
|
|
256
|
+
top: -1px;
|
|
257
|
+
left: -1px;
|
|
258
|
+
width: 1px;
|
|
259
|
+
height: calc(100% + 2px);
|
|
260
|
+
}
|
|
261
|
+
}
|
|
262
|
+
|
|
263
|
+
&:after {
|
|
264
|
+
background-color: var(--intergalactic-text-primary-invert, #ffffff);
|
|
271
265
|
}
|
|
272
266
|
|
|
273
|
-
&[theme='
|
|
274
|
-
|
|
267
|
+
&[theme='secondary-muted'] {
|
|
268
|
+
&:after {
|
|
269
|
+
background-color: var(--intergalactic-border-primary, #c4c7cf);
|
|
270
|
+
}
|
|
275
271
|
}
|
|
276
272
|
}
|
|
277
273
|
|
|
@@ -315,9 +311,11 @@ SText[size='l'] {
|
|
|
315
311
|
margin-left: var(--intergalactic-spacing-3x, 12px);
|
|
316
312
|
margin-right: var(--intergalactic-spacing-3x, 12px);
|
|
317
313
|
}
|
|
314
|
+
|
|
318
315
|
&:first-child {
|
|
319
316
|
margin-left: var(--intergalactic-spacing-3x, 12px);
|
|
320
317
|
}
|
|
318
|
+
|
|
321
319
|
&:last-child {
|
|
322
320
|
margin-right: var(--intergalactic-spacing-3x, 12px);
|
|
323
321
|
}
|
|
@@ -331,30 +329,38 @@ SAddon {
|
|
|
331
329
|
|
|
332
330
|
SAddon[size='m'] {
|
|
333
331
|
&:not(:only-child):first-child {
|
|
334
|
-
margin-left: calc(var(--intergalactic-spacing-2x, 8px) - 1px);
|
|
332
|
+
margin-left: calc(var(--intergalactic-spacing-2x, 8px) - 1px);
|
|
333
|
+
/* -1px - for border width */
|
|
335
334
|
}
|
|
336
335
|
|
|
337
336
|
&:not(:only-child):last-child {
|
|
338
|
-
margin-right: calc(var(--intergalactic-spacing-2x, 8px) - 1px);
|
|
337
|
+
margin-right: calc(var(--intergalactic-spacing-2x, 8px) - 1px);
|
|
338
|
+
/* -1px - for border width */
|
|
339
339
|
}
|
|
340
340
|
|
|
341
341
|
&:only-child {
|
|
342
|
-
margin-left: calc(1.5 * var(--intergalactic-spacing-1x, 4px) - 1px);
|
|
343
|
-
|
|
342
|
+
margin-left: calc(1.5 * var(--intergalactic-spacing-1x, 4px) - 1px);
|
|
343
|
+
/* -1px - for border width */
|
|
344
|
+
margin-right: calc(1.5 * var(--intergalactic-spacing-1x, 4px) - 1px);
|
|
345
|
+
/* -1px - for border width */
|
|
344
346
|
}
|
|
345
347
|
}
|
|
346
348
|
|
|
347
349
|
SAddon[size='l'] {
|
|
348
350
|
&:not(:only-child):first-child {
|
|
349
|
-
margin-left: calc(var(--intergalactic-spacing-3x, 12px) - 1px);
|
|
351
|
+
margin-left: calc(var(--intergalactic-spacing-3x, 12px) - 1px);
|
|
352
|
+
/* -1px - for border width */
|
|
350
353
|
}
|
|
351
354
|
|
|
352
355
|
&:not(:only-child):last-child {
|
|
353
|
-
margin-right: calc(var(--intergalactic-spacing-3x, 12px) - 1px);
|
|
356
|
+
margin-right: calc(var(--intergalactic-spacing-3x, 12px) - 1px);
|
|
357
|
+
/* -1px - for border width */
|
|
354
358
|
}
|
|
355
359
|
|
|
356
360
|
&:only-child {
|
|
357
|
-
margin-left: calc(3 * var(--intergalactic-spacing-1x, 4px) - 1px);
|
|
358
|
-
|
|
361
|
+
margin-left: calc(3 * var(--intergalactic-spacing-1x, 4px) - 1px);
|
|
362
|
+
/* -1px - for border width */
|
|
363
|
+
margin-right: calc(3 * var(--intergalactic-spacing-1x, 4px) - 1px);
|
|
364
|
+
/* -1px - for border width */
|
|
359
365
|
}
|
|
360
|
-
}
|
|
366
|
+
}
|
package/lib/es6/Button.js
CHANGED
|
@@ -18,32 +18,32 @@ import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
|
|
|
18
18
|
import logger from '@semcore/utils/lib/logger';
|
|
19
19
|
import SpinButton from './SpinButton';
|
|
20
20
|
/*__reshadow-styles__:"./style/button.shadow.css"*/
|
|
21
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_ce19c_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_ce19c_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_ce19c_gg_:active,.___SButton_ce19c_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_ce19c_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_ce19c_gg_.__keyboardFocused_ce19c_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_ce19c_gg_.__disabled_ce19c_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_ce19c_gg_._size_m_ce19c_gg_{height:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_ce19c_gg_._size_l_ce19c_gg_{height:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_ce19c_gg_._theme_primary-info_ce19c_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_ce19c_gg_._theme_primary-info_ce19c_gg_:hover{background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_ce19c_gg_._theme_primary-info_ce19c_gg_.__active_ce19c_gg_,.___SButton_ce19c_gg_._theme_primary-info_ce19c_gg_:active{background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_ce19c_gg_._theme_primary-success_ce19c_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_ce19c_gg_._theme_primary-success_ce19c_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_ce19c_gg_._theme_primary-success_ce19c_gg_.__active_ce19c_gg_,.___SButton_ce19c_gg_._theme_primary-success_ce19c_gg_:active{background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_ce19c_gg_._theme_primary-warning_ce19c_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SButton_ce19c_gg_._theme_primary-warning_ce19c_gg_:hover{background-color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SButton_ce19c_gg_._theme_primary-warning_ce19c_gg_.__active_ce19c_gg_,.___SButton_ce19c_gg_._theme_primary-warning_ce19c_gg_:active{background-color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}.___SButton_ce19c_gg_._theme_primary-danger_ce19c_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_ce19c_gg_._theme_primary-danger_ce19c_gg_:hover{background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_ce19c_gg_._theme_primary-danger_ce19c_gg_.__active_ce19c_gg_,.___SButton_ce19c_gg_._theme_primary-danger_ce19c_gg_:active{background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_ce19c_gg_._theme_primary-invert_ce19c_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_ce19c_gg_._theme_primary-invert_ce19c_gg_:hover{background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_ce19c_gg_._theme_primary-invert_ce19c_gg_.__active_ce19c_gg_,.___SButton_ce19c_gg_._theme_primary-invert_ce19c_gg_:active{background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_ce19c_gg_._theme_secondary-muted_ce19c_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_ce19c_gg_._theme_secondary-muted_ce19c_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2)\n );color:var(--intergalactic-text-primary, #191b23)}}.___SButton_ce19c_gg_._theme_secondary-muted_ce19c_gg_.__active_ce19c_gg_,.___SButton_ce19c_gg_._theme_secondary-muted_ce19c_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3)\n );color:var(--intergalactic-text-primary, #191b23)}.___SButton_ce19c_gg_._theme_secondary-info_ce19c_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_ce19c_gg_._theme_secondary-info_ce19c_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_ce19c_gg_._theme_secondary-info_ce19c_gg_.__active_ce19c_gg_,.___SButton_ce19c_gg_._theme_secondary-info_ce19c_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_ce19c_gg_._theme_secondary-invert_ce19c_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_ce19c_gg_._theme_secondary-invert_ce19c_gg_:hover{background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_ce19c_gg_._theme_secondary-invert_ce19c_gg_.__active_ce19c_gg_,.___SButton_ce19c_gg_._theme_secondary-invert_ce19c_gg_:active{background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3)\n )}.___SButton_ce19c_gg_._theme_tertiary-info_ce19c_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_ce19c_gg_._theme_tertiary-info_ce19c_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_ce19c_gg_._theme_tertiary-info_ce19c_gg_.__active_ce19c_gg_,.___SButton_ce19c_gg_._theme_tertiary-info_ce19c_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_ce19c_gg_._theme_tertiary-muted_ce19c_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_ce19c_gg_._theme_tertiary-muted_ce19c_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_ce19c_gg_._theme_tertiary-muted_ce19c_gg_.__active_ce19c_gg_,.___SButton_ce19c_gg_._theme_tertiary-muted_ce19c_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3)\n );color:var(--intergalactic-text-primary, #191b23)}.___SButton_ce19c_gg_._theme_tertiary-invert_ce19c_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_ce19c_gg_._theme_tertiary-invert_ce19c_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_ce19c_gg_._theme_tertiary-invert_ce19c_gg_.__active_ce19c_gg_,.___SButton_ce19c_gg_._theme_tertiary-invert_ce19c_gg_:active{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_ce19c_gg_._neighborLocation_right_ce19c_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_ce19c_gg_._neighborLocation_both_ce19c_gg_{border-radius:0;margin-left:-1px}.___SButton_ce19c_gg_._neighborLocation_both_ce19c_gg_._theme_primary-danger_ce19c_gg_,.___SButton_ce19c_gg_._neighborLocation_both_ce19c_gg_._theme_primary-info_ce19c_gg_,.___SButton_ce19c_gg_._neighborLocation_both_ce19c_gg_._theme_primary-success_ce19c_gg_,.___SButton_ce19c_gg_._neighborLocation_both_ce19c_gg_._theme_primary-warning_ce19c_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_ce19c_gg_._neighborLocation_both_ce19c_gg_._theme_primary-invert_ce19c_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SButton_ce19c_gg_._neighborLocation_left_ce19c_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_ce19c_gg_._neighborLocation_left_ce19c_gg_._theme_primary-danger_ce19c_gg_,.___SButton_ce19c_gg_._neighborLocation_left_ce19c_gg_._theme_primary-info_ce19c_gg_,.___SButton_ce19c_gg_._neighborLocation_left_ce19c_gg_._theme_primary-success_ce19c_gg_,.___SButton_ce19c_gg_._neighborLocation_left_ce19c_gg_._theme_primary-warning_ce19c_gg_{border-left-color:var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5))}.___SButton_ce19c_gg_._neighborLocation_left_ce19c_gg_._theme_primary-invert_ce19c_gg_{border-left-color:var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5))}.___SSpin_ce19c_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_ce19c_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_ce19c_gg_.__loading_ce19c_gg_{visibility:hidden}.___SText_ce19c_gg_{display:inline-flex}.___SText_ce19c_gg_._size_l_ce19c_gg_,.___SText_ce19c_gg_._size_m_ce19c_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_ce19c_gg_._size_m_ce19c_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_ce19c_gg_._size_l_ce19c_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_ce19c_gg_._size_l_ce19c_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_ce19c_gg_._size_l_ce19c_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_ce19c_gg_._size_l_ce19c_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_ce19c_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_ce19c_gg_._size_m_ce19c_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_ce19c_gg_._size_m_ce19c_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_ce19c_gg_._size_m_ce19c_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_ce19c_gg_._size_l_ce19c_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_ce19c_gg_._size_l_ce19c_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_ce19c_gg_._size_l_ce19c_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__*/, "ce19c_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
-
"__SButton": "
|
|
23
|
-
"_keyboardFocused": "
|
|
24
|
-
"_disabled": "
|
|
25
|
-
"_size_m": "
|
|
26
|
-
"_size_l": "
|
|
27
|
-
"_neighborLocation_right": "
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"_theme_primary-
|
|
36
|
-
"
|
|
37
|
-
"_theme_primary-
|
|
38
|
-
"_theme_primary-
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"_theme_secondary-
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"_theme_tertiary-
|
|
45
|
-
"
|
|
46
|
-
"
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_ls95c_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_ls95c_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_ls95c_gg_:active,.___SButton_ls95c_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_ls95c_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_ls95c_gg_.__keyboardFocused_ls95c_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_ls95c_gg_.__disabled_ls95c_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_ls95c_gg_._size_m_ls95c_gg_{height:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_ls95c_gg_._size_l_ls95c_gg_{height:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_ls95c_gg_._theme_primary-info_ls95c_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_ls95c_gg_._theme_primary-info_ls95c_gg_:hover{background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_ls95c_gg_._theme_primary-info_ls95c_gg_.__active_ls95c_gg_,.___SButton_ls95c_gg_._theme_primary-info_ls95c_gg_:active{background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_ls95c_gg_._theme_primary-success_ls95c_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_ls95c_gg_._theme_primary-success_ls95c_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_ls95c_gg_._theme_primary-success_ls95c_gg_.__active_ls95c_gg_,.___SButton_ls95c_gg_._theme_primary-success_ls95c_gg_:active{background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_ls95c_gg_._theme_primary-warning_ls95c_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SButton_ls95c_gg_._theme_primary-warning_ls95c_gg_:hover{background-color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SButton_ls95c_gg_._theme_primary-warning_ls95c_gg_.__active_ls95c_gg_,.___SButton_ls95c_gg_._theme_primary-warning_ls95c_gg_:active{background-color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}.___SButton_ls95c_gg_._theme_primary-danger_ls95c_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_ls95c_gg_._theme_primary-danger_ls95c_gg_:hover{background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_ls95c_gg_._theme_primary-danger_ls95c_gg_.__active_ls95c_gg_,.___SButton_ls95c_gg_._theme_primary-danger_ls95c_gg_:active{background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_ls95c_gg_._theme_primary-invert_ls95c_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_ls95c_gg_._theme_primary-invert_ls95c_gg_:hover{background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_ls95c_gg_._theme_primary-invert_ls95c_gg_.__active_ls95c_gg_,.___SButton_ls95c_gg_._theme_primary-invert_ls95c_gg_:active{background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_ls95c_gg_._theme_secondary-muted_ls95c_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_ls95c_gg_._theme_secondary-muted_ls95c_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_ls95c_gg_._theme_secondary-muted_ls95c_gg_.__active_ls95c_gg_,.___SButton_ls95c_gg_._theme_secondary-muted_ls95c_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_ls95c_gg_._theme_secondary-info_ls95c_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_ls95c_gg_._theme_secondary-info_ls95c_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_ls95c_gg_._theme_secondary-info_ls95c_gg_.__active_ls95c_gg_,.___SButton_ls95c_gg_._theme_secondary-info_ls95c_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_ls95c_gg_._theme_secondary-invert_ls95c_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_ls95c_gg_._theme_secondary-invert_ls95c_gg_:hover{background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_ls95c_gg_._theme_secondary-invert_ls95c_gg_.__active_ls95c_gg_,.___SButton_ls95c_gg_._theme_secondary-invert_ls95c_gg_:active{background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3))}.___SButton_ls95c_gg_._theme_tertiary-info_ls95c_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_ls95c_gg_._theme_tertiary-info_ls95c_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_ls95c_gg_._theme_tertiary-info_ls95c_gg_.__active_ls95c_gg_,.___SButton_ls95c_gg_._theme_tertiary-info_ls95c_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_ls95c_gg_._theme_tertiary-muted_ls95c_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_ls95c_gg_._theme_tertiary-muted_ls95c_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_ls95c_gg_._theme_tertiary-muted_ls95c_gg_.__active_ls95c_gg_,.___SButton_ls95c_gg_._theme_tertiary-muted_ls95c_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_ls95c_gg_._theme_tertiary-invert_ls95c_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_ls95c_gg_._theme_tertiary-invert_ls95c_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_ls95c_gg_._theme_tertiary-invert_ls95c_gg_.__active_ls95c_gg_,.___SButton_ls95c_gg_._theme_tertiary-invert_ls95c_gg_:active{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_ls95c_gg_._neighborLocation_right_ls95c_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_ls95c_gg_._neighborLocation_both_ls95c_gg_{border-radius:0;margin-left:-1px}.___SButton_ls95c_gg_._neighborLocation_left_ls95c_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_ls95c_gg_._neighborLocation_both_ls95c_gg_,.___SButton_ls95c_gg_._neighborLocation_left_ls95c_gg_{position:relative}.___SButton_ls95c_gg_+.___SButton_ls95c_gg_._neighborLocation_both_ls95c_gg_:after,.___SButton_ls95c_gg_+.___SButton_ls95c_gg_._neighborLocation_left_ls95c_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SButton_ls95c_gg_._neighborLocation_both_ls95c_gg_:after,.___SButton_ls95c_gg_._neighborLocation_left_ls95c_gg_:after{background-color:var(--intergalactic-text-primary-invert, #ffffff)}.___SButton_ls95c_gg_._neighborLocation_both_ls95c_gg_._theme_secondary-muted_ls95c_gg_:after,.___SButton_ls95c_gg_._neighborLocation_left_ls95c_gg_._theme_secondary-muted_ls95c_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_ls95c_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_ls95c_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_ls95c_gg_.__loading_ls95c_gg_{visibility:hidden}.___SText_ls95c_gg_{display:inline-flex}.___SText_ls95c_gg_._size_l_ls95c_gg_,.___SText_ls95c_gg_._size_m_ls95c_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_ls95c_gg_._size_m_ls95c_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_ls95c_gg_._size_l_ls95c_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_ls95c_gg_._size_l_ls95c_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_ls95c_gg_._size_l_ls95c_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_ls95c_gg_._size_l_ls95c_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_ls95c_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_ls95c_gg_._size_m_ls95c_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_ls95c_gg_._size_m_ls95c_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_ls95c_gg_._size_m_ls95c_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_ls95c_gg_._size_l_ls95c_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_ls95c_gg_._size_l_ls95c_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_ls95c_gg_._size_l_ls95c_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__*/, "ls95c_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SButton": "___SButton_ls95c_gg_",
|
|
23
|
+
"_keyboardFocused": "__keyboardFocused_ls95c_gg_",
|
|
24
|
+
"_disabled": "__disabled_ls95c_gg_",
|
|
25
|
+
"_size_m": "_size_m_ls95c_gg_",
|
|
26
|
+
"_size_l": "_size_l_ls95c_gg_",
|
|
27
|
+
"_neighborLocation_right": "_neighborLocation_right_ls95c_gg_",
|
|
28
|
+
"_neighborLocation_both": "_neighborLocation_both_ls95c_gg_",
|
|
29
|
+
"_neighborLocation_left": "_neighborLocation_left_ls95c_gg_",
|
|
30
|
+
"__SSpin": "___SSpin_ls95c_gg_",
|
|
31
|
+
"__SInner": "___SInner_ls95c_gg_",
|
|
32
|
+
"_loading": "__loading_ls95c_gg_",
|
|
33
|
+
"__SText": "___SText_ls95c_gg_",
|
|
34
|
+
"__SAddon": "___SAddon_ls95c_gg_",
|
|
35
|
+
"_theme_primary-info": "_theme_primary-info_ls95c_gg_",
|
|
36
|
+
"_active": "__active_ls95c_gg_",
|
|
37
|
+
"_theme_primary-success": "_theme_primary-success_ls95c_gg_",
|
|
38
|
+
"_theme_primary-warning": "_theme_primary-warning_ls95c_gg_",
|
|
39
|
+
"_theme_primary-danger": "_theme_primary-danger_ls95c_gg_",
|
|
40
|
+
"_theme_primary-invert": "_theme_primary-invert_ls95c_gg_",
|
|
41
|
+
"_theme_secondary-muted": "_theme_secondary-muted_ls95c_gg_",
|
|
42
|
+
"_theme_secondary-info": "_theme_secondary-info_ls95c_gg_",
|
|
43
|
+
"_theme_secondary-invert": "_theme_secondary-invert_ls95c_gg_",
|
|
44
|
+
"_theme_tertiary-info": "_theme_tertiary-info_ls95c_gg_",
|
|
45
|
+
"_theme_tertiary-muted": "_theme_tertiary-muted_ls95c_gg_",
|
|
46
|
+
"_theme_tertiary-invert": "_theme_tertiary-invert_ls95c_gg_"
|
|
47
47
|
});
|
|
48
48
|
import hasLabels from '@semcore/utils/lib/hasLabels';
|
|
49
49
|
export var MAP_USE_DEFAULT_THEME = {
|
|
@@ -138,19 +138,15 @@ SButton[theme='secondary-muted'] {
|
|
|
138
138
|
background-color: var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1));
|
|
139
139
|
|
|
140
140
|
&:hover {
|
|
141
|
-
background-color: var(
|
|
142
|
-
|
|
143
|
-
rgba(138, 142, 155, 0.2)
|
|
144
|
-
);
|
|
141
|
+
background-color: var(--intergalactic-control-secondary-neutral-hover,
|
|
142
|
+
rgba(138, 142, 155, 0.2));
|
|
145
143
|
color: var(--intergalactic-text-primary, #191b23);
|
|
146
144
|
}
|
|
147
145
|
|
|
148
146
|
&:active,
|
|
149
147
|
&[active] {
|
|
150
|
-
background-color: var(
|
|
151
|
-
|
|
152
|
-
rgba(138, 142, 155, 0.3)
|
|
153
|
-
);
|
|
148
|
+
background-color: var(--intergalactic-control-secondary-neutral-active,
|
|
149
|
+
rgba(138, 142, 155, 0.3));
|
|
154
150
|
color: var(--intergalactic-text-primary, #191b23);
|
|
155
151
|
}
|
|
156
152
|
}
|
|
@@ -181,10 +177,8 @@ SButton[theme='secondary-invert'] {
|
|
|
181
177
|
|
|
182
178
|
&:active,
|
|
183
179
|
&[active] {
|
|
184
|
-
background-color: var(
|
|
185
|
-
|
|
186
|
-
rgba(255, 255, 255, 0.3)
|
|
187
|
-
);
|
|
180
|
+
background-color: var(--intergalactic-control-secondary-invert-active,
|
|
181
|
+
rgba(255, 255, 255, 0.3));
|
|
188
182
|
}
|
|
189
183
|
}
|
|
190
184
|
|
|
@@ -213,10 +207,8 @@ SButton[theme='tertiary-muted'] {
|
|
|
213
207
|
|
|
214
208
|
&:active,
|
|
215
209
|
&[active] {
|
|
216
|
-
background-color: var(
|
|
217
|
-
|
|
218
|
-
rgba(138, 142, 155, 0.3)
|
|
219
|
-
);
|
|
210
|
+
background-color: var(--intergalactic-control-tertiary-neutral-active,
|
|
211
|
+
rgba(138, 142, 155, 0.3));
|
|
220
212
|
color: var(--intergalactic-text-primary, #191b23);
|
|
221
213
|
}
|
|
222
214
|
}
|
|
@@ -244,17 +236,6 @@ SButton[neighborLocation='both'] {
|
|
|
244
236
|
border-radius: 0;
|
|
245
237
|
/* disable-tokens-validator */
|
|
246
238
|
margin-left: -1px;
|
|
247
|
-
|
|
248
|
-
&[theme='primary-info'],
|
|
249
|
-
&[theme='primary-success'],
|
|
250
|
-
&[theme='primary-warning'],
|
|
251
|
-
&[theme='primary-danger'] {
|
|
252
|
-
border-left-color: var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5));
|
|
253
|
-
}
|
|
254
|
-
|
|
255
|
-
&[theme='primary-invert'] {
|
|
256
|
-
border-left-color: var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5));
|
|
257
|
-
}
|
|
258
239
|
}
|
|
259
240
|
|
|
260
241
|
SButton[neighborLocation='left'] {
|
|
@@ -262,16 +243,31 @@ SButton[neighborLocation='left'] {
|
|
|
262
243
|
border-bottom-left-radius: 0;
|
|
263
244
|
/* disable-tokens-validator */
|
|
264
245
|
margin-left: -1px;
|
|
246
|
+
}
|
|
265
247
|
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
248
|
+
SButton[neighborLocation='both'],
|
|
249
|
+
SButton[neighborLocation='left'] {
|
|
250
|
+
position: relative;
|
|
251
|
+
|
|
252
|
+
SButton+& {
|
|
253
|
+
&:after {
|
|
254
|
+
content: '';
|
|
255
|
+
position: absolute;
|
|
256
|
+
top: -1px;
|
|
257
|
+
left: -1px;
|
|
258
|
+
width: 1px;
|
|
259
|
+
height: calc(100% + 2px);
|
|
260
|
+
}
|
|
261
|
+
}
|
|
262
|
+
|
|
263
|
+
&:after {
|
|
264
|
+
background-color: var(--intergalactic-text-primary-invert, #ffffff);
|
|
271
265
|
}
|
|
272
266
|
|
|
273
|
-
&[theme='
|
|
274
|
-
|
|
267
|
+
&[theme='secondary-muted'] {
|
|
268
|
+
&:after {
|
|
269
|
+
background-color: var(--intergalactic-border-primary, #c4c7cf);
|
|
270
|
+
}
|
|
275
271
|
}
|
|
276
272
|
}
|
|
277
273
|
|
|
@@ -315,9 +311,11 @@ SText[size='l'] {
|
|
|
315
311
|
margin-left: var(--intergalactic-spacing-3x, 12px);
|
|
316
312
|
margin-right: var(--intergalactic-spacing-3x, 12px);
|
|
317
313
|
}
|
|
314
|
+
|
|
318
315
|
&:first-child {
|
|
319
316
|
margin-left: var(--intergalactic-spacing-3x, 12px);
|
|
320
317
|
}
|
|
318
|
+
|
|
321
319
|
&:last-child {
|
|
322
320
|
margin-right: var(--intergalactic-spacing-3x, 12px);
|
|
323
321
|
}
|
|
@@ -331,30 +329,38 @@ SAddon {
|
|
|
331
329
|
|
|
332
330
|
SAddon[size='m'] {
|
|
333
331
|
&:not(:only-child):first-child {
|
|
334
|
-
margin-left: calc(var(--intergalactic-spacing-2x, 8px) - 1px);
|
|
332
|
+
margin-left: calc(var(--intergalactic-spacing-2x, 8px) - 1px);
|
|
333
|
+
/* -1px - for border width */
|
|
335
334
|
}
|
|
336
335
|
|
|
337
336
|
&:not(:only-child):last-child {
|
|
338
|
-
margin-right: calc(var(--intergalactic-spacing-2x, 8px) - 1px);
|
|
337
|
+
margin-right: calc(var(--intergalactic-spacing-2x, 8px) - 1px);
|
|
338
|
+
/* -1px - for border width */
|
|
339
339
|
}
|
|
340
340
|
|
|
341
341
|
&:only-child {
|
|
342
|
-
margin-left: calc(1.5 * var(--intergalactic-spacing-1x, 4px) - 1px);
|
|
343
|
-
|
|
342
|
+
margin-left: calc(1.5 * var(--intergalactic-spacing-1x, 4px) - 1px);
|
|
343
|
+
/* -1px - for border width */
|
|
344
|
+
margin-right: calc(1.5 * var(--intergalactic-spacing-1x, 4px) - 1px);
|
|
345
|
+
/* -1px - for border width */
|
|
344
346
|
}
|
|
345
347
|
}
|
|
346
348
|
|
|
347
349
|
SAddon[size='l'] {
|
|
348
350
|
&:not(:only-child):first-child {
|
|
349
|
-
margin-left: calc(var(--intergalactic-spacing-3x, 12px) - 1px);
|
|
351
|
+
margin-left: calc(var(--intergalactic-spacing-3x, 12px) - 1px);
|
|
352
|
+
/* -1px - for border width */
|
|
350
353
|
}
|
|
351
354
|
|
|
352
355
|
&:not(:only-child):last-child {
|
|
353
|
-
margin-right: calc(var(--intergalactic-spacing-3x, 12px) - 1px);
|
|
356
|
+
margin-right: calc(var(--intergalactic-spacing-3x, 12px) - 1px);
|
|
357
|
+
/* -1px - for border width */
|
|
354
358
|
}
|
|
355
359
|
|
|
356
360
|
&:only-child {
|
|
357
|
-
margin-left: calc(3 * var(--intergalactic-spacing-1x, 4px) - 1px);
|
|
358
|
-
|
|
361
|
+
margin-left: calc(3 * var(--intergalactic-spacing-1x, 4px) - 1px);
|
|
362
|
+
/* -1px - for border width */
|
|
363
|
+
margin-right: calc(3 * var(--intergalactic-spacing-1x, 4px) - 1px);
|
|
364
|
+
/* -1px - for border width */
|
|
359
365
|
}
|
|
360
|
-
}
|
|
366
|
+
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/button",
|
|
3
3
|
"description": "Semrush Button Component",
|
|
4
|
-
"version": "5.
|
|
4
|
+
"version": "5.16.0-prerelease.1",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -9,13 +9,13 @@
|
|
|
9
9
|
"author": "UI-kit team <ui-kit-team@semrush.com>",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@semcore/flex-box": "5.14.
|
|
13
|
-
"@semcore/neighbor-location": "4.13.
|
|
14
|
-
"@semcore/spin": "5.14.
|
|
15
|
-
"@semcore/utils": "4.16.
|
|
12
|
+
"@semcore/flex-box": "5.14.1-prerelease.1",
|
|
13
|
+
"@semcore/neighbor-location": "4.13.1-prerelease.1",
|
|
14
|
+
"@semcore/spin": "5.14.1-prerelease.1",
|
|
15
|
+
"@semcore/utils": "4.16.2-prerelease.1"
|
|
16
16
|
},
|
|
17
17
|
"peerDependencies": {
|
|
18
|
-
"@semcore/core": "^2.13.
|
|
18
|
+
"@semcore/core": "^2.13.1-prerelease.1",
|
|
19
19
|
"react": "16.8 - 18",
|
|
20
20
|
"react-dom": "16.8 - 18"
|
|
21
21
|
},
|
|
@@ -138,19 +138,15 @@ SButton[theme='secondary-muted'] {
|
|
|
138
138
|
background-color: var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1));
|
|
139
139
|
|
|
140
140
|
&:hover {
|
|
141
|
-
background-color: var(
|
|
142
|
-
|
|
143
|
-
rgba(138, 142, 155, 0.2)
|
|
144
|
-
);
|
|
141
|
+
background-color: var(--intergalactic-control-secondary-neutral-hover,
|
|
142
|
+
rgba(138, 142, 155, 0.2));
|
|
145
143
|
color: var(--intergalactic-text-primary, #191b23);
|
|
146
144
|
}
|
|
147
145
|
|
|
148
146
|
&:active,
|
|
149
147
|
&[active] {
|
|
150
|
-
background-color: var(
|
|
151
|
-
|
|
152
|
-
rgba(138, 142, 155, 0.3)
|
|
153
|
-
);
|
|
148
|
+
background-color: var(--intergalactic-control-secondary-neutral-active,
|
|
149
|
+
rgba(138, 142, 155, 0.3));
|
|
154
150
|
color: var(--intergalactic-text-primary, #191b23);
|
|
155
151
|
}
|
|
156
152
|
}
|
|
@@ -181,10 +177,8 @@ SButton[theme='secondary-invert'] {
|
|
|
181
177
|
|
|
182
178
|
&:active,
|
|
183
179
|
&[active] {
|
|
184
|
-
background-color: var(
|
|
185
|
-
|
|
186
|
-
rgba(255, 255, 255, 0.3)
|
|
187
|
-
);
|
|
180
|
+
background-color: var(--intergalactic-control-secondary-invert-active,
|
|
181
|
+
rgba(255, 255, 255, 0.3));
|
|
188
182
|
}
|
|
189
183
|
}
|
|
190
184
|
|
|
@@ -213,10 +207,8 @@ SButton[theme='tertiary-muted'] {
|
|
|
213
207
|
|
|
214
208
|
&:active,
|
|
215
209
|
&[active] {
|
|
216
|
-
background-color: var(
|
|
217
|
-
|
|
218
|
-
rgba(138, 142, 155, 0.3)
|
|
219
|
-
);
|
|
210
|
+
background-color: var(--intergalactic-control-tertiary-neutral-active,
|
|
211
|
+
rgba(138, 142, 155, 0.3));
|
|
220
212
|
color: var(--intergalactic-text-primary, #191b23);
|
|
221
213
|
}
|
|
222
214
|
}
|
|
@@ -244,17 +236,6 @@ SButton[neighborLocation='both'] {
|
|
|
244
236
|
border-radius: 0;
|
|
245
237
|
/* disable-tokens-validator */
|
|
246
238
|
margin-left: -1px;
|
|
247
|
-
|
|
248
|
-
&[theme='primary-info'],
|
|
249
|
-
&[theme='primary-success'],
|
|
250
|
-
&[theme='primary-warning'],
|
|
251
|
-
&[theme='primary-danger'] {
|
|
252
|
-
border-left-color: var(--intergalactic-neighbor-location-neutral, rgba(255, 255, 255, 0.5));
|
|
253
|
-
}
|
|
254
|
-
|
|
255
|
-
&[theme='primary-invert'] {
|
|
256
|
-
border-left-color: var(--intergalactic-neighbor-location-invert, rgba(0, 0, 0, 0.5));
|
|
257
|
-
}
|
|
258
239
|
}
|
|
259
240
|
|
|
260
241
|
SButton[neighborLocation='left'] {
|
|
@@ -262,16 +243,31 @@ SButton[neighborLocation='left'] {
|
|
|
262
243
|
border-bottom-left-radius: 0;
|
|
263
244
|
/* disable-tokens-validator */
|
|
264
245
|
margin-left: -1px;
|
|
246
|
+
}
|
|
265
247
|
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
248
|
+
SButton[neighborLocation='both'],
|
|
249
|
+
SButton[neighborLocation='left'] {
|
|
250
|
+
position: relative;
|
|
251
|
+
|
|
252
|
+
SButton+& {
|
|
253
|
+
&:after {
|
|
254
|
+
content: '';
|
|
255
|
+
position: absolute;
|
|
256
|
+
top: -1px;
|
|
257
|
+
left: -1px;
|
|
258
|
+
width: 1px;
|
|
259
|
+
height: calc(100% + 2px);
|
|
260
|
+
}
|
|
261
|
+
}
|
|
262
|
+
|
|
263
|
+
&:after {
|
|
264
|
+
background-color: var(--intergalactic-text-primary-invert, #ffffff);
|
|
271
265
|
}
|
|
272
266
|
|
|
273
|
-
&[theme='
|
|
274
|
-
|
|
267
|
+
&[theme='secondary-muted'] {
|
|
268
|
+
&:after {
|
|
269
|
+
background-color: var(--intergalactic-border-primary, #c4c7cf);
|
|
270
|
+
}
|
|
275
271
|
}
|
|
276
272
|
}
|
|
277
273
|
|
|
@@ -315,9 +311,11 @@ SText[size='l'] {
|
|
|
315
311
|
margin-left: var(--intergalactic-spacing-3x, 12px);
|
|
316
312
|
margin-right: var(--intergalactic-spacing-3x, 12px);
|
|
317
313
|
}
|
|
314
|
+
|
|
318
315
|
&:first-child {
|
|
319
316
|
margin-left: var(--intergalactic-spacing-3x, 12px);
|
|
320
317
|
}
|
|
318
|
+
|
|
321
319
|
&:last-child {
|
|
322
320
|
margin-right: var(--intergalactic-spacing-3x, 12px);
|
|
323
321
|
}
|
|
@@ -331,30 +329,38 @@ SAddon {
|
|
|
331
329
|
|
|
332
330
|
SAddon[size='m'] {
|
|
333
331
|
&:not(:only-child):first-child {
|
|
334
|
-
margin-left: calc(var(--intergalactic-spacing-2x, 8px) - 1px);
|
|
332
|
+
margin-left: calc(var(--intergalactic-spacing-2x, 8px) - 1px);
|
|
333
|
+
/* -1px - for border width */
|
|
335
334
|
}
|
|
336
335
|
|
|
337
336
|
&:not(:only-child):last-child {
|
|
338
|
-
margin-right: calc(var(--intergalactic-spacing-2x, 8px) - 1px);
|
|
337
|
+
margin-right: calc(var(--intergalactic-spacing-2x, 8px) - 1px);
|
|
338
|
+
/* -1px - for border width */
|
|
339
339
|
}
|
|
340
340
|
|
|
341
341
|
&:only-child {
|
|
342
|
-
margin-left: calc(1.5 * var(--intergalactic-spacing-1x, 4px) - 1px);
|
|
343
|
-
|
|
342
|
+
margin-left: calc(1.5 * var(--intergalactic-spacing-1x, 4px) - 1px);
|
|
343
|
+
/* -1px - for border width */
|
|
344
|
+
margin-right: calc(1.5 * var(--intergalactic-spacing-1x, 4px) - 1px);
|
|
345
|
+
/* -1px - for border width */
|
|
344
346
|
}
|
|
345
347
|
}
|
|
346
348
|
|
|
347
349
|
SAddon[size='l'] {
|
|
348
350
|
&:not(:only-child):first-child {
|
|
349
|
-
margin-left: calc(var(--intergalactic-spacing-3x, 12px) - 1px);
|
|
351
|
+
margin-left: calc(var(--intergalactic-spacing-3x, 12px) - 1px);
|
|
352
|
+
/* -1px - for border width */
|
|
350
353
|
}
|
|
351
354
|
|
|
352
355
|
&:not(:only-child):last-child {
|
|
353
|
-
margin-right: calc(var(--intergalactic-spacing-3x, 12px) - 1px);
|
|
356
|
+
margin-right: calc(var(--intergalactic-spacing-3x, 12px) - 1px);
|
|
357
|
+
/* -1px - for border width */
|
|
354
358
|
}
|
|
355
359
|
|
|
356
360
|
&:only-child {
|
|
357
|
-
margin-left: calc(3 * var(--intergalactic-spacing-1x, 4px) - 1px);
|
|
358
|
-
|
|
361
|
+
margin-left: calc(3 * var(--intergalactic-spacing-1x, 4px) - 1px);
|
|
362
|
+
/* -1px - for border width */
|
|
363
|
+
margin-right: calc(3 * var(--intergalactic-spacing-1x, 4px) - 1px);
|
|
364
|
+
/* -1px - for border width */
|
|
359
365
|
}
|
|
360
|
-
}
|
|
366
|
+
}
|