@semcore/button 17.2.1 → 17.2.2-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 +7 -0
- package/lib/cjs/component/Button/Button.js +37 -38
- package/lib/cjs/component/Button/Button.js.map +1 -1
- package/lib/cjs/component/Button/Button.type.js.map +1 -1
- package/lib/cjs/component/Button/mappers/BUTTON_SIZE_TO_SPIN_SIZE.js +11 -0
- package/lib/cjs/component/Button/mappers/BUTTON_SIZE_TO_SPIN_SIZE.js.map +1 -0
- package/lib/cjs/component/Button/mappers/BUTTON_USE_TO_DEFAULT_THEME.js +12 -0
- package/lib/cjs/component/Button/mappers/BUTTON_USE_TO_DEFAULT_THEME.js.map +1 -0
- package/lib/cjs/component/ButtonLink/ButtonLink.js +7 -7
- package/lib/cjs/component/ButtonLink/ButtonLink.js.map +1 -1
- package/lib/cjs/component/ButtonLink/ButtonLink.type.js.map +1 -1
- package/lib/es6/component/Button/Button.js +38 -38
- package/lib/es6/component/Button/Button.js.map +1 -1
- package/lib/es6/component/Button/Button.type.js.map +1 -1
- package/lib/es6/component/Button/mappers/BUTTON_SIZE_TO_SPIN_SIZE.js +5 -0
- package/lib/es6/component/Button/mappers/BUTTON_SIZE_TO_SPIN_SIZE.js.map +1 -0
- package/lib/es6/component/Button/mappers/BUTTON_USE_TO_DEFAULT_THEME.js +6 -0
- package/lib/es6/component/Button/mappers/BUTTON_USE_TO_DEFAULT_THEME.js.map +1 -0
- package/lib/es6/component/ButtonLink/ButtonLink.js +7 -7
- package/lib/es6/component/ButtonLink/ButtonLink.js.map +1 -1
- package/lib/es6/component/ButtonLink/ButtonLink.type.js.map +1 -1
- package/lib/esm/component/Button/Button.mjs +37 -39
- package/lib/esm/component/Button/mappers/BUTTON_SIZE_TO_SPIN_SIZE.mjs +7 -0
- package/lib/esm/component/Button/mappers/BUTTON_USE_TO_DEFAULT_THEME.mjs +8 -0
- package/lib/esm/component/ButtonLink/ButtonLink.mjs +8 -8
- package/lib/types/component/Button/Button.d.ts +9 -9
- package/lib/types/component/Button/Button.d.ts.map +1 -0
- package/lib/types/component/Button/Button.type.d.ts +72 -45
- package/lib/types/component/Button/Button.type.d.ts.map +1 -0
- package/lib/types/component/Button/mappers/BUTTON_SIZE_TO_SPIN_SIZE.d.ts +4 -0
- package/lib/types/component/Button/mappers/BUTTON_SIZE_TO_SPIN_SIZE.d.ts.map +1 -0
- package/lib/types/component/Button/mappers/BUTTON_USE_TO_DEFAULT_THEME.d.ts +3 -0
- package/lib/types/component/Button/mappers/BUTTON_USE_TO_DEFAULT_THEME.d.ts.map +1 -0
- package/lib/types/component/ButtonLink/ButtonLink.d.ts +3 -2
- package/lib/types/component/ButtonLink/ButtonLink.d.ts.map +1 -0
- package/lib/types/component/ButtonLink/ButtonLink.type.d.ts +40 -21
- package/lib/types/component/ButtonLink/ButtonLink.type.d.ts.map +1 -0
- package/lib/types/index.d.ts +1 -0
- package/lib/types/index.d.ts.map +1 -0
- package/package.json +8 -8
- package/src/component/Button/Button.tsx +20 -20
- package/src/component/Button/Button.type.ts +73 -46
- package/src/component/Button/mappers/BUTTON_SIZE_TO_SPIN_SIZE.ts +8 -0
- package/src/component/Button/mappers/BUTTON_USE_TO_DEFAULT_THEME.ts +7 -0
- package/src/component/ButtonLink/ButtonLink.tsx +5 -4
- package/src/component/ButtonLink/ButtonLink.type.ts +37 -21
- package/lib/cjs/component/Button/SpinButton.js +0 -28
- package/lib/cjs/component/Button/SpinButton.js.map +0 -1
- package/lib/es6/component/Button/SpinButton.js +0 -20
- package/lib/es6/component/Button/SpinButton.js.map +0 -1
- package/lib/esm/component/Button/SpinButton.mjs +0 -23
- package/lib/types/component/Button/SpinButton.d.ts +0 -3
- package/src/component/Button/SpinButton.tsx +0 -19
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [17.2.2] - 2026-09-10
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Refactor component types. Deprecated atomic types. Atomic types are
|
|
10
|
+
part of `NSButton/NSButtonLink` namespaces.
|
|
11
|
+
|
|
5
12
|
## [17.2.1] - 2026-06-26
|
|
6
13
|
|
|
7
14
|
### Fixed
|
|
@@ -11,45 +11,44 @@ var _baseComponents = require("@semcore/base-components");
|
|
|
11
11
|
var _addonTextChildren = _interopRequireDefault(require("@semcore/core/lib/utils/addonTextChildren"));
|
|
12
12
|
var _hasLabels = _interopRequireDefault(require("@semcore/core/lib/utils/hasLabels"));
|
|
13
13
|
var _logger = _interopRequireDefault(require("@semcore/core/lib/utils/logger"));
|
|
14
|
+
var _spin = _interopRequireDefault(require("@semcore/spin"));
|
|
14
15
|
var _typography = require("@semcore/typography");
|
|
15
16
|
var _react = _interopRequireDefault(require("react"));
|
|
16
|
-
var
|
|
17
|
+
var _BUTTON_SIZE_TO_SPIN_SIZE = require("./mappers/BUTTON_SIZE_TO_SPIN_SIZE");
|
|
18
|
+
var _BUTTON_USE_TO_DEFAULT_THEME = require("./mappers/BUTTON_USE_TO_DEFAULT_THEME");
|
|
17
19
|
/*!__reshadow-styles__:"./button.shadow.css"*/
|
|
18
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButton_vr2od_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 #0000;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,#00030095);min-width:-moz-fit-content;min-width:fit-content}@media (color-gamut:p3){.___SButton_vr2od_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}.___SButton_vr2od_gg_::-moz-focus-inner{padding:0;border:none}.___SButton_vr2od_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_vr2od_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_vr2od_gg_.__disabled_vr2od_gg_{opacity:var(--intergalactic-disabled-opacity,.4);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_vr2od_gg_._size_s_vr2od_gg_{width:var(--intergalactic-form-control-s,20px);height:var(--intergalactic-form-control-s,20px);border-radius:var(--intergalactic-addon-rounded,4px)}.___SButton_vr2od_gg_._size_m_vr2od_gg_{height:var(--intergalactic-form-control-m,28px);border-radius:var(--intergalactic-control-rounded,6px);font-size:var(--intergalactic-fs-200,14px)}.___SButton_vr2od_gg_._size_l_vr2od_gg_{height:var(--intergalactic-form-control-l,40px);border-radius:var(--intergalactic-control-rounded,6px);font-size:var(--intergalactic-fs-300,16px)}.___SButton_vr2od_gg_._theme_primary-info_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info,oklch(.23 .01 140))}@media (hover:hover){.___SButton_vr2od_gg_._theme_primary-info_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info-hover,oklch(.32 .007 140))}}.___SButton_vr2od_gg_._theme_primary-info_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-info_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info-active,oklch(0 0 140))}.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success,#00a480)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_{background-color:var(--intergalactic-control-primary-success,oklch(.64 .161 170))}}@media (hover:hover){.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success-hover,#009675)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover,oklch(.6 .155 170))}}}.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success-active,#009070)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_:active{background-color:var(--intergalactic-control-primary-success-active,oklch(.58 .151 170))}}.___SButton_vr2od_gg_._theme_primary-brand_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand,oklch(.64 .223 299.3))}@media (hover:hover){.___SButton_vr2od_gg_._theme_primary-brand_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-hover,oklch(.6 .244 297.8))}}.___SButton_vr2od_gg_._theme_primary-brand_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-brand_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-active,oklch(.58 .254 297.1))}.___SButton_vr2od_gg_._theme_primary-warning_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand,oklch(.64 .223 299.3))}@media (hover:hover){.___SButton_vr2od_gg_._theme_primary-warning_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-hover,oklch(.6 .244 297.8))}}.___SButton_vr2od_gg_._theme_primary-warning_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-warning_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-active,oklch(.58 .254 297.1))}.___SButton_vr2od_gg_._theme_primary-danger_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical,oklch(.64 .226 24.5))}@media (hover:hover){.___SButton_vr2od_gg_._theme_primary-danger_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical-hover,oklch(.6 .219 25.5))}}.___SButton_vr2od_gg_._theme_primary-danger_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-danger_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical-active,oklch(.58 .215 26))}.___SButton_vr2od_gg_._theme_primary-invert_vr2od_gg_{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert,oklch(1 0 0))}@media (hover:hover){.___SButton_vr2od_gg_._theme_primary-invert_vr2od_gg_:hover{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert-hover,oklch(.96 .001 180))}}.___SButton_vr2od_gg_._theme_primary-invert_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-invert_vr2od_gg_:active{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert-active,oklch(.94 .002 180))}.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_{color:var(--intergalactic-text-secondary,#00030095);border-color:var(--intergalactic-border-primary,#000c0829);background-color:var(--intergalactic-control-secondary-neutral,oklch(.177 .033 175.6/.028))}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583));border-color:var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}@media (hover:hover){.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,oklch(.176 .033 175.6/.056));color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}}.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,#00151015);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,oklch(.176 .033 175.7/.084))}}.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_{background-color:var(--intergalactic-control-secondary-info,#0051ff0a);color:var(--intergalactic-text-link,oklch(.53 .21 263));border-color:var(--intergalactic-control-primary-info,oklch(.23 .01 140))}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_{background-color:var(--intergalactic-control-secondary-info,oklch(.527 .264 262.9/.039))}}@media (hover:hover){.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_:hover{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-secondary-info-hover,#0050ff14)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover,oklch(.525 .265 263/.077))}}}.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_:active{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-secondary-info-active,#014fff1e)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_:active{background-color:var(--intergalactic-control-secondary-info-active,oklch(.524 .266 263.1/.116))}}.___SButton_vr2od_gg_._theme_secondary-invert_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));border-color:var(--intergalactic-border-primary-invert,oklch(.995 .008 147.4/.391));background-color:var(--intergalactic-control-secondary-invert,oklch(.969 .057 140/.118))}@media (hover:hover){.___SButton_vr2od_gg_._theme_secondary-invert_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-secondary-invert-hover,oklch(.976 .043 140/.145))}}.___SButton_vr2od_gg_._theme_secondary-invert_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_secondary-invert_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-secondary-invert-active,oklch(.983 .03 140/.183))}.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-tertiary-info,#0000)}@media (hover:hover){.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_:hover{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-tertiary-info-hover,#0050ff14)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover,oklch(.525 .265 263/.077))}}}.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_:active{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-tertiary-info-active,#014fff1e)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active,oklch(.524 .266 263.1/.116))}}.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_{color:var(--intergalactic-text-secondary,#00030095);background-color:var(--intergalactic-control-tertiary-neutral,#0000)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}@media (hover:hover){.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover,oklch(.176 .033 175.6/.056));color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}}.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,#00151015);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,oklch(.176 .033 175.7/.084))}}.___SButton_vr2od_gg_._theme_tertiary-invert_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert,#0000)}@media (hover:hover){.___SButton_vr2od_gg_._theme_tertiary-invert_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert-hover,oklch(.976 .043 140/.145))}}.___SButton_vr2od_gg_._theme_tertiary-invert_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_tertiary-invert_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert-active,oklch(.983 .03 140/.183))}.___SButton_vr2od_gg_._neighborLocation_right_vr2od_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_vr2od_gg_._neighborLocation_both_vr2od_gg_{border-radius:0;margin-left:-1px}.___SButton_vr2od_gg_._neighborLocation_left_vr2od_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_vr2od_gg_._neighborLocation_both_vr2od_gg_,.___SButton_vr2od_gg_._neighborLocation_left_vr2od_gg_{position:relative}.___SButton_vr2od_gg_._neighborLocation_both_vr2od_gg_:after,.___SButton_vr2od_gg_._neighborLocation_left_vr2od_gg_:after{background-color:var(--intergalactic-border-primary-invert,oklch(.995 .008 147.4/.391))}.___SButton_vr2od_gg_._neighborLocation_both_vr2od_gg_._theme_secondary-muted_vr2od_gg_:after,.___SButton_vr2od_gg_._neighborLocation_left_vr2od_gg_._theme_secondary-muted_vr2od_gg_:after{background-color:var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SButton_vr2od_gg_._neighborLocation_both_vr2od_gg_._theme_secondary-muted_vr2od_gg_:after,.___SButton_vr2od_gg_._neighborLocation_left_vr2od_gg_._theme_secondary-muted_vr2od_gg_:after{background-color:var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SButton_vr2od_gg_+.___SButton_vr2od_gg_._neighborLocation_both_vr2od_gg_:after,.___SButton_vr2od_gg_+.___SButton_vr2od_gg_._neighborLocation_left_vr2od_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_vr2od_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_vr2od_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_vr2od_gg_.__loading_vr2od_gg_{visibility:hidden}.___SText_vr2od_gg_{display:inline-flex}.___SText_vr2od_gg_._size_m_vr2od_gg_{line-height:var(--intergalactic-lh-200,142%)}.___SText_vr2od_gg_._size_l_vr2od_gg_,.___SText_vr2od_gg_._size_m_vr2od_gg_{margin-left:var(--intergalactic-spacing-2x,8px);margin-right:var(--intergalactic-spacing-2x,8px)}.___SText_vr2od_gg_._size_l_vr2od_gg_{line-height:var(--intergalactic-lh-300,150%)}.___SText_vr2od_gg_._size_l_vr2od_gg_:only-child{margin-left:var(--intergalactic-spacing-3x,12px);margin-right:var(--intergalactic-spacing-3x,12px)}.___SText_vr2od_gg_._size_l_vr2od_gg_:first-child{margin-left:var(--intergalactic-spacing-3x,12px)}.___SText_vr2od_gg_._size_l_vr2od_gg_:last-child{margin-right:var(--intergalactic-spacing-3x,12px)}.___SAddon_vr2od_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_vr2od_gg_._size_m_vr2od_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_vr2od_gg_._size_m_vr2od_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_vr2od_gg_._size_m_vr2od_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*1.5 - 1px);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*1.5 - 1px)}.___SAddon_vr2od_gg_._size_l_vr2od_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_vr2od_gg_._size_l_vr2od_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_vr2od_gg_._size_l_vr2od_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*3 - 1px);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*3 - 1px)}", /*__inner_css_end__*/"vr2od_gg_"),
|
|
20
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButton_eyreh_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 #0000;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,#00030095);min-width:-moz-fit-content;min-width:fit-content}@media (color-gamut:p3){.___SButton_eyreh_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}.___SButton_eyreh_gg_::-moz-focus-inner{padding:0;border:none}.___SButton_eyreh_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_eyreh_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_eyreh_gg_.__disabled_eyreh_gg_{opacity:var(--intergalactic-disabled-opacity,.4);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_eyreh_gg_._size_s_eyreh_gg_{width:var(--intergalactic-form-control-s,20px);height:var(--intergalactic-form-control-s,20px);border-radius:var(--intergalactic-addon-rounded,4px)}.___SButton_eyreh_gg_._size_m_eyreh_gg_{height:var(--intergalactic-form-control-m,28px);border-radius:var(--intergalactic-control-rounded,6px);font-size:var(--intergalactic-fs-200,14px)}.___SButton_eyreh_gg_._size_l_eyreh_gg_{height:var(--intergalactic-form-control-l,40px);border-radius:var(--intergalactic-control-rounded,6px);font-size:var(--intergalactic-fs-300,16px)}.___SButton_eyreh_gg_._theme_primary-info_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info,oklch(.23 .01 140))}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-info_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info-hover,oklch(.32 .007 140))}}.___SButton_eyreh_gg_._theme_primary-info_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-info_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info-active,oklch(0 0 140))}.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success,#00a480)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_{background-color:var(--intergalactic-control-primary-success,oklch(.64 .161 170))}}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success-hover,#009675)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover,oklch(.6 .155 170))}}}.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success-active,#009070)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_:active{background-color:var(--intergalactic-control-primary-success-active,oklch(.58 .151 170))}}.___SButton_eyreh_gg_._theme_primary-brand_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand,oklch(.64 .223 299.3))}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-brand_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-hover,oklch(.6 .244 297.8))}}.___SButton_eyreh_gg_._theme_primary-brand_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-brand_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-active,oklch(.58 .254 297.1))}.___SButton_eyreh_gg_._theme_primary-warning_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand,oklch(.64 .223 299.3))}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-warning_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-hover,oklch(.6 .244 297.8))}}.___SButton_eyreh_gg_._theme_primary-warning_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-warning_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-active,oklch(.58 .254 297.1))}.___SButton_eyreh_gg_._theme_primary-danger_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical,oklch(.64 .226 24.5))}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-danger_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical-hover,oklch(.6 .219 25.5))}}.___SButton_eyreh_gg_._theme_primary-danger_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-danger_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical-active,oklch(.58 .215 26))}.___SButton_eyreh_gg_._theme_primary-invert_eyreh_gg_{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert,oklch(1 0 0))}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-invert_eyreh_gg_:hover{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert-hover,oklch(.96 .001 180))}}.___SButton_eyreh_gg_._theme_primary-invert_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-invert_eyreh_gg_:active{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert-active,oklch(.94 .002 180))}.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_{color:var(--intergalactic-text-secondary,#00030095);border-color:var(--intergalactic-border-primary,#000c0829);background-color:var(--intergalactic-control-secondary-neutral,oklch(.177 .033 175.6/.028))}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583));border-color:var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}@media (hover:hover){.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,oklch(.176 .033 175.6/.056));color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}}.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,#00151015);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,oklch(.176 .033 175.7/.084))}}.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_{background-color:var(--intergalactic-control-secondary-info,#0051ff0a);color:var(--intergalactic-text-link,oklch(.53 .21 263));border-color:var(--intergalactic-control-primary-info,oklch(.23 .01 140))}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_{background-color:var(--intergalactic-control-secondary-info,oklch(.527 .264 262.9/.039))}}@media (hover:hover){.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_:hover{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-secondary-info-hover,#0050ff14)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover,oklch(.525 .265 263/.077))}}}.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_:active{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-secondary-info-active,#014fff1e)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_:active{background-color:var(--intergalactic-control-secondary-info-active,oklch(.524 .266 263.1/.116))}}.___SButton_eyreh_gg_._theme_secondary-invert_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));border-color:var(--intergalactic-border-primary-invert,oklch(.995 .008 147.4/.391));background-color:var(--intergalactic-control-secondary-invert,oklch(.969 .057 140/.118))}@media (hover:hover){.___SButton_eyreh_gg_._theme_secondary-invert_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-secondary-invert-hover,oklch(.976 .043 140/.145))}}.___SButton_eyreh_gg_._theme_secondary-invert_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_secondary-invert_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-secondary-invert-active,oklch(.983 .03 140/.183))}.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-tertiary-info,#0000)}@media (hover:hover){.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_:hover{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-tertiary-info-hover,#0050ff14)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover,oklch(.525 .265 263/.077))}}}.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_:active{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-tertiary-info-active,#014fff1e)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active,oklch(.524 .266 263.1/.116))}}.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_{color:var(--intergalactic-text-secondary,#00030095);background-color:var(--intergalactic-control-tertiary-neutral,#0000)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}@media (hover:hover){.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover,oklch(.176 .033 175.6/.056));color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}}.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,#00151015);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,oklch(.176 .033 175.7/.084))}}.___SButton_eyreh_gg_._theme_tertiary-invert_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert,#0000)}@media (hover:hover){.___SButton_eyreh_gg_._theme_tertiary-invert_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert-hover,oklch(.976 .043 140/.145))}}.___SButton_eyreh_gg_._theme_tertiary-invert_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_tertiary-invert_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert-active,oklch(.983 .03 140/.183))}.___SButton_eyreh_gg_._neighborLocation_right_eyreh_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_{border-radius:0;margin-left:-1px}.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_,.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_{position:relative}.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_:after,.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_:after{background-color:var(--intergalactic-border-primary-invert,oklch(.995 .008 147.4/.391))}.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_._theme_secondary-muted_eyreh_gg_:after,.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_._theme_secondary-muted_eyreh_gg_:after{background-color:var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_._theme_secondary-muted_eyreh_gg_:after,.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_._theme_secondary-muted_eyreh_gg_:after{background-color:var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SButton_eyreh_gg_+.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_:after,.___SButton_eyreh_gg_+.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_eyreh_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_eyreh_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_eyreh_gg_.__loading_eyreh_gg_{visibility:hidden}.___SText_eyreh_gg_{display:inline-flex}.___SText_eyreh_gg_._size_m_eyreh_gg_{line-height:var(--intergalactic-lh-200,142%)}.___SText_eyreh_gg_._size_l_eyreh_gg_,.___SText_eyreh_gg_._size_m_eyreh_gg_{margin-left:var(--intergalactic-spacing-2x,8px);margin-right:var(--intergalactic-spacing-2x,8px)}.___SText_eyreh_gg_._size_l_eyreh_gg_{line-height:var(--intergalactic-lh-300,150%)}.___SText_eyreh_gg_._size_l_eyreh_gg_:only-child{margin-left:var(--intergalactic-spacing-3x,12px);margin-right:var(--intergalactic-spacing-3x,12px)}.___SText_eyreh_gg_._size_l_eyreh_gg_:first-child{margin-left:var(--intergalactic-spacing-3x,12px)}.___SText_eyreh_gg_._size_l_eyreh_gg_:last-child{margin-right:var(--intergalactic-spacing-3x,12px)}.___SAddon_eyreh_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_eyreh_gg_._size_m_eyreh_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_eyreh_gg_._size_m_eyreh_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_eyreh_gg_._size_m_eyreh_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*1.5 - 1px);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*1.5 - 1px)}.___SAddon_eyreh_gg_._size_l_eyreh_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_eyreh_gg_._size_l_eyreh_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_eyreh_gg_._size_l_eyreh_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*3 - 1px);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*3 - 1px)}", /*__inner_css_end__*/"eyreh_gg_"),
|
|
19
21
|
/*__reshadow_css_end__*/
|
|
20
22
|
{
|
|
21
|
-
"__SButton": "
|
|
22
|
-
"_disabled": "
|
|
23
|
-
"_size_s": "
|
|
24
|
-
"_size_m": "
|
|
25
|
-
"_size_l": "
|
|
26
|
-
"_neighborLocation_right": "
|
|
27
|
-
"_neighborLocation_both": "
|
|
28
|
-
"_neighborLocation_left": "
|
|
29
|
-
"__SSpin": "
|
|
30
|
-
"__SInner": "
|
|
31
|
-
"_loading": "
|
|
32
|
-
"__SText": "
|
|
33
|
-
"__SAddon": "
|
|
34
|
-
"_theme_primary-info": "_theme_primary-
|
|
35
|
-
"_active": "
|
|
36
|
-
"_theme_primary-success": "_theme_primary-
|
|
37
|
-
"_theme_primary-brand": "_theme_primary-
|
|
38
|
-
"_theme_primary-warning": "_theme_primary-
|
|
39
|
-
"_theme_primary-danger": "_theme_primary-
|
|
40
|
-
"_theme_primary-invert": "_theme_primary-
|
|
41
|
-
"_theme_secondary-muted": "_theme_secondary-
|
|
42
|
-
"_theme_secondary-info": "_theme_secondary-
|
|
43
|
-
"_theme_secondary-invert": "_theme_secondary-
|
|
44
|
-
"_theme_tertiary-info": "_theme_tertiary-
|
|
45
|
-
"_theme_tertiary-muted": "_theme_tertiary-
|
|
46
|
-
"_theme_tertiary-invert": "_theme_tertiary-
|
|
23
|
+
"__SButton": "___SButton_eyreh_gg_",
|
|
24
|
+
"_disabled": "__disabled_eyreh_gg_",
|
|
25
|
+
"_size_s": "_size_s_eyreh_gg_",
|
|
26
|
+
"_size_m": "_size_m_eyreh_gg_",
|
|
27
|
+
"_size_l": "_size_l_eyreh_gg_",
|
|
28
|
+
"_neighborLocation_right": "_neighborLocation_right_eyreh_gg_",
|
|
29
|
+
"_neighborLocation_both": "_neighborLocation_both_eyreh_gg_",
|
|
30
|
+
"_neighborLocation_left": "_neighborLocation_left_eyreh_gg_",
|
|
31
|
+
"__SSpin": "___SSpin_eyreh_gg_",
|
|
32
|
+
"__SInner": "___SInner_eyreh_gg_",
|
|
33
|
+
"_loading": "__loading_eyreh_gg_",
|
|
34
|
+
"__SText": "___SText_eyreh_gg_",
|
|
35
|
+
"__SAddon": "___SAddon_eyreh_gg_",
|
|
36
|
+
"_theme_primary-info": "_theme_primary-info_eyreh_gg_",
|
|
37
|
+
"_active": "__active_eyreh_gg_",
|
|
38
|
+
"_theme_primary-success": "_theme_primary-success_eyreh_gg_",
|
|
39
|
+
"_theme_primary-brand": "_theme_primary-brand_eyreh_gg_",
|
|
40
|
+
"_theme_primary-warning": "_theme_primary-warning_eyreh_gg_",
|
|
41
|
+
"_theme_primary-danger": "_theme_primary-danger_eyreh_gg_",
|
|
42
|
+
"_theme_primary-invert": "_theme_primary-invert_eyreh_gg_",
|
|
43
|
+
"_theme_secondary-muted": "_theme_secondary-muted_eyreh_gg_",
|
|
44
|
+
"_theme_secondary-info": "_theme_secondary-info_eyreh_gg_",
|
|
45
|
+
"_theme_secondary-invert": "_theme_secondary-invert_eyreh_gg_",
|
|
46
|
+
"_theme_tertiary-info": "_theme_tertiary-info_eyreh_gg_",
|
|
47
|
+
"_theme_tertiary-muted": "_theme_tertiary-muted_eyreh_gg_",
|
|
48
|
+
"_theme_tertiary-invert": "_theme_tertiary-invert_eyreh_gg_"
|
|
47
49
|
});
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
secondary: 'muted',
|
|
51
|
-
tertiary: 'info'
|
|
52
|
-
};
|
|
50
|
+
/** @deprecated It will be removed in v19. */
|
|
51
|
+
const MAP_USE_DEFAULT_THEME = exports.MAP_USE_DEFAULT_THEME = _BUTTON_USE_TO_DEFAULT_THEME.BUTTON_USE_TO_DEFAULT_THEME;
|
|
53
52
|
class RootButton extends _core.Component {
|
|
54
53
|
constructor(...args) {
|
|
55
54
|
super(...args);
|
|
@@ -93,7 +92,7 @@ class RootButton extends _core.Component {
|
|
|
93
92
|
const {
|
|
94
93
|
styles,
|
|
95
94
|
use,
|
|
96
|
-
theme = typeof use === 'string' &&
|
|
95
|
+
theme = typeof use === 'string' && _BUTTON_USE_TO_DEFAULT_THEME.BUTTON_USE_TO_DEFAULT_THEME[use],
|
|
97
96
|
loading,
|
|
98
97
|
disabled = loading,
|
|
99
98
|
size,
|
|
@@ -138,10 +137,10 @@ class RootButton extends _core.Component {
|
|
|
138
137
|
"data-ui-name": `${this.asProps['data-ui-name']}.InnerWrapper`
|
|
139
138
|
}), AddonLeft ? /*#__PURE__*/_react.default.createElement(Button.Addon, null, /*#__PURE__*/_react.default.createElement(AddonLeft, _ref4.cn("AddonLeft", {}))) : null, (0, _addonTextChildren.default)(Children, Button.Text, Button.Addon), AddonRight ? /*#__PURE__*/_react.default.createElement(Button.Addon, null, /*#__PURE__*/_react.default.createElement(AddonRight, _ref4.cn("AddonRight", {}))) : null), loading && /*#__PURE__*/_react.default.createElement(SSpin, _ref4.cn("SSpin", {
|
|
140
139
|
"tag": 'span'
|
|
141
|
-
}), /*#__PURE__*/_react.default.createElement(
|
|
142
|
-
"
|
|
143
|
-
"
|
|
144
|
-
"
|
|
140
|
+
}), /*#__PURE__*/_react.default.createElement(_spin.default, _ref4.cn("Spin", {
|
|
141
|
+
"size": _BUTTON_SIZE_TO_SPIN_SIZE.BUTTON_SIZE_TO_SPIN_SIZE[size],
|
|
142
|
+
"theme": 'currentColor',
|
|
143
|
+
"centered": true
|
|
145
144
|
})))), showHint && /*#__PURE__*/_react.default.createElement(_baseComponents.Hint, _ref4.cn("Hint", {
|
|
146
145
|
"triggerRef": this.containerRef,
|
|
147
146
|
"timeout": [250, 50],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","names":["_core","require","_baseComponents","_addonTextChildren","_interopRequireDefault","_hasLabels","_logger","_typography","_react","_SpinButton","style","sstyled","insert","MAP_USE_DEFAULT_THEME","exports","primary","secondary","tertiary","RootButton","Component","constructor","args","_defineProperty2","default","React","createRef","ariaLabelledByContent","getTextProps","size","asProps","containerRef","getAddonProps","componentDidMount","process","env","NODE_ENV","logger","warn","current","hasLabels","title","displayName","ariaLabelledby","setTimeout","setState","document","getElementById","textContent","render","_ref","styles","use","theme","loading","disabled","neighborLocation","children","ariaLabel","Children","addonLeft","AddonLeft","addonRight","AddonRight","hintPlacement","SButton","Box","Button","CORE_INSTANCE","useTheme","SInner","SSpin","buttonAriaLabel","state","showHint","undefined","createElement","NeighborLocation","Detect","_ref4","Fragment","cn","assignProps","Addon","addonTextChildren","Text","Hint","ButtonText","props","_ref2","arguments[0]","_ref5","SText","_ref3","_ref6","SAddon","createComponent","_default"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import { NeighborLocation, Box, Hint } from '@semcore/base-components';\nimport { Component, CORE_INSTANCE, createComponent, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport hasLabels from '@semcore/core/lib/utils/hasLabels';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './button.shadow.css';\nimport type { ButtonProps, ButtonAddonProps, ButtonTextProps, ButtonComponent, ButtonDefaultProps } from './Button.type';\nimport SpinButton from './SpinButton';\n\nexport const MAP_USE_DEFAULT_THEME: Record<string, string> = {\n primary: 'info',\n secondary: 'muted',\n tertiary: 'info',\n};\n\ntype State = {\n ariaLabelledByContent: null | string;\n};\n\nexport class RootButton extends Component<\n ButtonProps,\n [],\n never,\n {},\n State,\n ButtonDefaultProps\n> {\n static displayName = 'Button';\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n } as const;\n\n containerRef = React.createRef<HTMLButtonElement>();\n\n state: State = {\n ariaLabelledByContent: null,\n };\n\n getTextProps() {\n const { size } = this.asProps;\n\n return {\n size,\n 'hint:triggerRef': this.containerRef,\n };\n }\n\n getAddonProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n componentDidMount() {\n if (process.env.NODE_ENV !== 'production') {\n logger.warn(\n this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title,\n `'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n this.asProps['data-ui-name'] || RootButton.displayName,\n );\n }\n\n const ariaLabelledby = this.asProps['aria-labelledby'];\n\n if (ariaLabelledby) {\n setTimeout(() => {\n this.setState({\n ariaLabelledByContent: document.getElementById(ariaLabelledby)?.textContent ?? '',\n });\n }, 0);\n }\n }\n\n render() {\n const {\n styles,\n use,\n theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],\n loading,\n disabled = loading,\n size,\n neighborLocation,\n children,\n title,\n ['aria-label']: ariaLabel,\n Children,\n addonLeft: AddonLeft,\n addonRight: AddonRight,\n hintPlacement,\n } = this.asProps;\n const SButton = Root;\n // @ts-ignore\n const Button = this[CORE_INSTANCE];\n const useTheme = use && theme ? `${use}-${theme}` : false;\n const SInner = Box;\n const SSpin = Box;\n const buttonAriaLabel = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n const showHint = (children === undefined || title);\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) => {\n return sstyled(styles)(\n <>\n <SButton\n render={Box}\n invertOutline={theme === 'invert'}\n type='button'\n tag='button'\n tabIndex={0}\n use:disabled={disabled || loading}\n use:theme={useTheme}\n ref={this.containerRef}\n aria-busy={loading}\n __excludeProps={['title']}\n aria-label={showHint ? buttonAriaLabel : undefined}\n neighborLocation={neighborLocation}\n >\n {/* @ts-ignore */}\n <SInner tag='span' loading={loading} data-ui-name={`${this.asProps['data-ui-name']}.InnerWrapper`}>\n {AddonLeft\n ? (\n <Button.Addon>\n <AddonLeft />\n </Button.Addon>\n )\n : null}\n {addonTextChildren(Children, Button.Text, Button.Addon)}\n {AddonRight\n ? (\n <Button.Addon>\n <AddonRight />\n </Button.Addon>\n )\n : null}\n </SInner>\n {loading && (\n <SSpin tag='span'>\n <SpinButton centered size={size} theme={useTheme} />\n </SSpin>\n )}\n </SButton>\n {showHint && (\n <Hint\n triggerRef={this.containerRef}\n timeout={[250, 50]}\n placement={hintPlacement}\n >\n {buttonAriaLabel}\n </Hint>\n )}\n </>,\n );\n }}\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction ButtonText(props: ButtonTextProps) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Text} />);\n}\n\nfunction Addon(props: ButtonAddonProps) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\n/**\n * Button\n *\n * {@link https://developer.semrush.com/intergalactic/components/button/button-api/|API} | {@link https://developer.semrush.com/intergalactic/components/button/button-code/|Examples}\n */\nconst Button = createComponent<\n ButtonComponent,\n typeof RootButton\n>(RootButton, {\n Text: ButtonText,\n Addon,\n});\n\nexport default Button;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Button.js","names":["_core","require","_baseComponents","_addonTextChildren","_interopRequireDefault","_hasLabels","_logger","_spin","_typography","_react","_BUTTON_SIZE_TO_SPIN_SIZE","_BUTTON_USE_TO_DEFAULT_THEME","style","sstyled","insert","MAP_USE_DEFAULT_THEME","exports","BUTTON_USE_TO_DEFAULT_THEME","RootButton","Component","constructor","args","_defineProperty2","default","React","createRef","ariaLabelledByContent","getTextProps","size","asProps","containerRef","getAddonProps","componentDidMount","process","env","NODE_ENV","logger","warn","current","hasLabels","title","displayName","ariaLabelledby","setTimeout","setState","document","getElementById","textContent","render","_ref","styles","use","theme","loading","disabled","neighborLocation","children","ariaLabel","Children","addonLeft","AddonLeft","addonRight","AddonRight","hintPlacement","SButton","Box","Button","CORE_INSTANCE","useTheme","SInner","SSpin","buttonAriaLabel","state","showHint","undefined","createElement","NeighborLocation","Detect","_ref4","Fragment","cn","assignProps","Addon","addonTextChildren","Text","BUTTON_SIZE_TO_SPIN_SIZE","Hint","ButtonText","props","_ref2","arguments[0]","_ref5","SText","_ref3","_ref6","SAddon","createComponent","_default"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import { NeighborLocation, Box, Hint } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { Component, CORE_INSTANCE, createComponent, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport hasLabels from '@semcore/core/lib/utils/hasLabels';\nimport logger from '@semcore/core/lib/utils/logger';\nimport Spin from '@semcore/spin';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './button.shadow.css';\nimport type { NSButton } from './Button.type';\nimport { BUTTON_SIZE_TO_SPIN_SIZE } from './mappers/BUTTON_SIZE_TO_SPIN_SIZE';\nimport { BUTTON_USE_TO_DEFAULT_THEME } from './mappers/BUTTON_USE_TO_DEFAULT_THEME';\n\n/** @deprecated It will be removed in v19. */\nexport const MAP_USE_DEFAULT_THEME = BUTTON_USE_TO_DEFAULT_THEME;\n\nexport class RootButton extends Component<\n Intergalactic.InternalTypings.InferComponentProps<NSButton.Component>,\n [],\n never,\n {},\n NSButton.State,\n NSButton.DefaultProps\n> {\n static displayName = 'Button';\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n } as const;\n\n containerRef = React.createRef<HTMLButtonElement>();\n\n state: NSButton.State = {\n ariaLabelledByContent: null,\n };\n\n getTextProps() {\n const { size } = this.asProps;\n\n return {\n size,\n 'hint:triggerRef': this.containerRef,\n };\n }\n\n getAddonProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n componentDidMount() {\n if (process.env.NODE_ENV !== 'production') {\n logger.warn(\n this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title,\n `'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n this.asProps['data-ui-name'] || RootButton.displayName,\n );\n }\n\n const ariaLabelledby = this.asProps['aria-labelledby'];\n\n if (ariaLabelledby) {\n setTimeout(() => {\n this.setState({\n ariaLabelledByContent: document.getElementById(ariaLabelledby)?.textContent ?? '',\n });\n }, 0);\n }\n }\n\n render() {\n const {\n styles,\n use,\n theme = typeof use === 'string' && BUTTON_USE_TO_DEFAULT_THEME[use],\n loading,\n disabled = loading,\n size,\n neighborLocation,\n children,\n title,\n ['aria-label']: ariaLabel,\n Children,\n addonLeft: AddonLeft,\n addonRight: AddonRight,\n hintPlacement,\n } = this.asProps;\n const SButton = Root;\n // @ts-ignore\n const Button = this[CORE_INSTANCE];\n const useTheme = use && theme ? `${use}-${theme}` : false;\n const SInner = Box;\n const SSpin = Box;\n const buttonAriaLabel = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n const showHint = (children === undefined || title);\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) => {\n return sstyled(styles)(\n <>\n <SButton\n render={Box}\n invertOutline={theme === 'invert'}\n type='button'\n tag='button'\n tabIndex={0}\n use:disabled={disabled || loading}\n use:theme={useTheme}\n ref={this.containerRef}\n aria-busy={loading}\n __excludeProps={['title']}\n aria-label={showHint ? buttonAriaLabel : undefined}\n neighborLocation={neighborLocation}\n >\n {/* @ts-ignore */}\n <SInner tag='span' loading={loading} data-ui-name={`${this.asProps['data-ui-name']}.InnerWrapper`}>\n {AddonLeft\n ? (\n <Button.Addon>\n <AddonLeft />\n </Button.Addon>\n )\n : null}\n {addonTextChildren(Children, Button.Text, Button.Addon)}\n {AddonRight\n ? (\n <Button.Addon>\n <AddonRight />\n </Button.Addon>\n )\n : null}\n </SInner>\n {loading && (\n <SSpin tag='span'>\n <Spin\n size={BUTTON_SIZE_TO_SPIN_SIZE[size]}\n theme='currentColor'\n centered\n />\n </SSpin>\n )}\n </SButton>\n {showHint && (\n <Hint\n triggerRef={this.containerRef}\n timeout={[250, 50]}\n placement={hintPlacement}\n >\n {buttonAriaLabel}\n </Hint>\n )}\n </>,\n );\n }}\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction ButtonText(props: Intergalactic.InternalTypings.InferChildComponentProps<NSButton.Text.Component, typeof RootButton, 'Text'>) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Text} />);\n}\n\nfunction Addon(props: Intergalactic.InternalTypings.InferChildComponentProps<NSButton.Text.Component, typeof RootButton, 'Addon'>) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\n/**\n * Button\n *\n * {@link https://developer.semrush.com/intergalactic/components/button/button-api/|API} | {@link https://developer.semrush.com/intergalactic/components/button/button-code/|Examples}\n */\nconst Button = createComponent<\n NSButton.Component,\n typeof RootButton\n>(RootButton, {\n Text: ButtonText,\n Addon,\n});\n\nexport default Button;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.type.js","names":[],"sources":["../../../../src/component/Button/Button.type.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"Button.type.js","names":[],"sources":["../../../../src/component/Button/Button.type.ts"],"sourcesContent":["import type { NSBox, NSNeighborLocation, NSHint } from '@semcore/base-components';\nimport type { Intergalactic, PropGetterFn } from '@semcore/core';\nimport type { NSText } from '@semcore/typography';\nimport type React from 'react';\n\ndeclare namespace NSButton {\n type Size = 'l' | 'm';\n type Theme = 'info' | 'success' | 'brand' | 'danger' | 'muted' | 'invert';\n type Use = 'primary' | 'secondary' | 'tertiary';\n type Props = NSBox.Props &\n NSNeighborLocation.Detect.Props & {\n /** Button activity state */\n active?: boolean;\n /** Disabled button state */\n disabled?: boolean;\n /** Loading button state */\n loading?: boolean;\n /** Tag for the left Addon */\n addonLeft?: React.ElementType;\n /** Tag for the right Addon */\n addonRight?: React.ElementType;\n /**\n * Placement for hint\n * @default top\n */\n hintPlacement?: NSHint.Props['placement'];\n\n /** Button size.\n * @default `m`\n */\n size?: NSButton.Size;\n /** Button usage.\n * @default `primary`\n */\n use?: 'primary' | 'secondary' | 'tertiary';\n /** Button theme.\n * @default undefined\n */\n theme?: NSButton.Theme;\n };\n type DefaultProps = {\n use: 'secondary';\n size: 'm';\n };\n type State = {\n ariaLabelledByContent: null | string;\n };\n type Ctx = {\n getTextProps: PropGetterFn;\n getAddonProps: PropGetterFn;\n };\n\n namespace Text {\n type Props = NSText.Props;\n\n type Component = Intergalactic.Component<'span', Props>;\n }\n\n namespace Addon {\n type Props = NSBox.Props;\n\n type Component = Intergalactic.Component<'span', Props>;\n }\n\n type Component = Intergalactic.Component<'button', Props, Ctx> & {\n Text: Text.Component;\n Addon: Addon.Component;\n };\n}\n\n/** @deprecated It will be removed in v19. */\nexport type ButtonProps = NSButton.Props;\n/** @deprecated It will be removed in v19. */\nexport type ButtonDefaultProps = NSButton.DefaultProps;\n/** @deprecated It will be removed in v19. */\nexport type ButtonTextProps = NSButton.Text.Props;\n/** @deprecated It will be removed in v19. */\nexport type ButtonAddonProps = NSButton.Addon.Props;\n/** @deprecated It will be removed in v19. */\nexport type ButtonContext = NSButton.Ctx;\n/** @deprecated It will be removed in v19. */\nexport type ButtonComponent = NSButton.Component;\n\nexport type { NSButton };\n"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.BUTTON_SIZE_TO_SPIN_SIZE = void 0;
|
|
7
|
+
const BUTTON_SIZE_TO_SPIN_SIZE = exports.BUTTON_SIZE_TO_SPIN_SIZE = {
|
|
8
|
+
m: 'xs',
|
|
9
|
+
l: 's'
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=BUTTON_SIZE_TO_SPIN_SIZE.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BUTTON_SIZE_TO_SPIN_SIZE.js","names":["BUTTON_SIZE_TO_SPIN_SIZE","exports","m","l"],"sources":["../../../../../src/component/Button/mappers/BUTTON_SIZE_TO_SPIN_SIZE.ts"],"sourcesContent":["import type { NSSpin } from '@semcore/spin';\n\nimport type { NSButton } from '../Button.type';\n\nexport const BUTTON_SIZE_TO_SPIN_SIZE: Record<NSButton.Size, NSSpin.Size> = {\n m: 'xs',\n l: 's',\n};\n"],"mappings":";;;;;;AAIO,MAAMA,wBAA4D,GAAAC,OAAA,CAAAD,wBAAA,GAAG;EAC1EE,CAAC,EAAE,IAAI;EACPC,CAAC,EAAE;AACL,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.BUTTON_USE_TO_DEFAULT_THEME = void 0;
|
|
7
|
+
const BUTTON_USE_TO_DEFAULT_THEME = exports.BUTTON_USE_TO_DEFAULT_THEME = {
|
|
8
|
+
primary: 'info',
|
|
9
|
+
secondary: 'muted',
|
|
10
|
+
tertiary: 'info'
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=BUTTON_USE_TO_DEFAULT_THEME.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BUTTON_USE_TO_DEFAULT_THEME.js","names":["BUTTON_USE_TO_DEFAULT_THEME","exports","primary","secondary","tertiary"],"sources":["../../../../../src/component/Button/mappers/BUTTON_USE_TO_DEFAULT_THEME.ts"],"sourcesContent":["import type { NSButton } from '../Button.type';\n\nexport const BUTTON_USE_TO_DEFAULT_THEME: Record<NSButton.Use, NSButton.Theme> = {\n primary: 'info',\n secondary: 'muted',\n tertiary: 'info',\n};\n"],"mappings":";;;;;;AAEO,MAAMA,2BAAiE,GAAAC,OAAA,CAAAD,2BAAA,GAAG;EAC/EE,OAAO,EAAE,MAAM;EACfC,SAAS,EAAE,OAAO;EAClBC,QAAQ,EAAE;AACZ,CAAC","ignoreList":[]}
|
|
@@ -10,15 +10,15 @@ var _core = require("@semcore/core");
|
|
|
10
10
|
var _link = _interopRequireDefault(require("@semcore/link"));
|
|
11
11
|
var _react = _interopRequireDefault(require("react"));
|
|
12
12
|
/*!__reshadow-styles__:"./buttonLink.shadow.css"*/
|
|
13
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
13
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButtonLink_pc0mq_gg_{border:none;font-family:inherit}.___SButtonLink_pc0mq_gg_._use_primary_pc0mq_gg_:not(.__color_pc0mq_gg_){color:var(--intergalactic-text-link,oklch(.53 .21 263))}.___SButtonLink_pc0mq_gg_._use_primary_pc0mq_gg_.__active_pc0mq_gg_:not(.__color_pc0mq_gg_),.___SButtonLink_pc0mq_gg_._use_primary_pc0mq_gg_:not(.__color_pc0mq_gg_):active{color:var(--intergalactic-text-link-hover-active,oklch(.51 .202 263))}@media (hover:hover){.___SButtonLink_pc0mq_gg_._use_primary_pc0mq_gg_:not(.__color_pc0mq_gg_):hover{color:var(--intergalactic-text-link-hover-active,oklch(.51 .202 263))}}.___SButtonLink_pc0mq_gg_._use_secondary_pc0mq_gg_:not(.__color_pc0mq_gg_){color:var(--intergalactic-text-hint,#00030095)}@media (color-gamut:p3){.___SButtonLink_pc0mq_gg_._use_secondary_pc0mq_gg_:not(.__color_pc0mq_gg_){color:var(--intergalactic-text-hint,oklch(.088 .026 147.7/.583))}}.___SButtonLink_pc0mq_gg_._use_secondary_pc0mq_gg_.__active_pc0mq_gg_:not(.__color_pc0mq_gg_),.___SButtonLink_pc0mq_gg_._use_secondary_pc0mq_gg_:not(.__color_pc0mq_gg_):active{color:var(--intergalactic-text-hint-hover-active,oklch(.086 .026 145.8/.605))}@media (hover:hover){.___SButtonLink_pc0mq_gg_._use_secondary_pc0mq_gg_:not(.__color_pc0mq_gg_):hover{color:var(--intergalactic-text-hint-hover-active,oklch(.086 .026 145.8/.605))}}.___SButtonLink_pc0mq_gg_._use_secondary_pc0mq_gg_ .___SText_pc0mq_gg_{text-decoration-style:dashed;text-decoration-color:initial}", /*__inner_css_end__*/"pc0mq_gg_"),
|
|
14
14
|
/*__reshadow_css_end__*/
|
|
15
15
|
{
|
|
16
|
-
"__SButtonLink": "
|
|
17
|
-
"_use_secondary": "
|
|
18
|
-
"__SText": "
|
|
19
|
-
"_use_primary": "
|
|
20
|
-
"_color": "
|
|
21
|
-
"_active": "
|
|
16
|
+
"__SButtonLink": "___SButtonLink_pc0mq_gg_",
|
|
17
|
+
"_use_secondary": "_use_secondary_pc0mq_gg_",
|
|
18
|
+
"__SText": "___SText_pc0mq_gg_",
|
|
19
|
+
"_use_primary": "_use_primary_pc0mq_gg_",
|
|
20
|
+
"_color": "__color_pc0mq_gg_",
|
|
21
|
+
"_active": "__active_pc0mq_gg_"
|
|
22
22
|
});
|
|
23
23
|
class RootButtonLink extends _core.Component {
|
|
24
24
|
render() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonLink.js","names":["_core","require","_link","_interopRequireDefault","_react","style","sstyled","insert","RootButtonLink","Component","render","_ref","asProps","_ref2","SButtonLink","Link","disabled","default","createElement","cn","assignProps","_defineProperty2","use","size","ButtonLink","exports","createComponent","Text","Addon","parent"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import { createComponent, sstyled, Root, Component } from '@semcore/core';\nimport Link from '@semcore/link';\nimport React from 'react';\n\nimport style from './buttonLink.shadow.css';\nimport type {
|
|
1
|
+
{"version":3,"file":"ButtonLink.js","names":["_core","require","_link","_interopRequireDefault","_react","style","sstyled","insert","RootButtonLink","Component","render","_ref","asProps","_ref2","SButtonLink","Link","disabled","default","createElement","cn","assignProps","_defineProperty2","use","size","ButtonLink","exports","createComponent","Text","Addon","parent"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createComponent, sstyled, Root, Component } from '@semcore/core';\nimport Link from '@semcore/link';\nimport React from 'react';\n\nimport style from './buttonLink.shadow.css';\nimport type { NSButtonLink } from './ButtonLink.type';\n\nclass RootButtonLink extends Component<\n Intergalactic.InternalTypings.InferComponentProps<NSButtonLink.Component>,\n [],\n {},\n {},\n {},\n NSButtonLink.DefaultProps\n> {\n static displayName = 'ButtonLink';\n static style = style;\n static defaultProps = {\n use: 'primary',\n size: 200,\n } as const;\n\n render(): React.ReactNode {\n const SButtonLink = Root;\n const { disabled } = this.asProps;\n\n return sstyled(style)(\n <SButtonLink\n render={Link}\n tag='button'\n type='button'\n use:disabled={disabled}\n use:tabIndex={0}\n />,\n );\n }\n}\n\n/**\n * ButtonLink\n *\n * {@link https://developer.semrush.com/intergalactic/components/button/button-api/|API} | {@link https://developer.semrush.com/intergalactic/components/button/button-code/|Examples}\n */\nexport const ButtonLink = createComponent<NSButtonLink.Component, typeof RootButtonLink>(\n RootButtonLink,\n {\n Text: Link.Text,\n Addon: Link.Addon,\n },\n {\n parent: Link,\n },\n);\n"],"mappings":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AAA0B;AAAA,MAAAI,KAAA,8BAAAL,KAAA,CAAAM,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAK1B,MAAMC,cAAc,SAASC,eAAS,CAOpC;EAQAC,MAAMA,CAAA,EAAoB;IAAA,IAAAC,IAAA,QAAAC,OAAA;MAAAC,KAAA;IACxB,MAAMC,WAAW,GAKLC,aAAI;IAJhB,MAAM;MAAEC;IAAS,CAAC,GAAG,IAAI,CAACJ,OAAO;IAEjC,OAAAC,KAAA,GAAO,IAAAP,aAAO,EAACD,KAAK,CAAC,eACnBD,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACJ,WAAW,EAAAD,KAAA,CAAAM,EAAA;MAAA,OAAAnB,KAAA,CAAAoB,WAAA;QAAA,OAEN,QAAQ;QAAA,QACP,QAAQ;QAAA,gBACCJ,QAAQ;QAAA,gBACR;MAAC,GAAAL,IAAA;IAAA,EAChB,CAAC;EAEN;AACF;;AAEA;AACA;AACA;AACA;AACA;AAJA,IAAAU,gBAAA,CAAAJ,OAAA,EA/BMT,cAAc,iBAQG,YAAY;AAAA,IAAAa,gBAAA,CAAAJ,OAAA,EAR7BT,cAAc,WASHH,KAAK;AAAA,IAAAgB,gBAAA,CAAAJ,OAAA,EAThBT,cAAc,kBAUI;EACpBc,GAAG,EAAE,SAAS;EACdC,IAAI,EAAE;AACR,CAAC;AAuBI,MAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,qBAAe,EACvClB,cAAc,EACd;EACEmB,IAAI,EAAEZ,aAAI,CAACY,IAAI;EACfC,KAAK,EAAEb,aAAI,CAACa;AACd,CAAC,EACD;EACEC,MAAM,EAAEd;AACV,CACF,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonLink.type.js","names":[],"sources":["../../../../src/component/ButtonLink/ButtonLink.type.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"ButtonLink.type.js","names":[],"sources":["../../../../src/component/ButtonLink/ButtonLink.type.ts"],"sourcesContent":["import type { NSBox } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { NSLink } from '@semcore/link';\nimport type { NSText } from '@semcore/typography';\n\nimport type { NSButton } from '../Button/Button.type';\n\ndeclare namespace NSButtonLink {\n type Props = Intergalactic.InternalTypings.EfficientOmit<NSLink.Props, 'enableVisited'> & {\n /**\n * Button link type\n * @default primary\n */\n use?: 'primary' | 'secondary';\n };\n type DefaultProps = {\n use: 'primary';\n size: 200;\n };\n\n namespace Text {\n type Props = NSText.Props;\n\n type Component = Intergalactic.Component<'span', Props>;\n }\n\n namespace Addon {\n type Props = NSBox.Props;\n\n type Component = Intergalactic.Component<'span', Props>;\n }\n\n type Component = Intergalactic.Component<'button', Props, NSButton.Ctx> & {\n Text: Text.Component;\n Addon: Addon.Component;\n };\n}\n\n/** @deprecated It will be removed in v19. */\nexport type ButtonLinkProps = NSButtonLink.Props;\n/** @deprecated It will be removed in v19. */\nexport type ButtonLinkDefaultProps = NSButtonLink.DefaultProps;\n/** @deprecated It will be removed in v19. */\nexport type ButtonLinkTextProps = NSButtonLink.Text.Props;\n/** @deprecated It will be removed in v19. */\nexport type ButtonLinkAddonProps = NSButtonLink.Addon.Props;\n/** @deprecated It will be removed in v19. */\nexport type ButtonLinkComponent = NSButtonLink.Component;\n\nexport type { NSButtonLink };\n"],"mappings":"","ignoreList":[]}
|
|
@@ -8,45 +8,45 @@ import { Component, CORE_INSTANCE, createComponent, Root, sstyled } from '@semco
|
|
|
8
8
|
import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';
|
|
9
9
|
import hasLabels from '@semcore/core/lib/utils/hasLabels';
|
|
10
10
|
import logger from '@semcore/core/lib/utils/logger';
|
|
11
|
+
import Spin from '@semcore/spin';
|
|
11
12
|
import { Text } from '@semcore/typography';
|
|
12
13
|
import React from 'react';
|
|
13
14
|
/*!__reshadow-styles__:"./button.shadow.css"*/
|
|
14
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SButton_vr2od_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 #0000;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,#00030095);min-width:-moz-fit-content;min-width:fit-content}@media (color-gamut:p3){.___SButton_vr2od_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}.___SButton_vr2od_gg_::-moz-focus-inner{padding:0;border:none}.___SButton_vr2od_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_vr2od_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_vr2od_gg_.__disabled_vr2od_gg_{opacity:var(--intergalactic-disabled-opacity,.4);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_vr2od_gg_._size_s_vr2od_gg_{width:var(--intergalactic-form-control-s,20px);height:var(--intergalactic-form-control-s,20px);border-radius:var(--intergalactic-addon-rounded,4px)}.___SButton_vr2od_gg_._size_m_vr2od_gg_{height:var(--intergalactic-form-control-m,28px);border-radius:var(--intergalactic-control-rounded,6px);font-size:var(--intergalactic-fs-200,14px)}.___SButton_vr2od_gg_._size_l_vr2od_gg_{height:var(--intergalactic-form-control-l,40px);border-radius:var(--intergalactic-control-rounded,6px);font-size:var(--intergalactic-fs-300,16px)}.___SButton_vr2od_gg_._theme_primary-info_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info,oklch(.23 .01 140))}@media (hover:hover){.___SButton_vr2od_gg_._theme_primary-info_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info-hover,oklch(.32 .007 140))}}.___SButton_vr2od_gg_._theme_primary-info_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-info_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info-active,oklch(0 0 140))}.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success,#00a480)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_{background-color:var(--intergalactic-control-primary-success,oklch(.64 .161 170))}}@media (hover:hover){.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success-hover,#009675)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover,oklch(.6 .155 170))}}}.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success-active,#009070)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-success_vr2od_gg_:active{background-color:var(--intergalactic-control-primary-success-active,oklch(.58 .151 170))}}.___SButton_vr2od_gg_._theme_primary-brand_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand,oklch(.64 .223 299.3))}@media (hover:hover){.___SButton_vr2od_gg_._theme_primary-brand_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-hover,oklch(.6 .244 297.8))}}.___SButton_vr2od_gg_._theme_primary-brand_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-brand_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-active,oklch(.58 .254 297.1))}.___SButton_vr2od_gg_._theme_primary-warning_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand,oklch(.64 .223 299.3))}@media (hover:hover){.___SButton_vr2od_gg_._theme_primary-warning_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-hover,oklch(.6 .244 297.8))}}.___SButton_vr2od_gg_._theme_primary-warning_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-warning_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-active,oklch(.58 .254 297.1))}.___SButton_vr2od_gg_._theme_primary-danger_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical,oklch(.64 .226 24.5))}@media (hover:hover){.___SButton_vr2od_gg_._theme_primary-danger_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical-hover,oklch(.6 .219 25.5))}}.___SButton_vr2od_gg_._theme_primary-danger_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-danger_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical-active,oklch(.58 .215 26))}.___SButton_vr2od_gg_._theme_primary-invert_vr2od_gg_{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert,oklch(1 0 0))}@media (hover:hover){.___SButton_vr2od_gg_._theme_primary-invert_vr2od_gg_:hover{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert-hover,oklch(.96 .001 180))}}.___SButton_vr2od_gg_._theme_primary-invert_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_primary-invert_vr2od_gg_:active{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert-active,oklch(.94 .002 180))}.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_{color:var(--intergalactic-text-secondary,#00030095);border-color:var(--intergalactic-border-primary,#000c0829);background-color:var(--intergalactic-control-secondary-neutral,oklch(.177 .033 175.6/.028))}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583));border-color:var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}@media (hover:hover){.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,oklch(.176 .033 175.6/.056));color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}}.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,#00151015);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_secondary-muted_vr2od_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,oklch(.176 .033 175.7/.084))}}.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_{background-color:var(--intergalactic-control-secondary-info,#0051ff0a);color:var(--intergalactic-text-link,oklch(.53 .21 263));border-color:var(--intergalactic-control-primary-info,oklch(.23 .01 140))}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_{background-color:var(--intergalactic-control-secondary-info,oklch(.527 .264 262.9/.039))}}@media (hover:hover){.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_:hover{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-secondary-info-hover,#0050ff14)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover,oklch(.525 .265 263/.077))}}}.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_:active{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-secondary-info-active,#014fff1e)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_secondary-info_vr2od_gg_:active{background-color:var(--intergalactic-control-secondary-info-active,oklch(.524 .266 263.1/.116))}}.___SButton_vr2od_gg_._theme_secondary-invert_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));border-color:var(--intergalactic-border-primary-invert,oklch(.995 .008 147.4/.391));background-color:var(--intergalactic-control-secondary-invert,oklch(.969 .057 140/.118))}@media (hover:hover){.___SButton_vr2od_gg_._theme_secondary-invert_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-secondary-invert-hover,oklch(.976 .043 140/.145))}}.___SButton_vr2od_gg_._theme_secondary-invert_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_secondary-invert_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-secondary-invert-active,oklch(.983 .03 140/.183))}.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-tertiary-info,#0000)}@media (hover:hover){.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_:hover{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-tertiary-info-hover,#0050ff14)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover,oklch(.525 .265 263/.077))}}}.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_:active{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-tertiary-info-active,#014fff1e)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_tertiary-info_vr2od_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active,oklch(.524 .266 263.1/.116))}}.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_{color:var(--intergalactic-text-secondary,#00030095);background-color:var(--intergalactic-control-tertiary-neutral,#0000)}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}@media (hover:hover){.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover,oklch(.176 .033 175.6/.056));color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}}.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,#00151015);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}@media (color-gamut:p3){.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_tertiary-muted_vr2od_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,oklch(.176 .033 175.7/.084))}}.___SButton_vr2od_gg_._theme_tertiary-invert_vr2od_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert,#0000)}@media (hover:hover){.___SButton_vr2od_gg_._theme_tertiary-invert_vr2od_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert-hover,oklch(.976 .043 140/.145))}}.___SButton_vr2od_gg_._theme_tertiary-invert_vr2od_gg_.__active_vr2od_gg_,.___SButton_vr2od_gg_._theme_tertiary-invert_vr2od_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert-active,oklch(.983 .03 140/.183))}.___SButton_vr2od_gg_._neighborLocation_right_vr2od_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_vr2od_gg_._neighborLocation_both_vr2od_gg_{border-radius:0;margin-left:-1px}.___SButton_vr2od_gg_._neighborLocation_left_vr2od_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_vr2od_gg_._neighborLocation_both_vr2od_gg_,.___SButton_vr2od_gg_._neighborLocation_left_vr2od_gg_{position:relative}.___SButton_vr2od_gg_._neighborLocation_both_vr2od_gg_:after,.___SButton_vr2od_gg_._neighborLocation_left_vr2od_gg_:after{background-color:var(--intergalactic-border-primary-invert,oklch(.995 .008 147.4/.391))}.___SButton_vr2od_gg_._neighborLocation_both_vr2od_gg_._theme_secondary-muted_vr2od_gg_:after,.___SButton_vr2od_gg_._neighborLocation_left_vr2od_gg_._theme_secondary-muted_vr2od_gg_:after{background-color:var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SButton_vr2od_gg_._neighborLocation_both_vr2od_gg_._theme_secondary-muted_vr2od_gg_:after,.___SButton_vr2od_gg_._neighborLocation_left_vr2od_gg_._theme_secondary-muted_vr2od_gg_:after{background-color:var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SButton_vr2od_gg_+.___SButton_vr2od_gg_._neighborLocation_both_vr2od_gg_:after,.___SButton_vr2od_gg_+.___SButton_vr2od_gg_._neighborLocation_left_vr2od_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_vr2od_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_vr2od_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_vr2od_gg_.__loading_vr2od_gg_{visibility:hidden}.___SText_vr2od_gg_{display:inline-flex}.___SText_vr2od_gg_._size_m_vr2od_gg_{line-height:var(--intergalactic-lh-200,142%)}.___SText_vr2od_gg_._size_l_vr2od_gg_,.___SText_vr2od_gg_._size_m_vr2od_gg_{margin-left:var(--intergalactic-spacing-2x,8px);margin-right:var(--intergalactic-spacing-2x,8px)}.___SText_vr2od_gg_._size_l_vr2od_gg_{line-height:var(--intergalactic-lh-300,150%)}.___SText_vr2od_gg_._size_l_vr2od_gg_:only-child{margin-left:var(--intergalactic-spacing-3x,12px);margin-right:var(--intergalactic-spacing-3x,12px)}.___SText_vr2od_gg_._size_l_vr2od_gg_:first-child{margin-left:var(--intergalactic-spacing-3x,12px)}.___SText_vr2od_gg_._size_l_vr2od_gg_:last-child{margin-right:var(--intergalactic-spacing-3x,12px)}.___SAddon_vr2od_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_vr2od_gg_._size_m_vr2od_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_vr2od_gg_._size_m_vr2od_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_vr2od_gg_._size_m_vr2od_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*1.5 - 1px);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*1.5 - 1px)}.___SAddon_vr2od_gg_._size_l_vr2od_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_vr2od_gg_._size_l_vr2od_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_vr2od_gg_._size_l_vr2od_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*3 - 1px);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*3 - 1px)}", /*__inner_css_end__*/"vr2od_gg_"),
|
|
15
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SButton_eyreh_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 #0000;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,#00030095);min-width:-moz-fit-content;min-width:fit-content}@media (color-gamut:p3){.___SButton_eyreh_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}.___SButton_eyreh_gg_::-moz-focus-inner{padding:0;border:none}.___SButton_eyreh_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_eyreh_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_eyreh_gg_.__disabled_eyreh_gg_{opacity:var(--intergalactic-disabled-opacity,.4);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_eyreh_gg_._size_s_eyreh_gg_{width:var(--intergalactic-form-control-s,20px);height:var(--intergalactic-form-control-s,20px);border-radius:var(--intergalactic-addon-rounded,4px)}.___SButton_eyreh_gg_._size_m_eyreh_gg_{height:var(--intergalactic-form-control-m,28px);border-radius:var(--intergalactic-control-rounded,6px);font-size:var(--intergalactic-fs-200,14px)}.___SButton_eyreh_gg_._size_l_eyreh_gg_{height:var(--intergalactic-form-control-l,40px);border-radius:var(--intergalactic-control-rounded,6px);font-size:var(--intergalactic-fs-300,16px)}.___SButton_eyreh_gg_._theme_primary-info_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info,oklch(.23 .01 140))}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-info_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info-hover,oklch(.32 .007 140))}}.___SButton_eyreh_gg_._theme_primary-info_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-info_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-info-active,oklch(0 0 140))}.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success,#00a480)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_{background-color:var(--intergalactic-control-primary-success,oklch(.64 .161 170))}}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success-hover,#009675)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover,oklch(.6 .155 170))}}}.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-success-active,#009070)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-success_eyreh_gg_:active{background-color:var(--intergalactic-control-primary-success-active,oklch(.58 .151 170))}}.___SButton_eyreh_gg_._theme_primary-brand_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand,oklch(.64 .223 299.3))}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-brand_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-hover,oklch(.6 .244 297.8))}}.___SButton_eyreh_gg_._theme_primary-brand_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-brand_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-active,oklch(.58 .254 297.1))}.___SButton_eyreh_gg_._theme_primary-warning_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand,oklch(.64 .223 299.3))}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-warning_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-hover,oklch(.6 .244 297.8))}}.___SButton_eyreh_gg_._theme_primary-warning_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-warning_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-brand-active,oklch(.58 .254 297.1))}.___SButton_eyreh_gg_._theme_primary-danger_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical,oklch(.64 .226 24.5))}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-danger_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical-hover,oklch(.6 .219 25.5))}}.___SButton_eyreh_gg_._theme_primary-danger_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-danger_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-primary-critical-active,oklch(.58 .215 26))}.___SButton_eyreh_gg_._theme_primary-invert_eyreh_gg_{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert,oklch(1 0 0))}@media (hover:hover){.___SButton_eyreh_gg_._theme_primary-invert_eyreh_gg_:hover{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert-hover,oklch(.96 .001 180))}}.___SButton_eyreh_gg_._theme_primary-invert_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_primary-invert_eyreh_gg_:active{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));background-color:var(--intergalactic-control-primary-invert-active,oklch(.94 .002 180))}.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_{color:var(--intergalactic-text-secondary,#00030095);border-color:var(--intergalactic-border-primary,#000c0829);background-color:var(--intergalactic-control-secondary-neutral,oklch(.177 .033 175.6/.028))}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583));border-color:var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}@media (hover:hover){.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,oklch(.176 .033 175.6/.056));color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}}.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,#00151015);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_secondary-muted_eyreh_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,oklch(.176 .033 175.7/.084))}}.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_{background-color:var(--intergalactic-control-secondary-info,#0051ff0a);color:var(--intergalactic-text-link,oklch(.53 .21 263));border-color:var(--intergalactic-control-primary-info,oklch(.23 .01 140))}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_{background-color:var(--intergalactic-control-secondary-info,oklch(.527 .264 262.9/.039))}}@media (hover:hover){.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_:hover{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-secondary-info-hover,#0050ff14)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover,oklch(.525 .265 263/.077))}}}.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_:active{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-secondary-info-active,#014fff1e)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_secondary-info_eyreh_gg_:active{background-color:var(--intergalactic-control-secondary-info-active,oklch(.524 .266 263.1/.116))}}.___SButton_eyreh_gg_._theme_secondary-invert_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));border-color:var(--intergalactic-border-primary-invert,oklch(.995 .008 147.4/.391));background-color:var(--intergalactic-control-secondary-invert,oklch(.969 .057 140/.118))}@media (hover:hover){.___SButton_eyreh_gg_._theme_secondary-invert_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-secondary-invert-hover,oklch(.976 .043 140/.145))}}.___SButton_eyreh_gg_._theme_secondary-invert_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_secondary-invert_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-secondary-invert-active,oklch(.983 .03 140/.183))}.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-tertiary-info,#0000)}@media (hover:hover){.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_:hover{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-tertiary-info-hover,#0050ff14)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover,oklch(.525 .265 263/.077))}}}.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_:active{color:var(--intergalactic-text-link,oklch(.53 .21 263));background-color:var(--intergalactic-control-tertiary-info-active,#014fff1e)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_tertiary-info_eyreh_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active,oklch(.524 .266 263.1/.116))}}.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_{color:var(--intergalactic-text-secondary,#00030095);background-color:var(--intergalactic-control-tertiary-neutral,#0000)}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}@media (hover:hover){.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover,oklch(.176 .033 175.6/.056));color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}}.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,#00151015);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}@media (color-gamut:p3){.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_tertiary-muted_eyreh_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,oklch(.176 .033 175.7/.084))}}.___SButton_eyreh_gg_._theme_tertiary-invert_eyreh_gg_{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert,#0000)}@media (hover:hover){.___SButton_eyreh_gg_._theme_tertiary-invert_eyreh_gg_:hover{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert-hover,oklch(.976 .043 140/.145))}}.___SButton_eyreh_gg_._theme_tertiary-invert_eyreh_gg_.__active_eyreh_gg_,.___SButton_eyreh_gg_._theme_tertiary-invert_eyreh_gg_:active{color:var(--intergalactic-text-primary-invert,oklch(.999 .001 180/.949));background-color:var(--intergalactic-control-tertiary-invert-active,oklch(.983 .03 140/.183))}.___SButton_eyreh_gg_._neighborLocation_right_eyreh_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_{border-radius:0;margin-left:-1px}.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_,.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_{position:relative}.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_:after,.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_:after{background-color:var(--intergalactic-border-primary-invert,oklch(.995 .008 147.4/.391))}.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_._theme_secondary-muted_eyreh_gg_:after,.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_._theme_secondary-muted_eyreh_gg_:after{background-color:var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_._theme_secondary-muted_eyreh_gg_:after,.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_._theme_secondary-muted_eyreh_gg_:after{background-color:var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SButton_eyreh_gg_+.___SButton_eyreh_gg_._neighborLocation_both_eyreh_gg_:after,.___SButton_eyreh_gg_+.___SButton_eyreh_gg_._neighborLocation_left_eyreh_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_eyreh_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_eyreh_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_eyreh_gg_.__loading_eyreh_gg_{visibility:hidden}.___SText_eyreh_gg_{display:inline-flex}.___SText_eyreh_gg_._size_m_eyreh_gg_{line-height:var(--intergalactic-lh-200,142%)}.___SText_eyreh_gg_._size_l_eyreh_gg_,.___SText_eyreh_gg_._size_m_eyreh_gg_{margin-left:var(--intergalactic-spacing-2x,8px);margin-right:var(--intergalactic-spacing-2x,8px)}.___SText_eyreh_gg_._size_l_eyreh_gg_{line-height:var(--intergalactic-lh-300,150%)}.___SText_eyreh_gg_._size_l_eyreh_gg_:only-child{margin-left:var(--intergalactic-spacing-3x,12px);margin-right:var(--intergalactic-spacing-3x,12px)}.___SText_eyreh_gg_._size_l_eyreh_gg_:first-child{margin-left:var(--intergalactic-spacing-3x,12px)}.___SText_eyreh_gg_._size_l_eyreh_gg_:last-child{margin-right:var(--intergalactic-spacing-3x,12px)}.___SAddon_eyreh_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_eyreh_gg_._size_m_eyreh_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_eyreh_gg_._size_m_eyreh_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_eyreh_gg_._size_m_eyreh_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*1.5 - 1px);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*1.5 - 1px)}.___SAddon_eyreh_gg_._size_l_eyreh_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_eyreh_gg_._size_l_eyreh_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_eyreh_gg_._size_l_eyreh_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*3 - 1px);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*3 - 1px)}", /*__inner_css_end__*/"eyreh_gg_"),
|
|
15
16
|
/*__reshadow_css_end__*/
|
|
16
17
|
{
|
|
17
|
-
"__SButton": "
|
|
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-brand": "_theme_primary-
|
|
34
|
-
"_theme_primary-warning": "_theme_primary-
|
|
35
|
-
"_theme_primary-danger": "_theme_primary-
|
|
36
|
-
"_theme_primary-invert": "_theme_primary-
|
|
37
|
-
"_theme_secondary-muted": "_theme_secondary-
|
|
38
|
-
"_theme_secondary-info": "_theme_secondary-
|
|
39
|
-
"_theme_secondary-invert": "_theme_secondary-
|
|
40
|
-
"_theme_tertiary-info": "_theme_tertiary-
|
|
41
|
-
"_theme_tertiary-muted": "_theme_tertiary-
|
|
42
|
-
"_theme_tertiary-invert": "_theme_tertiary-
|
|
18
|
+
"__SButton": "___SButton_eyreh_gg_",
|
|
19
|
+
"_disabled": "__disabled_eyreh_gg_",
|
|
20
|
+
"_size_s": "_size_s_eyreh_gg_",
|
|
21
|
+
"_size_m": "_size_m_eyreh_gg_",
|
|
22
|
+
"_size_l": "_size_l_eyreh_gg_",
|
|
23
|
+
"_neighborLocation_right": "_neighborLocation_right_eyreh_gg_",
|
|
24
|
+
"_neighborLocation_both": "_neighborLocation_both_eyreh_gg_",
|
|
25
|
+
"_neighborLocation_left": "_neighborLocation_left_eyreh_gg_",
|
|
26
|
+
"__SSpin": "___SSpin_eyreh_gg_",
|
|
27
|
+
"__SInner": "___SInner_eyreh_gg_",
|
|
28
|
+
"_loading": "__loading_eyreh_gg_",
|
|
29
|
+
"__SText": "___SText_eyreh_gg_",
|
|
30
|
+
"__SAddon": "___SAddon_eyreh_gg_",
|
|
31
|
+
"_theme_primary-info": "_theme_primary-info_eyreh_gg_",
|
|
32
|
+
"_active": "__active_eyreh_gg_",
|
|
33
|
+
"_theme_primary-success": "_theme_primary-success_eyreh_gg_",
|
|
34
|
+
"_theme_primary-brand": "_theme_primary-brand_eyreh_gg_",
|
|
35
|
+
"_theme_primary-warning": "_theme_primary-warning_eyreh_gg_",
|
|
36
|
+
"_theme_primary-danger": "_theme_primary-danger_eyreh_gg_",
|
|
37
|
+
"_theme_primary-invert": "_theme_primary-invert_eyreh_gg_",
|
|
38
|
+
"_theme_secondary-muted": "_theme_secondary-muted_eyreh_gg_",
|
|
39
|
+
"_theme_secondary-info": "_theme_secondary-info_eyreh_gg_",
|
|
40
|
+
"_theme_secondary-invert": "_theme_secondary-invert_eyreh_gg_",
|
|
41
|
+
"_theme_tertiary-info": "_theme_tertiary-info_eyreh_gg_",
|
|
42
|
+
"_theme_tertiary-muted": "_theme_tertiary-muted_eyreh_gg_",
|
|
43
|
+
"_theme_tertiary-invert": "_theme_tertiary-invert_eyreh_gg_"
|
|
43
44
|
});
|
|
44
|
-
import
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
};
|
|
45
|
+
import { BUTTON_SIZE_TO_SPIN_SIZE } from './mappers/BUTTON_SIZE_TO_SPIN_SIZE';
|
|
46
|
+
import { BUTTON_USE_TO_DEFAULT_THEME } from './mappers/BUTTON_USE_TO_DEFAULT_THEME';
|
|
47
|
+
|
|
48
|
+
/** @deprecated It will be removed in v19. */
|
|
49
|
+
export const MAP_USE_DEFAULT_THEME = BUTTON_USE_TO_DEFAULT_THEME;
|
|
50
50
|
export class RootButton extends Component {
|
|
51
51
|
constructor(...args) {
|
|
52
52
|
super(...args);
|
|
@@ -90,7 +90,7 @@ export class RootButton extends Component {
|
|
|
90
90
|
const {
|
|
91
91
|
styles,
|
|
92
92
|
use,
|
|
93
|
-
theme = typeof use === 'string' &&
|
|
93
|
+
theme = typeof use === 'string' && BUTTON_USE_TO_DEFAULT_THEME[use],
|
|
94
94
|
loading,
|
|
95
95
|
disabled = loading,
|
|
96
96
|
size,
|
|
@@ -135,10 +135,10 @@ export class RootButton extends Component {
|
|
|
135
135
|
"data-ui-name": `${this.asProps['data-ui-name']}.InnerWrapper`
|
|
136
136
|
}), AddonLeft ? /*#__PURE__*/React.createElement(Button.Addon, null, /*#__PURE__*/React.createElement(AddonLeft, _ref4.cn("AddonLeft", {}))) : null, addonTextChildren(Children, Button.Text, Button.Addon), AddonRight ? /*#__PURE__*/React.createElement(Button.Addon, null, /*#__PURE__*/React.createElement(AddonRight, _ref4.cn("AddonRight", {}))) : null), loading && /*#__PURE__*/React.createElement(SSpin, _ref4.cn("SSpin", {
|
|
137
137
|
"tag": 'span'
|
|
138
|
-
}), /*#__PURE__*/React.createElement(
|
|
139
|
-
"
|
|
140
|
-
"
|
|
141
|
-
"
|
|
138
|
+
}), /*#__PURE__*/React.createElement(Spin, _ref4.cn("Spin", {
|
|
139
|
+
"size": BUTTON_SIZE_TO_SPIN_SIZE[size],
|
|
140
|
+
"theme": 'currentColor',
|
|
141
|
+
"centered": true
|
|
142
142
|
})))), showHint && /*#__PURE__*/React.createElement(Hint, _ref4.cn("Hint", {
|
|
143
143
|
"triggerRef": this.containerRef,
|
|
144
144
|
"timeout": [250, 50],
|