@semcore/button 5.43.1 → 5.43.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/lib/cjs/component/Button/Button.js +31 -29
- package/lib/cjs/component/Button/Button.js.map +1 -1
- package/lib/cjs/component/ButtonLink/ButtonLink.js +23 -21
- package/lib/cjs/component/ButtonLink/ButtonLink.js.map +1 -1
- package/lib/es6/component/Button/Button.js +31 -29
- package/lib/es6/component/Button/Button.js.map +1 -1
- package/lib/es6/component/ButtonLink/ButtonLink.js +23 -21
- package/lib/es6/component/ButtonLink/ButtonLink.js.map +1 -1
- package/lib/esm/component/AbstractButton/AbstractButton.mjs +113 -83
- package/lib/esm/component/AbstractButton/SpinButton.mjs +14 -13
- package/lib/esm/component/Button/Button.mjs +80 -75
- package/lib/esm/component/Button/button.shadow.css +406 -0
- package/lib/esm/component/ButtonLink/ButtonLink.mjs +78 -69
- package/lib/esm/component/ButtonLink/buttonLink.shadow.css +168 -0
- package/lib/esm/index.mjs +6 -6
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [5.43.2] - 2025-05-09
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/utils` [4.48.2 ~> 4.48.4]).
|
|
10
|
+
|
|
5
11
|
## [5.43.1] - 2025-04-04
|
|
6
12
|
|
|
7
13
|
### Changed
|
|
@@ -18,35 +18,37 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
18
18
|
var _flexBox = require("@semcore/flex-box");
|
|
19
19
|
var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
|
|
20
20
|
var _AbstractButton2 = require("../AbstractButton/AbstractButton");
|
|
21
|
-
|
|
22
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButton_rhmx1_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79);min-width:-moz-fit-content;min-width:fit-content}.___SButton_rhmx1_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_rhmx1_gg_:active,.___SButton_rhmx1_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_rhmx1_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_rhmx1_gg_.__keyboardFocused_rhmx1_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_rhmx1_gg_.__disabled_rhmx1_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_rhmx1_gg_._size_s_rhmx1_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_rhmx1_gg_._size_m_rhmx1_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_rhmx1_gg_._size_l_rhmx1_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_rhmx1_gg_._theme_primary-info_rhmx1_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_rhmx1_gg_._theme_primary-info_rhmx1_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_rhmx1_gg_._theme_primary-info_rhmx1_gg_.__active_rhmx1_gg_,.___SButton_rhmx1_gg_._theme_primary-info_rhmx1_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_rhmx1_gg_._theme_primary-success_rhmx1_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_rhmx1_gg_._theme_primary-success_rhmx1_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_rhmx1_gg_._theme_primary-success_rhmx1_gg_.__active_rhmx1_gg_,.___SButton_rhmx1_gg_._theme_primary-success_rhmx1_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_rhmx1_gg_._theme_primary-brand_rhmx1_gg_,.___SButton_rhmx1_gg_._theme_primary-warning_rhmx1_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_rhmx1_gg_._theme_primary-brand_rhmx1_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_rhmx1_gg_._theme_primary-brand_rhmx1_gg_.__active_rhmx1_gg_,.___SButton_rhmx1_gg_._theme_primary-brand_rhmx1_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_rhmx1_gg_._theme_primary-warning_rhmx1_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_rhmx1_gg_._theme_primary-warning_rhmx1_gg_.__active_rhmx1_gg_,.___SButton_rhmx1_gg_._theme_primary-warning_rhmx1_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_rhmx1_gg_._theme_primary-danger_rhmx1_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_rhmx1_gg_._theme_primary-danger_rhmx1_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_rhmx1_gg_._theme_primary-danger_rhmx1_gg_.__active_rhmx1_gg_,.___SButton_rhmx1_gg_._theme_primary-danger_rhmx1_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_rhmx1_gg_._theme_primary-invert_rhmx1_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_rhmx1_gg_._theme_primary-invert_rhmx1_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_rhmx1_gg_._theme_primary-invert_rhmx1_gg_.__active_rhmx1_gg_,.___SButton_rhmx1_gg_._theme_primary-invert_rhmx1_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_rhmx1_gg_._theme_secondary-muted_rhmx1_gg_{color:var(--intergalactic-text-secondary, #6c6e79);border-color:var(--intergalactic-border-primary, #c4c7cf);background-color:var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1))}@media (hover:hover){.___SButton_rhmx1_gg_._theme_secondary-muted_rhmx1_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_rhmx1_gg_._theme_secondary-muted_rhmx1_gg_.__active_rhmx1_gg_,.___SButton_rhmx1_gg_._theme_secondary-muted_rhmx1_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_rhmx1_gg_._theme_secondary-info_rhmx1_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_rhmx1_gg_._theme_secondary-info_rhmx1_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_rhmx1_gg_._theme_secondary-info_rhmx1_gg_.__active_rhmx1_gg_,.___SButton_rhmx1_gg_._theme_secondary-info_rhmx1_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_rhmx1_gg_._theme_secondary-invert_rhmx1_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05))}@media (hover:hover){.___SButton_rhmx1_gg_._theme_secondary-invert_rhmx1_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_rhmx1_gg_._theme_secondary-invert_rhmx1_gg_.__active_rhmx1_gg_,.___SButton_rhmx1_gg_._theme_secondary-invert_rhmx1_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3))}.___SButton_rhmx1_gg_._theme_tertiary-info_rhmx1_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_rhmx1_gg_._theme_tertiary-info_rhmx1_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_rhmx1_gg_._theme_tertiary-info_rhmx1_gg_.__active_rhmx1_gg_,.___SButton_rhmx1_gg_._theme_tertiary-info_rhmx1_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_rhmx1_gg_._theme_tertiary-muted_rhmx1_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_rhmx1_gg_._theme_tertiary-muted_rhmx1_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_rhmx1_gg_._theme_tertiary-muted_rhmx1_gg_.__active_rhmx1_gg_,.___SButton_rhmx1_gg_._theme_tertiary-muted_rhmx1_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_rhmx1_gg_._theme_tertiary-invert_rhmx1_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_rhmx1_gg_._theme_tertiary-invert_rhmx1_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_rhmx1_gg_._theme_tertiary-invert_rhmx1_gg_.__active_rhmx1_gg_,.___SButton_rhmx1_gg_._theme_tertiary-invert_rhmx1_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_rhmx1_gg_._neighborLocation_right_rhmx1_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_rhmx1_gg_._neighborLocation_both_rhmx1_gg_{border-radius:0;margin-left:-1px}.___SButton_rhmx1_gg_._neighborLocation_left_rhmx1_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_rhmx1_gg_._neighborLocation_both_rhmx1_gg_,.___SButton_rhmx1_gg_._neighborLocation_left_rhmx1_gg_{position:relative}.___SButton_rhmx1_gg_._neighborLocation_both_rhmx1_gg_:after,.___SButton_rhmx1_gg_._neighborLocation_left_rhmx1_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_rhmx1_gg_._neighborLocation_both_rhmx1_gg_._theme_secondary-muted_rhmx1_gg_:after,.___SButton_rhmx1_gg_._neighborLocation_left_rhmx1_gg_._theme_secondary-muted_rhmx1_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_rhmx1_gg_+.___SButton_rhmx1_gg_._neighborLocation_both_rhmx1_gg_:after,.___SButton_rhmx1_gg_+.___SButton_rhmx1_gg_._neighborLocation_left_rhmx1_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_rhmx1_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_rhmx1_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_rhmx1_gg_.__loading_rhmx1_gg_{visibility:hidden}.___SText_rhmx1_gg_{display:inline-flex}.___SText_rhmx1_gg_._size_l_rhmx1_gg_,.___SText_rhmx1_gg_._size_m_rhmx1_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_rhmx1_gg_._size_m_rhmx1_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_rhmx1_gg_._size_l_rhmx1_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_rhmx1_gg_._size_l_rhmx1_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_rhmx1_gg_._size_l_rhmx1_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_rhmx1_gg_._size_l_rhmx1_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_rhmx1_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_rhmx1_gg_._size_m_rhmx1_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_rhmx1_gg_._size_m_rhmx1_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_rhmx1_gg_._size_m_rhmx1_gg_:only-child{margin-left:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SAddon_rhmx1_gg_._size_l_rhmx1_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_rhmx1_gg_._size_l_rhmx1_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_rhmx1_gg_._size_l_rhmx1_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}" /*__inner_css_end__*/, "rhmx1_gg_") /*__reshadow_css_end__*/, {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
"
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"_theme_primary-
|
|
40
|
-
"
|
|
41
|
-
"_theme_primary-
|
|
42
|
-
"_theme_primary-
|
|
43
|
-
"_theme_primary-
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"_theme_secondary-
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"_theme_tertiary-
|
|
21
|
+
/*!__reshadow-styles__:"./button.shadow.css"*/
|
|
22
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButton_e9evx_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79);min-width:-moz-fit-content;min-width:fit-content}.___SButton_e9evx_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_e9evx_gg_:active,.___SButton_e9evx_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_e9evx_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_e9evx_gg_.__keyboardFocused_e9evx_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_e9evx_gg_.__disabled_e9evx_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_e9evx_gg_._size_s_e9evx_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_e9evx_gg_._size_m_e9evx_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_e9evx_gg_._size_l_e9evx_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_e9evx_gg_._theme_primary-info_e9evx_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_e9evx_gg_._theme_primary-info_e9evx_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_e9evx_gg_._theme_primary-info_e9evx_gg_.__active_e9evx_gg_,.___SButton_e9evx_gg_._theme_primary-info_e9evx_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_e9evx_gg_._theme_primary-success_e9evx_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_e9evx_gg_._theme_primary-success_e9evx_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_e9evx_gg_._theme_primary-success_e9evx_gg_.__active_e9evx_gg_,.___SButton_e9evx_gg_._theme_primary-success_e9evx_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_e9evx_gg_._theme_primary-brand_e9evx_gg_,.___SButton_e9evx_gg_._theme_primary-warning_e9evx_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_e9evx_gg_._theme_primary-brand_e9evx_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_e9evx_gg_._theme_primary-brand_e9evx_gg_.__active_e9evx_gg_,.___SButton_e9evx_gg_._theme_primary-brand_e9evx_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_e9evx_gg_._theme_primary-warning_e9evx_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_e9evx_gg_._theme_primary-warning_e9evx_gg_.__active_e9evx_gg_,.___SButton_e9evx_gg_._theme_primary-warning_e9evx_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_e9evx_gg_._theme_primary-danger_e9evx_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_e9evx_gg_._theme_primary-danger_e9evx_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_e9evx_gg_._theme_primary-danger_e9evx_gg_.__active_e9evx_gg_,.___SButton_e9evx_gg_._theme_primary-danger_e9evx_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_e9evx_gg_._theme_primary-invert_e9evx_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_e9evx_gg_._theme_primary-invert_e9evx_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_e9evx_gg_._theme_primary-invert_e9evx_gg_.__active_e9evx_gg_,.___SButton_e9evx_gg_._theme_primary-invert_e9evx_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_e9evx_gg_._theme_secondary-muted_e9evx_gg_{color:var(--intergalactic-text-secondary, #6c6e79);border-color:var(--intergalactic-border-primary, #c4c7cf);background-color:var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1))}@media (hover:hover){.___SButton_e9evx_gg_._theme_secondary-muted_e9evx_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_e9evx_gg_._theme_secondary-muted_e9evx_gg_.__active_e9evx_gg_,.___SButton_e9evx_gg_._theme_secondary-muted_e9evx_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_e9evx_gg_._theme_secondary-info_e9evx_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_e9evx_gg_._theme_secondary-info_e9evx_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_e9evx_gg_._theme_secondary-info_e9evx_gg_.__active_e9evx_gg_,.___SButton_e9evx_gg_._theme_secondary-info_e9evx_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_e9evx_gg_._theme_secondary-invert_e9evx_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05))}@media (hover:hover){.___SButton_e9evx_gg_._theme_secondary-invert_e9evx_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_e9evx_gg_._theme_secondary-invert_e9evx_gg_.__active_e9evx_gg_,.___SButton_e9evx_gg_._theme_secondary-invert_e9evx_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3))}.___SButton_e9evx_gg_._theme_tertiary-info_e9evx_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_e9evx_gg_._theme_tertiary-info_e9evx_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_e9evx_gg_._theme_tertiary-info_e9evx_gg_.__active_e9evx_gg_,.___SButton_e9evx_gg_._theme_tertiary-info_e9evx_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_e9evx_gg_._theme_tertiary-muted_e9evx_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_e9evx_gg_._theme_tertiary-muted_e9evx_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_e9evx_gg_._theme_tertiary-muted_e9evx_gg_.__active_e9evx_gg_,.___SButton_e9evx_gg_._theme_tertiary-muted_e9evx_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_e9evx_gg_._theme_tertiary-invert_e9evx_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_e9evx_gg_._theme_tertiary-invert_e9evx_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_e9evx_gg_._theme_tertiary-invert_e9evx_gg_.__active_e9evx_gg_,.___SButton_e9evx_gg_._theme_tertiary-invert_e9evx_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_e9evx_gg_._neighborLocation_right_e9evx_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_e9evx_gg_._neighborLocation_both_e9evx_gg_{border-radius:0;margin-left:-1px}.___SButton_e9evx_gg_._neighborLocation_left_e9evx_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_e9evx_gg_._neighborLocation_both_e9evx_gg_,.___SButton_e9evx_gg_._neighborLocation_left_e9evx_gg_{position:relative}.___SButton_e9evx_gg_._neighborLocation_both_e9evx_gg_:after,.___SButton_e9evx_gg_._neighborLocation_left_e9evx_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_e9evx_gg_._neighborLocation_both_e9evx_gg_._theme_secondary-muted_e9evx_gg_:after,.___SButton_e9evx_gg_._neighborLocation_left_e9evx_gg_._theme_secondary-muted_e9evx_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_e9evx_gg_+.___SButton_e9evx_gg_._neighborLocation_both_e9evx_gg_:after,.___SButton_e9evx_gg_+.___SButton_e9evx_gg_._neighborLocation_left_e9evx_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_e9evx_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_e9evx_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_e9evx_gg_.__loading_e9evx_gg_{visibility:hidden}.___SText_e9evx_gg_{display:inline-flex}.___SText_e9evx_gg_._size_l_e9evx_gg_,.___SText_e9evx_gg_._size_m_e9evx_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_e9evx_gg_._size_m_e9evx_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_e9evx_gg_._size_l_e9evx_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_e9evx_gg_._size_l_e9evx_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_e9evx_gg_._size_l_e9evx_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_e9evx_gg_._size_l_e9evx_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_e9evx_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_e9evx_gg_._size_m_e9evx_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_e9evx_gg_._size_m_e9evx_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_e9evx_gg_._size_m_e9evx_gg_:only-child{margin-left:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SAddon_e9evx_gg_._size_l_e9evx_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_e9evx_gg_._size_l_e9evx_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_e9evx_gg_._size_l_e9evx_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}", /*__inner_css_end__*/"e9evx_gg_"),
|
|
23
|
+
/*__reshadow_css_end__*/
|
|
24
|
+
{
|
|
25
|
+
"__SButton": "___SButton_e9evx_gg_",
|
|
26
|
+
"_keyboardFocused": "__keyboardFocused_e9evx_gg_",
|
|
27
|
+
"_disabled": "__disabled_e9evx_gg_",
|
|
28
|
+
"_size_s": "_size_s_e9evx_gg_",
|
|
29
|
+
"_size_m": "_size_m_e9evx_gg_",
|
|
30
|
+
"_size_l": "_size_l_e9evx_gg_",
|
|
31
|
+
"_neighborLocation_right": "_neighborLocation_right_e9evx_gg_",
|
|
32
|
+
"_neighborLocation_both": "_neighborLocation_both_e9evx_gg_",
|
|
33
|
+
"_neighborLocation_left": "_neighborLocation_left_e9evx_gg_",
|
|
34
|
+
"__SSpin": "___SSpin_e9evx_gg_",
|
|
35
|
+
"__SInner": "___SInner_e9evx_gg_",
|
|
36
|
+
"_loading": "__loading_e9evx_gg_",
|
|
37
|
+
"__SText": "___SText_e9evx_gg_",
|
|
38
|
+
"__SAddon": "___SAddon_e9evx_gg_",
|
|
39
|
+
"_theme_primary-info": "_theme_primary-info_e9evx_gg_",
|
|
40
|
+
"_active": "__active_e9evx_gg_",
|
|
41
|
+
"_theme_primary-success": "_theme_primary-success_e9evx_gg_",
|
|
42
|
+
"_theme_primary-brand": "_theme_primary-brand_e9evx_gg_",
|
|
43
|
+
"_theme_primary-warning": "_theme_primary-warning_e9evx_gg_",
|
|
44
|
+
"_theme_primary-danger": "_theme_primary-danger_e9evx_gg_",
|
|
45
|
+
"_theme_primary-invert": "_theme_primary-invert_e9evx_gg_",
|
|
46
|
+
"_theme_secondary-muted": "_theme_secondary-muted_e9evx_gg_",
|
|
47
|
+
"_theme_secondary-info": "_theme_secondary-info_e9evx_gg_",
|
|
48
|
+
"_theme_secondary-invert": "_theme_secondary-invert_e9evx_gg_",
|
|
49
|
+
"_theme_tertiary-info": "_theme_tertiary-info_e9evx_gg_",
|
|
50
|
+
"_theme_tertiary-muted": "_theme_tertiary-muted_e9evx_gg_",
|
|
51
|
+
"_theme_tertiary-invert": "_theme_tertiary-invert_e9evx_gg_"
|
|
50
52
|
});
|
|
51
53
|
var RootButton = /*#__PURE__*/function (_AbstractButton) {
|
|
52
54
|
(0, _inherits2["default"])(RootButton, _AbstractButton);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_keyboardFocusEnhance","_AbstractButton2","style","_index","sstyled","insert","RootButton","_AbstractButton","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextColor","undefined","AbstractButton","_defineProperty2","keyboardFocusEnhance","use","size","Text","props","_ref","arguments[0]","_ref3","SText","Box","styles","createElement","cn","_objectSpread2","assignProps","Addon","_ref2","_ref4","SAddon","Button","createComponent","_default","exports"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './button.shadow.css';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\nimport {\n ButtonAddonProps,\n ButtonChildren,\n ButtonComponent,\n ButtonProps,\n ButtonTextProps,\n} from './Button.type';\n\nclass RootButton extends AbstractButton {\n static displayName = 'Button';\n static enhance = [keyboardFocusEnhance()];\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n };\n\n protected getTextColor(): string | undefined {\n return undefined;\n }\n}\n\nfunction Text(props: ButtonTextProps) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonAddonProps) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst Button = createComponent(RootButton, {\n Text,\n Addon,\n}) as ButtonComponent;\n\nexport default Button;\n"],"mappings":";;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAF,sBAAA,CAAAF,OAAA;AAGA,IAAAK,gBAAA,GAAAL,OAAA;AAAkE;AAAA,IAAAM,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAS5DC,UAAU,0BAAAC,eAAA;EAAA,IAAAC,UAAA,aAAAF,UAAA,EAAAC,eAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,UAAA;EAAA,SAAAA,WAAA;IAAA,IAAAK,gBAAA,mBAAAL,UAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,UAAA;IAAAS,GAAA;IAAAC,KAAA,EASd,SAAAC,aAAA,EAA6C;MAC3C,OAAOC,SAAS;IAClB;EAAC;EAAA,OAAAZ,UAAA;AAAA,EAXsBa,+BAAc;AAAA,IAAAC,gBAAA,aAAjCd,UAAU,iBACO,QAAQ;AAAA,IAAAc,gBAAA,aADzBd,UAAU,aAEG,CAAC,IAAAe,gCAAoB,GAAE,CAAC;AAAA,IAAAD,gBAAA,aAFrCd,UAAU,WAGCJ,KAAK;AAAA,IAAAkB,gBAAA,aAHhBd,UAAU,kBAIQ;EACpBgB,GAAG,EAAE,WAAW;EAChBC,IAAI,EAAE;AACR,CAAC;AAOH,SAASC,IAAIA,CAACC,KAAsB,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACpC,IAAMC,KAAK,GACiCC,YAAG;EAA/C,OAAAF,KAAA,GAAO,IAAAxB,aAAO,EAACqB,KAAK,CAACM,MAAM,CAAC,eAAClC,MAAA,YAAAmC,aAAA,CAACH,KAAK,EAAAD,KAAA,CAAAK,EAAA,cAAAC,cAAA,qBAAAxC,KAAA,CAAAyC,WAAA;IAAA,OAAkB;EAAM,GAAAT,IAAA,IAAG;AAChE;AAEA,SAASU,KAAKA,CAACX,KAAuB,EAAE;EAAA,IAAAY,KAAA,GAAAV,YAAA;IAAAW,KAAA;EACtC,IAAMC,MAAM,GACiCT,YAAG;EAAhD,OAAAQ,KAAA,GAAO,IAAAlC,aAAO,EAACqB,KAAK,CAACM,MAAM,CAAC,eAAClC,MAAA,YAAAmC,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,eAAAC,cAAA,qBAAAxC,KAAA,CAAAyC,WAAA;IAAA,OAAkB;EAAM,GAAAE,KAAA,IAAG;AACjE;AAEA,IAAMG,MAAM,GAAG,IAAAC,gBAAe,EAACnC,UAAU,EAAE;EACzCkB,IAAI,EAAJA,IAAI;EACJY,KAAK,EAALA;AACF,CAAC,CAAoB;AAAC,IAAAM,QAAA,GAEPF,MAAM;AAAAG,OAAA,cAAAD,QAAA"}
|
|
1
|
+
{"version":3,"file":"Button.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_keyboardFocusEnhance","_AbstractButton2","style","_index","sstyled","insert","RootButton","_AbstractButton","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextColor","undefined","AbstractButton","_defineProperty2","keyboardFocusEnhance","use","size","Text","props","_ref","arguments[0]","_ref3","SText","Box","styles","createElement","cn","_objectSpread2","assignProps","Addon","_ref2","_ref4","SAddon","Button","createComponent","_default","exports"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './button.shadow.css';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\nimport {\n ButtonAddonProps,\n ButtonChildren,\n ButtonComponent,\n ButtonProps,\n ButtonTextProps,\n} from './Button.type';\n\nclass RootButton extends AbstractButton {\n static displayName = 'Button';\n static enhance = [keyboardFocusEnhance()];\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n };\n\n protected getTextColor(): string | undefined {\n return undefined;\n }\n}\n\nfunction Text(props: ButtonTextProps) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonAddonProps) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst Button = createComponent(RootButton, {\n Text,\n Addon,\n}) as ButtonComponent;\n\nexport default Button;\n"],"mappings":";;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAF,sBAAA,CAAAF,OAAA;AAGA,IAAAK,gBAAA,GAAAL,OAAA;AAAkE;AAAA,IAAAM,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAS5DC,UAAU,0BAAAC,eAAA;EAAA,IAAAC,UAAA,aAAAF,UAAA,EAAAC,eAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,UAAA;EAAA,SAAAA,WAAA;IAAA,IAAAK,gBAAA,mBAAAL,UAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,UAAA;IAAAS,GAAA;IAAAC,KAAA,EASd,SAAAC,aAAA,EAA6C;MAC3C,OAAOC,SAAS;IAClB;EAAC;EAAA,OAAAZ,UAAA;AAAA,EAXsBa,+BAAc;AAAA,IAAAC,gBAAA,aAAjCd,UAAU,iBACO,QAAQ;AAAA,IAAAc,gBAAA,aADzBd,UAAU,aAEG,CAAC,IAAAe,gCAAoB,GAAE,CAAC;AAAA,IAAAD,gBAAA,aAFrCd,UAAU,WAGCJ,KAAK;AAAA,IAAAkB,gBAAA,aAHhBd,UAAU,kBAIQ;EACpBgB,GAAG,EAAE,WAAW;EAChBC,IAAI,EAAE;AACR,CAAC;AAOH,SAASC,IAAIA,CAACC,KAAsB,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACpC,IAAMC,KAAK,GACiCC,YAAG;EAA/C,OAAAF,KAAA,GAAO,IAAAxB,aAAO,EAACqB,KAAK,CAACM,MAAM,CAAC,eAAClC,MAAA,YAAAmC,aAAA,CAACH,KAAK,EAAAD,KAAA,CAAAK,EAAA,cAAAC,cAAA,qBAAAxC,KAAA,CAAAyC,WAAA;IAAA,OAAkB;EAAM,GAAAT,IAAA,IAAG;AAChE;AAEA,SAASU,KAAKA,CAACX,KAAuB,EAAE;EAAA,IAAAY,KAAA,GAAAV,YAAA;IAAAW,KAAA;EACtC,IAAMC,MAAM,GACiCT,YAAG;EAAhD,OAAAQ,KAAA,GAAO,IAAAlC,aAAO,EAACqB,KAAK,CAACM,MAAM,CAAC,eAAClC,MAAA,YAAAmC,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,eAAAC,cAAA,qBAAAxC,KAAA,CAAAyC,WAAA;IAAA,OAAkB;EAAM,GAAAE,KAAA,IAAG;AACjE;AAEA,IAAMG,MAAM,GAAG,IAAAC,gBAAe,EAACnC,UAAU,EAAE;EACzCkB,IAAI,EAAJA,IAAI;EACJY,KAAK,EAALA;AACF,CAAC,CAAoB;AAAC,IAAAM,QAAA,GAEPF,MAAM;AAAAG,OAAA,cAAAD,QAAA"}
|
|
@@ -19,27 +19,29 @@ var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/e
|
|
|
19
19
|
var _flexBox = require("@semcore/flex-box");
|
|
20
20
|
var _AbstractButton2 = require("../AbstractButton/AbstractButton");
|
|
21
21
|
var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
|
|
22
|
-
|
|
23
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
22
|
+
/*!__reshadow-styles__:"./buttonLink.shadow.css"*/
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButton_w7yoq_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SButton_w7yoq_gg_:active,.___SButton_w7yoq_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_w7yoq_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_w7yoq_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_w7yoq_gg_.__active_w7yoq_gg_,.___SButton_w7yoq_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_w7yoq_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_w7yoq_gg_.__active_w7yoq_gg_ .___SText_w7yoq_gg_,.___SButton_w7yoq_gg_:active .___SText_w7yoq_gg_{border-color:currentColor}@media (hover:hover){.___SButton_w7yoq_gg_:hover .___SText_w7yoq_gg_{border-color:currentColor}}.___SButton_w7yoq_gg_.__enableVisited_w7yoq_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_w7yoq_gg_.__enableVisited_w7yoq_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_w7yoq_gg_ .___SText_w7yoq_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_w7yoq_gg_.__keyboardFocused_w7yoq_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SButton_w7yoq_gg_.__disabled_w7yoq_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_w7yoq_gg_._use_secondary_w7yoq_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_w7yoq_gg_._use_secondary_w7yoq_gg_.__active_w7yoq_gg_,.___SButton_w7yoq_gg_._use_secondary_w7yoq_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_w7yoq_gg_._use_secondary_w7yoq_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_w7yoq_gg_._use_secondary_w7yoq_gg_ .___SText_w7yoq_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_w7yoq_gg_,.___SInner_w7yoq_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_w7yoq_gg_{height:100%;width:100%}.___SAddon_w7yoq_gg_{vertical-align:middle;pointer-events:none}.___SButton_w7yoq_gg_ .___SAddon_w7yoq_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_w7yoq_gg_ .___SAddon_w7yoq_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_w7yoq_gg_.__text-color_w7yoq_gg_{color:var(--text-color_w7yoq)}.___SButton_w7yoq_gg_.__text-color_w7yoq_gg_.__active_w7yoq_gg_,.___SButton_w7yoq_gg_.__text-color_w7yoq_gg_:active{color:var(--text-color_w7yoq);filter:brightness(.8)}@media (hover:hover){.___SButton_w7yoq_gg_.__text-color_w7yoq_gg_:hover{color:var(--text-color_w7yoq);filter:brightness(.8)}}.___SButton_w7yoq_gg_._size_100_w7yoq_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_w7yoq_gg_._size_200_w7yoq_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_w7yoq_gg_._size_300_w7yoq_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_w7yoq_gg_._size_400_w7yoq_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_w7yoq_gg_._size_500_w7yoq_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_w7yoq_gg_._size_600_w7yoq_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_w7yoq_gg_._size_700_w7yoq_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_w7yoq_gg_._size_800_w7yoq_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_w7yoq_gg_,.___SText_w7yoq_gg_{transition:none}}", /*__inner_css_end__*/"w7yoq_gg_"),
|
|
24
|
+
/*__reshadow_css_end__*/
|
|
25
|
+
{
|
|
26
|
+
"__SButton": "___SButton_w7yoq_gg_",
|
|
27
|
+
"_keyboardFocused": "__keyboardFocused_w7yoq_gg_",
|
|
28
|
+
"_disabled": "__disabled_w7yoq_gg_",
|
|
29
|
+
"__SInner": "___SInner_w7yoq_gg_",
|
|
30
|
+
"__SAddon": "___SAddon_w7yoq_gg_",
|
|
31
|
+
"_size_100": "_size_100_w7yoq_gg_",
|
|
32
|
+
"_size_200": "_size_200_w7yoq_gg_",
|
|
33
|
+
"_size_300": "_size_300_w7yoq_gg_",
|
|
34
|
+
"_size_400": "_size_400_w7yoq_gg_",
|
|
35
|
+
"_size_500": "_size_500_w7yoq_gg_",
|
|
36
|
+
"_size_600": "_size_600_w7yoq_gg_",
|
|
37
|
+
"_size_700": "_size_700_w7yoq_gg_",
|
|
38
|
+
"_size_800": "_size_800_w7yoq_gg_",
|
|
39
|
+
"__SText": "___SText_w7yoq_gg_",
|
|
40
|
+
"_active": "__active_w7yoq_gg_",
|
|
41
|
+
"_enableVisited": "__enableVisited_w7yoq_gg_",
|
|
42
|
+
"_use_secondary": "_use_secondary_w7yoq_gg_",
|
|
43
|
+
"_text-color": "__text-color_w7yoq_gg_",
|
|
44
|
+
"--text-color": "--text-color_w7yoq"
|
|
43
45
|
});
|
|
44
46
|
var enhance = {
|
|
45
47
|
keyboardFocused: (0, _keyboardFocusEnhance["default"])(),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonLink.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_keyboardFocusEnhance","_flexBox","_AbstractButton2","_resolveColorEnhance","style","_index","sstyled","insert","enhance","keyboardFocused","keyboardFocusEnhance","resolveColor","resolveColorEnhance","RootButtonLink","_AbstractButton","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextColor","_ref5","asProps","color","AbstractButton","_defineProperty2","Object","values","use","Text","props","_ref","arguments[0]","_ref3","SText","Box","styles","createElement","cn","_objectSpread2","assignProps","Addon","_ref2","_ref4","SAddon","ButtonLink","createComponent","exports"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '@semcore/core';\nimport style from './buttonLink.shadow.css';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { Box } from '@semcore/flex-box';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { ButtonLinkAddonProps, ButtonLinkComponent, ButtonLinkTextProps } from './ButtonLink.type';\n\nconst enhance = {\n keyboardFocused: keyboardFocusEnhance(),\n resolveColor: resolveColorEnhance(),\n};\n\nclass RootButtonLink extends AbstractButton {\n static displayName = 'ButtonLink';\n static enhance = Object.values(enhance);\n static style = style;\n static defaultProps = {\n use: 'primary',\n };\n\n protected getTextColor(): string | undefined {\n const { color, resolveColor } = this.asProps as any;\n return resolveColor(color);\n }\n}\n\nfunction Text(props: ButtonLinkTextProps) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonLinkAddonProps) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nexport const ButtonLink = createComponent(RootButtonLink, {\n Text,\n Addon,\n}) as ButtonLinkComponent;\n"],"mappings":";;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,qBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AACA,IAAAM,oBAAA,GAAAJ,sBAAA,CAAAF,OAAA;AAAkF;AAAA,IAAAO,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGlF,IAAMC,OAAO,GAAG;EACdC,eAAe,EAAE,IAAAC,gCAAoB,GAAE;EACvCC,YAAY,EAAE,IAAAC,+BAAmB;AACnC,CAAC;AAAC,IAEIC,cAAc,0BAAAC,eAAA;EAAA,IAAAC,UAAA,aAAAF,cAAA,EAAAC,eAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,cAAA;EAAA,SAAAA,eAAA;IAAA,IAAAK,gBAAA,mBAAAL,cAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,cAAA;IAAAS,GAAA;IAAAC,KAAA,EAQlB,SAAAC,aAAA,EAA6C;MAC3C,IAAAC,KAAA,GAAgC,IAAI,CAACC,OAAO;QAApCC,KAAK,GAAAF,KAAA,CAALE,KAAK;QAAEhB,YAAY,GAAAc,KAAA,CAAZd,YAAY;MAC3B,OAAOA,YAAY,CAACgB,KAAK,CAAC;IAC5B;EAAC;EAAA,OAAAd,cAAA;AAAA,EAX0Be,+BAAc;AAAA,IAAAC,gBAAA,aAArChB,cAAc,iBACG,YAAY;AAAA,IAAAgB,gBAAA,aAD7BhB,cAAc,aAEDiB,MAAM,CAACC,MAAM,CAACvB,OAAO,CAAC;AAAA,IAAAqB,gBAAA,aAFnChB,cAAc,WAGHT,KAAK;AAAA,IAAAyB,gBAAA,aAHhBhB,cAAc,kBAII;EACpBmB,GAAG,EAAE;AACP,CAAC;AAQH,SAASC,IAAIA,CAACC,KAA0B,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxC,IAAMC,KAAK,GACiCC,YAAG;EAA/C,OAAAF,KAAA,GAAO,IAAA/B,aAAO,EAAC4B,KAAK,CAACM,MAAM,CAAC,eAAC1C,MAAA,YAAA2C,aAAA,CAACH,KAAK,EAAAD,KAAA,CAAAK,EAAA,cAAAC,cAAA,qBAAAhD,KAAA,CAAAiD,WAAA;IAAA,OAAkB;EAAM,GAAAT,IAAA,IAAG;AAChE;AAEA,SAASU,KAAKA,CAACX,KAA2B,EAAE;EAAA,IAAAY,KAAA,GAAAV,YAAA;IAAAW,KAAA;EAC1C,IAAMC,MAAM,GACiCT,YAAG;EAAhD,OAAAQ,KAAA,GAAO,IAAAzC,aAAO,EAAC4B,KAAK,CAACM,MAAM,CAAC,eAAC1C,MAAA,YAAA2C,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,eAAAC,cAAA,qBAAAhD,KAAA,CAAAiD,WAAA;IAAA,OAAkB;EAAM,GAAAE,KAAA,IAAG;AACjE;AAEO,IAAMG,UAAU,GAAG,IAAAC,gBAAe,EAACrC,cAAc,EAAE;EACxDoB,IAAI,EAAJA,IAAI;EACJY,KAAK,EAALA;AACF,CAAC,CAAwB;AAACM,OAAA,CAAAF,UAAA,GAAAA,UAAA"}
|
|
1
|
+
{"version":3,"file":"ButtonLink.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_keyboardFocusEnhance","_flexBox","_AbstractButton2","_resolveColorEnhance","style","_index","sstyled","insert","enhance","keyboardFocused","keyboardFocusEnhance","resolveColor","resolveColorEnhance","RootButtonLink","_AbstractButton","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextColor","_ref5","asProps","color","AbstractButton","_defineProperty2","Object","values","use","Text","props","_ref","arguments[0]","_ref3","SText","Box","styles","createElement","cn","_objectSpread2","assignProps","Addon","_ref2","_ref4","SAddon","ButtonLink","createComponent","exports"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '@semcore/core';\nimport style from './buttonLink.shadow.css';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { Box } from '@semcore/flex-box';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { ButtonLinkAddonProps, ButtonLinkComponent, ButtonLinkTextProps } from './ButtonLink.type';\n\nconst enhance = {\n keyboardFocused: keyboardFocusEnhance(),\n resolveColor: resolveColorEnhance(),\n};\n\nclass RootButtonLink extends AbstractButton {\n static displayName = 'ButtonLink';\n static enhance = Object.values(enhance);\n static style = style;\n static defaultProps = {\n use: 'primary',\n };\n\n protected getTextColor(): string | undefined {\n const { color, resolveColor } = this.asProps as any;\n return resolveColor(color);\n }\n}\n\nfunction Text(props: ButtonLinkTextProps) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonLinkAddonProps) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nexport const ButtonLink = createComponent(RootButtonLink, {\n Text,\n Addon,\n}) as ButtonLinkComponent;\n"],"mappings":";;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,qBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AACA,IAAAM,oBAAA,GAAAJ,sBAAA,CAAAF,OAAA;AAAkF;AAAA,IAAAO,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGlF,IAAMC,OAAO,GAAG;EACdC,eAAe,EAAE,IAAAC,gCAAoB,GAAE;EACvCC,YAAY,EAAE,IAAAC,+BAAmB;AACnC,CAAC;AAAC,IAEIC,cAAc,0BAAAC,eAAA;EAAA,IAAAC,UAAA,aAAAF,cAAA,EAAAC,eAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,cAAA;EAAA,SAAAA,eAAA;IAAA,IAAAK,gBAAA,mBAAAL,cAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,cAAA;IAAAS,GAAA;IAAAC,KAAA,EAQlB,SAAAC,aAAA,EAA6C;MAC3C,IAAAC,KAAA,GAAgC,IAAI,CAACC,OAAO;QAApCC,KAAK,GAAAF,KAAA,CAALE,KAAK;QAAEhB,YAAY,GAAAc,KAAA,CAAZd,YAAY;MAC3B,OAAOA,YAAY,CAACgB,KAAK,CAAC;IAC5B;EAAC;EAAA,OAAAd,cAAA;AAAA,EAX0Be,+BAAc;AAAA,IAAAC,gBAAA,aAArChB,cAAc,iBACG,YAAY;AAAA,IAAAgB,gBAAA,aAD7BhB,cAAc,aAEDiB,MAAM,CAACC,MAAM,CAACvB,OAAO,CAAC;AAAA,IAAAqB,gBAAA,aAFnChB,cAAc,WAGHT,KAAK;AAAA,IAAAyB,gBAAA,aAHhBhB,cAAc,kBAII;EACpBmB,GAAG,EAAE;AACP,CAAC;AAQH,SAASC,IAAIA,CAACC,KAA0B,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxC,IAAMC,KAAK,GACiCC,YAAG;EAA/C,OAAAF,KAAA,GAAO,IAAA/B,aAAO,EAAC4B,KAAK,CAACM,MAAM,CAAC,eAAC1C,MAAA,YAAA2C,aAAA,CAACH,KAAK,EAAAD,KAAA,CAAAK,EAAA,cAAAC,cAAA,qBAAAhD,KAAA,CAAAiD,WAAA;IAAA,OAAkB;EAAM,GAAAT,IAAA,IAAG;AAChE;AAEA,SAASU,KAAKA,CAACX,KAA2B,EAAE;EAAA,IAAAY,KAAA,GAAAV,YAAA;IAAAW,KAAA;EAC1C,IAAMC,MAAM,GACiCT,YAAG;EAAhD,OAAAQ,KAAA,GAAO,IAAAzC,aAAO,EAAC4B,KAAK,CAACM,MAAM,CAAC,eAAC1C,MAAA,YAAA2C,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,eAAAC,cAAA,qBAAAhD,KAAA,CAAAiD,WAAA;IAAA,OAAkB;EAAM,GAAAE,KAAA,IAAG;AACjE;AAEO,IAAMG,UAAU,GAAG,IAAAC,gBAAe,EAACrC,cAAc,EAAE;EACxDoB,IAAI,EAAJA,IAAI;EACJY,KAAK,EAALA;AACF,CAAC,CAAwB;AAACM,OAAA,CAAAF,UAAA,GAAAA,UAAA"}
|
|
@@ -11,35 +11,37 @@ import React from 'react';
|
|
|
11
11
|
import createComponent, { sstyled, Root } from '@semcore/core';
|
|
12
12
|
import { Box } from '@semcore/flex-box';
|
|
13
13
|
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
14
|
-
|
|
15
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_rhmx1_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79);min-width:-moz-fit-content;min-width:fit-content}.___SButton_rhmx1_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_rhmx1_gg_:active,.___SButton_rhmx1_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_rhmx1_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_rhmx1_gg_.__keyboardFocused_rhmx1_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_rhmx1_gg_.__disabled_rhmx1_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_rhmx1_gg_._size_s_rhmx1_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_rhmx1_gg_._size_m_rhmx1_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_rhmx1_gg_._size_l_rhmx1_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_rhmx1_gg_._theme_primary-info_rhmx1_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_rhmx1_gg_._theme_primary-info_rhmx1_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_rhmx1_gg_._theme_primary-info_rhmx1_gg_.__active_rhmx1_gg_,.___SButton_rhmx1_gg_._theme_primary-info_rhmx1_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_rhmx1_gg_._theme_primary-success_rhmx1_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_rhmx1_gg_._theme_primary-success_rhmx1_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_rhmx1_gg_._theme_primary-success_rhmx1_gg_.__active_rhmx1_gg_,.___SButton_rhmx1_gg_._theme_primary-success_rhmx1_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_rhmx1_gg_._theme_primary-brand_rhmx1_gg_,.___SButton_rhmx1_gg_._theme_primary-warning_rhmx1_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_rhmx1_gg_._theme_primary-brand_rhmx1_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_rhmx1_gg_._theme_primary-brand_rhmx1_gg_.__active_rhmx1_gg_,.___SButton_rhmx1_gg_._theme_primary-brand_rhmx1_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_rhmx1_gg_._theme_primary-warning_rhmx1_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_rhmx1_gg_._theme_primary-warning_rhmx1_gg_.__active_rhmx1_gg_,.___SButton_rhmx1_gg_._theme_primary-warning_rhmx1_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_rhmx1_gg_._theme_primary-danger_rhmx1_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_rhmx1_gg_._theme_primary-danger_rhmx1_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_rhmx1_gg_._theme_primary-danger_rhmx1_gg_.__active_rhmx1_gg_,.___SButton_rhmx1_gg_._theme_primary-danger_rhmx1_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_rhmx1_gg_._theme_primary-invert_rhmx1_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_rhmx1_gg_._theme_primary-invert_rhmx1_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_rhmx1_gg_._theme_primary-invert_rhmx1_gg_.__active_rhmx1_gg_,.___SButton_rhmx1_gg_._theme_primary-invert_rhmx1_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_rhmx1_gg_._theme_secondary-muted_rhmx1_gg_{color:var(--intergalactic-text-secondary, #6c6e79);border-color:var(--intergalactic-border-primary, #c4c7cf);background-color:var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1))}@media (hover:hover){.___SButton_rhmx1_gg_._theme_secondary-muted_rhmx1_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_rhmx1_gg_._theme_secondary-muted_rhmx1_gg_.__active_rhmx1_gg_,.___SButton_rhmx1_gg_._theme_secondary-muted_rhmx1_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_rhmx1_gg_._theme_secondary-info_rhmx1_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_rhmx1_gg_._theme_secondary-info_rhmx1_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_rhmx1_gg_._theme_secondary-info_rhmx1_gg_.__active_rhmx1_gg_,.___SButton_rhmx1_gg_._theme_secondary-info_rhmx1_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_rhmx1_gg_._theme_secondary-invert_rhmx1_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05))}@media (hover:hover){.___SButton_rhmx1_gg_._theme_secondary-invert_rhmx1_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_rhmx1_gg_._theme_secondary-invert_rhmx1_gg_.__active_rhmx1_gg_,.___SButton_rhmx1_gg_._theme_secondary-invert_rhmx1_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3))}.___SButton_rhmx1_gg_._theme_tertiary-info_rhmx1_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_rhmx1_gg_._theme_tertiary-info_rhmx1_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_rhmx1_gg_._theme_tertiary-info_rhmx1_gg_.__active_rhmx1_gg_,.___SButton_rhmx1_gg_._theme_tertiary-info_rhmx1_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_rhmx1_gg_._theme_tertiary-muted_rhmx1_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_rhmx1_gg_._theme_tertiary-muted_rhmx1_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_rhmx1_gg_._theme_tertiary-muted_rhmx1_gg_.__active_rhmx1_gg_,.___SButton_rhmx1_gg_._theme_tertiary-muted_rhmx1_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_rhmx1_gg_._theme_tertiary-invert_rhmx1_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_rhmx1_gg_._theme_tertiary-invert_rhmx1_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_rhmx1_gg_._theme_tertiary-invert_rhmx1_gg_.__active_rhmx1_gg_,.___SButton_rhmx1_gg_._theme_tertiary-invert_rhmx1_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_rhmx1_gg_._neighborLocation_right_rhmx1_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_rhmx1_gg_._neighborLocation_both_rhmx1_gg_{border-radius:0;margin-left:-1px}.___SButton_rhmx1_gg_._neighborLocation_left_rhmx1_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_rhmx1_gg_._neighborLocation_both_rhmx1_gg_,.___SButton_rhmx1_gg_._neighborLocation_left_rhmx1_gg_{position:relative}.___SButton_rhmx1_gg_._neighborLocation_both_rhmx1_gg_:after,.___SButton_rhmx1_gg_._neighborLocation_left_rhmx1_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_rhmx1_gg_._neighborLocation_both_rhmx1_gg_._theme_secondary-muted_rhmx1_gg_:after,.___SButton_rhmx1_gg_._neighborLocation_left_rhmx1_gg_._theme_secondary-muted_rhmx1_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_rhmx1_gg_+.___SButton_rhmx1_gg_._neighborLocation_both_rhmx1_gg_:after,.___SButton_rhmx1_gg_+.___SButton_rhmx1_gg_._neighborLocation_left_rhmx1_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_rhmx1_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_rhmx1_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_rhmx1_gg_.__loading_rhmx1_gg_{visibility:hidden}.___SText_rhmx1_gg_{display:inline-flex}.___SText_rhmx1_gg_._size_l_rhmx1_gg_,.___SText_rhmx1_gg_._size_m_rhmx1_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_rhmx1_gg_._size_m_rhmx1_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_rhmx1_gg_._size_l_rhmx1_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_rhmx1_gg_._size_l_rhmx1_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_rhmx1_gg_._size_l_rhmx1_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_rhmx1_gg_._size_l_rhmx1_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_rhmx1_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_rhmx1_gg_._size_m_rhmx1_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_rhmx1_gg_._size_m_rhmx1_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_rhmx1_gg_._size_m_rhmx1_gg_:only-child{margin-left:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SAddon_rhmx1_gg_._size_l_rhmx1_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_rhmx1_gg_._size_l_rhmx1_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_rhmx1_gg_._size_l_rhmx1_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}" /*__inner_css_end__*/, "rhmx1_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
"
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
"
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"_theme_primary-
|
|
33
|
-
"
|
|
34
|
-
"_theme_primary-
|
|
35
|
-
"_theme_primary-
|
|
36
|
-
"_theme_primary-
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"_theme_secondary-
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"_theme_tertiary-
|
|
14
|
+
/*!__reshadow-styles__:"./button.shadow.css"*/
|
|
15
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_e9evx_gg_{position:relative;display:inline-block;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap;font-family:inherit;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-weight:var(--intergalactic-medium, 500);color:var(--intergalactic-text-secondary, #6c6e79);min-width:-moz-fit-content;min-width:fit-content}.___SButton_e9evx_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_e9evx_gg_:active,.___SButton_e9evx_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_e9evx_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_e9evx_gg_.__keyboardFocused_e9evx_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_e9evx_gg_.__disabled_e9evx_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_e9evx_gg_._size_s_e9evx_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_e9evx_gg_._size_m_e9evx_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_e9evx_gg_._size_l_e9evx_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_e9evx_gg_._theme_primary-info_e9evx_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_e9evx_gg_._theme_primary-info_e9evx_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_e9evx_gg_._theme_primary-info_e9evx_gg_.__active_e9evx_gg_,.___SButton_e9evx_gg_._theme_primary-info_e9evx_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_e9evx_gg_._theme_primary-success_e9evx_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_e9evx_gg_._theme_primary-success_e9evx_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_e9evx_gg_._theme_primary-success_e9evx_gg_.__active_e9evx_gg_,.___SButton_e9evx_gg_._theme_primary-success_e9evx_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_e9evx_gg_._theme_primary-brand_e9evx_gg_,.___SButton_e9evx_gg_._theme_primary-warning_e9evx_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_e9evx_gg_._theme_primary-brand_e9evx_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_e9evx_gg_._theme_primary-brand_e9evx_gg_.__active_e9evx_gg_,.___SButton_e9evx_gg_._theme_primary-brand_e9evx_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_e9evx_gg_._theme_primary-warning_e9evx_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_e9evx_gg_._theme_primary-warning_e9evx_gg_.__active_e9evx_gg_,.___SButton_e9evx_gg_._theme_primary-warning_e9evx_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_e9evx_gg_._theme_primary-danger_e9evx_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_e9evx_gg_._theme_primary-danger_e9evx_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_e9evx_gg_._theme_primary-danger_e9evx_gg_.__active_e9evx_gg_,.___SButton_e9evx_gg_._theme_primary-danger_e9evx_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_e9evx_gg_._theme_primary-invert_e9evx_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_e9evx_gg_._theme_primary-invert_e9evx_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_e9evx_gg_._theme_primary-invert_e9evx_gg_.__active_e9evx_gg_,.___SButton_e9evx_gg_._theme_primary-invert_e9evx_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_e9evx_gg_._theme_secondary-muted_e9evx_gg_{color:var(--intergalactic-text-secondary, #6c6e79);border-color:var(--intergalactic-border-primary, #c4c7cf);background-color:var(--intergalactic-control-secondary-neutral, rgba(138, 142, 155, 0.1))}@media (hover:hover){.___SButton_e9evx_gg_._theme_secondary-muted_e9evx_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_e9evx_gg_._theme_secondary-muted_e9evx_gg_.__active_e9evx_gg_,.___SButton_e9evx_gg_._theme_secondary-muted_e9evx_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_e9evx_gg_._theme_secondary-info_e9evx_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_e9evx_gg_._theme_secondary-info_e9evx_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_e9evx_gg_._theme_secondary-info_e9evx_gg_.__active_e9evx_gg_,.___SButton_e9evx_gg_._theme_secondary-info_e9evx_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_e9evx_gg_._theme_secondary-invert_e9evx_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);border-color:var(--intergalactic-border-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert, rgba(255, 255, 255, 0.05))}@media (hover:hover){.___SButton_e9evx_gg_._theme_secondary-invert_e9evx_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_e9evx_gg_._theme_secondary-invert_e9evx_gg_.__active_e9evx_gg_,.___SButton_e9evx_gg_._theme_secondary-invert_e9evx_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3))}.___SButton_e9evx_gg_._theme_tertiary-info_e9evx_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_e9evx_gg_._theme_tertiary-info_e9evx_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_e9evx_gg_._theme_tertiary-info_e9evx_gg_.__active_e9evx_gg_,.___SButton_e9evx_gg_._theme_tertiary-info_e9evx_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_e9evx_gg_._theme_tertiary-muted_e9evx_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_e9evx_gg_._theme_tertiary-muted_e9evx_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_e9evx_gg_._theme_tertiary-muted_e9evx_gg_.__active_e9evx_gg_,.___SButton_e9evx_gg_._theme_tertiary-muted_e9evx_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_e9evx_gg_._theme_tertiary-invert_e9evx_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_e9evx_gg_._theme_tertiary-invert_e9evx_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_e9evx_gg_._theme_tertiary-invert_e9evx_gg_.__active_e9evx_gg_,.___SButton_e9evx_gg_._theme_tertiary-invert_e9evx_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_e9evx_gg_._neighborLocation_right_e9evx_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_e9evx_gg_._neighborLocation_both_e9evx_gg_{border-radius:0;margin-left:-1px}.___SButton_e9evx_gg_._neighborLocation_left_e9evx_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_e9evx_gg_._neighborLocation_both_e9evx_gg_,.___SButton_e9evx_gg_._neighborLocation_left_e9evx_gg_{position:relative}.___SButton_e9evx_gg_._neighborLocation_both_e9evx_gg_:after,.___SButton_e9evx_gg_._neighborLocation_left_e9evx_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_e9evx_gg_._neighborLocation_both_e9evx_gg_._theme_secondary-muted_e9evx_gg_:after,.___SButton_e9evx_gg_._neighborLocation_left_e9evx_gg_._theme_secondary-muted_e9evx_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_e9evx_gg_+.___SButton_e9evx_gg_._neighborLocation_both_e9evx_gg_:after,.___SButton_e9evx_gg_+.___SButton_e9evx_gg_._neighborLocation_left_e9evx_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_e9evx_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_e9evx_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_e9evx_gg_.__loading_e9evx_gg_{visibility:hidden}.___SText_e9evx_gg_{display:inline-flex}.___SText_e9evx_gg_._size_l_e9evx_gg_,.___SText_e9evx_gg_._size_m_e9evx_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_e9evx_gg_._size_m_e9evx_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_e9evx_gg_._size_l_e9evx_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_e9evx_gg_._size_l_e9evx_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_e9evx_gg_._size_l_e9evx_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_e9evx_gg_._size_l_e9evx_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_e9evx_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_e9evx_gg_._size_m_e9evx_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_e9evx_gg_._size_m_e9evx_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_e9evx_gg_._size_m_e9evx_gg_:only-child{margin-left:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(1.5*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SAddon_e9evx_gg_._size_l_e9evx_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_e9evx_gg_._size_l_e9evx_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_e9evx_gg_._size_l_e9evx_gg_:only-child{margin-left:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(3*var(--intergalactic-spacing-1x, 4px) - 1px)}", /*__inner_css_end__*/"e9evx_gg_"),
|
|
16
|
+
/*__reshadow_css_end__*/
|
|
17
|
+
{
|
|
18
|
+
"__SButton": "___SButton_e9evx_gg_",
|
|
19
|
+
"_keyboardFocused": "__keyboardFocused_e9evx_gg_",
|
|
20
|
+
"_disabled": "__disabled_e9evx_gg_",
|
|
21
|
+
"_size_s": "_size_s_e9evx_gg_",
|
|
22
|
+
"_size_m": "_size_m_e9evx_gg_",
|
|
23
|
+
"_size_l": "_size_l_e9evx_gg_",
|
|
24
|
+
"_neighborLocation_right": "_neighborLocation_right_e9evx_gg_",
|
|
25
|
+
"_neighborLocation_both": "_neighborLocation_both_e9evx_gg_",
|
|
26
|
+
"_neighborLocation_left": "_neighborLocation_left_e9evx_gg_",
|
|
27
|
+
"__SSpin": "___SSpin_e9evx_gg_",
|
|
28
|
+
"__SInner": "___SInner_e9evx_gg_",
|
|
29
|
+
"_loading": "__loading_e9evx_gg_",
|
|
30
|
+
"__SText": "___SText_e9evx_gg_",
|
|
31
|
+
"__SAddon": "___SAddon_e9evx_gg_",
|
|
32
|
+
"_theme_primary-info": "_theme_primary-info_e9evx_gg_",
|
|
33
|
+
"_active": "__active_e9evx_gg_",
|
|
34
|
+
"_theme_primary-success": "_theme_primary-success_e9evx_gg_",
|
|
35
|
+
"_theme_primary-brand": "_theme_primary-brand_e9evx_gg_",
|
|
36
|
+
"_theme_primary-warning": "_theme_primary-warning_e9evx_gg_",
|
|
37
|
+
"_theme_primary-danger": "_theme_primary-danger_e9evx_gg_",
|
|
38
|
+
"_theme_primary-invert": "_theme_primary-invert_e9evx_gg_",
|
|
39
|
+
"_theme_secondary-muted": "_theme_secondary-muted_e9evx_gg_",
|
|
40
|
+
"_theme_secondary-info": "_theme_secondary-info_e9evx_gg_",
|
|
41
|
+
"_theme_secondary-invert": "_theme_secondary-invert_e9evx_gg_",
|
|
42
|
+
"_theme_tertiary-info": "_theme_tertiary-info_e9evx_gg_",
|
|
43
|
+
"_theme_tertiary-muted": "_theme_tertiary-muted_e9evx_gg_",
|
|
44
|
+
"_theme_tertiary-invert": "_theme_tertiary-invert_e9evx_gg_"
|
|
43
45
|
});
|
|
44
46
|
import { AbstractButton } from '../AbstractButton/AbstractButton';
|
|
45
47
|
var RootButton = /*#__PURE__*/function (_AbstractButton) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","names":["React","createComponent","sstyled","Root","Box","keyboardFocusEnhance","style","_sstyled","insert","AbstractButton","RootButton","_AbstractButton","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextColor","undefined","_defineProperty","use","size","Text","props","_ref","arguments[0]","_ref3","SText","styles","createElement","cn","_objectSpread","_assignProps","Addon","_ref2","_ref4","SAddon","_assignProps2","Button"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './button.shadow.css';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\nimport {\n ButtonAddonProps,\n ButtonChildren,\n ButtonComponent,\n ButtonProps,\n ButtonTextProps,\n} from './Button.type';\n\nclass RootButton extends AbstractButton {\n static displayName = 'Button';\n static enhance = [keyboardFocusEnhance()];\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n };\n\n protected getTextColor(): string | undefined {\n return undefined;\n }\n}\n\nfunction Text(props: ButtonTextProps) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonAddonProps) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst Button = createComponent(RootButton, {\n Text,\n Addon,\n}) as ButtonComponent;\n\nexport default Button;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAC9D,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,oBAAoB,MAAM,kDAAkD;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGpF,SAASC,cAAc,QAAQ,kCAAkC;AAAC,IAS5DC,UAAU,0BAAAC,eAAA;EAAAC,SAAA,CAAAF,UAAA,EAAAC,eAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,UAAA;EAAA,SAAAA,WAAA;IAAAK,eAAA,OAAAL,UAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,UAAA;IAAAS,GAAA;IAAAC,KAAA,EASd,SAAAC,aAAA,EAA6C;MAC3C,OAAOC,SAAS;IAClB;EAAC;EAAA,OAAAZ,UAAA;AAAA,EAXsBD,cAAc;AAAAc,eAAA,CAAjCb,UAAU,iBACO,QAAQ;AAAAa,eAAA,CADzBb,UAAU,aAEG,CAACL,oBAAoB,EAAE,CAAC;AAAAkB,eAAA,CAFrCb,UAAU,WAGCJ,KAAK;AAAAiB,eAAA,CAHhBb,UAAU,kBAIQ;EACpBc,GAAG,EAAE,WAAW;EAChBC,IAAI,EAAE;AACR,CAAC;AAOH,SAASC,IAAIA,CAACC,KAAsB,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACpC,IAAMC,KAAK,GACiC3B,GAAG;EAA/C,OAAA0B,KAAA,GAAO5B,OAAO,CAACyB,KAAK,CAACK,MAAM,CAAC,eAAChC,KAAA,CAAAiC,aAAA,CAACF,KAAK,EAAAD,KAAA,CAAAI,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAAkB;EAAM,GAAAR,IAAA,IAAG;AAChE;AAEA,SAASS,KAAKA,CAACV,KAAuB,EAAE;EAAA,IAAAW,KAAA,GAAAT,YAAA;IAAAU,KAAA;EACtC,IAAMC,MAAM,GACiCpC,GAAG;EAAhD,OAAAmC,KAAA,GAAOrC,OAAO,CAACyB,KAAK,CAACK,MAAM,CAAC,eAAChC,KAAA,CAAAiC,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,WAAAC,aAAA,KAAAM,aAAA;IAAA,OAAkB;EAAM,GAAAH,KAAA,IAAG;AACjE;AAEA,IAAMI,MAAM,GAAGzC,eAAe,CAACS,UAAU,EAAE;EACzCgB,IAAI,EAAJA,IAAI;EACJW,KAAK,EAALA;AACF,CAAC,CAAoB;AAErB,eAAeK,MAAM"}
|
|
1
|
+
{"version":3,"file":"Button.js","names":["React","createComponent","sstyled","Root","Box","keyboardFocusEnhance","style","_sstyled","insert","AbstractButton","RootButton","_AbstractButton","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextColor","undefined","_defineProperty","use","size","Text","props","_ref","arguments[0]","_ref3","SText","styles","createElement","cn","_objectSpread","_assignProps","Addon","_ref2","_ref4","SAddon","_assignProps2","Button"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './button.shadow.css';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\nimport {\n ButtonAddonProps,\n ButtonChildren,\n ButtonComponent,\n ButtonProps,\n ButtonTextProps,\n} from './Button.type';\n\nclass RootButton extends AbstractButton {\n static displayName = 'Button';\n static enhance = [keyboardFocusEnhance()];\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n };\n\n protected getTextColor(): string | undefined {\n return undefined;\n }\n}\n\nfunction Text(props: ButtonTextProps) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonAddonProps) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst Button = createComponent(RootButton, {\n Text,\n Addon,\n}) as ButtonComponent;\n\nexport default Button;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAC9D,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,oBAAoB,MAAM,kDAAkD;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGpF,SAASC,cAAc,QAAQ,kCAAkC;AAAC,IAS5DC,UAAU,0BAAAC,eAAA;EAAAC,SAAA,CAAAF,UAAA,EAAAC,eAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,UAAA;EAAA,SAAAA,WAAA;IAAAK,eAAA,OAAAL,UAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,UAAA;IAAAS,GAAA;IAAAC,KAAA,EASd,SAAAC,aAAA,EAA6C;MAC3C,OAAOC,SAAS;IAClB;EAAC;EAAA,OAAAZ,UAAA;AAAA,EAXsBD,cAAc;AAAAc,eAAA,CAAjCb,UAAU,iBACO,QAAQ;AAAAa,eAAA,CADzBb,UAAU,aAEG,CAACL,oBAAoB,EAAE,CAAC;AAAAkB,eAAA,CAFrCb,UAAU,WAGCJ,KAAK;AAAAiB,eAAA,CAHhBb,UAAU,kBAIQ;EACpBc,GAAG,EAAE,WAAW;EAChBC,IAAI,EAAE;AACR,CAAC;AAOH,SAASC,IAAIA,CAACC,KAAsB,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACpC,IAAMC,KAAK,GACiC3B,GAAG;EAA/C,OAAA0B,KAAA,GAAO5B,OAAO,CAACyB,KAAK,CAACK,MAAM,CAAC,eAAChC,KAAA,CAAAiC,aAAA,CAACF,KAAK,EAAAD,KAAA,CAAAI,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAAkB;EAAM,GAAAR,IAAA,IAAG;AAChE;AAEA,SAASS,KAAKA,CAACV,KAAuB,EAAE;EAAA,IAAAW,KAAA,GAAAT,YAAA;IAAAU,KAAA;EACtC,IAAMC,MAAM,GACiCpC,GAAG;EAAhD,OAAAmC,KAAA,GAAOrC,OAAO,CAACyB,KAAK,CAACK,MAAM,CAAC,eAAChC,KAAA,CAAAiC,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,WAAAC,aAAA,KAAAM,aAAA;IAAA,OAAkB;EAAM,GAAAH,KAAA,IAAG;AACjE;AAEA,IAAMI,MAAM,GAAGzC,eAAe,CAACS,UAAU,EAAE;EACzCgB,IAAI,EAAJA,IAAI;EACJW,KAAK,EAALA;AACF,CAAC,CAAoB;AAErB,eAAeK,MAAM"}
|
|
@@ -9,27 +9,29 @@ import { assignProps as _assignProps2 } from "@semcore/core";
|
|
|
9
9
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
10
10
|
import React from 'react';
|
|
11
11
|
import createComponent, { sstyled, Root } from '@semcore/core';
|
|
12
|
-
|
|
13
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
"
|
|
17
|
-
"
|
|
18
|
-
"
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
"
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"
|
|
12
|
+
/*!__reshadow-styles__:"./buttonLink.shadow.css"*/
|
|
13
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_w7yoq_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SButton_w7yoq_gg_:active,.___SButton_w7yoq_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_w7yoq_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_w7yoq_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_w7yoq_gg_.__active_w7yoq_gg_,.___SButton_w7yoq_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_w7yoq_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_w7yoq_gg_.__active_w7yoq_gg_ .___SText_w7yoq_gg_,.___SButton_w7yoq_gg_:active .___SText_w7yoq_gg_{border-color:currentColor}@media (hover:hover){.___SButton_w7yoq_gg_:hover .___SText_w7yoq_gg_{border-color:currentColor}}.___SButton_w7yoq_gg_.__enableVisited_w7yoq_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_w7yoq_gg_.__enableVisited_w7yoq_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_w7yoq_gg_ .___SText_w7yoq_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_w7yoq_gg_.__keyboardFocused_w7yoq_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SButton_w7yoq_gg_.__disabled_w7yoq_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_w7yoq_gg_._use_secondary_w7yoq_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_w7yoq_gg_._use_secondary_w7yoq_gg_.__active_w7yoq_gg_,.___SButton_w7yoq_gg_._use_secondary_w7yoq_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_w7yoq_gg_._use_secondary_w7yoq_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_w7yoq_gg_._use_secondary_w7yoq_gg_ .___SText_w7yoq_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_w7yoq_gg_,.___SInner_w7yoq_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_w7yoq_gg_{height:100%;width:100%}.___SAddon_w7yoq_gg_{vertical-align:middle;pointer-events:none}.___SButton_w7yoq_gg_ .___SAddon_w7yoq_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_w7yoq_gg_ .___SAddon_w7yoq_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_w7yoq_gg_.__text-color_w7yoq_gg_{color:var(--text-color_w7yoq)}.___SButton_w7yoq_gg_.__text-color_w7yoq_gg_.__active_w7yoq_gg_,.___SButton_w7yoq_gg_.__text-color_w7yoq_gg_:active{color:var(--text-color_w7yoq);filter:brightness(.8)}@media (hover:hover){.___SButton_w7yoq_gg_.__text-color_w7yoq_gg_:hover{color:var(--text-color_w7yoq);filter:brightness(.8)}}.___SButton_w7yoq_gg_._size_100_w7yoq_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_w7yoq_gg_._size_200_w7yoq_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_w7yoq_gg_._size_300_w7yoq_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_w7yoq_gg_._size_400_w7yoq_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_w7yoq_gg_._size_500_w7yoq_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_w7yoq_gg_._size_600_w7yoq_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_w7yoq_gg_._size_700_w7yoq_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_w7yoq_gg_._size_800_w7yoq_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_w7yoq_gg_,.___SText_w7yoq_gg_{transition:none}}", /*__inner_css_end__*/"w7yoq_gg_"),
|
|
14
|
+
/*__reshadow_css_end__*/
|
|
15
|
+
{
|
|
16
|
+
"__SButton": "___SButton_w7yoq_gg_",
|
|
17
|
+
"_keyboardFocused": "__keyboardFocused_w7yoq_gg_",
|
|
18
|
+
"_disabled": "__disabled_w7yoq_gg_",
|
|
19
|
+
"__SInner": "___SInner_w7yoq_gg_",
|
|
20
|
+
"__SAddon": "___SAddon_w7yoq_gg_",
|
|
21
|
+
"_size_100": "_size_100_w7yoq_gg_",
|
|
22
|
+
"_size_200": "_size_200_w7yoq_gg_",
|
|
23
|
+
"_size_300": "_size_300_w7yoq_gg_",
|
|
24
|
+
"_size_400": "_size_400_w7yoq_gg_",
|
|
25
|
+
"_size_500": "_size_500_w7yoq_gg_",
|
|
26
|
+
"_size_600": "_size_600_w7yoq_gg_",
|
|
27
|
+
"_size_700": "_size_700_w7yoq_gg_",
|
|
28
|
+
"_size_800": "_size_800_w7yoq_gg_",
|
|
29
|
+
"__SText": "___SText_w7yoq_gg_",
|
|
30
|
+
"_active": "__active_w7yoq_gg_",
|
|
31
|
+
"_enableVisited": "__enableVisited_w7yoq_gg_",
|
|
32
|
+
"_use_secondary": "_use_secondary_w7yoq_gg_",
|
|
33
|
+
"_text-color": "__text-color_w7yoq_gg_",
|
|
34
|
+
"--text-color": "--text-color_w7yoq"
|
|
33
35
|
});
|
|
34
36
|
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
35
37
|
import { Box } from '@semcore/flex-box';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonLink.js","names":["React","createComponent","sstyled","Root","style","_sstyled","insert","keyboardFocusEnhance","Box","AbstractButton","resolveColorEnhance","enhance","keyboardFocused","resolveColor","RootButtonLink","_AbstractButton","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextColor","_ref5","asProps","color","_defineProperty","Object","values","use","Text","props","_ref","arguments[0]","_ref3","SText","styles","createElement","cn","_objectSpread","_assignProps","Addon","_ref2","_ref4","SAddon","_assignProps2","ButtonLink"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '@semcore/core';\nimport style from './buttonLink.shadow.css';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { Box } from '@semcore/flex-box';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { ButtonLinkAddonProps, ButtonLinkComponent, ButtonLinkTextProps } from './ButtonLink.type';\n\nconst enhance = {\n keyboardFocused: keyboardFocusEnhance(),\n resolveColor: resolveColorEnhance(),\n};\n\nclass RootButtonLink extends AbstractButton {\n static displayName = 'ButtonLink';\n static enhance = Object.values(enhance);\n static style = style;\n static defaultProps = {\n use: 'primary',\n };\n\n protected getTextColor(): string | undefined {\n const { color, resolveColor } = this.asProps as any;\n return resolveColor(color);\n }\n}\n\nfunction Text(props: ButtonLinkTextProps) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonLinkAddonProps) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nexport const ButtonLink = createComponent(RootButtonLink, {\n Text,\n Addon,\n}) as ButtonLinkComponent;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAE/D,OAAOC,oBAAoB,MAAM,kDAAkD;AACnF,SAASC,GAAG,QAAQ,mBAAmB;AACvC,SAASC,cAAc,QAAQ,kCAAkC;AACjE,OAAOC,mBAAmB,MAAM,iDAAiD;AAGjF,IAAMC,OAAO,GAAG;EACdC,eAAe,EAAEL,oBAAoB,EAAE;EACvCM,YAAY,EAAEH,mBAAmB;AACnC,CAAC;AAAC,IAEII,cAAc,0BAAAC,eAAA;EAAAC,SAAA,CAAAF,cAAA,EAAAC,eAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,cAAA;EAAA,SAAAA,eAAA;IAAAK,eAAA,OAAAL,cAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,cAAA;IAAAS,GAAA;IAAAC,KAAA,EAQlB,SAAAC,aAAA,EAA6C;MAC3C,IAAAC,KAAA,GAAgC,IAAI,CAACC,OAAO;QAApCC,KAAK,GAAAF,KAAA,CAALE,KAAK;QAAEf,YAAY,GAAAa,KAAA,CAAZb,YAAY;MAC3B,OAAOA,YAAY,CAACe,KAAK,CAAC;IAC5B;EAAC;EAAA,OAAAd,cAAA;AAAA,EAX0BL,cAAc;AAAAoB,eAAA,CAArCf,cAAc,iBACG,YAAY;AAAAe,eAAA,CAD7Bf,cAAc,aAEDgB,MAAM,CAACC,MAAM,CAACpB,OAAO,CAAC;AAAAkB,eAAA,CAFnCf,cAAc,WAGHV,KAAK;AAAAyB,eAAA,CAHhBf,cAAc,kBAII;EACpBkB,GAAG,EAAE;AACP,CAAC;AAQH,SAASC,IAAIA,CAACC,KAA0B,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxC,IAAMC,KAAK,GACiC9B,GAAG;EAA/C,OAAA6B,KAAA,GAAOnC,OAAO,CAACgC,KAAK,CAACK,MAAM,CAAC,eAACvC,KAAA,CAAAwC,aAAA,CAACF,KAAK,EAAAD,KAAA,CAAAI,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAAkB;EAAM,GAAAR,IAAA,IAAG;AAChE;AAEA,SAASS,KAAKA,CAACV,KAA2B,EAAE;EAAA,IAAAW,KAAA,GAAAT,YAAA;IAAAU,KAAA;EAC1C,IAAMC,MAAM,GACiCvC,GAAG;EAAhD,OAAAsC,KAAA,GAAO5C,OAAO,CAACgC,KAAK,CAACK,MAAM,CAAC,eAACvC,KAAA,CAAAwC,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,WAAAC,aAAA,KAAAM,aAAA;IAAA,OAAkB;EAAM,GAAAH,KAAA,IAAG;AACjE;AAEA,OAAO,IAAMI,UAAU,GAAGhD,eAAe,CAACa,cAAc,EAAE;EACxDmB,IAAI,EAAJA,IAAI;EACJW,KAAK,EAALA;AACF,CAAC,CAAwB"}
|
|
1
|
+
{"version":3,"file":"ButtonLink.js","names":["React","createComponent","sstyled","Root","style","_sstyled","insert","keyboardFocusEnhance","Box","AbstractButton","resolveColorEnhance","enhance","keyboardFocused","resolveColor","RootButtonLink","_AbstractButton","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextColor","_ref5","asProps","color","_defineProperty","Object","values","use","Text","props","_ref","arguments[0]","_ref3","SText","styles","createElement","cn","_objectSpread","_assignProps","Addon","_ref2","_ref4","SAddon","_assignProps2","ButtonLink"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '@semcore/core';\nimport style from './buttonLink.shadow.css';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { Box } from '@semcore/flex-box';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { ButtonLinkAddonProps, ButtonLinkComponent, ButtonLinkTextProps } from './ButtonLink.type';\n\nconst enhance = {\n keyboardFocused: keyboardFocusEnhance(),\n resolveColor: resolveColorEnhance(),\n};\n\nclass RootButtonLink extends AbstractButton {\n static displayName = 'ButtonLink';\n static enhance = Object.values(enhance);\n static style = style;\n static defaultProps = {\n use: 'primary',\n };\n\n protected getTextColor(): string | undefined {\n const { color, resolveColor } = this.asProps as any;\n return resolveColor(color);\n }\n}\n\nfunction Text(props: ButtonLinkTextProps) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonLinkAddonProps) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nexport const ButtonLink = createComponent(RootButtonLink, {\n Text,\n Addon,\n}) as ButtonLinkComponent;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAE/D,OAAOC,oBAAoB,MAAM,kDAAkD;AACnF,SAASC,GAAG,QAAQ,mBAAmB;AACvC,SAASC,cAAc,QAAQ,kCAAkC;AACjE,OAAOC,mBAAmB,MAAM,iDAAiD;AAGjF,IAAMC,OAAO,GAAG;EACdC,eAAe,EAAEL,oBAAoB,EAAE;EACvCM,YAAY,EAAEH,mBAAmB;AACnC,CAAC;AAAC,IAEII,cAAc,0BAAAC,eAAA;EAAAC,SAAA,CAAAF,cAAA,EAAAC,eAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,cAAA;EAAA,SAAAA,eAAA;IAAAK,eAAA,OAAAL,cAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,cAAA;IAAAS,GAAA;IAAAC,KAAA,EAQlB,SAAAC,aAAA,EAA6C;MAC3C,IAAAC,KAAA,GAAgC,IAAI,CAACC,OAAO;QAApCC,KAAK,GAAAF,KAAA,CAALE,KAAK;QAAEf,YAAY,GAAAa,KAAA,CAAZb,YAAY;MAC3B,OAAOA,YAAY,CAACe,KAAK,CAAC;IAC5B;EAAC;EAAA,OAAAd,cAAA;AAAA,EAX0BL,cAAc;AAAAoB,eAAA,CAArCf,cAAc,iBACG,YAAY;AAAAe,eAAA,CAD7Bf,cAAc,aAEDgB,MAAM,CAACC,MAAM,CAACpB,OAAO,CAAC;AAAAkB,eAAA,CAFnCf,cAAc,WAGHV,KAAK;AAAAyB,eAAA,CAHhBf,cAAc,kBAII;EACpBkB,GAAG,EAAE;AACP,CAAC;AAQH,SAASC,IAAIA,CAACC,KAA0B,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxC,IAAMC,KAAK,GACiC9B,GAAG;EAA/C,OAAA6B,KAAA,GAAOnC,OAAO,CAACgC,KAAK,CAACK,MAAM,CAAC,eAACvC,KAAA,CAAAwC,aAAA,CAACF,KAAK,EAAAD,KAAA,CAAAI,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAAkB;EAAM,GAAAR,IAAA,IAAG;AAChE;AAEA,SAASS,KAAKA,CAACV,KAA2B,EAAE;EAAA,IAAAW,KAAA,GAAAT,YAAA;IAAAU,KAAA;EAC1C,IAAMC,MAAM,GACiCvC,GAAG;EAAhD,OAAAsC,KAAA,GAAO5C,OAAO,CAACgC,KAAK,CAACK,MAAM,CAAC,eAACvC,KAAA,CAAAwC,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,WAAAC,aAAA,KAAAM,aAAA;IAAA,OAAkB;EAAM,GAAAH,KAAA,IAAG;AACjE;AAEA,OAAO,IAAMI,UAAU,GAAGhD,eAAe,CAACa,cAAc,EAAE;EACxDmB,IAAI,EAAJA,IAAI;EACJW,KAAK,EAALA;AACF,CAAC,CAAwB"}
|