@semcore/button 5.43.3 → 5.44.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 +6 -0
- package/lib/cjs/component/Button/Button.js +28 -28
- package/lib/cjs/component/Button/button.shadow.css +80 -80
- package/lib/cjs/component/ButtonLink/ButtonLink.js +20 -20
- package/lib/cjs/component/ButtonLink/buttonLink.shadow.css +7 -7
- package/lib/es6/component/Button/Button.js +28 -28
- package/lib/es6/component/Button/button.shadow.css +80 -80
- package/lib/es6/component/ButtonLink/ButtonLink.js +20 -20
- package/lib/es6/component/ButtonLink/buttonLink.shadow.css +7 -7
- package/lib/esm/component/Button/Button.mjs +29 -29
- package/lib/esm/component/Button/button.shadow.css +80 -80
- package/lib/esm/component/ButtonLink/ButtonLink.mjs +21 -21
- package/lib/esm/component/ButtonLink/buttonLink.shadow.css +7 -7
- package/package.json +7 -7
- package/src/component/Button/button.shadow.css +80 -80
- package/src/component/ButtonLink/buttonLink.shadow.css +7 -7
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.44.0] - 2026-05-06
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version minor update due to children dependencies update (`@semcore/utils` [4.48.5 ~> 4.49.0]).
|
|
10
|
+
|
|
5
11
|
## [5.43.3] - 2025-05-13
|
|
6
12
|
|
|
7
13
|
### Changed
|
|
@@ -19,36 +19,36 @@ 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_18z1k_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_18z1k_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_18z1k_gg_:active,.___SButton_18z1k_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_18z1k_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_18z1k_gg_.__keyboardFocused_18z1k_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_18z1k_gg_.__disabled_18z1k_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_18z1k_gg_._size_s_18z1k_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_18z1k_gg_._size_m_18z1k_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_18z1k_gg_._size_l_18z1k_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_18z1k_gg_._theme_primary-info_18z1k_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_18z1k_gg_._theme_primary-info_18z1k_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_18z1k_gg_._theme_primary-info_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_primary-info_18z1k_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_18z1k_gg_._theme_primary-success_18z1k_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_18z1k_gg_._theme_primary-success_18z1k_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_18z1k_gg_._theme_primary-success_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_primary-success_18z1k_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_18z1k_gg_._theme_primary-brand_18z1k_gg_,.___SButton_18z1k_gg_._theme_primary-warning_18z1k_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_18z1k_gg_._theme_primary-brand_18z1k_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_18z1k_gg_._theme_primary-brand_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_primary-brand_18z1k_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_18z1k_gg_._theme_primary-warning_18z1k_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_18z1k_gg_._theme_primary-warning_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_primary-warning_18z1k_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_18z1k_gg_._theme_primary-danger_18z1k_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_18z1k_gg_._theme_primary-danger_18z1k_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_18z1k_gg_._theme_primary-danger_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_primary-danger_18z1k_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_18z1k_gg_._theme_primary-invert_18z1k_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_18z1k_gg_._theme_primary-invert_18z1k_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_18z1k_gg_._theme_primary-invert_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_primary-invert_18z1k_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_18z1k_gg_._theme_secondary-muted_18z1k_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_18z1k_gg_._theme_secondary-muted_18z1k_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_18z1k_gg_._theme_secondary-muted_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_secondary-muted_18z1k_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_18z1k_gg_._theme_secondary-info_18z1k_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_18z1k_gg_._theme_secondary-info_18z1k_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_18z1k_gg_._theme_secondary-info_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_secondary-info_18z1k_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_18z1k_gg_._theme_secondary-invert_18z1k_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_18z1k_gg_._theme_secondary-invert_18z1k_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_18z1k_gg_._theme_secondary-invert_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_secondary-invert_18z1k_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_18z1k_gg_._theme_tertiary-info_18z1k_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_18z1k_gg_._theme_tertiary-info_18z1k_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_18z1k_gg_._theme_tertiary-info_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_tertiary-info_18z1k_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_18z1k_gg_._theme_tertiary-muted_18z1k_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_18z1k_gg_._theme_tertiary-muted_18z1k_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_18z1k_gg_._theme_tertiary-muted_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_tertiary-muted_18z1k_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_18z1k_gg_._theme_tertiary-invert_18z1k_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_18z1k_gg_._theme_tertiary-invert_18z1k_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_18z1k_gg_._theme_tertiary-invert_18z1k_gg_.__active_18z1k_gg_,.___SButton_18z1k_gg_._theme_tertiary-invert_18z1k_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_18z1k_gg_._neighborLocation_right_18z1k_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_18z1k_gg_._neighborLocation_both_18z1k_gg_{border-radius:0;margin-left:-1px}.___SButton_18z1k_gg_._neighborLocation_left_18z1k_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_18z1k_gg_._neighborLocation_both_18z1k_gg_,.___SButton_18z1k_gg_._neighborLocation_left_18z1k_gg_{position:relative}.___SButton_18z1k_gg_._neighborLocation_both_18z1k_gg_:after,.___SButton_18z1k_gg_._neighborLocation_left_18z1k_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_18z1k_gg_._neighborLocation_both_18z1k_gg_._theme_secondary-muted_18z1k_gg_:after,.___SButton_18z1k_gg_._neighborLocation_left_18z1k_gg_._theme_secondary-muted_18z1k_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_18z1k_gg_+.___SButton_18z1k_gg_._neighborLocation_both_18z1k_gg_:after,.___SButton_18z1k_gg_+.___SButton_18z1k_gg_._neighborLocation_left_18z1k_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_18z1k_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_18z1k_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_18z1k_gg_.__loading_18z1k_gg_{visibility:hidden}.___SText_18z1k_gg_{display:inline-flex}.___SText_18z1k_gg_._size_l_18z1k_gg_,.___SText_18z1k_gg_._size_m_18z1k_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_18z1k_gg_._size_m_18z1k_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_18z1k_gg_._size_l_18z1k_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_18z1k_gg_._size_l_18z1k_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_18z1k_gg_._size_l_18z1k_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_18z1k_gg_._size_l_18z1k_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_18z1k_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_18z1k_gg_._size_m_18z1k_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_18z1k_gg_._size_m_18z1k_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_18z1k_gg_._size_m_18z1k_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_18z1k_gg_._size_l_18z1k_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_18z1k_gg_._size_l_18z1k_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_18z1k_gg_._size_l_18z1k_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__*/"18z1k_gg_"),
|
|
22
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButton_jgdxy_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, rgba(0, 3, 0, 0.583));min-width:-moz-fit-content;min-width:fit-content}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_jgdxy_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SButton_jgdxy_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_jgdxy_gg_:active,.___SButton_jgdxy_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_jgdxy_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_jgdxy_gg_.__keyboardFocused_jgdxy_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 18, 193, 0.441));z-index:1}.___SButton_jgdxy_gg_.__disabled_jgdxy_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_jgdxy_gg_._size_s_jgdxy_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_jgdxy_gg_._size_m_jgdxy_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_jgdxy_gg_._size_l_jgdxy_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_jgdxy_gg_._theme_primary-info_jgdxy_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}@media (hover:hover){.___SButton_jgdxy_gg_._theme_primary-info_jgdxy_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-info-hover, rgb(49, 52, 48))}}.___SButton_jgdxy_gg_._theme_primary-info_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-info_jgdxy_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-info-active, rgb(0, 0, 0))}.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success, rgb(0, 167, 127))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_{background-color:var(--intergalactic-control-primary-success, rgb(0, 167, 127))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_{background-color:var(--intergalactic-control-primary-success, color(display-p3 0.13723 0.6542 0.50031))}}}@media (hover:hover){.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success-hover, rgb(0, 153, 116))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, rgb(0, 153, 116))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, color(display-p3 0.09181 0.60147 0.45602))}}}}.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-success-active, rgb(0, 146, 110))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_:active{background-color:var(--intergalactic-control-primary-success-active, rgb(0, 146, 110))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-success_jgdxy_gg_:active{background-color:var(--intergalactic-control-primary-success-active, color(display-p3 0.07522 0.57486 0.43446))}}}.___SButton_jgdxy_gg_._theme_primary-brand_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-warning_jgdxy_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand, rgb(162, 97, 253))}@media (hover:hover){.___SButton_jgdxy_gg_._theme_primary-brand_jgdxy_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-hover, rgb(150, 76, 251))}}.___SButton_jgdxy_gg_._theme_primary-brand_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-brand_jgdxy_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-active, rgb(144, 65, 250))}@media (hover:hover){.___SButton_jgdxy_gg_._theme_primary-warning_jgdxy_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-hover, rgb(150, 76, 251))}}.___SButton_jgdxy_gg_._theme_primary-warning_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-warning_jgdxy_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-brand-active, rgb(144, 65, 250))}.___SButton_jgdxy_gg_._theme_primary-danger_jgdxy_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-critical, rgb(247, 55, 64))}@media (hover:hover){.___SButton_jgdxy_gg_._theme_primary-danger_jgdxy_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-critical-hover, rgb(230, 44, 51))}}.___SButton_jgdxy_gg_._theme_primary-danger_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-danger_jgdxy_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-primary-critical-active, rgb(221, 39, 45))}.___SButton_jgdxy_gg_._theme_primary-invert_jgdxy_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));background-color:var(--intergalactic-control-primary-invert, rgb(255, 255, 255))}@media (hover:hover){.___SButton_jgdxy_gg_._theme_primary-invert_jgdxy_gg_:hover{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));background-color:var(--intergalactic-control-primary-invert-hover, rgb(241, 242, 242))}}.___SButton_jgdxy_gg_._theme_primary-invert_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_primary-invert_jgdxy_gg_:active{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));background-color:var(--intergalactic-control-primary-invert-active, rgb(234, 235, 235))}.___SButton_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));background-color:var(--intergalactic-control-secondary-neutral, rgba(0, 22, 16, 0.028))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583));border-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}@media (hover:hover){.___SButton_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(0, 21, 16, 0.056));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}}.___SButton_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(0, 21, 16, 0.084));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(0, 21, 16, 0.084))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n color(display-p3 0.01753 0.08157 0.06372 / 0.084))}}}.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 31, 210, 0.031));color:var(--intergalactic-text-link, rgb(36, 93, 229));border-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 31, 210, 0.031))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_{background-color:var(--intergalactic-control-secondary-info, color(display-p3 0.03208 0.12081 0.79186 / 0.031))}}}@media (hover:hover){.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_:hover{color:var(--intergalactic-text-link, rgb(36, 93, 229));background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 30, 209, 0.062))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 30, 209, 0.062))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, color(display-p3 0.02906 0.11403 0.78782 / 0.062))}}}}.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_:active{color:var(--intergalactic-text-link, rgb(36, 93, 229));background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 31, 207, 0.093))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 31, 207, 0.093))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_secondary-info_jgdxy_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, color(display-p3 0.02831 0.11224 0.78317 / 0.093))}}}.___SButton_jgdxy_gg_._theme_secondary-invert_jgdxy_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));border-color:var(--intergalactic-border-primary-invert, rgba(250, 255, 250, 0.391));background-color:var(--intergalactic-control-secondary-invert, rgba(225, 255, 219, 0.118))}@media (hover:hover){.___SButton_jgdxy_gg_._theme_secondary-invert_jgdxy_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-secondary-invert-hover, rgba(232, 255, 227, 0.145))}}.___SButton_jgdxy_gg_._theme_secondary-invert_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_secondary-invert_jgdxy_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(239, 255, 236, 0.183))}.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_{color:var(--intergalactic-text-link, rgb(36, 93, 229));background-color:var(--intergalactic-control-tertiary-info, transparent)}@media (hover:hover){.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_:hover{color:var(--intergalactic-text-link, rgb(36, 93, 229));background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 30, 209, 0.062))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 30, 209, 0.062))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, color(display-p3 0.02906 0.11403 0.78782 / 0.062))}}}}.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_:active{color:var(--intergalactic-text-link, rgb(36, 93, 229));background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 31, 207, 0.093))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 31, 207, 0.093))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_tertiary-info_jgdxy_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, color(display-p3 0.02831 0.11224 0.78317 / 0.093))}}}.___SButton_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));background-color:var(--intergalactic-control-tertiary-neutral, transparent)}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}@media (hover:hover){.___SButton_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(0, 21, 16, 0.056));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}}.___SButton_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(0, 21, 16, 0.084));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(0, 21, 16, 0.084))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_tertiary-muted_jgdxy_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n color(display-p3 0.01753 0.08157 0.06372 / 0.084))}}}.___SButton_jgdxy_gg_._theme_tertiary-invert_jgdxy_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-tertiary-invert, transparent)}@media (hover:hover){.___SButton_jgdxy_gg_._theme_tertiary-invert_jgdxy_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(232, 255, 227, 0.145))}}.___SButton_jgdxy_gg_._theme_tertiary-invert_jgdxy_gg_.__active_jgdxy_gg_,.___SButton_jgdxy_gg_._theme_tertiary-invert_jgdxy_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-control-tertiary-invert-active, rgba(239, 255, 236, 0.183))}.___SButton_jgdxy_gg_._neighborLocation_right_jgdxy_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_jgdxy_gg_._neighborLocation_both_jgdxy_gg_{border-radius:0;margin-left:-1px}.___SButton_jgdxy_gg_._neighborLocation_left_jgdxy_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_jgdxy_gg_._neighborLocation_both_jgdxy_gg_,.___SButton_jgdxy_gg_._neighborLocation_left_jgdxy_gg_{position:relative}.___SButton_jgdxy_gg_._neighborLocation_both_jgdxy_gg_:after,.___SButton_jgdxy_gg_._neighborLocation_left_jgdxy_gg_:after{background-color:var(--intergalactic-border-primary-invert, rgba(250, 255, 250, 0.391))}.___SButton_jgdxy_gg_._neighborLocation_both_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:after,.___SButton_jgdxy_gg_._neighborLocation_left_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:after{background-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0)){.___SButton_jgdxy_gg_._neighborLocation_both_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:after,.___SButton_jgdxy_gg_._neighborLocation_left_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:after{background-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SButton_jgdxy_gg_._neighborLocation_both_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:after,.___SButton_jgdxy_gg_._neighborLocation_left_jgdxy_gg_._theme_secondary-muted_jgdxy_gg_:after{background-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SButton_jgdxy_gg_+.___SButton_jgdxy_gg_._neighborLocation_both_jgdxy_gg_:after,.___SButton_jgdxy_gg_+.___SButton_jgdxy_gg_._neighborLocation_left_jgdxy_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_jgdxy_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_jgdxy_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_jgdxy_gg_.__loading_jgdxy_gg_{visibility:hidden}.___SText_jgdxy_gg_{display:inline-flex}.___SText_jgdxy_gg_._size_l_jgdxy_gg_,.___SText_jgdxy_gg_._size_m_jgdxy_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_jgdxy_gg_._size_m_jgdxy_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_jgdxy_gg_._size_l_jgdxy_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_jgdxy_gg_._size_l_jgdxy_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_jgdxy_gg_._size_l_jgdxy_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_jgdxy_gg_._size_l_jgdxy_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_jgdxy_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_jgdxy_gg_._size_m_jgdxy_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_jgdxy_gg_._size_m_jgdxy_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_jgdxy_gg_._size_m_jgdxy_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_jgdxy_gg_._size_l_jgdxy_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_jgdxy_gg_._size_l_jgdxy_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_jgdxy_gg_._size_l_jgdxy_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__*/"jgdxy_gg_"),
|
|
23
23
|
/*__reshadow_css_end__*/
|
|
24
24
|
{
|
|
25
|
-
"__SButton": "
|
|
26
|
-
"_keyboardFocused": "
|
|
27
|
-
"_disabled": "
|
|
28
|
-
"_size_s": "
|
|
29
|
-
"_size_m": "
|
|
30
|
-
"_size_l": "
|
|
31
|
-
"_neighborLocation_right": "
|
|
32
|
-
"_neighborLocation_both": "
|
|
33
|
-
"_neighborLocation_left": "
|
|
34
|
-
"__SSpin": "
|
|
35
|
-
"__SInner": "
|
|
36
|
-
"_loading": "
|
|
37
|
-
"__SText": "
|
|
38
|
-
"__SAddon": "
|
|
39
|
-
"_theme_primary-info": "_theme_primary-
|
|
40
|
-
"_active": "
|
|
41
|
-
"_theme_primary-success": "_theme_primary-
|
|
42
|
-
"_theme_primary-brand": "_theme_primary-
|
|
43
|
-
"_theme_primary-warning": "_theme_primary-
|
|
44
|
-
"_theme_primary-danger": "_theme_primary-
|
|
45
|
-
"_theme_primary-invert": "_theme_primary-
|
|
46
|
-
"_theme_secondary-muted": "_theme_secondary-
|
|
47
|
-
"_theme_secondary-info": "_theme_secondary-
|
|
48
|
-
"_theme_secondary-invert": "_theme_secondary-
|
|
49
|
-
"_theme_tertiary-info": "_theme_tertiary-
|
|
50
|
-
"_theme_tertiary-muted": "_theme_tertiary-
|
|
51
|
-
"_theme_tertiary-invert": "_theme_tertiary-
|
|
25
|
+
"__SButton": "___SButton_jgdxy_gg_",
|
|
26
|
+
"_keyboardFocused": "__keyboardFocused_jgdxy_gg_",
|
|
27
|
+
"_disabled": "__disabled_jgdxy_gg_",
|
|
28
|
+
"_size_s": "_size_s_jgdxy_gg_",
|
|
29
|
+
"_size_m": "_size_m_jgdxy_gg_",
|
|
30
|
+
"_size_l": "_size_l_jgdxy_gg_",
|
|
31
|
+
"_neighborLocation_right": "_neighborLocation_right_jgdxy_gg_",
|
|
32
|
+
"_neighborLocation_both": "_neighborLocation_both_jgdxy_gg_",
|
|
33
|
+
"_neighborLocation_left": "_neighborLocation_left_jgdxy_gg_",
|
|
34
|
+
"__SSpin": "___SSpin_jgdxy_gg_",
|
|
35
|
+
"__SInner": "___SInner_jgdxy_gg_",
|
|
36
|
+
"_loading": "__loading_jgdxy_gg_",
|
|
37
|
+
"__SText": "___SText_jgdxy_gg_",
|
|
38
|
+
"__SAddon": "___SAddon_jgdxy_gg_",
|
|
39
|
+
"_theme_primary-info": "_theme_primary-info_jgdxy_gg_",
|
|
40
|
+
"_active": "__active_jgdxy_gg_",
|
|
41
|
+
"_theme_primary-success": "_theme_primary-success_jgdxy_gg_",
|
|
42
|
+
"_theme_primary-brand": "_theme_primary-brand_jgdxy_gg_",
|
|
43
|
+
"_theme_primary-warning": "_theme_primary-warning_jgdxy_gg_",
|
|
44
|
+
"_theme_primary-danger": "_theme_primary-danger_jgdxy_gg_",
|
|
45
|
+
"_theme_primary-invert": "_theme_primary-invert_jgdxy_gg_",
|
|
46
|
+
"_theme_secondary-muted": "_theme_secondary-muted_jgdxy_gg_",
|
|
47
|
+
"_theme_secondary-info": "_theme_secondary-info_jgdxy_gg_",
|
|
48
|
+
"_theme_secondary-invert": "_theme_secondary-invert_jgdxy_gg_",
|
|
49
|
+
"_theme_tertiary-info": "_theme_tertiary-info_jgdxy_gg_",
|
|
50
|
+
"_theme_tertiary-muted": "_theme_tertiary-muted_jgdxy_gg_",
|
|
51
|
+
"_theme_tertiary-invert": "_theme_tertiary-invert_jgdxy_gg_"
|
|
52
52
|
});
|
|
53
53
|
var RootButton = /*#__PURE__*/function (_AbstractButton) {
|
|
54
54
|
(0, _inherits2["default"])(RootButton, _AbstractButton);
|
|
@@ -21,7 +21,7 @@ SButton {
|
|
|
21
21
|
touch-action: manipulation;
|
|
22
22
|
-webkit-tap-highlight-color: transparent;
|
|
23
23
|
font-weight: var(--intergalactic-medium, 500);
|
|
24
|
-
color: var(--intergalactic-text-secondary,
|
|
24
|
+
color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
|
|
25
25
|
min-width: fit-content;
|
|
26
26
|
|
|
27
27
|
&::-moz-focus-inner {
|
|
@@ -38,12 +38,12 @@ SButton {
|
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
SButton[keyboardFocused] {
|
|
41
|
-
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px
|
|
41
|
+
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.376 0.247 264.2 / 0.441));
|
|
42
42
|
z-index: 1;
|
|
43
43
|
}
|
|
44
44
|
|
|
45
45
|
SButton[disabled] {
|
|
46
|
-
opacity: var(--intergalactic-disabled-opacity, 0.
|
|
46
|
+
opacity: var(--intergalactic-disabled-opacity, 0.4);
|
|
47
47
|
cursor: default;
|
|
48
48
|
pointer-events: none;
|
|
49
49
|
box-shadow: none;
|
|
@@ -69,201 +69,201 @@ SButton[size='l'] {
|
|
|
69
69
|
}
|
|
70
70
|
|
|
71
71
|
SButton[theme='primary-info'] {
|
|
72
|
-
color: var(--intergalactic-text-primary-invert,
|
|
73
|
-
background-color: var(--intergalactic-control-primary-info,
|
|
72
|
+
color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
|
|
73
|
+
background-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
|
|
74
74
|
|
|
75
75
|
&:hover {
|
|
76
|
-
color: var(--intergalactic-text-primary-invert,
|
|
77
|
-
background-color: var(--intergalactic-control-primary-info-hover,
|
|
76
|
+
color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
|
|
77
|
+
background-color: var(--intergalactic-control-primary-info-hover, oklch(0.32 0.007 140));
|
|
78
78
|
}
|
|
79
79
|
|
|
80
80
|
&:active,
|
|
81
81
|
&[active] {
|
|
82
|
-
color: var(--intergalactic-text-primary-invert,
|
|
83
|
-
background-color: var(--intergalactic-control-primary-info-active,
|
|
82
|
+
color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
|
|
83
|
+
background-color: var(--intergalactic-control-primary-info-active, oklch(0 0 140));
|
|
84
84
|
}
|
|
85
85
|
}
|
|
86
86
|
|
|
87
87
|
SButton[theme='primary-success'] {
|
|
88
|
-
color: var(--intergalactic-text-primary-invert,
|
|
89
|
-
background-color: var(--intergalactic-control-primary-success,
|
|
88
|
+
color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
|
|
89
|
+
background-color: var(--intergalactic-control-primary-success, oklch(0.64 0.161 170));
|
|
90
90
|
|
|
91
91
|
&:hover {
|
|
92
|
-
color: var(--intergalactic-text-primary-invert,
|
|
93
|
-
background-color: var(--intergalactic-control-primary-success-hover,
|
|
92
|
+
color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
|
|
93
|
+
background-color: var(--intergalactic-control-primary-success-hover, oklch(0.6 0.155 170));
|
|
94
94
|
}
|
|
95
95
|
|
|
96
96
|
&:active,
|
|
97
97
|
&[active] {
|
|
98
|
-
color: var(--intergalactic-text-primary-invert,
|
|
99
|
-
background-color: var(--intergalactic-control-primary-success-active,
|
|
98
|
+
color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
|
|
99
|
+
background-color: var(--intergalactic-control-primary-success-active, oklch(0.58 0.151 170));
|
|
100
100
|
}
|
|
101
101
|
}
|
|
102
102
|
|
|
103
103
|
SButton[theme='primary-brand'] {
|
|
104
|
-
color: var(--intergalactic-text-primary-invert,
|
|
105
|
-
background-color: var(--intergalactic-control-primary-brand,
|
|
104
|
+
color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
|
|
105
|
+
background-color: var(--intergalactic-control-primary-brand, oklch(0.64 0.223 299.3));
|
|
106
106
|
|
|
107
107
|
&:hover {
|
|
108
|
-
color: var(--intergalactic-text-primary-invert,
|
|
109
|
-
background-color: var(--intergalactic-control-primary-brand-hover,
|
|
108
|
+
color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
|
|
109
|
+
background-color: var(--intergalactic-control-primary-brand-hover, oklch(0.6 0.244 297.8));
|
|
110
110
|
}
|
|
111
111
|
|
|
112
112
|
&:active,
|
|
113
113
|
&[active] {
|
|
114
|
-
color: var(--intergalactic-text-primary-invert,
|
|
115
|
-
background-color: var(--intergalactic-control-primary-brand-active,
|
|
114
|
+
color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
|
|
115
|
+
background-color: var(--intergalactic-control-primary-brand-active, oklch(0.58 0.254 297.1));
|
|
116
116
|
}
|
|
117
117
|
}
|
|
118
118
|
|
|
119
119
|
SButton[theme='primary-warning'] {
|
|
120
|
-
color: var(--intergalactic-text-primary-invert,
|
|
121
|
-
background-color: var(--intergalactic-control-primary-brand,
|
|
120
|
+
color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
|
|
121
|
+
background-color: var(--intergalactic-control-primary-brand, oklch(0.64 0.223 299.3));
|
|
122
122
|
|
|
123
123
|
&:hover {
|
|
124
|
-
color: var(--intergalactic-text-primary-invert,
|
|
125
|
-
background-color: var(--intergalactic-control-primary-brand-hover,
|
|
124
|
+
color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
|
|
125
|
+
background-color: var(--intergalactic-control-primary-brand-hover, oklch(0.6 0.244 297.8));
|
|
126
126
|
}
|
|
127
127
|
|
|
128
128
|
&:active,
|
|
129
129
|
&[active] {
|
|
130
|
-
color: var(--intergalactic-text-primary-invert,
|
|
131
|
-
background-color: var(--intergalactic-control-primary-brand-active,
|
|
130
|
+
color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
|
|
131
|
+
background-color: var(--intergalactic-control-primary-brand-active, oklch(0.58 0.254 297.1));
|
|
132
132
|
}
|
|
133
133
|
}
|
|
134
134
|
|
|
135
135
|
SButton[theme='primary-danger'] {
|
|
136
|
-
color: var(--intergalactic-text-primary-invert,
|
|
137
|
-
background-color: var(--intergalactic-control-primary-critical,
|
|
136
|
+
color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
|
|
137
|
+
background-color: var(--intergalactic-control-primary-critical, oklch(0.64 0.226 24.5));
|
|
138
138
|
|
|
139
139
|
&:hover {
|
|
140
|
-
color: var(--intergalactic-text-primary-invert,
|
|
141
|
-
background-color: var(--intergalactic-control-primary-critical-hover,
|
|
140
|
+
color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
|
|
141
|
+
background-color: var(--intergalactic-control-primary-critical-hover, oklch(0.6 0.219 25.5));
|
|
142
142
|
}
|
|
143
143
|
|
|
144
144
|
&:active,
|
|
145
145
|
&[active] {
|
|
146
|
-
color: var(--intergalactic-text-primary-invert,
|
|
147
|
-
background-color: var(--intergalactic-control-primary-critical-active,
|
|
146
|
+
color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
|
|
147
|
+
background-color: var(--intergalactic-control-primary-critical-active, oklch(0.58 0.215 26));
|
|
148
148
|
}
|
|
149
149
|
}
|
|
150
150
|
|
|
151
151
|
SButton[theme='primary-invert'] {
|
|
152
|
-
color: var(--intergalactic-text-primary,
|
|
153
|
-
background-color: var(--intergalactic-control-primary-invert,
|
|
152
|
+
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
153
|
+
background-color: var(--intergalactic-control-primary-invert, oklch(1 0 0));
|
|
154
154
|
|
|
155
155
|
&:hover {
|
|
156
|
-
color: var(--intergalactic-text-primary,
|
|
157
|
-
background-color: var(--intergalactic-control-primary-invert-hover,
|
|
156
|
+
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
157
|
+
background-color: var(--intergalactic-control-primary-invert-hover, oklch(0.96 0.001 180));
|
|
158
158
|
}
|
|
159
159
|
|
|
160
160
|
&:active,
|
|
161
161
|
&[active] {
|
|
162
|
-
color: var(--intergalactic-text-primary,
|
|
163
|
-
background-color: var(--intergalactic-control-primary-invert-active,
|
|
162
|
+
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
163
|
+
background-color: var(--intergalactic-control-primary-invert-active, oklch(0.94 0.002 180));
|
|
164
164
|
}
|
|
165
165
|
}
|
|
166
166
|
|
|
167
167
|
SButton[theme='secondary-muted'] {
|
|
168
|
-
color: var(--intergalactic-text-secondary,
|
|
169
|
-
border-color: var(--intergalactic-border-primary,
|
|
170
|
-
background-color: var(--intergalactic-control-secondary-neutral,
|
|
168
|
+
color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
|
|
169
|
+
border-color: var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
|
|
170
|
+
background-color: var(--intergalactic-control-secondary-neutral, oklch(0.177 0.033 175.6 / 0.028));
|
|
171
171
|
|
|
172
172
|
&:hover {
|
|
173
173
|
background-color: var(--intergalactic-control-secondary-neutral-hover,
|
|
174
|
-
|
|
175
|
-
color: var(--intergalactic-text-primary,
|
|
174
|
+
oklch(0.176 0.033 175.6 / 0.056));
|
|
175
|
+
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
176
176
|
}
|
|
177
177
|
|
|
178
178
|
&:active,
|
|
179
179
|
&[active] {
|
|
180
180
|
background-color: var(--intergalactic-control-secondary-neutral-active,
|
|
181
|
-
|
|
182
|
-
color: var(--intergalactic-text-primary,
|
|
181
|
+
oklch(0.176 0.033 175.7 / 0.084));
|
|
182
|
+
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
183
183
|
}
|
|
184
184
|
}
|
|
185
185
|
|
|
186
186
|
SButton[theme='secondary-info'] {
|
|
187
|
-
background-color: var(--intergalactic-control-secondary-info,
|
|
188
|
-
color: var(--intergalactic-text-link,
|
|
189
|
-
border-color: var(--intergalactic-control-primary-info,
|
|
187
|
+
background-color: var(--intergalactic-control-secondary-info, oklch(0.41 0.258 264.2 / 0.031));
|
|
188
|
+
color: var(--intergalactic-text-link, oklch(0.53 0.214 263.4));
|
|
189
|
+
border-color: var(--intergalactic-control-primary-info, oklch(0.23 0.01 140));
|
|
190
190
|
|
|
191
191
|
&:hover {
|
|
192
|
-
color: var(--intergalactic-text-link,
|
|
193
|
-
background-color: var(--intergalactic-control-secondary-info-hover,
|
|
192
|
+
color: var(--intergalactic-text-link, oklch(0.53 0.214 263.4));
|
|
193
|
+
background-color: var(--intergalactic-control-secondary-info-hover, oklch(0.407 0.258 264.2 / 0.062));
|
|
194
194
|
}
|
|
195
195
|
|
|
196
196
|
&:active,
|
|
197
197
|
&[active] {
|
|
198
|
-
color: var(--intergalactic-text-link,
|
|
199
|
-
background-color: var(--intergalactic-control-secondary-info-active,
|
|
198
|
+
color: var(--intergalactic-text-link, oklch(0.53 0.214 263.4));
|
|
199
|
+
background-color: var(--intergalactic-control-secondary-info-active, oklch(0.405 0.257 264.2 / 0.093));
|
|
200
200
|
}
|
|
201
201
|
}
|
|
202
202
|
|
|
203
203
|
SButton[theme='secondary-invert'] {
|
|
204
|
-
color: var(--intergalactic-text-primary-invert,
|
|
205
|
-
border-color: var(--intergalactic-border-primary-invert,
|
|
206
|
-
background-color: var(--intergalactic-control-secondary-invert,
|
|
204
|
+
color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
|
|
205
|
+
border-color: var(--intergalactic-border-primary-invert, oklch(0.995 0.008 147.4 / 0.391));
|
|
206
|
+
background-color: var(--intergalactic-control-secondary-invert, oklch(0.969 0.057 140 / 0.118));
|
|
207
207
|
|
|
208
208
|
&:hover {
|
|
209
|
-
color: var(--intergalactic-text-primary-invert,
|
|
210
|
-
background-color: var(--intergalactic-control-secondary-invert-hover,
|
|
209
|
+
color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
|
|
210
|
+
background-color: var(--intergalactic-control-secondary-invert-hover, oklch(0.976 0.043 140 / 0.145));
|
|
211
211
|
}
|
|
212
212
|
|
|
213
213
|
&:active,
|
|
214
214
|
&[active] {
|
|
215
|
-
color: var(--intergalactic-text-primary-invert,
|
|
215
|
+
color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
|
|
216
216
|
background-color: var(--intergalactic-control-secondary-invert-active,
|
|
217
|
-
|
|
217
|
+
oklch(0.983 0.03 140 / 0.183));
|
|
218
218
|
}
|
|
219
219
|
}
|
|
220
220
|
|
|
221
221
|
SButton[theme='tertiary-info'] {
|
|
222
|
-
color: var(--intergalactic-text-link,
|
|
223
|
-
background-color: var(--intergalactic-control-tertiary-info,
|
|
222
|
+
color: var(--intergalactic-text-link, oklch(0.53 0.214 263.4));
|
|
223
|
+
background-color: var(--intergalactic-control-tertiary-info, transparent);
|
|
224
224
|
|
|
225
225
|
&:hover {
|
|
226
|
-
color: var(--intergalactic-text-link,
|
|
227
|
-
background-color: var(--intergalactic-control-tertiary-info-hover,
|
|
226
|
+
color: var(--intergalactic-text-link, oklch(0.53 0.214 263.4));
|
|
227
|
+
background-color: var(--intergalactic-control-tertiary-info-hover, oklch(0.407 0.258 264.2 / 0.062));
|
|
228
228
|
}
|
|
229
229
|
|
|
230
230
|
&:active,
|
|
231
231
|
&[active] {
|
|
232
|
-
color: var(--intergalactic-text-link,
|
|
233
|
-
background-color: var(--intergalactic-control-tertiary-info-active,
|
|
232
|
+
color: var(--intergalactic-text-link, oklch(0.53 0.214 263.4));
|
|
233
|
+
background-color: var(--intergalactic-control-tertiary-info-active, oklch(0.405 0.257 264.2 / 0.093));
|
|
234
234
|
}
|
|
235
235
|
}
|
|
236
236
|
|
|
237
237
|
SButton[theme='tertiary-muted'] {
|
|
238
|
-
color: var(--intergalactic-text-secondary,
|
|
239
|
-
background-color: var(--intergalactic-control-tertiary-neutral,
|
|
238
|
+
color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
|
|
239
|
+
background-color: var(--intergalactic-control-tertiary-neutral, transparent);
|
|
240
240
|
|
|
241
241
|
&:hover {
|
|
242
|
-
background-color: var(--intergalactic-control-tertiary-neutral-hover,
|
|
243
|
-
color: var(--intergalactic-text-primary,
|
|
242
|
+
background-color: var(--intergalactic-control-tertiary-neutral-hover, oklch(0.176 0.033 175.6 / 0.056));
|
|
243
|
+
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
244
244
|
}
|
|
245
245
|
|
|
246
246
|
&:active,
|
|
247
247
|
&[active] {
|
|
248
248
|
background-color: var(--intergalactic-control-tertiary-neutral-active,
|
|
249
|
-
|
|
250
|
-
color: var(--intergalactic-text-primary,
|
|
249
|
+
oklch(0.176 0.033 175.7 / 0.084));
|
|
250
|
+
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
251
251
|
}
|
|
252
252
|
}
|
|
253
253
|
|
|
254
254
|
SButton[theme='tertiary-invert'] {
|
|
255
|
-
color: var(--intergalactic-text-primary-invert,
|
|
256
|
-
background-color: var(--intergalactic-control-tertiary-invert,
|
|
255
|
+
color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
|
|
256
|
+
background-color: var(--intergalactic-control-tertiary-invert, transparent);
|
|
257
257
|
|
|
258
258
|
&:hover {
|
|
259
|
-
color: var(--intergalactic-text-primary-invert,
|
|
260
|
-
background-color: var(--intergalactic-control-tertiary-invert-hover,
|
|
259
|
+
color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
|
|
260
|
+
background-color: var(--intergalactic-control-tertiary-invert-hover, oklch(0.976 0.043 140 / 0.145));
|
|
261
261
|
}
|
|
262
262
|
|
|
263
263
|
&:active,
|
|
264
264
|
&[active] {
|
|
265
|
-
color: var(--intergalactic-text-primary-invert,
|
|
266
|
-
background-color: var(--intergalactic-control-tertiary-invert-active,
|
|
265
|
+
color: var(--intergalactic-text-primary-invert, oklch(0.999 0.001 180 / 0.949));
|
|
266
|
+
background-color: var(--intergalactic-control-tertiary-invert-active, oklch(0.983 0.03 140 / 0.183));
|
|
267
267
|
}
|
|
268
268
|
}
|
|
269
269
|
|
|
@@ -290,12 +290,12 @@ SButton[neighborLocation='left'] {
|
|
|
290
290
|
position: relative;
|
|
291
291
|
|
|
292
292
|
&:after {
|
|
293
|
-
background-color: var(--intergalactic-border-primary-invert,
|
|
293
|
+
background-color: var(--intergalactic-border-primary-invert, oklch(0.995 0.008 147.4 / 0.391));
|
|
294
294
|
}
|
|
295
295
|
|
|
296
296
|
&[theme='secondary-muted'] {
|
|
297
297
|
&:after {
|
|
298
|
-
background-color: var(--intergalactic-border-primary,
|
|
298
|
+
background-color: var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
|
|
299
299
|
}
|
|
300
300
|
}
|
|
301
301
|
}
|
|
@@ -20,28 +20,28 @@ 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__*/".
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButton_1dn0k_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, rgb(36, 93, 229));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_1dn0k_gg_:active,.___SButton_1dn0k_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1dn0k_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_1dn0k_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_1dn0k_gg_.__active_1dn0k_gg_,.___SButton_1dn0k_gg_:active{color:var(--intergalactic-text-link-hover-active, rgb(34, 88, 217))}@media (hover:hover){.___SButton_1dn0k_gg_:hover{color:var(--intergalactic-text-link-hover-active, rgb(34, 88, 217))}}.___SButton_1dn0k_gg_.__active_1dn0k_gg_ .___SText_1dn0k_gg_,.___SButton_1dn0k_gg_:active .___SText_1dn0k_gg_{border-color:currentColor}@media (hover:hover){.___SButton_1dn0k_gg_:hover .___SText_1dn0k_gg_{border-color:currentColor}}.___SButton_1dn0k_gg_.__enableVisited_1dn0k_gg_:visited{color:var(--intergalactic-text-link-visited, rgb(128, 41, 236))}@media (hover:hover){.___SButton_1dn0k_gg_.__enableVisited_1dn0k_gg_:visited:hover{color:var(--intergalactic-text-link-visited, rgb(128, 41, 236))}}.___SButton_1dn0k_gg_ .___SText_1dn0k_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_1dn0k_gg_.__keyboardFocused_1dn0k_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 18, 193, 0.441));outline-style:solid;outline-width:3px}.___SButton_1dn0k_gg_.__disabled_1dn0k_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SButton_1dn0k_gg_._use_secondary_1dn0k_gg_{color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0)){.___SButton_1dn0k_gg_._use_secondary_1dn0k_gg_{color:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SButton_1dn0k_gg_._use_secondary_1dn0k_gg_{color:var(--intergalactic-text-hint, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SButton_1dn0k_gg_._use_secondary_1dn0k_gg_.__active_1dn0k_gg_,.___SButton_1dn0k_gg_._use_secondary_1dn0k_gg_:active{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}@media (hover:hover){.___SButton_1dn0k_gg_._use_secondary_1dn0k_gg_:hover{color:var(--intergalactic-text-hint-hover-active, rgba(0, 3, 0, 0.605))}}.___SButton_1dn0k_gg_._use_secondary_1dn0k_gg_ .___SText_1dn0k_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_1dn0k_gg_,.___SInner_1dn0k_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_1dn0k_gg_{height:100%;width:100%}.___SAddon_1dn0k_gg_{vertical-align:middle;pointer-events:none}.___SButton_1dn0k_gg_ .___SAddon_1dn0k_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_1dn0k_gg_ .___SAddon_1dn0k_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_1dn0k_gg_.__text-color_1dn0k_gg_{color:var(--text-color_1dn0k)}.___SButton_1dn0k_gg_.__text-color_1dn0k_gg_.__active_1dn0k_gg_,.___SButton_1dn0k_gg_.__text-color_1dn0k_gg_:active{color:var(--text-color_1dn0k);filter:brightness(.8)}@media (hover:hover){.___SButton_1dn0k_gg_.__text-color_1dn0k_gg_:hover{color:var(--text-color_1dn0k);filter:brightness(.8)}}.___SButton_1dn0k_gg_._size_100_1dn0k_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_1dn0k_gg_._size_200_1dn0k_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_1dn0k_gg_._size_300_1dn0k_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_1dn0k_gg_._size_400_1dn0k_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_1dn0k_gg_._size_500_1dn0k_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_1dn0k_gg_._size_600_1dn0k_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_1dn0k_gg_._size_700_1dn0k_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_1dn0k_gg_._size_800_1dn0k_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_1dn0k_gg_,.___SText_1dn0k_gg_{transition:none}}", /*__inner_css_end__*/"1dn0k_gg_"),
|
|
24
24
|
/*__reshadow_css_end__*/
|
|
25
25
|
{
|
|
26
|
-
"__SButton": "
|
|
27
|
-
"_keyboardFocused": "
|
|
28
|
-
"_disabled": "
|
|
29
|
-
"__SInner": "
|
|
30
|
-
"__SAddon": "
|
|
31
|
-
"_size_100": "
|
|
32
|
-
"_size_200": "
|
|
33
|
-
"_size_300": "
|
|
34
|
-
"_size_400": "
|
|
35
|
-
"_size_500": "
|
|
36
|
-
"_size_600": "
|
|
37
|
-
"_size_700": "
|
|
38
|
-
"_size_800": "
|
|
39
|
-
"__SText": "
|
|
40
|
-
"_active": "
|
|
41
|
-
"_enableVisited": "
|
|
42
|
-
"_use_secondary": "
|
|
43
|
-
"_text-color": "__text-
|
|
44
|
-
"--text-color": "--text-
|
|
26
|
+
"__SButton": "___SButton_1dn0k_gg_",
|
|
27
|
+
"_keyboardFocused": "__keyboardFocused_1dn0k_gg_",
|
|
28
|
+
"_disabled": "__disabled_1dn0k_gg_",
|
|
29
|
+
"__SInner": "___SInner_1dn0k_gg_",
|
|
30
|
+
"__SAddon": "___SAddon_1dn0k_gg_",
|
|
31
|
+
"_size_100": "_size_100_1dn0k_gg_",
|
|
32
|
+
"_size_200": "_size_200_1dn0k_gg_",
|
|
33
|
+
"_size_300": "_size_300_1dn0k_gg_",
|
|
34
|
+
"_size_400": "_size_400_1dn0k_gg_",
|
|
35
|
+
"_size_500": "_size_500_1dn0k_gg_",
|
|
36
|
+
"_size_600": "_size_600_1dn0k_gg_",
|
|
37
|
+
"_size_700": "_size_700_1dn0k_gg_",
|
|
38
|
+
"_size_800": "_size_800_1dn0k_gg_",
|
|
39
|
+
"__SText": "___SText_1dn0k_gg_",
|
|
40
|
+
"_active": "__active_1dn0k_gg_",
|
|
41
|
+
"_enableVisited": "__enableVisited_1dn0k_gg_",
|
|
42
|
+
"_use_secondary": "_use_secondary_1dn0k_gg_",
|
|
43
|
+
"_text-color": "__text-color_1dn0k_gg_",
|
|
44
|
+
"--text-color": "--text-color_1dn0k"
|
|
45
45
|
});
|
|
46
46
|
var enhance = {
|
|
47
47
|
keyboardFocused: (0, _keyboardFocusEnhance["default"])(),
|
|
@@ -2,7 +2,7 @@ SButton {
|
|
|
2
2
|
display: inline-flex;
|
|
3
3
|
font-family: inherit;
|
|
4
4
|
font-size: var(--intergalactic-fs-200, 14px);
|
|
5
|
-
color: var(--intergalactic-text-link,
|
|
5
|
+
color: var(--intergalactic-text-link, oklch(0.53 0.214 263.4));
|
|
6
6
|
line-height: normal;
|
|
7
7
|
position: relative;
|
|
8
8
|
cursor: pointer;
|
|
@@ -31,7 +31,7 @@ SButton {
|
|
|
31
31
|
&[active],
|
|
32
32
|
&:hover,
|
|
33
33
|
&:active {
|
|
34
|
-
color: var(--intergalactic-text-link-hover-active,
|
|
34
|
+
color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.206 263.4));
|
|
35
35
|
|
|
36
36
|
& SText {
|
|
37
37
|
border-color: currentColor;
|
|
@@ -40,7 +40,7 @@ SButton {
|
|
|
40
40
|
|
|
41
41
|
&[enableVisited]:visited,
|
|
42
42
|
&[enableVisited]:visited:hover {
|
|
43
|
-
color: var(--intergalactic-text-link-visited,
|
|
43
|
+
color: var(--intergalactic-text-link-visited, oklch(0.53 0.26 296));
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
SText {
|
|
@@ -52,25 +52,25 @@ SButton {
|
|
|
52
52
|
}
|
|
53
53
|
|
|
54
54
|
SButton[keyboardFocused] {
|
|
55
|
-
outline-color: var(--intergalactic-keyboard-focus-outline,
|
|
55
|
+
outline-color: var(--intergalactic-keyboard-focus-outline, oklch(0.376 0.247 264.2 / 0.441));
|
|
56
56
|
outline-style: solid;
|
|
57
57
|
outline-width: 3px;
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
SButton[disabled] {
|
|
61
|
-
opacity: var(--intergalactic-disabled-opacity, 0.
|
|
61
|
+
opacity: var(--intergalactic-disabled-opacity, 0.4);
|
|
62
62
|
cursor: default;
|
|
63
63
|
/* Disable link interactions */
|
|
64
64
|
pointer-events: none;
|
|
65
65
|
}
|
|
66
66
|
|
|
67
67
|
SButton[use='secondary'] {
|
|
68
|
-
color: var(--intergalactic-text-hint,
|
|
68
|
+
color: var(--intergalactic-text-hint, oklch(0.088 0.026 147.7 / 0.583));
|
|
69
69
|
|
|
70
70
|
&[active],
|
|
71
71
|
&:active,
|
|
72
72
|
&:hover {
|
|
73
|
-
color: var(--intergalactic-text-hint-hover-active,
|
|
73
|
+
color: var(--intergalactic-text-hint-hover-active, oklch(0.086 0.026 145.8 / 0.605));
|
|
74
74
|
}
|
|
75
75
|
|
|
76
76
|
SText {
|