@semcore/button 5.41.2 → 5.42.0-prerelease.11
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 +27 -27
- package/lib/cjs/component/ButtonLink/ButtonLink.js +20 -20
- package/lib/es6/component/Button/Button.js +27 -27
- package/lib/es6/component/ButtonLink/ButtonLink.js +20 -20
- package/lib/esm/component/AbstractButton/AbstractButton.mjs +122 -0
- package/lib/esm/component/AbstractButton/SpinButton.mjs +22 -0
- package/lib/esm/component/Button/Button.mjs +88 -0
- package/lib/esm/component/ButtonLink/ButtonLink.mjs +82 -0
- package/lib/esm/index.mjs +8 -0
- package/package.json +9 -9
- package/vite.config.ts +14 -0
package/CHANGELOG.md
CHANGED
|
@@ -19,33 +19,33 @@ var _flexBox = require("@semcore/flex-box");
|
|
|
19
19
|
var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
|
|
20
20
|
var _AbstractButton2 = require("../AbstractButton/AbstractButton");
|
|
21
21
|
/*__reshadow-styles__:"./button.shadow.css"*/
|
|
22
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButton_srpwq_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_srpwq_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_srpwq_gg_:active,.___SButton_srpwq_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_srpwq_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_srpwq_gg_.__keyboardFocused_srpwq_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_srpwq_gg_.__disabled_srpwq_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_srpwq_gg_._size_s_srpwq_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_srpwq_gg_._size_m_srpwq_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_srpwq_gg_._size_l_srpwq_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_srpwq_gg_._theme_primary-info_srpwq_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_srpwq_gg_._theme_primary-info_srpwq_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_srpwq_gg_._theme_primary-info_srpwq_gg_.__active_srpwq_gg_,.___SButton_srpwq_gg_._theme_primary-info_srpwq_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_srpwq_gg_._theme_primary-success_srpwq_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_srpwq_gg_._theme_primary-success_srpwq_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_srpwq_gg_._theme_primary-success_srpwq_gg_.__active_srpwq_gg_,.___SButton_srpwq_gg_._theme_primary-success_srpwq_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_srpwq_gg_._theme_primary-warning_srpwq_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_srpwq_gg_._theme_primary-warning_srpwq_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_srpwq_gg_._theme_primary-warning_srpwq_gg_.__active_srpwq_gg_,.___SButton_srpwq_gg_._theme_primary-warning_srpwq_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #c33909)}.___SButton_srpwq_gg_._theme_primary-danger_srpwq_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_srpwq_gg_._theme_primary-danger_srpwq_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_srpwq_gg_._theme_primary-danger_srpwq_gg_.__active_srpwq_gg_,.___SButton_srpwq_gg_._theme_primary-danger_srpwq_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_srpwq_gg_._theme_primary-invert_srpwq_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_srpwq_gg_._theme_primary-invert_srpwq_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_srpwq_gg_._theme_primary-invert_srpwq_gg_.__active_srpwq_gg_,.___SButton_srpwq_gg_._theme_primary-invert_srpwq_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_srpwq_gg_._theme_secondary-muted_srpwq_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_srpwq_gg_._theme_secondary-muted_srpwq_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_srpwq_gg_._theme_secondary-muted_srpwq_gg_.__active_srpwq_gg_,.___SButton_srpwq_gg_._theme_secondary-muted_srpwq_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_srpwq_gg_._theme_secondary-info_srpwq_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_srpwq_gg_._theme_secondary-info_srpwq_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_srpwq_gg_._theme_secondary-info_srpwq_gg_.__active_srpwq_gg_,.___SButton_srpwq_gg_._theme_secondary-info_srpwq_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_srpwq_gg_._theme_secondary-invert_srpwq_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_srpwq_gg_._theme_secondary-invert_srpwq_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_srpwq_gg_._theme_secondary-invert_srpwq_gg_.__active_srpwq_gg_,.___SButton_srpwq_gg_._theme_secondary-invert_srpwq_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_srpwq_gg_._theme_tertiary-info_srpwq_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_srpwq_gg_._theme_tertiary-info_srpwq_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_srpwq_gg_._theme_tertiary-info_srpwq_gg_.__active_srpwq_gg_,.___SButton_srpwq_gg_._theme_tertiary-info_srpwq_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_srpwq_gg_._theme_tertiary-muted_srpwq_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_srpwq_gg_._theme_tertiary-muted_srpwq_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_srpwq_gg_._theme_tertiary-muted_srpwq_gg_.__active_srpwq_gg_,.___SButton_srpwq_gg_._theme_tertiary-muted_srpwq_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_srpwq_gg_._theme_tertiary-invert_srpwq_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_srpwq_gg_._theme_tertiary-invert_srpwq_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_srpwq_gg_._theme_tertiary-invert_srpwq_gg_.__active_srpwq_gg_,.___SButton_srpwq_gg_._theme_tertiary-invert_srpwq_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_srpwq_gg_._neighborLocation_right_srpwq_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_srpwq_gg_._neighborLocation_both_srpwq_gg_{border-radius:0;margin-left:-1px}.___SButton_srpwq_gg_._neighborLocation_left_srpwq_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_srpwq_gg_._neighborLocation_both_srpwq_gg_,.___SButton_srpwq_gg_._neighborLocation_left_srpwq_gg_{position:relative}.___SButton_srpwq_gg_._neighborLocation_both_srpwq_gg_:after,.___SButton_srpwq_gg_._neighborLocation_left_srpwq_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_srpwq_gg_._neighborLocation_both_srpwq_gg_._theme_secondary-muted_srpwq_gg_:after,.___SButton_srpwq_gg_._neighborLocation_left_srpwq_gg_._theme_secondary-muted_srpwq_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_srpwq_gg_+.___SButton_srpwq_gg_._neighborLocation_both_srpwq_gg_:after,.___SButton_srpwq_gg_+.___SButton_srpwq_gg_._neighborLocation_left_srpwq_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_srpwq_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_srpwq_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_srpwq_gg_.__loading_srpwq_gg_{visibility:hidden}.___SText_srpwq_gg_{display:inline-flex}.___SText_srpwq_gg_._size_l_srpwq_gg_,.___SText_srpwq_gg_._size_m_srpwq_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_srpwq_gg_._size_m_srpwq_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_srpwq_gg_._size_l_srpwq_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_srpwq_gg_._size_l_srpwq_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_srpwq_gg_._size_l_srpwq_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_srpwq_gg_._size_l_srpwq_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_srpwq_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_srpwq_gg_._size_m_srpwq_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_srpwq_gg_._size_m_srpwq_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_srpwq_gg_._size_m_srpwq_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_srpwq_gg_._size_l_srpwq_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_srpwq_gg_._size_l_srpwq_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_srpwq_gg_._size_l_srpwq_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__*/, "srpwq_gg_") /*__reshadow_css_end__*/, {
|
|
23
|
-
"__SButton": "
|
|
24
|
-
"_keyboardFocused": "
|
|
25
|
-
"_disabled": "
|
|
26
|
-
"_size_s": "
|
|
27
|
-
"_size_m": "
|
|
28
|
-
"_size_l": "
|
|
29
|
-
"_neighborLocation_right": "
|
|
30
|
-
"_neighborLocation_both": "
|
|
31
|
-
"_neighborLocation_left": "
|
|
32
|
-
"__SSpin": "
|
|
33
|
-
"__SInner": "
|
|
34
|
-
"_loading": "
|
|
35
|
-
"__SText": "
|
|
36
|
-
"__SAddon": "
|
|
37
|
-
"_theme_primary-info": "_theme_primary-
|
|
38
|
-
"_active": "
|
|
39
|
-
"_theme_primary-success": "_theme_primary-
|
|
40
|
-
"_theme_primary-warning": "_theme_primary-
|
|
41
|
-
"_theme_primary-danger": "_theme_primary-
|
|
42
|
-
"_theme_primary-invert": "_theme_primary-
|
|
43
|
-
"_theme_secondary-muted": "_theme_secondary-
|
|
44
|
-
"_theme_secondary-info": "_theme_secondary-
|
|
45
|
-
"_theme_secondary-invert": "_theme_secondary-
|
|
46
|
-
"_theme_tertiary-info": "_theme_tertiary-
|
|
47
|
-
"_theme_tertiary-muted": "_theme_tertiary-
|
|
48
|
-
"_theme_tertiary-invert": "_theme_tertiary-
|
|
22
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButton_14pcf_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_14pcf_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_14pcf_gg_:active,.___SButton_14pcf_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_14pcf_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_14pcf_gg_.__keyboardFocused_14pcf_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_14pcf_gg_.__disabled_14pcf_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_14pcf_gg_._size_s_14pcf_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_14pcf_gg_._size_m_14pcf_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_14pcf_gg_._size_l_14pcf_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_14pcf_gg_._theme_primary-info_14pcf_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_14pcf_gg_._theme_primary-info_14pcf_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_14pcf_gg_._theme_primary-info_14pcf_gg_.__active_14pcf_gg_,.___SButton_14pcf_gg_._theme_primary-info_14pcf_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_14pcf_gg_._theme_primary-success_14pcf_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_14pcf_gg_._theme_primary-success_14pcf_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_14pcf_gg_._theme_primary-success_14pcf_gg_.__active_14pcf_gg_,.___SButton_14pcf_gg_._theme_primary-success_14pcf_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_14pcf_gg_._theme_primary-warning_14pcf_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_14pcf_gg_._theme_primary-warning_14pcf_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_14pcf_gg_._theme_primary-warning_14pcf_gg_.__active_14pcf_gg_,.___SButton_14pcf_gg_._theme_primary-warning_14pcf_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #c33909)}.___SButton_14pcf_gg_._theme_primary-danger_14pcf_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_14pcf_gg_._theme_primary-danger_14pcf_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_14pcf_gg_._theme_primary-danger_14pcf_gg_.__active_14pcf_gg_,.___SButton_14pcf_gg_._theme_primary-danger_14pcf_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_14pcf_gg_._theme_primary-invert_14pcf_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_14pcf_gg_._theme_primary-invert_14pcf_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_14pcf_gg_._theme_primary-invert_14pcf_gg_.__active_14pcf_gg_,.___SButton_14pcf_gg_._theme_primary-invert_14pcf_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_14pcf_gg_._theme_secondary-muted_14pcf_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_14pcf_gg_._theme_secondary-muted_14pcf_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_14pcf_gg_._theme_secondary-muted_14pcf_gg_.__active_14pcf_gg_,.___SButton_14pcf_gg_._theme_secondary-muted_14pcf_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_14pcf_gg_._theme_secondary-info_14pcf_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_14pcf_gg_._theme_secondary-info_14pcf_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_14pcf_gg_._theme_secondary-info_14pcf_gg_.__active_14pcf_gg_,.___SButton_14pcf_gg_._theme_secondary-info_14pcf_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_14pcf_gg_._theme_secondary-invert_14pcf_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_14pcf_gg_._theme_secondary-invert_14pcf_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_14pcf_gg_._theme_secondary-invert_14pcf_gg_.__active_14pcf_gg_,.___SButton_14pcf_gg_._theme_secondary-invert_14pcf_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_14pcf_gg_._theme_tertiary-info_14pcf_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_14pcf_gg_._theme_tertiary-info_14pcf_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_14pcf_gg_._theme_tertiary-info_14pcf_gg_.__active_14pcf_gg_,.___SButton_14pcf_gg_._theme_tertiary-info_14pcf_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_14pcf_gg_._theme_tertiary-muted_14pcf_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_14pcf_gg_._theme_tertiary-muted_14pcf_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_14pcf_gg_._theme_tertiary-muted_14pcf_gg_.__active_14pcf_gg_,.___SButton_14pcf_gg_._theme_tertiary-muted_14pcf_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_14pcf_gg_._theme_tertiary-invert_14pcf_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_14pcf_gg_._theme_tertiary-invert_14pcf_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_14pcf_gg_._theme_tertiary-invert_14pcf_gg_.__active_14pcf_gg_,.___SButton_14pcf_gg_._theme_tertiary-invert_14pcf_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_14pcf_gg_._neighborLocation_right_14pcf_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_14pcf_gg_._neighborLocation_both_14pcf_gg_{border-radius:0;margin-left:-1px}.___SButton_14pcf_gg_._neighborLocation_left_14pcf_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_14pcf_gg_._neighborLocation_both_14pcf_gg_,.___SButton_14pcf_gg_._neighborLocation_left_14pcf_gg_{position:relative}.___SButton_14pcf_gg_._neighborLocation_both_14pcf_gg_:after,.___SButton_14pcf_gg_._neighborLocation_left_14pcf_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_14pcf_gg_._neighborLocation_both_14pcf_gg_._theme_secondary-muted_14pcf_gg_:after,.___SButton_14pcf_gg_._neighborLocation_left_14pcf_gg_._theme_secondary-muted_14pcf_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_14pcf_gg_+.___SButton_14pcf_gg_._neighborLocation_both_14pcf_gg_:after,.___SButton_14pcf_gg_+.___SButton_14pcf_gg_._neighborLocation_left_14pcf_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_14pcf_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_14pcf_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_14pcf_gg_.__loading_14pcf_gg_{visibility:hidden}.___SText_14pcf_gg_{display:inline-flex}.___SText_14pcf_gg_._size_l_14pcf_gg_,.___SText_14pcf_gg_._size_m_14pcf_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_14pcf_gg_._size_m_14pcf_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_14pcf_gg_._size_l_14pcf_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_14pcf_gg_._size_l_14pcf_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_14pcf_gg_._size_l_14pcf_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_14pcf_gg_._size_l_14pcf_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_14pcf_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_14pcf_gg_._size_m_14pcf_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_14pcf_gg_._size_m_14pcf_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_14pcf_gg_._size_m_14pcf_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_14pcf_gg_._size_l_14pcf_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_14pcf_gg_._size_l_14pcf_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_14pcf_gg_._size_l_14pcf_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__*/, "14pcf_gg_") /*__reshadow_css_end__*/, {
|
|
23
|
+
"__SButton": "___SButton_14pcf_gg_",
|
|
24
|
+
"_keyboardFocused": "__keyboardFocused_14pcf_gg_",
|
|
25
|
+
"_disabled": "__disabled_14pcf_gg_",
|
|
26
|
+
"_size_s": "_size_s_14pcf_gg_",
|
|
27
|
+
"_size_m": "_size_m_14pcf_gg_",
|
|
28
|
+
"_size_l": "_size_l_14pcf_gg_",
|
|
29
|
+
"_neighborLocation_right": "_neighborLocation_right_14pcf_gg_",
|
|
30
|
+
"_neighborLocation_both": "_neighborLocation_both_14pcf_gg_",
|
|
31
|
+
"_neighborLocation_left": "_neighborLocation_left_14pcf_gg_",
|
|
32
|
+
"__SSpin": "___SSpin_14pcf_gg_",
|
|
33
|
+
"__SInner": "___SInner_14pcf_gg_",
|
|
34
|
+
"_loading": "__loading_14pcf_gg_",
|
|
35
|
+
"__SText": "___SText_14pcf_gg_",
|
|
36
|
+
"__SAddon": "___SAddon_14pcf_gg_",
|
|
37
|
+
"_theme_primary-info": "_theme_primary-info_14pcf_gg_",
|
|
38
|
+
"_active": "__active_14pcf_gg_",
|
|
39
|
+
"_theme_primary-success": "_theme_primary-success_14pcf_gg_",
|
|
40
|
+
"_theme_primary-warning": "_theme_primary-warning_14pcf_gg_",
|
|
41
|
+
"_theme_primary-danger": "_theme_primary-danger_14pcf_gg_",
|
|
42
|
+
"_theme_primary-invert": "_theme_primary-invert_14pcf_gg_",
|
|
43
|
+
"_theme_secondary-muted": "_theme_secondary-muted_14pcf_gg_",
|
|
44
|
+
"_theme_secondary-info": "_theme_secondary-info_14pcf_gg_",
|
|
45
|
+
"_theme_secondary-invert": "_theme_secondary-invert_14pcf_gg_",
|
|
46
|
+
"_theme_tertiary-info": "_theme_tertiary-info_14pcf_gg_",
|
|
47
|
+
"_theme_tertiary-muted": "_theme_tertiary-muted_14pcf_gg_",
|
|
48
|
+
"_theme_tertiary-invert": "_theme_tertiary-invert_14pcf_gg_"
|
|
49
49
|
});
|
|
50
50
|
var RootButton = /*#__PURE__*/function (_AbstractButton) {
|
|
51
51
|
(0, _inherits2["default"])(RootButton, _AbstractButton);
|
|
@@ -20,26 +20,26 @@ var _flexBox = require("@semcore/flex-box");
|
|
|
20
20
|
var _AbstractButton2 = require("../AbstractButton/AbstractButton");
|
|
21
21
|
var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
|
|
22
22
|
/*__reshadow-styles__:"./buttonLink.shadow.css"*/
|
|
23
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
24
|
-
"__SButton": "
|
|
25
|
-
"_keyboardFocused": "
|
|
26
|
-
"_disabled": "
|
|
27
|
-
"__SInner": "
|
|
28
|
-
"__SAddon": "
|
|
29
|
-
"_size_100": "
|
|
30
|
-
"_size_200": "
|
|
31
|
-
"_size_300": "
|
|
32
|
-
"_size_400": "
|
|
33
|
-
"_size_500": "
|
|
34
|
-
"_size_600": "
|
|
35
|
-
"_size_700": "
|
|
36
|
-
"_size_800": "
|
|
37
|
-
"__SText": "
|
|
38
|
-
"_active": "
|
|
39
|
-
"_enableVisited": "
|
|
40
|
-
"_use_secondary": "
|
|
41
|
-
"_text-color": "__text-
|
|
42
|
-
"--text-color": "--text-
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButton_29o6o_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SButton_29o6o_gg_:active,.___SButton_29o6o_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_29o6o_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_29o6o_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_29o6o_gg_.__active_29o6o_gg_,.___SButton_29o6o_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_29o6o_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_29o6o_gg_.__active_29o6o_gg_ .___SText_29o6o_gg_,.___SButton_29o6o_gg_:active .___SText_29o6o_gg_{border-color:currentColor}@media (hover:hover){.___SButton_29o6o_gg_:hover .___SText_29o6o_gg_{border-color:currentColor}}.___SButton_29o6o_gg_.__enableVisited_29o6o_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_29o6o_gg_.__enableVisited_29o6o_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_29o6o_gg_ .___SText_29o6o_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_29o6o_gg_.__keyboardFocused_29o6o_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SButton_29o6o_gg_.__disabled_29o6o_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_29o6o_gg_._use_secondary_29o6o_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_29o6o_gg_._use_secondary_29o6o_gg_.__active_29o6o_gg_,.___SButton_29o6o_gg_._use_secondary_29o6o_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_29o6o_gg_._use_secondary_29o6o_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_29o6o_gg_._use_secondary_29o6o_gg_ .___SText_29o6o_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_29o6o_gg_,.___SInner_29o6o_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_29o6o_gg_{height:100%;width:100%}.___SAddon_29o6o_gg_{vertical-align:middle;pointer-events:none}.___SButton_29o6o_gg_ .___SAddon_29o6o_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_29o6o_gg_ .___SAddon_29o6o_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_29o6o_gg_.__text-color_29o6o_gg_{color:var(--text-color_29o6o)}.___SButton_29o6o_gg_.__text-color_29o6o_gg_.__active_29o6o_gg_,.___SButton_29o6o_gg_.__text-color_29o6o_gg_:active{color:var(--text-color_29o6o);filter:brightness(.8)}@media (hover:hover){.___SButton_29o6o_gg_.__text-color_29o6o_gg_:hover{color:var(--text-color_29o6o);filter:brightness(.8)}}.___SButton_29o6o_gg_._size_100_29o6o_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_29o6o_gg_._size_200_29o6o_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_29o6o_gg_._size_300_29o6o_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_29o6o_gg_._size_400_29o6o_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_29o6o_gg_._size_500_29o6o_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_29o6o_gg_._size_600_29o6o_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_29o6o_gg_._size_700_29o6o_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_29o6o_gg_._size_800_29o6o_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_29o6o_gg_,.___SText_29o6o_gg_{transition:none}}" /*__inner_css_end__*/, "29o6o_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SButton": "___SButton_29o6o_gg_",
|
|
25
|
+
"_keyboardFocused": "__keyboardFocused_29o6o_gg_",
|
|
26
|
+
"_disabled": "__disabled_29o6o_gg_",
|
|
27
|
+
"__SInner": "___SInner_29o6o_gg_",
|
|
28
|
+
"__SAddon": "___SAddon_29o6o_gg_",
|
|
29
|
+
"_size_100": "_size_100_29o6o_gg_",
|
|
30
|
+
"_size_200": "_size_200_29o6o_gg_",
|
|
31
|
+
"_size_300": "_size_300_29o6o_gg_",
|
|
32
|
+
"_size_400": "_size_400_29o6o_gg_",
|
|
33
|
+
"_size_500": "_size_500_29o6o_gg_",
|
|
34
|
+
"_size_600": "_size_600_29o6o_gg_",
|
|
35
|
+
"_size_700": "_size_700_29o6o_gg_",
|
|
36
|
+
"_size_800": "_size_800_29o6o_gg_",
|
|
37
|
+
"__SText": "___SText_29o6o_gg_",
|
|
38
|
+
"_active": "__active_29o6o_gg_",
|
|
39
|
+
"_enableVisited": "__enableVisited_29o6o_gg_",
|
|
40
|
+
"_use_secondary": "_use_secondary_29o6o_gg_",
|
|
41
|
+
"_text-color": "__text-color_29o6o_gg_",
|
|
42
|
+
"--text-color": "--text-color_29o6o"
|
|
43
43
|
});
|
|
44
44
|
var enhance = {
|
|
45
45
|
keyboardFocused: (0, _keyboardFocusEnhance["default"])(),
|
|
@@ -12,33 +12,33 @@ import createComponent, { sstyled, Root } from '@semcore/core';
|
|
|
12
12
|
import { Box } from '@semcore/flex-box';
|
|
13
13
|
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
14
14
|
/*__reshadow-styles__:"./button.shadow.css"*/
|
|
15
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_srpwq_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_srpwq_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_srpwq_gg_:active,.___SButton_srpwq_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_srpwq_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_srpwq_gg_.__keyboardFocused_srpwq_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_srpwq_gg_.__disabled_srpwq_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_srpwq_gg_._size_s_srpwq_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_srpwq_gg_._size_m_srpwq_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_srpwq_gg_._size_l_srpwq_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_srpwq_gg_._theme_primary-info_srpwq_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_srpwq_gg_._theme_primary-info_srpwq_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_srpwq_gg_._theme_primary-info_srpwq_gg_.__active_srpwq_gg_,.___SButton_srpwq_gg_._theme_primary-info_srpwq_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_srpwq_gg_._theme_primary-success_srpwq_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_srpwq_gg_._theme_primary-success_srpwq_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_srpwq_gg_._theme_primary-success_srpwq_gg_.__active_srpwq_gg_,.___SButton_srpwq_gg_._theme_primary-success_srpwq_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_srpwq_gg_._theme_primary-warning_srpwq_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_srpwq_gg_._theme_primary-warning_srpwq_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_srpwq_gg_._theme_primary-warning_srpwq_gg_.__active_srpwq_gg_,.___SButton_srpwq_gg_._theme_primary-warning_srpwq_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #c33909)}.___SButton_srpwq_gg_._theme_primary-danger_srpwq_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_srpwq_gg_._theme_primary-danger_srpwq_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_srpwq_gg_._theme_primary-danger_srpwq_gg_.__active_srpwq_gg_,.___SButton_srpwq_gg_._theme_primary-danger_srpwq_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_srpwq_gg_._theme_primary-invert_srpwq_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_srpwq_gg_._theme_primary-invert_srpwq_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_srpwq_gg_._theme_primary-invert_srpwq_gg_.__active_srpwq_gg_,.___SButton_srpwq_gg_._theme_primary-invert_srpwq_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_srpwq_gg_._theme_secondary-muted_srpwq_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_srpwq_gg_._theme_secondary-muted_srpwq_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_srpwq_gg_._theme_secondary-muted_srpwq_gg_.__active_srpwq_gg_,.___SButton_srpwq_gg_._theme_secondary-muted_srpwq_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_srpwq_gg_._theme_secondary-info_srpwq_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_srpwq_gg_._theme_secondary-info_srpwq_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_srpwq_gg_._theme_secondary-info_srpwq_gg_.__active_srpwq_gg_,.___SButton_srpwq_gg_._theme_secondary-info_srpwq_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_srpwq_gg_._theme_secondary-invert_srpwq_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_srpwq_gg_._theme_secondary-invert_srpwq_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_srpwq_gg_._theme_secondary-invert_srpwq_gg_.__active_srpwq_gg_,.___SButton_srpwq_gg_._theme_secondary-invert_srpwq_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_srpwq_gg_._theme_tertiary-info_srpwq_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_srpwq_gg_._theme_tertiary-info_srpwq_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_srpwq_gg_._theme_tertiary-info_srpwq_gg_.__active_srpwq_gg_,.___SButton_srpwq_gg_._theme_tertiary-info_srpwq_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_srpwq_gg_._theme_tertiary-muted_srpwq_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_srpwq_gg_._theme_tertiary-muted_srpwq_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_srpwq_gg_._theme_tertiary-muted_srpwq_gg_.__active_srpwq_gg_,.___SButton_srpwq_gg_._theme_tertiary-muted_srpwq_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_srpwq_gg_._theme_tertiary-invert_srpwq_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_srpwq_gg_._theme_tertiary-invert_srpwq_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_srpwq_gg_._theme_tertiary-invert_srpwq_gg_.__active_srpwq_gg_,.___SButton_srpwq_gg_._theme_tertiary-invert_srpwq_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_srpwq_gg_._neighborLocation_right_srpwq_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_srpwq_gg_._neighborLocation_both_srpwq_gg_{border-radius:0;margin-left:-1px}.___SButton_srpwq_gg_._neighborLocation_left_srpwq_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_srpwq_gg_._neighborLocation_both_srpwq_gg_,.___SButton_srpwq_gg_._neighborLocation_left_srpwq_gg_{position:relative}.___SButton_srpwq_gg_._neighborLocation_both_srpwq_gg_:after,.___SButton_srpwq_gg_._neighborLocation_left_srpwq_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_srpwq_gg_._neighborLocation_both_srpwq_gg_._theme_secondary-muted_srpwq_gg_:after,.___SButton_srpwq_gg_._neighborLocation_left_srpwq_gg_._theme_secondary-muted_srpwq_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_srpwq_gg_+.___SButton_srpwq_gg_._neighborLocation_both_srpwq_gg_:after,.___SButton_srpwq_gg_+.___SButton_srpwq_gg_._neighborLocation_left_srpwq_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_srpwq_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_srpwq_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_srpwq_gg_.__loading_srpwq_gg_{visibility:hidden}.___SText_srpwq_gg_{display:inline-flex}.___SText_srpwq_gg_._size_l_srpwq_gg_,.___SText_srpwq_gg_._size_m_srpwq_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_srpwq_gg_._size_m_srpwq_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_srpwq_gg_._size_l_srpwq_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_srpwq_gg_._size_l_srpwq_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_srpwq_gg_._size_l_srpwq_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_srpwq_gg_._size_l_srpwq_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_srpwq_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_srpwq_gg_._size_m_srpwq_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_srpwq_gg_._size_m_srpwq_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_srpwq_gg_._size_m_srpwq_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_srpwq_gg_._size_l_srpwq_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_srpwq_gg_._size_l_srpwq_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_srpwq_gg_._size_l_srpwq_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__*/, "srpwq_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
-
"__SButton": "
|
|
17
|
-
"_keyboardFocused": "
|
|
18
|
-
"_disabled": "
|
|
19
|
-
"_size_s": "
|
|
20
|
-
"_size_m": "
|
|
21
|
-
"_size_l": "
|
|
22
|
-
"_neighborLocation_right": "
|
|
23
|
-
"_neighborLocation_both": "
|
|
24
|
-
"_neighborLocation_left": "
|
|
25
|
-
"__SSpin": "
|
|
26
|
-
"__SInner": "
|
|
27
|
-
"_loading": "
|
|
28
|
-
"__SText": "
|
|
29
|
-
"__SAddon": "
|
|
30
|
-
"_theme_primary-info": "_theme_primary-
|
|
31
|
-
"_active": "
|
|
32
|
-
"_theme_primary-success": "_theme_primary-
|
|
33
|
-
"_theme_primary-warning": "_theme_primary-
|
|
34
|
-
"_theme_primary-danger": "_theme_primary-
|
|
35
|
-
"_theme_primary-invert": "_theme_primary-
|
|
36
|
-
"_theme_secondary-muted": "_theme_secondary-
|
|
37
|
-
"_theme_secondary-info": "_theme_secondary-
|
|
38
|
-
"_theme_secondary-invert": "_theme_secondary-
|
|
39
|
-
"_theme_tertiary-info": "_theme_tertiary-
|
|
40
|
-
"_theme_tertiary-muted": "_theme_tertiary-
|
|
41
|
-
"_theme_tertiary-invert": "_theme_tertiary-
|
|
15
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_14pcf_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_14pcf_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_14pcf_gg_:active,.___SButton_14pcf_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_14pcf_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_14pcf_gg_.__keyboardFocused_14pcf_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_14pcf_gg_.__disabled_14pcf_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_14pcf_gg_._size_s_14pcf_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_14pcf_gg_._size_m_14pcf_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_14pcf_gg_._size_l_14pcf_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_14pcf_gg_._theme_primary-info_14pcf_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_14pcf_gg_._theme_primary-info_14pcf_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_14pcf_gg_._theme_primary-info_14pcf_gg_.__active_14pcf_gg_,.___SButton_14pcf_gg_._theme_primary-info_14pcf_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_14pcf_gg_._theme_primary-success_14pcf_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_14pcf_gg_._theme_primary-success_14pcf_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_14pcf_gg_._theme_primary-success_14pcf_gg_.__active_14pcf_gg_,.___SButton_14pcf_gg_._theme_primary-success_14pcf_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_14pcf_gg_._theme_primary-warning_14pcf_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_14pcf_gg_._theme_primary-warning_14pcf_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_14pcf_gg_._theme_primary-warning_14pcf_gg_.__active_14pcf_gg_,.___SButton_14pcf_gg_._theme_primary-warning_14pcf_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #c33909)}.___SButton_14pcf_gg_._theme_primary-danger_14pcf_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_14pcf_gg_._theme_primary-danger_14pcf_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_14pcf_gg_._theme_primary-danger_14pcf_gg_.__active_14pcf_gg_,.___SButton_14pcf_gg_._theme_primary-danger_14pcf_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_14pcf_gg_._theme_primary-invert_14pcf_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_14pcf_gg_._theme_primary-invert_14pcf_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_14pcf_gg_._theme_primary-invert_14pcf_gg_.__active_14pcf_gg_,.___SButton_14pcf_gg_._theme_primary-invert_14pcf_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_14pcf_gg_._theme_secondary-muted_14pcf_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_14pcf_gg_._theme_secondary-muted_14pcf_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_14pcf_gg_._theme_secondary-muted_14pcf_gg_.__active_14pcf_gg_,.___SButton_14pcf_gg_._theme_secondary-muted_14pcf_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_14pcf_gg_._theme_secondary-info_14pcf_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_14pcf_gg_._theme_secondary-info_14pcf_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_14pcf_gg_._theme_secondary-info_14pcf_gg_.__active_14pcf_gg_,.___SButton_14pcf_gg_._theme_secondary-info_14pcf_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_14pcf_gg_._theme_secondary-invert_14pcf_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_14pcf_gg_._theme_secondary-invert_14pcf_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_14pcf_gg_._theme_secondary-invert_14pcf_gg_.__active_14pcf_gg_,.___SButton_14pcf_gg_._theme_secondary-invert_14pcf_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_14pcf_gg_._theme_tertiary-info_14pcf_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_14pcf_gg_._theme_tertiary-info_14pcf_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_14pcf_gg_._theme_tertiary-info_14pcf_gg_.__active_14pcf_gg_,.___SButton_14pcf_gg_._theme_tertiary-info_14pcf_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_14pcf_gg_._theme_tertiary-muted_14pcf_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_14pcf_gg_._theme_tertiary-muted_14pcf_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_14pcf_gg_._theme_tertiary-muted_14pcf_gg_.__active_14pcf_gg_,.___SButton_14pcf_gg_._theme_tertiary-muted_14pcf_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_14pcf_gg_._theme_tertiary-invert_14pcf_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_14pcf_gg_._theme_tertiary-invert_14pcf_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_14pcf_gg_._theme_tertiary-invert_14pcf_gg_.__active_14pcf_gg_,.___SButton_14pcf_gg_._theme_tertiary-invert_14pcf_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_14pcf_gg_._neighborLocation_right_14pcf_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_14pcf_gg_._neighborLocation_both_14pcf_gg_{border-radius:0;margin-left:-1px}.___SButton_14pcf_gg_._neighborLocation_left_14pcf_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_14pcf_gg_._neighborLocation_both_14pcf_gg_,.___SButton_14pcf_gg_._neighborLocation_left_14pcf_gg_{position:relative}.___SButton_14pcf_gg_._neighborLocation_both_14pcf_gg_:after,.___SButton_14pcf_gg_._neighborLocation_left_14pcf_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_14pcf_gg_._neighborLocation_both_14pcf_gg_._theme_secondary-muted_14pcf_gg_:after,.___SButton_14pcf_gg_._neighborLocation_left_14pcf_gg_._theme_secondary-muted_14pcf_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_14pcf_gg_+.___SButton_14pcf_gg_._neighborLocation_both_14pcf_gg_:after,.___SButton_14pcf_gg_+.___SButton_14pcf_gg_._neighborLocation_left_14pcf_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_14pcf_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_14pcf_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_14pcf_gg_.__loading_14pcf_gg_{visibility:hidden}.___SText_14pcf_gg_{display:inline-flex}.___SText_14pcf_gg_._size_l_14pcf_gg_,.___SText_14pcf_gg_._size_m_14pcf_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_14pcf_gg_._size_m_14pcf_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_14pcf_gg_._size_l_14pcf_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_14pcf_gg_._size_l_14pcf_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_14pcf_gg_._size_l_14pcf_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_14pcf_gg_._size_l_14pcf_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_14pcf_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_14pcf_gg_._size_m_14pcf_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_14pcf_gg_._size_m_14pcf_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_14pcf_gg_._size_m_14pcf_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_14pcf_gg_._size_l_14pcf_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_14pcf_gg_._size_l_14pcf_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_14pcf_gg_._size_l_14pcf_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__*/, "14pcf_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
+
"__SButton": "___SButton_14pcf_gg_",
|
|
17
|
+
"_keyboardFocused": "__keyboardFocused_14pcf_gg_",
|
|
18
|
+
"_disabled": "__disabled_14pcf_gg_",
|
|
19
|
+
"_size_s": "_size_s_14pcf_gg_",
|
|
20
|
+
"_size_m": "_size_m_14pcf_gg_",
|
|
21
|
+
"_size_l": "_size_l_14pcf_gg_",
|
|
22
|
+
"_neighborLocation_right": "_neighborLocation_right_14pcf_gg_",
|
|
23
|
+
"_neighborLocation_both": "_neighborLocation_both_14pcf_gg_",
|
|
24
|
+
"_neighborLocation_left": "_neighborLocation_left_14pcf_gg_",
|
|
25
|
+
"__SSpin": "___SSpin_14pcf_gg_",
|
|
26
|
+
"__SInner": "___SInner_14pcf_gg_",
|
|
27
|
+
"_loading": "__loading_14pcf_gg_",
|
|
28
|
+
"__SText": "___SText_14pcf_gg_",
|
|
29
|
+
"__SAddon": "___SAddon_14pcf_gg_",
|
|
30
|
+
"_theme_primary-info": "_theme_primary-info_14pcf_gg_",
|
|
31
|
+
"_active": "__active_14pcf_gg_",
|
|
32
|
+
"_theme_primary-success": "_theme_primary-success_14pcf_gg_",
|
|
33
|
+
"_theme_primary-warning": "_theme_primary-warning_14pcf_gg_",
|
|
34
|
+
"_theme_primary-danger": "_theme_primary-danger_14pcf_gg_",
|
|
35
|
+
"_theme_primary-invert": "_theme_primary-invert_14pcf_gg_",
|
|
36
|
+
"_theme_secondary-muted": "_theme_secondary-muted_14pcf_gg_",
|
|
37
|
+
"_theme_secondary-info": "_theme_secondary-info_14pcf_gg_",
|
|
38
|
+
"_theme_secondary-invert": "_theme_secondary-invert_14pcf_gg_",
|
|
39
|
+
"_theme_tertiary-info": "_theme_tertiary-info_14pcf_gg_",
|
|
40
|
+
"_theme_tertiary-muted": "_theme_tertiary-muted_14pcf_gg_",
|
|
41
|
+
"_theme_tertiary-invert": "_theme_tertiary-invert_14pcf_gg_"
|
|
42
42
|
});
|
|
43
43
|
import { AbstractButton } from '../AbstractButton/AbstractButton';
|
|
44
44
|
var RootButton = /*#__PURE__*/function (_AbstractButton) {
|
|
@@ -10,26 +10,26 @@ import { assignProps as _assignProps } from "@semcore/core";
|
|
|
10
10
|
import React from 'react';
|
|
11
11
|
import createComponent, { sstyled, Root } from '@semcore/core';
|
|
12
12
|
/*__reshadow-styles__:"./buttonLink.shadow.css"*/
|
|
13
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
14
|
-
"__SButton": "
|
|
15
|
-
"_keyboardFocused": "
|
|
16
|
-
"_disabled": "
|
|
17
|
-
"__SInner": "
|
|
18
|
-
"__SAddon": "
|
|
19
|
-
"_size_100": "
|
|
20
|
-
"_size_200": "
|
|
21
|
-
"_size_300": "
|
|
22
|
-
"_size_400": "
|
|
23
|
-
"_size_500": "
|
|
24
|
-
"_size_600": "
|
|
25
|
-
"_size_700": "
|
|
26
|
-
"_size_800": "
|
|
27
|
-
"__SText": "
|
|
28
|
-
"_active": "
|
|
29
|
-
"_enableVisited": "
|
|
30
|
-
"_use_secondary": "
|
|
31
|
-
"_text-color": "__text-
|
|
32
|
-
"--text-color": "--text-
|
|
13
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_29o6o_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SButton_29o6o_gg_:active,.___SButton_29o6o_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_29o6o_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_29o6o_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_29o6o_gg_.__active_29o6o_gg_,.___SButton_29o6o_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_29o6o_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_29o6o_gg_.__active_29o6o_gg_ .___SText_29o6o_gg_,.___SButton_29o6o_gg_:active .___SText_29o6o_gg_{border-color:currentColor}@media (hover:hover){.___SButton_29o6o_gg_:hover .___SText_29o6o_gg_{border-color:currentColor}}.___SButton_29o6o_gg_.__enableVisited_29o6o_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_29o6o_gg_.__enableVisited_29o6o_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_29o6o_gg_ .___SText_29o6o_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_29o6o_gg_.__keyboardFocused_29o6o_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SButton_29o6o_gg_.__disabled_29o6o_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_29o6o_gg_._use_secondary_29o6o_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_29o6o_gg_._use_secondary_29o6o_gg_.__active_29o6o_gg_,.___SButton_29o6o_gg_._use_secondary_29o6o_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_29o6o_gg_._use_secondary_29o6o_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_29o6o_gg_._use_secondary_29o6o_gg_ .___SText_29o6o_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_29o6o_gg_,.___SInner_29o6o_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_29o6o_gg_{height:100%;width:100%}.___SAddon_29o6o_gg_{vertical-align:middle;pointer-events:none}.___SButton_29o6o_gg_ .___SAddon_29o6o_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_29o6o_gg_ .___SAddon_29o6o_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_29o6o_gg_.__text-color_29o6o_gg_{color:var(--text-color_29o6o)}.___SButton_29o6o_gg_.__text-color_29o6o_gg_.__active_29o6o_gg_,.___SButton_29o6o_gg_.__text-color_29o6o_gg_:active{color:var(--text-color_29o6o);filter:brightness(.8)}@media (hover:hover){.___SButton_29o6o_gg_.__text-color_29o6o_gg_:hover{color:var(--text-color_29o6o);filter:brightness(.8)}}.___SButton_29o6o_gg_._size_100_29o6o_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_29o6o_gg_._size_200_29o6o_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_29o6o_gg_._size_300_29o6o_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_29o6o_gg_._size_400_29o6o_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_29o6o_gg_._size_500_29o6o_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_29o6o_gg_._size_600_29o6o_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_29o6o_gg_._size_700_29o6o_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_29o6o_gg_._size_800_29o6o_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_29o6o_gg_,.___SText_29o6o_gg_{transition:none}}" /*__inner_css_end__*/, "29o6o_gg_") /*__reshadow_css_end__*/, {
|
|
14
|
+
"__SButton": "___SButton_29o6o_gg_",
|
|
15
|
+
"_keyboardFocused": "__keyboardFocused_29o6o_gg_",
|
|
16
|
+
"_disabled": "__disabled_29o6o_gg_",
|
|
17
|
+
"__SInner": "___SInner_29o6o_gg_",
|
|
18
|
+
"__SAddon": "___SAddon_29o6o_gg_",
|
|
19
|
+
"_size_100": "_size_100_29o6o_gg_",
|
|
20
|
+
"_size_200": "_size_200_29o6o_gg_",
|
|
21
|
+
"_size_300": "_size_300_29o6o_gg_",
|
|
22
|
+
"_size_400": "_size_400_29o6o_gg_",
|
|
23
|
+
"_size_500": "_size_500_29o6o_gg_",
|
|
24
|
+
"_size_600": "_size_600_29o6o_gg_",
|
|
25
|
+
"_size_700": "_size_700_29o6o_gg_",
|
|
26
|
+
"_size_800": "_size_800_29o6o_gg_",
|
|
27
|
+
"__SText": "___SText_29o6o_gg_",
|
|
28
|
+
"_active": "__active_29o6o_gg_",
|
|
29
|
+
"_enableVisited": "__enableVisited_29o6o_gg_",
|
|
30
|
+
"_use_secondary": "_use_secondary_29o6o_gg_",
|
|
31
|
+
"_text-color": "__text-color_29o6o_gg_",
|
|
32
|
+
"--text-color": "--text-color_29o6o"
|
|
33
33
|
});
|
|
34
34
|
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
35
35
|
import { Box } from '@semcore/flex-box';
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
import m from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import F from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
|
+
import O from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
+
import C from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
5
|
+
import U from "@babel/runtime/helpers/esm/inherits";
|
|
6
|
+
import j from "@babel/runtime/helpers/esm/createSuper";
|
|
7
|
+
import g from "@babel/runtime/helpers/esm/defineProperty";
|
|
8
|
+
import { sstyled as b, assignProps as L, CORE_INSTANCE as q, Component as V } from "@semcore/core";
|
|
9
|
+
import o from "react";
|
|
10
|
+
import { Box as P } from "@semcore/flex-box";
|
|
11
|
+
import { Hint as G } from "@semcore/tooltip";
|
|
12
|
+
import J from "@semcore/neighbor-location";
|
|
13
|
+
import K from "@semcore/utils/lib/addonTextChildren";
|
|
14
|
+
import Q from "@semcore/utils/lib/logger";
|
|
15
|
+
import X from "./SpinButton.mjs";
|
|
16
|
+
import Y from "@semcore/utils/lib/hasLabels";
|
|
17
|
+
var Z = {
|
|
18
|
+
primary: "info",
|
|
19
|
+
secondary: "muted",
|
|
20
|
+
tertiary: "info"
|
|
21
|
+
}, tt = /* @__PURE__ */ function(x) {
|
|
22
|
+
U(s, x);
|
|
23
|
+
var y = j(s);
|
|
24
|
+
function s() {
|
|
25
|
+
var i;
|
|
26
|
+
F(this, s);
|
|
27
|
+
for (var e = arguments.length, n = new Array(e), r = 0; r < e; r++)
|
|
28
|
+
n[r] = arguments[r];
|
|
29
|
+
return i = y.call.apply(y, [this].concat(n)), g(C(i), "containerRef", /* @__PURE__ */ o.createRef()), g(C(i), "state", {
|
|
30
|
+
ariaLabelledByContent: null
|
|
31
|
+
}), i;
|
|
32
|
+
}
|
|
33
|
+
return O(s, [{
|
|
34
|
+
key: "getTextProps",
|
|
35
|
+
value: function() {
|
|
36
|
+
var e = this.asProps.size;
|
|
37
|
+
return {
|
|
38
|
+
size: e
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
}, {
|
|
42
|
+
key: "getAddonProps",
|
|
43
|
+
value: function() {
|
|
44
|
+
var e = this.asProps.size;
|
|
45
|
+
return {
|
|
46
|
+
size: e
|
|
47
|
+
};
|
|
48
|
+
}
|
|
49
|
+
}, {
|
|
50
|
+
key: "componentDidMount",
|
|
51
|
+
value: function() {
|
|
52
|
+
var e = this;
|
|
53
|
+
process.env.NODE_ENV !== "production" && Q.warn(this.containerRef.current && !Y(this.containerRef.current) && !this.asProps.title, "'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content", this.asProps["data-ui-name"] || s.displayName);
|
|
54
|
+
var n = this.asProps["aria-labelledby"];
|
|
55
|
+
n && setTimeout(function() {
|
|
56
|
+
var r, t;
|
|
57
|
+
e.setState({
|
|
58
|
+
ariaLabelledByContent: (r = (t = document.getElementById(n)) === null || t === void 0 ? void 0 : t.textContent) !== null && r !== void 0 ? r : ""
|
|
59
|
+
});
|
|
60
|
+
}, 0);
|
|
61
|
+
}
|
|
62
|
+
}, {
|
|
63
|
+
key: "renderButton",
|
|
64
|
+
value: function(e) {
|
|
65
|
+
var n = this.asProps, r, t = e.buttonProps, d = e.children, a = this.asProps.styles, l = P;
|
|
66
|
+
return r = b(a), /* @__PURE__ */ o.createElement(l, r.cn("SButton", m({}, L(m({}, t), n))), d);
|
|
67
|
+
}
|
|
68
|
+
}, {
|
|
69
|
+
key: "renderButtonWithHint",
|
|
70
|
+
value: function(e) {
|
|
71
|
+
var n = this.asProps, r, t = e.buttonProps, d = e.children, a = e.hintProps, l = this.asProps.styles, c = G;
|
|
72
|
+
return r = b(l), /* @__PURE__ */ o.createElement(c, r.cn("SButton", m({}, L(m(m({}, t), a), n))), d);
|
|
73
|
+
}
|
|
74
|
+
}, {
|
|
75
|
+
key: "render",
|
|
76
|
+
value: function() {
|
|
77
|
+
var e, n, r = this, t = this.asProps, d = t.styles, a = t.use, l = t.theme, c = l === void 0 ? typeof a == "string" && Z[a] : l, p = t.loading, _ = t.disabled, T = _ === void 0 ? p : _, R = t.size, z = t.neighborLocation, N = t.children, h = t.title, $ = t["aria-label"], D = t.Children, B = t.addonLeft, E = t.addonRight, H = t.hintPlacement, f = this[q], A = a && c ? "".concat(a, "-").concat(c) : !1, I = P, k = P, M = (e = (n = h ?? $) !== null && n !== void 0 ? n : this.state.ariaLabelledByContent) !== null && e !== void 0 ? e : "", v = {
|
|
78
|
+
type: "button",
|
|
79
|
+
tag: "button",
|
|
80
|
+
disabled: T,
|
|
81
|
+
"use:theme": A,
|
|
82
|
+
ref: this.containerRef,
|
|
83
|
+
"text-color": this.getTextColor(),
|
|
84
|
+
"aria-busy": p,
|
|
85
|
+
__excludeProps: ["title"]
|
|
86
|
+
}, w = {
|
|
87
|
+
title: M,
|
|
88
|
+
timeout: [250, 50],
|
|
89
|
+
placement: H,
|
|
90
|
+
theme: c === "invert" ? "invert" : void 0,
|
|
91
|
+
__excludeProps: []
|
|
92
|
+
};
|
|
93
|
+
return /* @__PURE__ */ o.createElement(J.Detect, {
|
|
94
|
+
neighborLocation: z
|
|
95
|
+
}, function(W) {
|
|
96
|
+
var u, S = (u = b(d), /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(I, u.cn("SInner", {
|
|
97
|
+
tag: "span",
|
|
98
|
+
loading: p
|
|
99
|
+
}), B ? /* @__PURE__ */ o.createElement(f.Addon, null, /* @__PURE__ */ o.createElement(B, u.cn("AddonLeft", {}))) : null, K(D, f.Text, f.Addon), E ? /* @__PURE__ */ o.createElement(f.Addon, null, /* @__PURE__ */ o.createElement(E, u.cn("AddonRight", {}))) : null), p && /* @__PURE__ */ o.createElement(k, u.cn("SSpin", {
|
|
100
|
+
tag: "span"
|
|
101
|
+
}), /* @__PURE__ */ o.createElement(X, u.cn("SpinButton", {
|
|
102
|
+
centered: !0,
|
|
103
|
+
size: R,
|
|
104
|
+
theme: A
|
|
105
|
+
})))));
|
|
106
|
+
return v.neighborLocation = W, N === void 0 || h ? r.renderButtonWithHint({
|
|
107
|
+
buttonProps: v,
|
|
108
|
+
hintProps: w,
|
|
109
|
+
children: S
|
|
110
|
+
}) : r.renderButton({
|
|
111
|
+
buttonProps: v,
|
|
112
|
+
children: S
|
|
113
|
+
});
|
|
114
|
+
});
|
|
115
|
+
}
|
|
116
|
+
}]), s;
|
|
117
|
+
}(V);
|
|
118
|
+
g(tt, "displayName", "AbstractButton");
|
|
119
|
+
export {
|
|
120
|
+
tt as AbstractButton,
|
|
121
|
+
Z as MAP_USE_DEFAULT_THEME
|
|
122
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import o from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import i from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
|
+
import m from "react";
|
|
4
|
+
import s from "@semcore/spin";
|
|
5
|
+
var n = ["theme", "size"], p = {
|
|
6
|
+
xl: "m",
|
|
7
|
+
l: "s",
|
|
8
|
+
m: "xs",
|
|
9
|
+
s: "xxs"
|
|
10
|
+
};
|
|
11
|
+
function l(e) {
|
|
12
|
+
e.theme;
|
|
13
|
+
var t = e.size, r = i(e, n);
|
|
14
|
+
return /* @__PURE__ */ m.createElement(s, o({
|
|
15
|
+
size: typeof t == "string" ? p[t] : t,
|
|
16
|
+
theme: "currentColor"
|
|
17
|
+
}, r));
|
|
18
|
+
}
|
|
19
|
+
export {
|
|
20
|
+
p as SPIN_SIZE_MAP,
|
|
21
|
+
l as default
|
|
22
|
+
};
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
import i from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import p from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
|
+
import l from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
+
import v from "@babel/runtime/helpers/esm/inherits";
|
|
5
|
+
import m from "@babel/runtime/helpers/esm/createSuper";
|
|
6
|
+
import a from "@babel/runtime/helpers/esm/defineProperty";
|
|
7
|
+
import { sstyled as d } from "@semcore/utils/lib/core/index";
|
|
8
|
+
import h, { sstyled as o, assignProps as g } from "@semcore/core";
|
|
9
|
+
import n from "react";
|
|
10
|
+
import { Box as f } from "@semcore/flex-box";
|
|
11
|
+
import s from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
|
|
12
|
+
import { AbstractButton as u } from "../AbstractButton/AbstractButton.mjs";
|
|
13
|
+
var y = (
|
|
14
|
+
/*__reshadow_css_start__*/
|
|
15
|
+
(d.insert(
|
|
16
|
+
/*__inner_css_start__*/
|
|
17
|
+
`.___SButton_14pcf_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_14pcf_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_14pcf_gg_:active,.___SButton_14pcf_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_14pcf_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_14pcf_gg_.__keyboardFocused_14pcf_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_14pcf_gg_.__disabled_14pcf_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_14pcf_gg_._size_s_14pcf_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_14pcf_gg_._size_m_14pcf_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_14pcf_gg_._size_l_14pcf_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_14pcf_gg_._theme_primary-info_14pcf_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_14pcf_gg_._theme_primary-info_14pcf_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_14pcf_gg_._theme_primary-info_14pcf_gg_.__active_14pcf_gg_,.___SButton_14pcf_gg_._theme_primary-info_14pcf_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_14pcf_gg_._theme_primary-success_14pcf_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_14pcf_gg_._theme_primary-success_14pcf_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_14pcf_gg_._theme_primary-success_14pcf_gg_.__active_14pcf_gg_,.___SButton_14pcf_gg_._theme_primary-success_14pcf_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_14pcf_gg_._theme_primary-warning_14pcf_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_14pcf_gg_._theme_primary-warning_14pcf_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_14pcf_gg_._theme_primary-warning_14pcf_gg_.__active_14pcf_gg_,.___SButton_14pcf_gg_._theme_primary-warning_14pcf_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #c33909)}.___SButton_14pcf_gg_._theme_primary-danger_14pcf_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_14pcf_gg_._theme_primary-danger_14pcf_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_14pcf_gg_._theme_primary-danger_14pcf_gg_.__active_14pcf_gg_,.___SButton_14pcf_gg_._theme_primary-danger_14pcf_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_14pcf_gg_._theme_primary-invert_14pcf_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_14pcf_gg_._theme_primary-invert_14pcf_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_14pcf_gg_._theme_primary-invert_14pcf_gg_.__active_14pcf_gg_,.___SButton_14pcf_gg_._theme_primary-invert_14pcf_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_14pcf_gg_._theme_secondary-muted_14pcf_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_14pcf_gg_._theme_secondary-muted_14pcf_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,
|
|
18
|
+
rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_14pcf_gg_._theme_secondary-muted_14pcf_gg_.__active_14pcf_gg_,.___SButton_14pcf_gg_._theme_secondary-muted_14pcf_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,
|
|
19
|
+
rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_14pcf_gg_._theme_secondary-info_14pcf_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_14pcf_gg_._theme_secondary-info_14pcf_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_14pcf_gg_._theme_secondary-info_14pcf_gg_.__active_14pcf_gg_,.___SButton_14pcf_gg_._theme_secondary-info_14pcf_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_14pcf_gg_._theme_secondary-invert_14pcf_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_14pcf_gg_._theme_secondary-invert_14pcf_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_14pcf_gg_._theme_secondary-invert_14pcf_gg_.__active_14pcf_gg_,.___SButton_14pcf_gg_._theme_secondary-invert_14pcf_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-active,
|
|
20
|
+
rgba(255, 255, 255, 0.3))}.___SButton_14pcf_gg_._theme_tertiary-info_14pcf_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_14pcf_gg_._theme_tertiary-info_14pcf_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_14pcf_gg_._theme_tertiary-info_14pcf_gg_.__active_14pcf_gg_,.___SButton_14pcf_gg_._theme_tertiary-info_14pcf_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_14pcf_gg_._theme_tertiary-muted_14pcf_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_14pcf_gg_._theme_tertiary-muted_14pcf_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_14pcf_gg_._theme_tertiary-muted_14pcf_gg_.__active_14pcf_gg_,.___SButton_14pcf_gg_._theme_tertiary-muted_14pcf_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,
|
|
21
|
+
rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_14pcf_gg_._theme_tertiary-invert_14pcf_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_14pcf_gg_._theme_tertiary-invert_14pcf_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_14pcf_gg_._theme_tertiary-invert_14pcf_gg_.__active_14pcf_gg_,.___SButton_14pcf_gg_._theme_tertiary-invert_14pcf_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_14pcf_gg_._neighborLocation_right_14pcf_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_14pcf_gg_._neighborLocation_both_14pcf_gg_{border-radius:0;margin-left:-1px}.___SButton_14pcf_gg_._neighborLocation_left_14pcf_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_14pcf_gg_._neighborLocation_both_14pcf_gg_,.___SButton_14pcf_gg_._neighborLocation_left_14pcf_gg_{position:relative}.___SButton_14pcf_gg_._neighborLocation_both_14pcf_gg_:after,.___SButton_14pcf_gg_._neighborLocation_left_14pcf_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_14pcf_gg_._neighborLocation_both_14pcf_gg_._theme_secondary-muted_14pcf_gg_:after,.___SButton_14pcf_gg_._neighborLocation_left_14pcf_gg_._theme_secondary-muted_14pcf_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_14pcf_gg_+.___SButton_14pcf_gg_._neighborLocation_both_14pcf_gg_:after,.___SButton_14pcf_gg_+.___SButton_14pcf_gg_._neighborLocation_left_14pcf_gg_:after{content:"";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_14pcf_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_14pcf_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_14pcf_gg_.__loading_14pcf_gg_{visibility:hidden}.___SText_14pcf_gg_{display:inline-flex}.___SText_14pcf_gg_._size_l_14pcf_gg_,.___SText_14pcf_gg_._size_m_14pcf_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_14pcf_gg_._size_m_14pcf_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_14pcf_gg_._size_l_14pcf_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_14pcf_gg_._size_l_14pcf_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_14pcf_gg_._size_l_14pcf_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_14pcf_gg_._size_l_14pcf_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_14pcf_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_14pcf_gg_._size_m_14pcf_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_14pcf_gg_._size_m_14pcf_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_14pcf_gg_._size_m_14pcf_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_14pcf_gg_._size_l_14pcf_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_14pcf_gg_._size_l_14pcf_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_14pcf_gg_._size_l_14pcf_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}`,
|
|
22
|
+
"14pcf_gg_"
|
|
23
|
+
), {
|
|
24
|
+
__SButton: "___SButton_14pcf_gg_",
|
|
25
|
+
_keyboardFocused: "__keyboardFocused_14pcf_gg_",
|
|
26
|
+
_disabled: "__disabled_14pcf_gg_",
|
|
27
|
+
_size_s: "_size_s_14pcf_gg_",
|
|
28
|
+
_size_m: "_size_m_14pcf_gg_",
|
|
29
|
+
_size_l: "_size_l_14pcf_gg_",
|
|
30
|
+
_neighborLocation_right: "_neighborLocation_right_14pcf_gg_",
|
|
31
|
+
_neighborLocation_both: "_neighborLocation_both_14pcf_gg_",
|
|
32
|
+
_neighborLocation_left: "_neighborLocation_left_14pcf_gg_",
|
|
33
|
+
__SSpin: "___SSpin_14pcf_gg_",
|
|
34
|
+
__SInner: "___SInner_14pcf_gg_",
|
|
35
|
+
_loading: "__loading_14pcf_gg_",
|
|
36
|
+
__SText: "___SText_14pcf_gg_",
|
|
37
|
+
__SAddon: "___SAddon_14pcf_gg_",
|
|
38
|
+
"_theme_primary-info": "_theme_primary-info_14pcf_gg_",
|
|
39
|
+
_active: "__active_14pcf_gg_",
|
|
40
|
+
"_theme_primary-success": "_theme_primary-success_14pcf_gg_",
|
|
41
|
+
"_theme_primary-warning": "_theme_primary-warning_14pcf_gg_",
|
|
42
|
+
"_theme_primary-danger": "_theme_primary-danger_14pcf_gg_",
|
|
43
|
+
"_theme_primary-invert": "_theme_primary-invert_14pcf_gg_",
|
|
44
|
+
"_theme_secondary-muted": "_theme_secondary-muted_14pcf_gg_",
|
|
45
|
+
"_theme_secondary-info": "_theme_secondary-info_14pcf_gg_",
|
|
46
|
+
"_theme_secondary-invert": "_theme_secondary-invert_14pcf_gg_",
|
|
47
|
+
"_theme_tertiary-info": "_theme_tertiary-info_14pcf_gg_",
|
|
48
|
+
"_theme_tertiary-muted": "_theme_tertiary-muted_14pcf_gg_",
|
|
49
|
+
"_theme_tertiary-invert": "_theme_tertiary-invert_14pcf_gg_"
|
|
50
|
+
})
|
|
51
|
+
), e = /* @__PURE__ */ function(t) {
|
|
52
|
+
v(_, t);
|
|
53
|
+
var r = m(_);
|
|
54
|
+
function _() {
|
|
55
|
+
return p(this, _), r.apply(this, arguments);
|
|
56
|
+
}
|
|
57
|
+
return l(_, [{
|
|
58
|
+
key: "getTextColor",
|
|
59
|
+
value: function() {
|
|
60
|
+
}
|
|
61
|
+
}]), _;
|
|
62
|
+
}(u);
|
|
63
|
+
a(e, "displayName", "Button");
|
|
64
|
+
a(e, "enhance", [s()]);
|
|
65
|
+
a(e, "style", y);
|
|
66
|
+
a(e, "defaultProps", {
|
|
67
|
+
use: "secondary",
|
|
68
|
+
size: "m"
|
|
69
|
+
});
|
|
70
|
+
function b(t) {
|
|
71
|
+
var r = arguments[0], _, c = f;
|
|
72
|
+
return _ = o(t.styles), /* @__PURE__ */ n.createElement(c, _.cn("SText", i({}, g({
|
|
73
|
+
tag: "span"
|
|
74
|
+
}, r))));
|
|
75
|
+
}
|
|
76
|
+
function x(t) {
|
|
77
|
+
var r = arguments[0], _, c = f;
|
|
78
|
+
return _ = o(t.styles), /* @__PURE__ */ n.createElement(c, _.cn("SAddon", i({}, g({
|
|
79
|
+
tag: "span"
|
|
80
|
+
}, r))));
|
|
81
|
+
}
|
|
82
|
+
var E = h(e, {
|
|
83
|
+
Text: b,
|
|
84
|
+
Addon: x
|
|
85
|
+
});
|
|
86
|
+
export {
|
|
87
|
+
E as default
|
|
88
|
+
};
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import g from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import v from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
|
+
import h from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
+
import S from "@babel/runtime/helpers/esm/inherits";
|
|
5
|
+
import x from "@babel/runtime/helpers/esm/createSuper";
|
|
6
|
+
import i from "@babel/runtime/helpers/esm/defineProperty";
|
|
7
|
+
import { sstyled as p } from "@semcore/utils/lib/core/index";
|
|
8
|
+
import f, { sstyled as a, assignProps as c } from "@semcore/core";
|
|
9
|
+
import l from "react";
|
|
10
|
+
import m from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
|
|
11
|
+
import { Box as s } from "@semcore/flex-box";
|
|
12
|
+
import { AbstractButton as B } from "../AbstractButton/AbstractButton.mjs";
|
|
13
|
+
import b from "@semcore/utils/lib/enhances/resolveColorEnhance";
|
|
14
|
+
var y = (
|
|
15
|
+
/*__reshadow_css_start__*/
|
|
16
|
+
(p.insert(
|
|
17
|
+
/*__inner_css_start__*/
|
|
18
|
+
".___SButton_29o6o_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SButton_29o6o_gg_:active,.___SButton_29o6o_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_29o6o_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_29o6o_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_29o6o_gg_.__active_29o6o_gg_,.___SButton_29o6o_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_29o6o_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_29o6o_gg_.__active_29o6o_gg_ .___SText_29o6o_gg_,.___SButton_29o6o_gg_:active .___SText_29o6o_gg_{border-color:currentColor}@media (hover:hover){.___SButton_29o6o_gg_:hover .___SText_29o6o_gg_{border-color:currentColor}}.___SButton_29o6o_gg_.__enableVisited_29o6o_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_29o6o_gg_.__enableVisited_29o6o_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_29o6o_gg_ .___SText_29o6o_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_29o6o_gg_.__keyboardFocused_29o6o_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SButton_29o6o_gg_.__disabled_29o6o_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_29o6o_gg_._use_secondary_29o6o_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_29o6o_gg_._use_secondary_29o6o_gg_.__active_29o6o_gg_,.___SButton_29o6o_gg_._use_secondary_29o6o_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_29o6o_gg_._use_secondary_29o6o_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_29o6o_gg_._use_secondary_29o6o_gg_ .___SText_29o6o_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_29o6o_gg_,.___SInner_29o6o_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_29o6o_gg_{height:100%;width:100%}.___SAddon_29o6o_gg_{vertical-align:middle;pointer-events:none}.___SButton_29o6o_gg_ .___SAddon_29o6o_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_29o6o_gg_ .___SAddon_29o6o_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_29o6o_gg_.__text-color_29o6o_gg_{color:var(--text-color_29o6o)}.___SButton_29o6o_gg_.__text-color_29o6o_gg_.__active_29o6o_gg_,.___SButton_29o6o_gg_.__text-color_29o6o_gg_:active{color:var(--text-color_29o6o);filter:brightness(.8)}@media (hover:hover){.___SButton_29o6o_gg_.__text-color_29o6o_gg_:hover{color:var(--text-color_29o6o);filter:brightness(.8)}}.___SButton_29o6o_gg_._size_100_29o6o_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_29o6o_gg_._size_200_29o6o_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_29o6o_gg_._size_300_29o6o_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_29o6o_gg_._size_400_29o6o_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_29o6o_gg_._size_500_29o6o_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_29o6o_gg_._size_600_29o6o_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_29o6o_gg_._size_700_29o6o_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_29o6o_gg_._size_800_29o6o_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_29o6o_gg_,.___SText_29o6o_gg_{transition:none}}",
|
|
19
|
+
"29o6o_gg_"
|
|
20
|
+
), {
|
|
21
|
+
__SButton: "___SButton_29o6o_gg_",
|
|
22
|
+
_keyboardFocused: "__keyboardFocused_29o6o_gg_",
|
|
23
|
+
_disabled: "__disabled_29o6o_gg_",
|
|
24
|
+
__SInner: "___SInner_29o6o_gg_",
|
|
25
|
+
__SAddon: "___SAddon_29o6o_gg_",
|
|
26
|
+
_size_100: "_size_100_29o6o_gg_",
|
|
27
|
+
_size_200: "_size_200_29o6o_gg_",
|
|
28
|
+
_size_300: "_size_300_29o6o_gg_",
|
|
29
|
+
_size_400: "_size_400_29o6o_gg_",
|
|
30
|
+
_size_500: "_size_500_29o6o_gg_",
|
|
31
|
+
_size_600: "_size_600_29o6o_gg_",
|
|
32
|
+
_size_700: "_size_700_29o6o_gg_",
|
|
33
|
+
_size_800: "_size_800_29o6o_gg_",
|
|
34
|
+
__SText: "___SText_29o6o_gg_",
|
|
35
|
+
_active: "__active_29o6o_gg_",
|
|
36
|
+
_enableVisited: "__enableVisited_29o6o_gg_",
|
|
37
|
+
_use_secondary: "_use_secondary_29o6o_gg_",
|
|
38
|
+
"_text-color": "__text-color_29o6o_gg_",
|
|
39
|
+
"--text-color": "--text-color_29o6o"
|
|
40
|
+
})
|
|
41
|
+
), z = {
|
|
42
|
+
keyboardFocused: m(),
|
|
43
|
+
resolveColor: b()
|
|
44
|
+
}, e = /* @__PURE__ */ function(o) {
|
|
45
|
+
S(_, o);
|
|
46
|
+
var t = x(_);
|
|
47
|
+
function _() {
|
|
48
|
+
return v(this, _), t.apply(this, arguments);
|
|
49
|
+
}
|
|
50
|
+
return h(_, [{
|
|
51
|
+
key: "getTextColor",
|
|
52
|
+
value: function() {
|
|
53
|
+
var n = this.asProps, d = n.color, u = n.resolveColor;
|
|
54
|
+
return u(d);
|
|
55
|
+
}
|
|
56
|
+
}]), _;
|
|
57
|
+
}(B);
|
|
58
|
+
i(e, "displayName", "ButtonLink");
|
|
59
|
+
i(e, "enhance", Object.values(z));
|
|
60
|
+
i(e, "style", y);
|
|
61
|
+
i(e, "defaultProps", {
|
|
62
|
+
use: "primary"
|
|
63
|
+
});
|
|
64
|
+
function k(o) {
|
|
65
|
+
var t = arguments[0], _, r = s;
|
|
66
|
+
return _ = a(o.styles), /* @__PURE__ */ l.createElement(r, _.cn("SText", g({}, c({
|
|
67
|
+
tag: "span"
|
|
68
|
+
}, t))));
|
|
69
|
+
}
|
|
70
|
+
function C(o) {
|
|
71
|
+
var t = arguments[0], _, r = s;
|
|
72
|
+
return _ = a(o.styles), /* @__PURE__ */ l.createElement(r, _.cn("SAddon", g({}, c({
|
|
73
|
+
tag: "span"
|
|
74
|
+
}, t))));
|
|
75
|
+
}
|
|
76
|
+
var $ = f(e, {
|
|
77
|
+
Text: k,
|
|
78
|
+
Addon: C
|
|
79
|
+
});
|
|
80
|
+
export {
|
|
81
|
+
$ as ButtonLink
|
|
82
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as t } from "./component/Button/Button.mjs";
|
|
2
|
+
import { ButtonLink as f } from "./component/ButtonLink/ButtonLink.mjs";
|
|
3
|
+
import { MAP_USE_DEFAULT_THEME as m } from "./component/AbstractButton/AbstractButton.mjs";
|
|
4
|
+
export {
|
|
5
|
+
f as ButtonLink,
|
|
6
|
+
m as MAP_USE_DEFAULT_THEME,
|
|
7
|
+
t as default
|
|
8
|
+
};
|
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.42.0-prerelease.11",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -10,18 +10,18 @@
|
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"exports": {
|
|
12
12
|
"require": "./lib/cjs/index.js",
|
|
13
|
-
"import": "./lib/
|
|
13
|
+
"import": "./lib/esm/index.mjs",
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/flex-box": "5.
|
|
18
|
-
"@semcore/neighbor-location": "4.
|
|
19
|
-
"@semcore/spin": "5.
|
|
20
|
-
"@semcore/tooltip": "6.
|
|
21
|
-
"@semcore/utils": "4.
|
|
17
|
+
"@semcore/flex-box": "5.41.0-prerelease.11",
|
|
18
|
+
"@semcore/neighbor-location": "4.39.0-prerelease.11",
|
|
19
|
+
"@semcore/spin": "5.41.0-prerelease.11",
|
|
20
|
+
"@semcore/tooltip": "6.48.0-prerelease.11",
|
|
21
|
+
"@semcore/utils": "4.47.1-prerelease.11"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
24
|
-
"@semcore/core": "^2.
|
|
24
|
+
"@semcore/core": "^2.39.0-prerelease.11",
|
|
25
25
|
"react": "16.8 - 18",
|
|
26
26
|
"react-dom": "16.8 - 18"
|
|
27
27
|
},
|
|
@@ -36,6 +36,6 @@
|
|
|
36
36
|
"@types/react": "18.0.21"
|
|
37
37
|
},
|
|
38
38
|
"scripts": {
|
|
39
|
-
"build": "pnpm semcore-builder
|
|
39
|
+
"build": "pnpm semcore-builder && pnpm vite build"
|
|
40
40
|
}
|
|
41
41
|
}
|
package/vite.config.ts
ADDED