@semcore/button 5.43.1-prerelease.5 → 5.43.2-prerelease.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/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 +7 -7
|
@@ -1,122 +1,152 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import { sstyled
|
|
9
|
-
import
|
|
10
|
-
import { Box
|
|
11
|
-
import { Hint
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import
|
|
16
|
-
import
|
|
17
|
-
var
|
|
1
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
|
+
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
+
import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
5
|
+
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
6
|
+
import _createSuper from "@babel/runtime/helpers/esm/createSuper";
|
|
7
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
8
|
+
import { sstyled, assignProps, CORE_INSTANCE, Component } from "@semcore/core";
|
|
9
|
+
import React from "react";
|
|
10
|
+
import { Box } from "@semcore/flex-box";
|
|
11
|
+
import { Hint } from "@semcore/tooltip";
|
|
12
|
+
import NeighborLocation from "@semcore/neighbor-location";
|
|
13
|
+
import addonTextChildren from "@semcore/utils/lib/addonTextChildren";
|
|
14
|
+
import logger from "@semcore/utils/lib/logger";
|
|
15
|
+
import SpinButton from "./SpinButton.mjs";
|
|
16
|
+
import hasLabels from "@semcore/utils/lib/hasLabels";
|
|
17
|
+
var MAP_USE_DEFAULT_THEME = {
|
|
18
18
|
primary: "info",
|
|
19
19
|
secondary: "muted",
|
|
20
20
|
tertiary: "info"
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
21
|
+
};
|
|
22
|
+
var AbstractButton = /* @__PURE__ */ function(_Component) {
|
|
23
|
+
_inherits(AbstractButton2, _Component);
|
|
24
|
+
var _super = _createSuper(AbstractButton2);
|
|
25
|
+
function AbstractButton2() {
|
|
26
|
+
var _this;
|
|
27
|
+
_classCallCheck(this, AbstractButton2);
|
|
28
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
29
|
+
args[_key] = arguments[_key];
|
|
30
|
+
}
|
|
31
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
32
|
+
_defineProperty(_assertThisInitialized(_this), "containerRef", /* @__PURE__ */ React.createRef());
|
|
33
|
+
_defineProperty(_assertThisInitialized(_this), "state", {
|
|
30
34
|
ariaLabelledByContent: null
|
|
31
|
-
})
|
|
35
|
+
});
|
|
36
|
+
return _this;
|
|
32
37
|
}
|
|
33
|
-
|
|
38
|
+
_createClass(AbstractButton2, [{
|
|
34
39
|
key: "getTextProps",
|
|
35
|
-
value: function() {
|
|
36
|
-
var
|
|
40
|
+
value: function getTextProps() {
|
|
41
|
+
var size = this.asProps.size;
|
|
37
42
|
return {
|
|
38
|
-
size
|
|
43
|
+
size
|
|
39
44
|
};
|
|
40
45
|
}
|
|
41
46
|
}, {
|
|
42
47
|
key: "getAddonProps",
|
|
43
|
-
value: function() {
|
|
44
|
-
var
|
|
48
|
+
value: function getAddonProps() {
|
|
49
|
+
var size = this.asProps.size;
|
|
45
50
|
return {
|
|
46
|
-
size
|
|
51
|
+
size
|
|
47
52
|
};
|
|
48
53
|
}
|
|
49
54
|
}, {
|
|
50
55
|
key: "componentDidMount",
|
|
51
|
-
value: function() {
|
|
52
|
-
var
|
|
53
|
-
process.env.NODE_ENV !== "production"
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
56
|
+
value: function componentDidMount() {
|
|
57
|
+
var _this2 = this;
|
|
58
|
+
if (process.env.NODE_ENV !== "production") {
|
|
59
|
+
logger.warn(this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title, "'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content", this.asProps["data-ui-name"] || AbstractButton2.displayName);
|
|
60
|
+
logger.warn(this.asProps.theme === "warning", "Warning theme is deprecated and will be removed in the next major release.", this.asProps["data-ui-name"] || AbstractButton2.displayName);
|
|
61
|
+
}
|
|
62
|
+
var ariaLabelledby = this.asProps["aria-labelledby"];
|
|
63
|
+
if (ariaLabelledby) {
|
|
64
|
+
setTimeout(function() {
|
|
65
|
+
var _document$getElementB, _document$getElementB2;
|
|
66
|
+
_this2.setState({
|
|
67
|
+
ariaLabelledByContent: (_document$getElementB = (_document$getElementB2 = document.getElementById(ariaLabelledby)) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.textContent) !== null && _document$getElementB !== void 0 ? _document$getElementB : ""
|
|
68
|
+
});
|
|
69
|
+
}, 0);
|
|
70
|
+
}
|
|
61
71
|
}
|
|
62
72
|
}, {
|
|
63
73
|
key: "renderButton",
|
|
64
|
-
value: function(
|
|
65
|
-
var
|
|
66
|
-
|
|
74
|
+
value: function renderButton(_ref6) {
|
|
75
|
+
var _ref = this.asProps, _ref3;
|
|
76
|
+
var buttonProps = _ref6.buttonProps, children = _ref6.children;
|
|
77
|
+
var styles = this.asProps.styles;
|
|
78
|
+
var SButton = Box;
|
|
79
|
+
return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(SButton, _ref3.cn("SButton", _objectSpread({}, assignProps(_objectSpread({}, buttonProps), _ref))), children);
|
|
67
80
|
}
|
|
68
81
|
}, {
|
|
69
82
|
key: "renderButtonWithHint",
|
|
70
|
-
value: function(
|
|
71
|
-
var
|
|
72
|
-
|
|
83
|
+
value: function renderButtonWithHint(_ref7) {
|
|
84
|
+
var _ref2 = this.asProps, _ref4;
|
|
85
|
+
var buttonProps = _ref7.buttonProps, children = _ref7.children, hintProps = _ref7.hintProps;
|
|
86
|
+
var styles = this.asProps.styles;
|
|
87
|
+
var SButton = Hint;
|
|
88
|
+
return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SButton, _ref4.cn("SButton", _objectSpread({}, assignProps(_objectSpread(_objectSpread({}, buttonProps), hintProps), _ref2))), children);
|
|
73
89
|
}
|
|
74
90
|
}, {
|
|
75
91
|
key: "render",
|
|
76
|
-
value: function() {
|
|
77
|
-
var
|
|
92
|
+
value: function render() {
|
|
93
|
+
var _ref8, _ref9, _this3 = this;
|
|
94
|
+
var _this$asProps = this.asProps, styles = _this$asProps.styles, use = _this$asProps.use, _this$asProps$theme = _this$asProps.theme, theme = _this$asProps$theme === void 0 ? typeof use === "string" && MAP_USE_DEFAULT_THEME[use] : _this$asProps$theme, loading = _this$asProps.loading, _this$asProps$disable = _this$asProps.disabled, disabled = _this$asProps$disable === void 0 ? loading : _this$asProps$disable, size = _this$asProps.size, neighborLocation = _this$asProps.neighborLocation, hasChildren = _this$asProps.children, title = _this$asProps.title, ariaLabel = _this$asProps["aria-label"], Children = _this$asProps.Children, AddonLeft = _this$asProps.addonLeft, AddonRight = _this$asProps.addonRight, hintPlacement = _this$asProps.hintPlacement;
|
|
95
|
+
var Button = this[CORE_INSTANCE];
|
|
96
|
+
var useTheme = use && theme ? "".concat(use, "-").concat(theme) : false;
|
|
97
|
+
var SInner = Box;
|
|
98
|
+
var SSpin = Box;
|
|
99
|
+
var buttonAriaLabel = (_ref8 = (_ref9 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref9 !== void 0 ? _ref9 : this.state.ariaLabelledByContent) !== null && _ref8 !== void 0 ? _ref8 : "";
|
|
100
|
+
var buttonProps = {
|
|
78
101
|
type: "button",
|
|
79
102
|
tag: "button",
|
|
80
|
-
disabled
|
|
81
|
-
"use:theme":
|
|
103
|
+
disabled,
|
|
104
|
+
"use:theme": useTheme,
|
|
82
105
|
ref: this.containerRef,
|
|
83
106
|
"text-color": this.getTextColor(),
|
|
84
|
-
"aria-busy":
|
|
107
|
+
"aria-busy": loading,
|
|
85
108
|
__excludeProps: ["title"]
|
|
86
|
-
}
|
|
87
|
-
|
|
109
|
+
};
|
|
110
|
+
var hintProps = {
|
|
111
|
+
title: buttonAriaLabel,
|
|
88
112
|
timeout: [250, 50],
|
|
89
|
-
placement:
|
|
90
|
-
theme:
|
|
113
|
+
placement: hintPlacement,
|
|
114
|
+
theme: theme === "invert" ? "invert" : void 0,
|
|
91
115
|
__excludeProps: []
|
|
92
116
|
};
|
|
93
|
-
return /* @__PURE__ */
|
|
94
|
-
neighborLocation
|
|
95
|
-
}, function(
|
|
96
|
-
var
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
117
|
+
return /* @__PURE__ */ React.createElement(NeighborLocation.Detect, {
|
|
118
|
+
neighborLocation
|
|
119
|
+
}, function(neighborLocation2) {
|
|
120
|
+
var _ref5;
|
|
121
|
+
var children = (_ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SInner, _ref5.cn("SInner", {
|
|
122
|
+
"tag": "span",
|
|
123
|
+
"loading": loading
|
|
124
|
+
}), AddonLeft ? /* @__PURE__ */ React.createElement(Button.Addon, null, /* @__PURE__ */ React.createElement(AddonLeft, _ref5.cn("AddonLeft", {}))) : null, addonTextChildren(Children, Button.Text, Button.Addon), AddonRight ? /* @__PURE__ */ React.createElement(Button.Addon, null, /* @__PURE__ */ React.createElement(AddonRight, _ref5.cn("AddonRight", {}))) : null), loading && /* @__PURE__ */ React.createElement(SSpin, _ref5.cn("SSpin", {
|
|
125
|
+
"tag": "span"
|
|
126
|
+
}), /* @__PURE__ */ React.createElement(SpinButton, _ref5.cn("SpinButton", {
|
|
127
|
+
"centered": true,
|
|
128
|
+
"size": size,
|
|
129
|
+
"theme": useTheme
|
|
105
130
|
})))));
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
131
|
+
buttonProps.neighborLocation = neighborLocation2;
|
|
132
|
+
if (hasChildren === void 0 || title) {
|
|
133
|
+
return _this3.renderButtonWithHint({
|
|
134
|
+
buttonProps,
|
|
135
|
+
hintProps,
|
|
136
|
+
children
|
|
137
|
+
});
|
|
138
|
+
}
|
|
139
|
+
return _this3.renderButton({
|
|
140
|
+
buttonProps,
|
|
141
|
+
children
|
|
113
142
|
});
|
|
114
143
|
});
|
|
115
144
|
}
|
|
116
|
-
}])
|
|
117
|
-
|
|
118
|
-
|
|
145
|
+
}]);
|
|
146
|
+
return AbstractButton2;
|
|
147
|
+
}(Component);
|
|
148
|
+
_defineProperty(AbstractButton, "displayName", "AbstractButton");
|
|
119
149
|
export {
|
|
120
|
-
|
|
121
|
-
|
|
150
|
+
AbstractButton,
|
|
151
|
+
MAP_USE_DEFAULT_THEME
|
|
122
152
|
};
|
|
@@ -1,22 +1,23 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
var
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import Spin from "@semcore/spin";
|
|
5
|
+
var _excluded = ["theme", "size"];
|
|
6
|
+
var SPIN_SIZE_MAP = {
|
|
6
7
|
xl: "m",
|
|
7
8
|
l: "s",
|
|
8
9
|
m: "xs",
|
|
9
10
|
s: "xxs"
|
|
10
11
|
};
|
|
11
|
-
function
|
|
12
|
-
|
|
13
|
-
var
|
|
14
|
-
return /* @__PURE__ */
|
|
15
|
-
size: typeof
|
|
12
|
+
function SpinButton(_ref) {
|
|
13
|
+
_ref.theme;
|
|
14
|
+
var size = _ref.size, others = _objectWithoutProperties(_ref, _excluded);
|
|
15
|
+
return /* @__PURE__ */ React.createElement(Spin, _extends({
|
|
16
|
+
size: typeof size === "string" ? SPIN_SIZE_MAP[size] : size,
|
|
16
17
|
theme: "currentColor"
|
|
17
|
-
},
|
|
18
|
+
}, others));
|
|
18
19
|
}
|
|
19
20
|
export {
|
|
20
|
-
|
|
21
|
-
|
|
21
|
+
SPIN_SIZE_MAP,
|
|
22
|
+
SpinButton as default
|
|
22
23
|
};
|
|
@@ -1,89 +1,94 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import { sstyled
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import { Box
|
|
11
|
-
import
|
|
12
|
-
import { AbstractButton
|
|
13
|
-
|
|
1
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
|
+
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
+
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
5
|
+
import _createSuper from "@babel/runtime/helpers/esm/createSuper";
|
|
6
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
7
|
+
import { sstyled } from "@semcore/utils/lib/core/index";
|
|
8
|
+
import createComponent, { sstyled as sstyled$1, assignProps } from "@semcore/core";
|
|
9
|
+
import React from "react";
|
|
10
|
+
import { Box } from "@semcore/flex-box";
|
|
11
|
+
import keyboardFocusEnhance from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
|
|
12
|
+
import { AbstractButton } from "../AbstractButton/AbstractButton.mjs";
|
|
13
|
+
/*!__reshadow-styles__:"./button.shadow.css"*/
|
|
14
|
+
var style = (
|
|
14
15
|
/*__reshadow_css_start__*/
|
|
15
|
-
(
|
|
16
|
+
(sstyled.insert(
|
|
16
17
|
/*__inner_css_start__*/
|
|
17
|
-
`.___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,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
"
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
"_theme_primary-
|
|
39
|
-
|
|
40
|
-
"_theme_primary-
|
|
41
|
-
"_theme_primary-
|
|
42
|
-
"_theme_primary-
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"_theme_secondary-
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"_theme_tertiary-
|
|
49
|
-
"_theme_tertiary-muted": "_theme_tertiary-muted_rhmx1_gg_",
|
|
50
|
-
"_theme_tertiary-invert": "_theme_tertiary-invert_rhmx1_gg_"
|
|
18
|
+
'.___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)}',
|
|
19
|
+
/*__inner_css_end__*/
|
|
20
|
+
"e9evx_gg_"
|
|
21
|
+
), /*__reshadow_css_end__*/
|
|
22
|
+
{
|
|
23
|
+
"__SButton": "___SButton_e9evx_gg_",
|
|
24
|
+
"_keyboardFocused": "__keyboardFocused_e9evx_gg_",
|
|
25
|
+
"_disabled": "__disabled_e9evx_gg_",
|
|
26
|
+
"_size_s": "_size_s_e9evx_gg_",
|
|
27
|
+
"_size_m": "_size_m_e9evx_gg_",
|
|
28
|
+
"_size_l": "_size_l_e9evx_gg_",
|
|
29
|
+
"_neighborLocation_right": "_neighborLocation_right_e9evx_gg_",
|
|
30
|
+
"_neighborLocation_both": "_neighborLocation_both_e9evx_gg_",
|
|
31
|
+
"_neighborLocation_left": "_neighborLocation_left_e9evx_gg_",
|
|
32
|
+
"__SSpin": "___SSpin_e9evx_gg_",
|
|
33
|
+
"__SInner": "___SInner_e9evx_gg_",
|
|
34
|
+
"_loading": "__loading_e9evx_gg_",
|
|
35
|
+
"__SText": "___SText_e9evx_gg_",
|
|
36
|
+
"__SAddon": "___SAddon_e9evx_gg_",
|
|
37
|
+
"_theme_primary-info": "_theme_primary-info_e9evx_gg_",
|
|
38
|
+
"_active": "__active_e9evx_gg_",
|
|
39
|
+
"_theme_primary-success": "_theme_primary-success_e9evx_gg_",
|
|
40
|
+
"_theme_primary-brand": "_theme_primary-brand_e9evx_gg_",
|
|
41
|
+
"_theme_primary-warning": "_theme_primary-warning_e9evx_gg_",
|
|
42
|
+
"_theme_primary-danger": "_theme_primary-danger_e9evx_gg_",
|
|
43
|
+
"_theme_primary-invert": "_theme_primary-invert_e9evx_gg_",
|
|
44
|
+
"_theme_secondary-muted": "_theme_secondary-muted_e9evx_gg_",
|
|
45
|
+
"_theme_secondary-info": "_theme_secondary-info_e9evx_gg_",
|
|
46
|
+
"_theme_secondary-invert": "_theme_secondary-invert_e9evx_gg_",
|
|
47
|
+
"_theme_tertiary-info": "_theme_tertiary-info_e9evx_gg_",
|
|
48
|
+
"_theme_tertiary-muted": "_theme_tertiary-muted_e9evx_gg_",
|
|
49
|
+
"_theme_tertiary-invert": "_theme_tertiary-invert_e9evx_gg_"
|
|
51
50
|
})
|
|
52
|
-
)
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
51
|
+
);
|
|
52
|
+
var RootButton = /* @__PURE__ */ function(_AbstractButton) {
|
|
53
|
+
_inherits(RootButton2, _AbstractButton);
|
|
54
|
+
var _super = _createSuper(RootButton2);
|
|
55
|
+
function RootButton2() {
|
|
56
|
+
_classCallCheck(this, RootButton2);
|
|
57
|
+
return _super.apply(this, arguments);
|
|
57
58
|
}
|
|
58
|
-
|
|
59
|
+
_createClass(RootButton2, [{
|
|
59
60
|
key: "getTextColor",
|
|
60
|
-
value: function() {
|
|
61
|
+
value: function getTextColor() {
|
|
62
|
+
return void 0;
|
|
61
63
|
}
|
|
62
|
-
}])
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
64
|
+
}]);
|
|
65
|
+
return RootButton2;
|
|
66
|
+
}(AbstractButton);
|
|
67
|
+
_defineProperty(RootButton, "displayName", "Button");
|
|
68
|
+
_defineProperty(RootButton, "enhance", [keyboardFocusEnhance()]);
|
|
69
|
+
_defineProperty(RootButton, "style", style);
|
|
70
|
+
_defineProperty(RootButton, "defaultProps", {
|
|
68
71
|
use: "secondary",
|
|
69
72
|
size: "m"
|
|
70
73
|
});
|
|
71
|
-
function
|
|
72
|
-
var
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
74
|
+
function Text(props) {
|
|
75
|
+
var _ref = arguments[0], _ref3;
|
|
76
|
+
var SText = Box;
|
|
77
|
+
return _ref3 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SText, _ref3.cn("SText", _objectSpread({}, assignProps({
|
|
78
|
+
"tag": "span"
|
|
79
|
+
}, _ref))));
|
|
76
80
|
}
|
|
77
|
-
function
|
|
78
|
-
var
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
81
|
+
function Addon(props) {
|
|
82
|
+
var _ref2 = arguments[0], _ref4;
|
|
83
|
+
var SAddon = Box;
|
|
84
|
+
return _ref4 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SAddon, _ref4.cn("SAddon", _objectSpread({}, assignProps({
|
|
85
|
+
"tag": "span"
|
|
86
|
+
}, _ref2))));
|
|
82
87
|
}
|
|
83
|
-
var
|
|
84
|
-
Text
|
|
85
|
-
Addon
|
|
88
|
+
var Button = createComponent(RootButton, {
|
|
89
|
+
Text,
|
|
90
|
+
Addon
|
|
86
91
|
});
|
|
87
92
|
export {
|
|
88
|
-
|
|
93
|
+
Button as default
|
|
89
94
|
};
|