@semcore/button 5.34.1 → 5.35.0
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/Button.js +26 -26
- package/lib/cjs/SpinButton.js +2 -14
- package/lib/cjs/SpinButton.js.map +1 -1
- package/lib/es6/Button.js +26 -26
- package/lib/es6/SpinButton.js +1 -12
- package/lib/es6/SpinButton.js.map +1 -1
- package/package.json +6 -6
- package/src/SpinButton.jsx +1 -13
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.35.0] - 2024-07-31
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Changed `loading` set spinner color setting. Instead of palette, hardcoded to `theme` and `use` props, color of text in button is used. Default color of this state visually preserved.
|
|
10
|
+
|
|
5
11
|
## [5.34.1] - 2024-07-26
|
|
6
12
|
|
|
7
13
|
### Fixed
|
package/lib/cjs/Button.js
CHANGED
|
@@ -25,32 +25,32 @@ var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
|
|
|
25
25
|
var _SpinButton = _interopRequireDefault(require("./SpinButton"));
|
|
26
26
|
var _hasLabels = _interopRequireDefault(require("@semcore/utils/lib/hasLabels"));
|
|
27
27
|
/*__reshadow-styles__:"./style/button.shadow.css"*/
|
|
28
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButton_qy2li_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_qy2li_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_qy2li_gg_:active,.___SButton_qy2li_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_qy2li_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_qy2li_gg_.__keyboardFocused_qy2li_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_qy2li_gg_.__disabled_qy2li_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_qy2li_gg_._size_m_qy2li_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_qy2li_gg_._size_l_qy2li_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_qy2li_gg_._theme_primary-info_qy2li_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_qy2li_gg_._theme_primary-info_qy2li_gg_:hover{background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_qy2li_gg_._theme_primary-info_qy2li_gg_.__active_qy2li_gg_,.___SButton_qy2li_gg_._theme_primary-info_qy2li_gg_:active{background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_qy2li_gg_._theme_primary-success_qy2li_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_qy2li_gg_._theme_primary-success_qy2li_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_qy2li_gg_._theme_primary-success_qy2li_gg_.__active_qy2li_gg_,.___SButton_qy2li_gg_._theme_primary-success_qy2li_gg_:active{background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_qy2li_gg_._theme_primary-warning_qy2li_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_qy2li_gg_._theme_primary-warning_qy2li_gg_:hover{background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_qy2li_gg_._theme_primary-warning_qy2li_gg_.__active_qy2li_gg_,.___SButton_qy2li_gg_._theme_primary-warning_qy2li_gg_:active{background-color:var(--intergalactic-control-primary-brand-active, #c33909)}.___SButton_qy2li_gg_._theme_primary-danger_qy2li_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_qy2li_gg_._theme_primary-danger_qy2li_gg_:hover{background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_qy2li_gg_._theme_primary-danger_qy2li_gg_.__active_qy2li_gg_,.___SButton_qy2li_gg_._theme_primary-danger_qy2li_gg_:active{background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_qy2li_gg_._theme_primary-invert_qy2li_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_qy2li_gg_._theme_primary-invert_qy2li_gg_:hover{background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_qy2li_gg_._theme_primary-invert_qy2li_gg_.__active_qy2li_gg_,.___SButton_qy2li_gg_._theme_primary-invert_qy2li_gg_:active{background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_qy2li_gg_._theme_secondary-muted_qy2li_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_qy2li_gg_._theme_secondary-muted_qy2li_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_qy2li_gg_._theme_secondary-muted_qy2li_gg_.__active_qy2li_gg_,.___SButton_qy2li_gg_._theme_secondary-muted_qy2li_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_qy2li_gg_._theme_secondary-info_qy2li_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_qy2li_gg_._theme_secondary-info_qy2li_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_qy2li_gg_._theme_secondary-info_qy2li_gg_.__active_qy2li_gg_,.___SButton_qy2li_gg_._theme_secondary-info_qy2li_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_qy2li_gg_._theme_secondary-invert_qy2li_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_qy2li_gg_._theme_secondary-invert_qy2li_gg_:hover{background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_qy2li_gg_._theme_secondary-invert_qy2li_gg_.__active_qy2li_gg_,.___SButton_qy2li_gg_._theme_secondary-invert_qy2li_gg_:active{background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3))}.___SButton_qy2li_gg_._theme_tertiary-info_qy2li_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_qy2li_gg_._theme_tertiary-info_qy2li_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_qy2li_gg_._theme_tertiary-info_qy2li_gg_.__active_qy2li_gg_,.___SButton_qy2li_gg_._theme_tertiary-info_qy2li_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_qy2li_gg_._theme_tertiary-muted_qy2li_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_qy2li_gg_._theme_tertiary-muted_qy2li_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_qy2li_gg_._theme_tertiary-muted_qy2li_gg_.__active_qy2li_gg_,.___SButton_qy2li_gg_._theme_tertiary-muted_qy2li_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_qy2li_gg_._theme_tertiary-invert_qy2li_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_qy2li_gg_._theme_tertiary-invert_qy2li_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_qy2li_gg_._theme_tertiary-invert_qy2li_gg_.__active_qy2li_gg_,.___SButton_qy2li_gg_._theme_tertiary-invert_qy2li_gg_:active{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_qy2li_gg_._neighborLocation_right_qy2li_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_qy2li_gg_._neighborLocation_both_qy2li_gg_{border-radius:0;margin-left:-1px}.___SButton_qy2li_gg_._neighborLocation_left_qy2li_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_qy2li_gg_._neighborLocation_both_qy2li_gg_,.___SButton_qy2li_gg_._neighborLocation_left_qy2li_gg_{position:relative}.___SButton_qy2li_gg_._neighborLocation_both_qy2li_gg_:after,.___SButton_qy2li_gg_._neighborLocation_left_qy2li_gg_:after{background-color:var(--intergalactic-text-primary-invert, #ffffff)}.___SButton_qy2li_gg_._neighborLocation_both_qy2li_gg_._theme_secondary-muted_qy2li_gg_:after,.___SButton_qy2li_gg_._neighborLocation_left_qy2li_gg_._theme_secondary-muted_qy2li_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_qy2li_gg_+.___SButton_qy2li_gg_._neighborLocation_both_qy2li_gg_:after,.___SButton_qy2li_gg_+.___SButton_qy2li_gg_._neighborLocation_left_qy2li_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_qy2li_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_qy2li_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_qy2li_gg_.__loading_qy2li_gg_{visibility:hidden}.___SText_qy2li_gg_{display:inline-flex}.___SText_qy2li_gg_._size_l_qy2li_gg_,.___SText_qy2li_gg_._size_m_qy2li_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_qy2li_gg_._size_m_qy2li_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_qy2li_gg_._size_l_qy2li_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_qy2li_gg_._size_l_qy2li_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_qy2li_gg_._size_l_qy2li_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_qy2li_gg_._size_l_qy2li_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_qy2li_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_qy2li_gg_._size_m_qy2li_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_qy2li_gg_._size_m_qy2li_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_qy2li_gg_._size_m_qy2li_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_qy2li_gg_._size_l_qy2li_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_qy2li_gg_._size_l_qy2li_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_qy2li_gg_._size_l_qy2li_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__*/, "qy2li_gg_") /*__reshadow_css_end__*/, {
|
|
29
|
-
"__SButton": "
|
|
30
|
-
"_keyboardFocused": "
|
|
31
|
-
"_disabled": "
|
|
32
|
-
"_size_m": "
|
|
33
|
-
"_size_l": "
|
|
34
|
-
"_neighborLocation_right": "
|
|
35
|
-
"_neighborLocation_both": "
|
|
36
|
-
"_neighborLocation_left": "
|
|
37
|
-
"__SSpin": "
|
|
38
|
-
"__SInner": "
|
|
39
|
-
"_loading": "
|
|
40
|
-
"__SText": "
|
|
41
|
-
"__SAddon": "
|
|
42
|
-
"_theme_primary-info": "_theme_primary-
|
|
43
|
-
"_active": "
|
|
44
|
-
"_theme_primary-success": "_theme_primary-
|
|
45
|
-
"_theme_primary-warning": "_theme_primary-
|
|
46
|
-
"_theme_primary-danger": "_theme_primary-
|
|
47
|
-
"_theme_primary-invert": "_theme_primary-
|
|
48
|
-
"_theme_secondary-muted": "_theme_secondary-
|
|
49
|
-
"_theme_secondary-info": "_theme_secondary-
|
|
50
|
-
"_theme_secondary-invert": "_theme_secondary-
|
|
51
|
-
"_theme_tertiary-info": "_theme_tertiary-
|
|
52
|
-
"_theme_tertiary-muted": "_theme_tertiary-
|
|
53
|
-
"_theme_tertiary-invert": "_theme_tertiary-
|
|
28
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButton_ussuv_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_ussuv_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_ussuv_gg_:active,.___SButton_ussuv_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_ussuv_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_ussuv_gg_.__keyboardFocused_ussuv_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_ussuv_gg_.__disabled_ussuv_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_ussuv_gg_._size_m_ussuv_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_ussuv_gg_._size_l_ussuv_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_ussuv_gg_._theme_primary-info_ussuv_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_ussuv_gg_._theme_primary-info_ussuv_gg_:hover{background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_ussuv_gg_._theme_primary-info_ussuv_gg_.__active_ussuv_gg_,.___SButton_ussuv_gg_._theme_primary-info_ussuv_gg_:active{background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_ussuv_gg_._theme_primary-success_ussuv_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_ussuv_gg_._theme_primary-success_ussuv_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_ussuv_gg_._theme_primary-success_ussuv_gg_.__active_ussuv_gg_,.___SButton_ussuv_gg_._theme_primary-success_ussuv_gg_:active{background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_ussuv_gg_._theme_primary-warning_ussuv_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_ussuv_gg_._theme_primary-warning_ussuv_gg_:hover{background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_ussuv_gg_._theme_primary-warning_ussuv_gg_.__active_ussuv_gg_,.___SButton_ussuv_gg_._theme_primary-warning_ussuv_gg_:active{background-color:var(--intergalactic-control-primary-brand-active, #c33909)}.___SButton_ussuv_gg_._theme_primary-danger_ussuv_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_ussuv_gg_._theme_primary-danger_ussuv_gg_:hover{background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_ussuv_gg_._theme_primary-danger_ussuv_gg_.__active_ussuv_gg_,.___SButton_ussuv_gg_._theme_primary-danger_ussuv_gg_:active{background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_ussuv_gg_._theme_primary-invert_ussuv_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_ussuv_gg_._theme_primary-invert_ussuv_gg_:hover{background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_ussuv_gg_._theme_primary-invert_ussuv_gg_.__active_ussuv_gg_,.___SButton_ussuv_gg_._theme_primary-invert_ussuv_gg_:active{background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_ussuv_gg_._theme_secondary-muted_ussuv_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_ussuv_gg_._theme_secondary-muted_ussuv_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_ussuv_gg_._theme_secondary-muted_ussuv_gg_.__active_ussuv_gg_,.___SButton_ussuv_gg_._theme_secondary-muted_ussuv_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_ussuv_gg_._theme_secondary-info_ussuv_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_ussuv_gg_._theme_secondary-info_ussuv_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_ussuv_gg_._theme_secondary-info_ussuv_gg_.__active_ussuv_gg_,.___SButton_ussuv_gg_._theme_secondary-info_ussuv_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_ussuv_gg_._theme_secondary-invert_ussuv_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_ussuv_gg_._theme_secondary-invert_ussuv_gg_:hover{background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_ussuv_gg_._theme_secondary-invert_ussuv_gg_.__active_ussuv_gg_,.___SButton_ussuv_gg_._theme_secondary-invert_ussuv_gg_:active{background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3))}.___SButton_ussuv_gg_._theme_tertiary-info_ussuv_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_ussuv_gg_._theme_tertiary-info_ussuv_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_ussuv_gg_._theme_tertiary-info_ussuv_gg_.__active_ussuv_gg_,.___SButton_ussuv_gg_._theme_tertiary-info_ussuv_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_ussuv_gg_._theme_tertiary-muted_ussuv_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_ussuv_gg_._theme_tertiary-muted_ussuv_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_ussuv_gg_._theme_tertiary-muted_ussuv_gg_.__active_ussuv_gg_,.___SButton_ussuv_gg_._theme_tertiary-muted_ussuv_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_ussuv_gg_._theme_tertiary-invert_ussuv_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_ussuv_gg_._theme_tertiary-invert_ussuv_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_ussuv_gg_._theme_tertiary-invert_ussuv_gg_.__active_ussuv_gg_,.___SButton_ussuv_gg_._theme_tertiary-invert_ussuv_gg_:active{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_ussuv_gg_._neighborLocation_right_ussuv_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_ussuv_gg_._neighborLocation_both_ussuv_gg_{border-radius:0;margin-left:-1px}.___SButton_ussuv_gg_._neighborLocation_left_ussuv_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_ussuv_gg_._neighborLocation_both_ussuv_gg_,.___SButton_ussuv_gg_._neighborLocation_left_ussuv_gg_{position:relative}.___SButton_ussuv_gg_._neighborLocation_both_ussuv_gg_:after,.___SButton_ussuv_gg_._neighborLocation_left_ussuv_gg_:after{background-color:var(--intergalactic-text-primary-invert, #ffffff)}.___SButton_ussuv_gg_._neighborLocation_both_ussuv_gg_._theme_secondary-muted_ussuv_gg_:after,.___SButton_ussuv_gg_._neighborLocation_left_ussuv_gg_._theme_secondary-muted_ussuv_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_ussuv_gg_+.___SButton_ussuv_gg_._neighborLocation_both_ussuv_gg_:after,.___SButton_ussuv_gg_+.___SButton_ussuv_gg_._neighborLocation_left_ussuv_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_ussuv_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_ussuv_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_ussuv_gg_.__loading_ussuv_gg_{visibility:hidden}.___SText_ussuv_gg_{display:inline-flex}.___SText_ussuv_gg_._size_l_ussuv_gg_,.___SText_ussuv_gg_._size_m_ussuv_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_ussuv_gg_._size_m_ussuv_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_ussuv_gg_._size_l_ussuv_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_ussuv_gg_._size_l_ussuv_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_ussuv_gg_._size_l_ussuv_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_ussuv_gg_._size_l_ussuv_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_ussuv_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_ussuv_gg_._size_m_ussuv_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_ussuv_gg_._size_m_ussuv_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_ussuv_gg_._size_m_ussuv_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_ussuv_gg_._size_l_ussuv_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_ussuv_gg_._size_l_ussuv_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_ussuv_gg_._size_l_ussuv_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__*/, "ussuv_gg_") /*__reshadow_css_end__*/, {
|
|
29
|
+
"__SButton": "___SButton_ussuv_gg_",
|
|
30
|
+
"_keyboardFocused": "__keyboardFocused_ussuv_gg_",
|
|
31
|
+
"_disabled": "__disabled_ussuv_gg_",
|
|
32
|
+
"_size_m": "_size_m_ussuv_gg_",
|
|
33
|
+
"_size_l": "_size_l_ussuv_gg_",
|
|
34
|
+
"_neighborLocation_right": "_neighborLocation_right_ussuv_gg_",
|
|
35
|
+
"_neighborLocation_both": "_neighborLocation_both_ussuv_gg_",
|
|
36
|
+
"_neighborLocation_left": "_neighborLocation_left_ussuv_gg_",
|
|
37
|
+
"__SSpin": "___SSpin_ussuv_gg_",
|
|
38
|
+
"__SInner": "___SInner_ussuv_gg_",
|
|
39
|
+
"_loading": "__loading_ussuv_gg_",
|
|
40
|
+
"__SText": "___SText_ussuv_gg_",
|
|
41
|
+
"__SAddon": "___SAddon_ussuv_gg_",
|
|
42
|
+
"_theme_primary-info": "_theme_primary-info_ussuv_gg_",
|
|
43
|
+
"_active": "__active_ussuv_gg_",
|
|
44
|
+
"_theme_primary-success": "_theme_primary-success_ussuv_gg_",
|
|
45
|
+
"_theme_primary-warning": "_theme_primary-warning_ussuv_gg_",
|
|
46
|
+
"_theme_primary-danger": "_theme_primary-danger_ussuv_gg_",
|
|
47
|
+
"_theme_primary-invert": "_theme_primary-invert_ussuv_gg_",
|
|
48
|
+
"_theme_secondary-muted": "_theme_secondary-muted_ussuv_gg_",
|
|
49
|
+
"_theme_secondary-info": "_theme_secondary-info_ussuv_gg_",
|
|
50
|
+
"_theme_secondary-invert": "_theme_secondary-invert_ussuv_gg_",
|
|
51
|
+
"_theme_tertiary-info": "_theme_tertiary-info_ussuv_gg_",
|
|
52
|
+
"_theme_tertiary-muted": "_theme_tertiary-muted_ussuv_gg_",
|
|
53
|
+
"_theme_tertiary-invert": "_theme_tertiary-invert_ussuv_gg_"
|
|
54
54
|
});
|
|
55
55
|
var MAP_USE_DEFAULT_THEME = {
|
|
56
56
|
primary: 'info',
|
package/lib/cjs/SpinButton.js
CHANGED
|
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.
|
|
7
|
+
exports.SPIN_SIZE_MAP = void 0;
|
|
8
8
|
exports["default"] = SpinButton;
|
|
9
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
@@ -18,25 +18,13 @@ var SPIN_SIZE_MAP = {
|
|
|
18
18
|
s: 'xxs'
|
|
19
19
|
};
|
|
20
20
|
exports.SPIN_SIZE_MAP = SPIN_SIZE_MAP;
|
|
21
|
-
var SPIN_THEME_MAP = {
|
|
22
|
-
'primary-info': 'invert',
|
|
23
|
-
'primary-success': 'invert',
|
|
24
|
-
'primary-warning': 'invert',
|
|
25
|
-
'primary-danger': 'invert',
|
|
26
|
-
'secondary-invert': 'invert',
|
|
27
|
-
'secondary-muted': 'gray-600',
|
|
28
|
-
'secondary-info': 'blue-400',
|
|
29
|
-
'tertiary-invert': 'invert',
|
|
30
|
-
'tertiary-info': 'blue-400'
|
|
31
|
-
};
|
|
32
|
-
exports.SPIN_THEME_MAP = SPIN_THEME_MAP;
|
|
33
21
|
function SpinButton(_ref) {
|
|
34
22
|
var theme = _ref.theme,
|
|
35
23
|
size = _ref.size,
|
|
36
24
|
others = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
37
25
|
return /*#__PURE__*/_react["default"].createElement(_spin["default"], (0, _extends2["default"])({
|
|
38
26
|
size: typeof size === 'string' ? SPIN_SIZE_MAP[size] : size,
|
|
39
|
-
theme:
|
|
27
|
+
theme: "currentColor"
|
|
40
28
|
}, others));
|
|
41
29
|
}
|
|
42
30
|
//# sourceMappingURL=SpinButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SpinButton.js","names":["_react","_interopRequireDefault","require","_spin","_excluded","SPIN_SIZE_MAP","xl","l","m","s","exports","
|
|
1
|
+
{"version":3,"file":"SpinButton.js","names":["_react","_interopRequireDefault","require","_spin","_excluded","SPIN_SIZE_MAP","xl","l","m","s","exports","SpinButton","_ref","theme","size","others","_objectWithoutProperties2","createElement","_extends2"],"sources":["../../src/SpinButton.jsx"],"sourcesContent":["import React from 'react';\nimport Spin from '@semcore/spin';\n\nexport const SPIN_SIZE_MAP = {\n xl: 'm',\n l: 's',\n m: 'xs',\n s: 'xxs',\n};\n\nexport default function SpinButton({ theme, size, ...others }) {\n return (\n <Spin\n size={typeof size === 'string' ? SPIN_SIZE_MAP[size] : size}\n theme='currentColor'\n {...others}\n />\n );\n}\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAiC,IAAAE,SAAA;AAE1B,IAAMC,aAAa,GAAG;EAC3BC,EAAE,EAAE,GAAG;EACPC,CAAC,EAAE,GAAG;EACNC,CAAC,EAAE,IAAI;EACPC,CAAC,EAAE;AACL,CAAC;AAACC,OAAA,CAAAL,aAAA,GAAAA,aAAA;AAEa,SAASM,UAAUA,CAAAC,IAAA,EAA6B;EAAA,IAA1BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAKC,MAAM,OAAAC,yBAAA,aAAAJ,IAAA,EAAAR,SAAA;EACzD,oBACEJ,MAAA,YAAAiB,aAAA,CAACd,KAAA,WAAI,MAAAe,SAAA;IACHJ,IAAI,EAAE,OAAOA,IAAI,KAAK,QAAQ,GAAGT,aAAa,CAACS,IAAI,CAAC,GAAGA,IAAK;IAC5DD,KAAK,EAAC;EAAc,GAChBE,MAAM,EACV;AAEN"}
|
package/lib/es6/Button.js
CHANGED
|
@@ -19,32 +19,32 @@ import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
|
|
|
19
19
|
import logger from '@semcore/utils/lib/logger';
|
|
20
20
|
import SpinButton from './SpinButton';
|
|
21
21
|
/*__reshadow-styles__:"./style/button.shadow.css"*/
|
|
22
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_qy2li_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_qy2li_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_qy2li_gg_:active,.___SButton_qy2li_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_qy2li_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_qy2li_gg_.__keyboardFocused_qy2li_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_qy2li_gg_.__disabled_qy2li_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_qy2li_gg_._size_m_qy2li_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_qy2li_gg_._size_l_qy2li_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_qy2li_gg_._theme_primary-info_qy2li_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_qy2li_gg_._theme_primary-info_qy2li_gg_:hover{background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_qy2li_gg_._theme_primary-info_qy2li_gg_.__active_qy2li_gg_,.___SButton_qy2li_gg_._theme_primary-info_qy2li_gg_:active{background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_qy2li_gg_._theme_primary-success_qy2li_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_qy2li_gg_._theme_primary-success_qy2li_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_qy2li_gg_._theme_primary-success_qy2li_gg_.__active_qy2li_gg_,.___SButton_qy2li_gg_._theme_primary-success_qy2li_gg_:active{background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_qy2li_gg_._theme_primary-warning_qy2li_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_qy2li_gg_._theme_primary-warning_qy2li_gg_:hover{background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_qy2li_gg_._theme_primary-warning_qy2li_gg_.__active_qy2li_gg_,.___SButton_qy2li_gg_._theme_primary-warning_qy2li_gg_:active{background-color:var(--intergalactic-control-primary-brand-active, #c33909)}.___SButton_qy2li_gg_._theme_primary-danger_qy2li_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_qy2li_gg_._theme_primary-danger_qy2li_gg_:hover{background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_qy2li_gg_._theme_primary-danger_qy2li_gg_.__active_qy2li_gg_,.___SButton_qy2li_gg_._theme_primary-danger_qy2li_gg_:active{background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_qy2li_gg_._theme_primary-invert_qy2li_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_qy2li_gg_._theme_primary-invert_qy2li_gg_:hover{background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_qy2li_gg_._theme_primary-invert_qy2li_gg_.__active_qy2li_gg_,.___SButton_qy2li_gg_._theme_primary-invert_qy2li_gg_:active{background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_qy2li_gg_._theme_secondary-muted_qy2li_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_qy2li_gg_._theme_secondary-muted_qy2li_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_qy2li_gg_._theme_secondary-muted_qy2li_gg_.__active_qy2li_gg_,.___SButton_qy2li_gg_._theme_secondary-muted_qy2li_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_qy2li_gg_._theme_secondary-info_qy2li_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_qy2li_gg_._theme_secondary-info_qy2li_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_qy2li_gg_._theme_secondary-info_qy2li_gg_.__active_qy2li_gg_,.___SButton_qy2li_gg_._theme_secondary-info_qy2li_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_qy2li_gg_._theme_secondary-invert_qy2li_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_qy2li_gg_._theme_secondary-invert_qy2li_gg_:hover{background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_qy2li_gg_._theme_secondary-invert_qy2li_gg_.__active_qy2li_gg_,.___SButton_qy2li_gg_._theme_secondary-invert_qy2li_gg_:active{background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3))}.___SButton_qy2li_gg_._theme_tertiary-info_qy2li_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_qy2li_gg_._theme_tertiary-info_qy2li_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_qy2li_gg_._theme_tertiary-info_qy2li_gg_.__active_qy2li_gg_,.___SButton_qy2li_gg_._theme_tertiary-info_qy2li_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_qy2li_gg_._theme_tertiary-muted_qy2li_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_qy2li_gg_._theme_tertiary-muted_qy2li_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_qy2li_gg_._theme_tertiary-muted_qy2li_gg_.__active_qy2li_gg_,.___SButton_qy2li_gg_._theme_tertiary-muted_qy2li_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_qy2li_gg_._theme_tertiary-invert_qy2li_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_qy2li_gg_._theme_tertiary-invert_qy2li_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_qy2li_gg_._theme_tertiary-invert_qy2li_gg_.__active_qy2li_gg_,.___SButton_qy2li_gg_._theme_tertiary-invert_qy2li_gg_:active{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_qy2li_gg_._neighborLocation_right_qy2li_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_qy2li_gg_._neighborLocation_both_qy2li_gg_{border-radius:0;margin-left:-1px}.___SButton_qy2li_gg_._neighborLocation_left_qy2li_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_qy2li_gg_._neighborLocation_both_qy2li_gg_,.___SButton_qy2li_gg_._neighborLocation_left_qy2li_gg_{position:relative}.___SButton_qy2li_gg_._neighborLocation_both_qy2li_gg_:after,.___SButton_qy2li_gg_._neighborLocation_left_qy2li_gg_:after{background-color:var(--intergalactic-text-primary-invert, #ffffff)}.___SButton_qy2li_gg_._neighborLocation_both_qy2li_gg_._theme_secondary-muted_qy2li_gg_:after,.___SButton_qy2li_gg_._neighborLocation_left_qy2li_gg_._theme_secondary-muted_qy2li_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_qy2li_gg_+.___SButton_qy2li_gg_._neighborLocation_both_qy2li_gg_:after,.___SButton_qy2li_gg_+.___SButton_qy2li_gg_._neighborLocation_left_qy2li_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_qy2li_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_qy2li_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_qy2li_gg_.__loading_qy2li_gg_{visibility:hidden}.___SText_qy2li_gg_{display:inline-flex}.___SText_qy2li_gg_._size_l_qy2li_gg_,.___SText_qy2li_gg_._size_m_qy2li_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_qy2li_gg_._size_m_qy2li_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_qy2li_gg_._size_l_qy2li_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_qy2li_gg_._size_l_qy2li_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_qy2li_gg_._size_l_qy2li_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_qy2li_gg_._size_l_qy2li_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_qy2li_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_qy2li_gg_._size_m_qy2li_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_qy2li_gg_._size_m_qy2li_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_qy2li_gg_._size_m_qy2li_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_qy2li_gg_._size_l_qy2li_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_qy2li_gg_._size_l_qy2li_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_qy2li_gg_._size_l_qy2li_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__*/, "qy2li_gg_") /*__reshadow_css_end__*/, {
|
|
23
|
-
"__SButton": "
|
|
24
|
-
"_keyboardFocused": "
|
|
25
|
-
"_disabled": "
|
|
26
|
-
"_size_m": "
|
|
27
|
-
"_size_l": "
|
|
28
|
-
"_neighborLocation_right": "
|
|
29
|
-
"_neighborLocation_both": "
|
|
30
|
-
"_neighborLocation_left": "
|
|
31
|
-
"__SSpin": "
|
|
32
|
-
"__SInner": "
|
|
33
|
-
"_loading": "
|
|
34
|
-
"__SText": "
|
|
35
|
-
"__SAddon": "
|
|
36
|
-
"_theme_primary-info": "_theme_primary-
|
|
37
|
-
"_active": "
|
|
38
|
-
"_theme_primary-success": "_theme_primary-
|
|
39
|
-
"_theme_primary-warning": "_theme_primary-
|
|
40
|
-
"_theme_primary-danger": "_theme_primary-
|
|
41
|
-
"_theme_primary-invert": "_theme_primary-
|
|
42
|
-
"_theme_secondary-muted": "_theme_secondary-
|
|
43
|
-
"_theme_secondary-info": "_theme_secondary-
|
|
44
|
-
"_theme_secondary-invert": "_theme_secondary-
|
|
45
|
-
"_theme_tertiary-info": "_theme_tertiary-
|
|
46
|
-
"_theme_tertiary-muted": "_theme_tertiary-
|
|
47
|
-
"_theme_tertiary-invert": "_theme_tertiary-
|
|
22
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_ussuv_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_ussuv_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_ussuv_gg_:active,.___SButton_ussuv_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_ussuv_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_ussuv_gg_.__keyboardFocused_ussuv_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_ussuv_gg_.__disabled_ussuv_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_ussuv_gg_._size_m_ussuv_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_ussuv_gg_._size_l_ussuv_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_ussuv_gg_._theme_primary-info_ussuv_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_ussuv_gg_._theme_primary-info_ussuv_gg_:hover{background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_ussuv_gg_._theme_primary-info_ussuv_gg_.__active_ussuv_gg_,.___SButton_ussuv_gg_._theme_primary-info_ussuv_gg_:active{background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_ussuv_gg_._theme_primary-success_ussuv_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_ussuv_gg_._theme_primary-success_ussuv_gg_:hover{background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_ussuv_gg_._theme_primary-success_ussuv_gg_.__active_ussuv_gg_,.___SButton_ussuv_gg_._theme_primary-success_ussuv_gg_:active{background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_ussuv_gg_._theme_primary-warning_ussuv_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_ussuv_gg_._theme_primary-warning_ussuv_gg_:hover{background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_ussuv_gg_._theme_primary-warning_ussuv_gg_.__active_ussuv_gg_,.___SButton_ussuv_gg_._theme_primary-warning_ussuv_gg_:active{background-color:var(--intergalactic-control-primary-brand-active, #c33909)}.___SButton_ussuv_gg_._theme_primary-danger_ussuv_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_ussuv_gg_._theme_primary-danger_ussuv_gg_:hover{background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_ussuv_gg_._theme_primary-danger_ussuv_gg_.__active_ussuv_gg_,.___SButton_ussuv_gg_._theme_primary-danger_ussuv_gg_:active{background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_ussuv_gg_._theme_primary-invert_ussuv_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_ussuv_gg_._theme_primary-invert_ussuv_gg_:hover{background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_ussuv_gg_._theme_primary-invert_ussuv_gg_.__active_ussuv_gg_,.___SButton_ussuv_gg_._theme_primary-invert_ussuv_gg_:active{background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_ussuv_gg_._theme_secondary-muted_ussuv_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_ussuv_gg_._theme_secondary-muted_ussuv_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_ussuv_gg_._theme_secondary-muted_ussuv_gg_.__active_ussuv_gg_,.___SButton_ussuv_gg_._theme_secondary-muted_ussuv_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_ussuv_gg_._theme_secondary-info_ussuv_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_ussuv_gg_._theme_secondary-info_ussuv_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_ussuv_gg_._theme_secondary-info_ussuv_gg_.__active_ussuv_gg_,.___SButton_ussuv_gg_._theme_secondary-info_ussuv_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_ussuv_gg_._theme_secondary-invert_ussuv_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_ussuv_gg_._theme_secondary-invert_ussuv_gg_:hover{background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_ussuv_gg_._theme_secondary-invert_ussuv_gg_.__active_ussuv_gg_,.___SButton_ussuv_gg_._theme_secondary-invert_ussuv_gg_:active{background-color:var(--intergalactic-control-secondary-invert-active,\n rgba(255, 255, 255, 0.3))}.___SButton_ussuv_gg_._theme_tertiary-info_ussuv_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_ussuv_gg_._theme_tertiary-info_ussuv_gg_:hover{background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_ussuv_gg_._theme_tertiary-info_ussuv_gg_.__active_ussuv_gg_,.___SButton_ussuv_gg_._theme_tertiary-info_ussuv_gg_:active{background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_ussuv_gg_._theme_tertiary-muted_ussuv_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_ussuv_gg_._theme_tertiary-muted_ussuv_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_ussuv_gg_._theme_tertiary-muted_ussuv_gg_.__active_ussuv_gg_,.___SButton_ussuv_gg_._theme_tertiary-muted_ussuv_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_ussuv_gg_._theme_tertiary-invert_ussuv_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_ussuv_gg_._theme_tertiary-invert_ussuv_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_ussuv_gg_._theme_tertiary-invert_ussuv_gg_.__active_ussuv_gg_,.___SButton_ussuv_gg_._theme_tertiary-invert_ussuv_gg_:active{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_ussuv_gg_._neighborLocation_right_ussuv_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_ussuv_gg_._neighborLocation_both_ussuv_gg_{border-radius:0;margin-left:-1px}.___SButton_ussuv_gg_._neighborLocation_left_ussuv_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_ussuv_gg_._neighborLocation_both_ussuv_gg_,.___SButton_ussuv_gg_._neighborLocation_left_ussuv_gg_{position:relative}.___SButton_ussuv_gg_._neighborLocation_both_ussuv_gg_:after,.___SButton_ussuv_gg_._neighborLocation_left_ussuv_gg_:after{background-color:var(--intergalactic-text-primary-invert, #ffffff)}.___SButton_ussuv_gg_._neighborLocation_both_ussuv_gg_._theme_secondary-muted_ussuv_gg_:after,.___SButton_ussuv_gg_._neighborLocation_left_ussuv_gg_._theme_secondary-muted_ussuv_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_ussuv_gg_+.___SButton_ussuv_gg_._neighborLocation_both_ussuv_gg_:after,.___SButton_ussuv_gg_+.___SButton_ussuv_gg_._neighborLocation_left_ussuv_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_ussuv_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_ussuv_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_ussuv_gg_.__loading_ussuv_gg_{visibility:hidden}.___SText_ussuv_gg_{display:inline-flex}.___SText_ussuv_gg_._size_l_ussuv_gg_,.___SText_ussuv_gg_._size_m_ussuv_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_ussuv_gg_._size_m_ussuv_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_ussuv_gg_._size_l_ussuv_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_ussuv_gg_._size_l_ussuv_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_ussuv_gg_._size_l_ussuv_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_ussuv_gg_._size_l_ussuv_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_ussuv_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_ussuv_gg_._size_m_ussuv_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_ussuv_gg_._size_m_ussuv_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_ussuv_gg_._size_m_ussuv_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_ussuv_gg_._size_l_ussuv_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_ussuv_gg_._size_l_ussuv_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_ussuv_gg_._size_l_ussuv_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__*/, "ussuv_gg_") /*__reshadow_css_end__*/, {
|
|
23
|
+
"__SButton": "___SButton_ussuv_gg_",
|
|
24
|
+
"_keyboardFocused": "__keyboardFocused_ussuv_gg_",
|
|
25
|
+
"_disabled": "__disabled_ussuv_gg_",
|
|
26
|
+
"_size_m": "_size_m_ussuv_gg_",
|
|
27
|
+
"_size_l": "_size_l_ussuv_gg_",
|
|
28
|
+
"_neighborLocation_right": "_neighborLocation_right_ussuv_gg_",
|
|
29
|
+
"_neighborLocation_both": "_neighborLocation_both_ussuv_gg_",
|
|
30
|
+
"_neighborLocation_left": "_neighborLocation_left_ussuv_gg_",
|
|
31
|
+
"__SSpin": "___SSpin_ussuv_gg_",
|
|
32
|
+
"__SInner": "___SInner_ussuv_gg_",
|
|
33
|
+
"_loading": "__loading_ussuv_gg_",
|
|
34
|
+
"__SText": "___SText_ussuv_gg_",
|
|
35
|
+
"__SAddon": "___SAddon_ussuv_gg_",
|
|
36
|
+
"_theme_primary-info": "_theme_primary-info_ussuv_gg_",
|
|
37
|
+
"_active": "__active_ussuv_gg_",
|
|
38
|
+
"_theme_primary-success": "_theme_primary-success_ussuv_gg_",
|
|
39
|
+
"_theme_primary-warning": "_theme_primary-warning_ussuv_gg_",
|
|
40
|
+
"_theme_primary-danger": "_theme_primary-danger_ussuv_gg_",
|
|
41
|
+
"_theme_primary-invert": "_theme_primary-invert_ussuv_gg_",
|
|
42
|
+
"_theme_secondary-muted": "_theme_secondary-muted_ussuv_gg_",
|
|
43
|
+
"_theme_secondary-info": "_theme_secondary-info_ussuv_gg_",
|
|
44
|
+
"_theme_secondary-invert": "_theme_secondary-invert_ussuv_gg_",
|
|
45
|
+
"_theme_tertiary-info": "_theme_tertiary-info_ussuv_gg_",
|
|
46
|
+
"_theme_tertiary-muted": "_theme_tertiary-muted_ussuv_gg_",
|
|
47
|
+
"_theme_tertiary-invert": "_theme_tertiary-invert_ussuv_gg_"
|
|
48
48
|
});
|
|
49
49
|
import hasLabels from '@semcore/utils/lib/hasLabels';
|
|
50
50
|
export var MAP_USE_DEFAULT_THEME = {
|
package/lib/es6/SpinButton.js
CHANGED
|
@@ -9,24 +9,13 @@ export var SPIN_SIZE_MAP = {
|
|
|
9
9
|
m: 'xs',
|
|
10
10
|
s: 'xxs'
|
|
11
11
|
};
|
|
12
|
-
export var SPIN_THEME_MAP = {
|
|
13
|
-
'primary-info': 'invert',
|
|
14
|
-
'primary-success': 'invert',
|
|
15
|
-
'primary-warning': 'invert',
|
|
16
|
-
'primary-danger': 'invert',
|
|
17
|
-
'secondary-invert': 'invert',
|
|
18
|
-
'secondary-muted': 'gray-600',
|
|
19
|
-
'secondary-info': 'blue-400',
|
|
20
|
-
'tertiary-invert': 'invert',
|
|
21
|
-
'tertiary-info': 'blue-400'
|
|
22
|
-
};
|
|
23
12
|
export default function SpinButton(_ref) {
|
|
24
13
|
var theme = _ref.theme,
|
|
25
14
|
size = _ref.size,
|
|
26
15
|
others = _objectWithoutProperties(_ref, _excluded);
|
|
27
16
|
return /*#__PURE__*/React.createElement(Spin, _extends({
|
|
28
17
|
size: typeof size === 'string' ? SPIN_SIZE_MAP[size] : size,
|
|
29
|
-
theme:
|
|
18
|
+
theme: "currentColor"
|
|
30
19
|
}, others));
|
|
31
20
|
}
|
|
32
21
|
//# sourceMappingURL=SpinButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SpinButton.js","names":["React","Spin","SPIN_SIZE_MAP","xl","l","m","s","
|
|
1
|
+
{"version":3,"file":"SpinButton.js","names":["React","Spin","SPIN_SIZE_MAP","xl","l","m","s","SpinButton","_ref","theme","size","others","_objectWithoutProperties","_excluded","createElement","_extends"],"sources":["../../src/SpinButton.jsx"],"sourcesContent":["import React from 'react';\nimport Spin from '@semcore/spin';\n\nexport const SPIN_SIZE_MAP = {\n xl: 'm',\n l: 's',\n m: 'xs',\n s: 'xxs',\n};\n\nexport default function SpinButton({ theme, size, ...others }) {\n return (\n <Spin\n size={typeof size === 'string' ? SPIN_SIZE_MAP[size] : size}\n theme='currentColor'\n {...others}\n />\n );\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,IAAI,MAAM,eAAe;AAEhC,OAAO,IAAMC,aAAa,GAAG;EAC3BC,EAAE,EAAE,GAAG;EACPC,CAAC,EAAE,GAAG;EACNC,CAAC,EAAE,IAAI;EACPC,CAAC,EAAE;AACL,CAAC;AAED,eAAe,SAASC,UAAUA,CAAAC,IAAA,EAA6B;EAAA,IAA1BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAKC,MAAM,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACzD,oBACEb,KAAA,CAAAc,aAAA,CAACb,IAAI,EAAAc,QAAA;IACHL,IAAI,EAAE,OAAOA,IAAI,KAAK,QAAQ,GAAGR,aAAa,CAACQ,IAAI,CAAC,GAAGA,IAAK;IAC5DD,KAAK,EAAC;EAAc,GAChBE,MAAM,EACV;AAEN"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/button",
|
|
3
3
|
"description": "Semrush Button Component",
|
|
4
|
-
"version": "5.
|
|
4
|
+
"version": "5.35.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -9,11 +9,11 @@
|
|
|
9
9
|
"author": "UI-kit team <ui-kit-team@semrush.com>",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@semcore/flex-box": "5.31.
|
|
13
|
-
"@semcore/neighbor-location": "4.29.
|
|
14
|
-
"@semcore/spin": "5.31.
|
|
15
|
-
"@semcore/tooltip": "6.40.
|
|
16
|
-
"@semcore/utils": "4.32.
|
|
12
|
+
"@semcore/flex-box": "5.31.2",
|
|
13
|
+
"@semcore/neighbor-location": "4.29.2",
|
|
14
|
+
"@semcore/spin": "5.31.2",
|
|
15
|
+
"@semcore/tooltip": "6.40.2",
|
|
16
|
+
"@semcore/utils": "4.32.2"
|
|
17
17
|
},
|
|
18
18
|
"peerDependencies": {
|
|
19
19
|
"@semcore/core": "^2.17.5",
|
package/src/SpinButton.jsx
CHANGED
|
@@ -8,23 +8,11 @@ export const SPIN_SIZE_MAP = {
|
|
|
8
8
|
s: 'xxs',
|
|
9
9
|
};
|
|
10
10
|
|
|
11
|
-
export const SPIN_THEME_MAP = {
|
|
12
|
-
'primary-info': 'invert',
|
|
13
|
-
'primary-success': 'invert',
|
|
14
|
-
'primary-warning': 'invert',
|
|
15
|
-
'primary-danger': 'invert',
|
|
16
|
-
'secondary-invert': 'invert',
|
|
17
|
-
'secondary-muted': 'gray-600',
|
|
18
|
-
'secondary-info': 'blue-400',
|
|
19
|
-
'tertiary-invert': 'invert',
|
|
20
|
-
'tertiary-info': 'blue-400',
|
|
21
|
-
};
|
|
22
|
-
|
|
23
11
|
export default function SpinButton({ theme, size, ...others }) {
|
|
24
12
|
return (
|
|
25
13
|
<Spin
|
|
26
14
|
size={typeof size === 'string' ? SPIN_SIZE_MAP[size] : size}
|
|
27
|
-
theme=
|
|
15
|
+
theme='currentColor'
|
|
28
16
|
{...others}
|
|
29
17
|
/>
|
|
30
18
|
);
|