@semcore/button 16.0.9 → 16.0.10-prerelease.3
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/AbstractButton/AbstractButton.js +31 -26
- package/lib/cjs/component/AbstractButton/AbstractButton.js.map +1 -1
- package/lib/cjs/component/Button/Button.js +29 -32
- package/lib/cjs/component/Button/Button.js.map +1 -1
- package/lib/cjs/component/ButtonLink/ButtonLink.js +21 -24
- package/lib/cjs/component/ButtonLink/ButtonLink.js.map +1 -1
- package/lib/es6/component/AbstractButton/AbstractButton.js +30 -25
- package/lib/es6/component/AbstractButton/AbstractButton.js.map +1 -1
- package/lib/es6/component/Button/Button.js +28 -31
- package/lib/es6/component/Button/Button.js.map +1 -1
- package/lib/es6/component/ButtonLink/ButtonLink.js +20 -23
- package/lib/es6/component/ButtonLink/ButtonLink.js.map +1 -1
- package/lib/esm/component/AbstractButton/AbstractButton.mjs +10 -11
- package/lib/esm/component/Button/Button.mjs +29 -34
- package/lib/esm/component/ButtonLink/ButtonLink.mjs +21 -26
- package/package.json +9 -8
- package/src/component/AbstractButton/AbstractButton.tsx +4 -4
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
|
+
## [16.0.10] - 2025-10-06
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/base-components` [16.2.3 ~> 16.4.0]).
|
|
10
|
+
|
|
5
11
|
## [16.0.9] - 2025-09-12
|
|
6
12
|
|
|
7
13
|
### Fixed
|
|
@@ -8,9 +8,7 @@ exports.MAP_USE_DEFAULT_THEME = exports.AbstractButton = void 0;
|
|
|
8
8
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
9
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
10
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
11
|
-
var
|
|
12
|
-
var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
|
|
13
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
11
|
+
var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
|
|
14
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
16
14
|
var _core = require("@semcore/core");
|
|
@@ -22,7 +20,6 @@ var _neighborLocation = _interopRequireDefault(require("@semcore/neighbor-locati
|
|
|
22
20
|
var _tooltip = require("@semcore/tooltip");
|
|
23
21
|
var _react = _interopRequireDefault(require("react"));
|
|
24
22
|
var _SpinButton = _interopRequireDefault(require("./SpinButton"));
|
|
25
|
-
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
26
23
|
var MAP_USE_DEFAULT_THEME = exports.MAP_USE_DEFAULT_THEME = {
|
|
27
24
|
primary: 'info',
|
|
28
25
|
secondary: 'muted',
|
|
@@ -35,7 +32,7 @@ var AbstractButton = exports.AbstractButton = /*#__PURE__*/function (_Component)
|
|
|
35
32
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
36
33
|
args[_key] = arguments[_key];
|
|
37
34
|
}
|
|
38
|
-
_this =
|
|
35
|
+
_this = (0, _callSuper2["default"])(this, AbstractButton, [].concat(args));
|
|
39
36
|
(0, _defineProperty2["default"])(_this, "containerRef", /*#__PURE__*/_react["default"].createRef());
|
|
40
37
|
(0, _defineProperty2["default"])(_this, "state", {
|
|
41
38
|
ariaLabelledByContent: null
|
|
@@ -84,9 +81,13 @@ var AbstractButton = exports.AbstractButton = /*#__PURE__*/function (_Component)
|
|
|
84
81
|
_ref3;
|
|
85
82
|
var buttonProps = _ref6.buttonProps,
|
|
86
83
|
children = _ref6.children;
|
|
87
|
-
var
|
|
84
|
+
var _this$asProps = this.asProps,
|
|
85
|
+
styles = _this$asProps.styles,
|
|
86
|
+
theme = _this$asProps.theme;
|
|
88
87
|
var SButton = _flexBox.Box;
|
|
89
|
-
return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SButton, _ref3.cn("SButton", (0, _objectSpread2["default"])({}, (0, _core.assignProps)((0, _objectSpread2["default"])({
|
|
88
|
+
return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SButton, _ref3.cn("SButton", (0, _objectSpread2["default"])({}, (0, _core.assignProps)((0, _objectSpread2["default"])({
|
|
89
|
+
"invertOutline": theme === 'invert'
|
|
90
|
+
}, buttonProps), _ref))), children);
|
|
90
91
|
}
|
|
91
92
|
}, {
|
|
92
93
|
key: "renderButtonWithHint",
|
|
@@ -96,9 +97,13 @@ var AbstractButton = exports.AbstractButton = /*#__PURE__*/function (_Component)
|
|
|
96
97
|
var buttonProps = _ref7.buttonProps,
|
|
97
98
|
children = _ref7.children,
|
|
98
99
|
hintProps = _ref7.hintProps;
|
|
99
|
-
var
|
|
100
|
+
var _this$asProps2 = this.asProps,
|
|
101
|
+
styles = _this$asProps2.styles,
|
|
102
|
+
theme = _this$asProps2.theme;
|
|
100
103
|
var SButton = _tooltip.Hint;
|
|
101
|
-
return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SButton, _ref4.cn("SButton", (0, _objectSpread2["default"])({}, (0, _core.assignProps)((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({
|
|
104
|
+
return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SButton, _ref4.cn("SButton", (0, _objectSpread2["default"])({}, (0, _core.assignProps)((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({
|
|
105
|
+
"invertOutline": theme === 'invert'
|
|
106
|
+
}, buttonProps), hintProps), {}, {
|
|
102
107
|
"ignorePortalsStacking": true
|
|
103
108
|
}), _ref2))), children);
|
|
104
109
|
}
|
|
@@ -108,23 +113,23 @@ var AbstractButton = exports.AbstractButton = /*#__PURE__*/function (_Component)
|
|
|
108
113
|
var _ref8,
|
|
109
114
|
_ref9,
|
|
110
115
|
_this3 = this;
|
|
111
|
-
var _this$
|
|
112
|
-
styles = _this$
|
|
113
|
-
use = _this$
|
|
114
|
-
_this$
|
|
115
|
-
theme = _this$
|
|
116
|
-
loading = _this$
|
|
117
|
-
_this$
|
|
118
|
-
disabled = _this$
|
|
119
|
-
size = _this$
|
|
120
|
-
neighborLocation = _this$
|
|
121
|
-
hasChildren = _this$
|
|
122
|
-
title = _this$
|
|
123
|
-
ariaLabel = _this$
|
|
124
|
-
Children = _this$
|
|
125
|
-
AddonLeft = _this$
|
|
126
|
-
AddonRight = _this$
|
|
127
|
-
hintPlacement = _this$
|
|
116
|
+
var _this$asProps3 = this.asProps,
|
|
117
|
+
styles = _this$asProps3.styles,
|
|
118
|
+
use = _this$asProps3.use,
|
|
119
|
+
_this$asProps3$theme = _this$asProps3.theme,
|
|
120
|
+
theme = _this$asProps3$theme === void 0 ? typeof use === 'string' && MAP_USE_DEFAULT_THEME[use] : _this$asProps3$theme,
|
|
121
|
+
loading = _this$asProps3.loading,
|
|
122
|
+
_this$asProps3$disabl = _this$asProps3.disabled,
|
|
123
|
+
disabled = _this$asProps3$disabl === void 0 ? loading : _this$asProps3$disabl,
|
|
124
|
+
size = _this$asProps3.size,
|
|
125
|
+
neighborLocation = _this$asProps3.neighborLocation,
|
|
126
|
+
hasChildren = _this$asProps3.children,
|
|
127
|
+
title = _this$asProps3.title,
|
|
128
|
+
ariaLabel = _this$asProps3['aria-label'],
|
|
129
|
+
Children = _this$asProps3.Children,
|
|
130
|
+
AddonLeft = _this$asProps3.addonLeft,
|
|
131
|
+
AddonRight = _this$asProps3.addonRight,
|
|
132
|
+
hintPlacement = _this$asProps3.hintPlacement;
|
|
128
133
|
// @ts-ignore
|
|
129
134
|
var Button = this[_core.CORE_INSTANCE];
|
|
130
135
|
var useTheme = use && theme ? "".concat(use, "-").concat(theme) : false;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AbstractButton.js","names":["_core","require","_addonTextChildren","_interopRequireDefault","_hasLabels","_logger","_flexBox","_neighborLocation","_tooltip","_react","_SpinButton","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","MAP_USE_DEFAULT_THEME","exports","primary","secondary","tertiary","AbstractButton","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","React","createRef","ariaLabelledByContent","_inherits2","_createClass2","key","value","getTextProps","size","asProps","getAddonProps","componentDidMount","_this2","process","env","NODE_ENV","logger","warn","containerRef","current","hasLabels","title","displayName","theme","ariaLabelledby","setTimeout","_document$getElementB","_document$getElementB2","setState","document","getElementById","textContent","renderButton","_ref6","_ref","_ref3","buttonProps","children","styles","SButton","Box","sstyled","createElement","cn","_objectSpread2","assignProps","renderButtonWithHint","_ref7","_ref2","_ref4","hintProps","Hint","render","_ref8","_ref9","_this3","_this$asProps","use","_this$asProps$theme","loading","_this$asProps$disable","disabled","neighborLocation","hasChildren","ariaLabel","Children","AddonLeft","addonLeft","AddonRight","addonRight","hintPlacement","Button","CORE_INSTANCE","useTheme","SInner","SSpin","buttonAriaLabel","state","getTextColor","timeout","placement","undefined","__excludeProps","Detect","_ref5","Fragment","Addon","addonTextChildren","Text","Component"],"sources":["../../../../src/component/AbstractButton/AbstractButton.tsx"],"sourcesContent":["import { Component, CORE_INSTANCE, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport hasLabels from '@semcore/core/lib/utils/hasLabels';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport { Hint } from '@semcore/tooltip';\nimport React from 'react';\n\nimport type { AbstractButtonProps } from './AbstractButton.type';\nimport SpinButton from './SpinButton';\n\nexport const MAP_USE_DEFAULT_THEME: Record<string, string> = {\n primary: 'info',\n secondary: 'muted',\n tertiary: 'info',\n};\n\ntype Props = AbstractButtonProps<any, any, any>;\n\nexport abstract class AbstractButton extends Component<Props, {}, {}> {\n static displayName = 'AbstractButton';\n\n containerRef = React.createRef<HTMLButtonElement>();\n\n state = {\n ariaLabelledByContent: null,\n };\n\n protected abstract getTextColor(): string | undefined;\n\n getTextProps() {\n const { size } = this.asProps;\n\n return {\n size,\n };\n }\n\n getAddonProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n componentDidMount() {\n if (process.env.NODE_ENV !== 'production') {\n logger.warn(\n this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title,\n `'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n this.asProps['data-ui-name'] || AbstractButton.displayName,\n );\n\n logger.warn(\n this.asProps.theme === 'warning',\n 'Warning theme is deprecated and will be removed in the next major release.',\n this.asProps['data-ui-name'] || AbstractButton.displayName,\n );\n }\n\n const ariaLabelledby = this.asProps['aria-labelledby'];\n\n if (ariaLabelledby) {\n setTimeout(() => {\n this.setState({\n ariaLabelledByContent: document.getElementById(ariaLabelledby)?.textContent ?? '',\n });\n }, 0);\n }\n }\n\n renderButton({ buttonProps, children }: any) {\n const { styles } = this.asProps;\n const SButton = Root;\n\n return sstyled(styles)(\n <SButton render={Box} {...buttonProps}>\n {children}\n </SButton>,\n );\n }\n\n renderButtonWithHint({ buttonProps, children, hintProps }: any) {\n const { styles } = this.asProps;\n const SButton = Root;\n\n return sstyled(styles)(\n <SButton render={Hint} {...buttonProps} {...hintProps} ignorePortalsStacking>\n {children}\n </SButton>,\n );\n }\n\n render() {\n const {\n styles,\n use,\n theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],\n loading,\n disabled = loading,\n size,\n neighborLocation,\n children: hasChildren,\n title,\n ['aria-label']: ariaLabel,\n Children,\n addonLeft: AddonLeft,\n addonRight: AddonRight,\n hintPlacement,\n } = this.asProps;\n // @ts-ignore\n const Button = this[CORE_INSTANCE];\n const useTheme = use && theme ? `${use}-${theme}` : false;\n const SInner = Box;\n const SSpin = Box;\n const buttonAriaLabel = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n const buttonProps: Record<string, any> = {\n 'type': 'button',\n 'tag': 'button',\n disabled,\n 'use:theme': useTheme,\n 'ref': this.containerRef,\n 'text-color': this.getTextColor(),\n 'aria-busy': loading,\n '__excludeProps': ['title'],\n 'tabIndex': 0,\n };\n\n const hintProps = {\n title: buttonAriaLabel,\n timeout: [250, 50],\n placement: hintPlacement,\n theme: theme === 'invert' ? 'invert' : undefined,\n __excludeProps: [],\n };\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) => {\n const children = sstyled(styles)(\n <>\n {/* @ts-ignore */}\n <SInner tag='span' loading={loading}>\n {AddonLeft\n ? (\n <Button.Addon>\n <AddonLeft />\n </Button.Addon>\n )\n : null}\n {addonTextChildren(Children, Button.Text, Button.Addon)}\n {AddonRight\n ? (\n <Button.Addon>\n <AddonRight />\n </Button.Addon>\n )\n : null}\n </SInner>\n {loading && (\n <SSpin tag='span'>\n <SpinButton centered size={size} theme={useTheme} />\n </SSpin>\n )}\n </>,\n );\n buttonProps.neighborLocation = neighborLocation;\n\n if (hasChildren === undefined || title) {\n return this.renderButtonWithHint({ buttonProps, hintProps, children });\n }\n\n return this.renderButton({ buttonProps, children });\n }}\n </NeighborLocation.Detect>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"AbstractButton.js","names":["_core","require","_addonTextChildren","_interopRequireDefault","_hasLabels","_logger","_flexBox","_neighborLocation","_tooltip","_react","_SpinButton","MAP_USE_DEFAULT_THEME","exports","primary","secondary","tertiary","AbstractButton","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","React","createRef","ariaLabelledByContent","_inherits2","_createClass2","key","value","getTextProps","size","asProps","getAddonProps","componentDidMount","_this2","process","env","NODE_ENV","logger","warn","containerRef","current","hasLabels","title","displayName","theme","ariaLabelledby","setTimeout","_document$getElementB","_document$getElementB2","setState","document","getElementById","textContent","renderButton","_ref6","_ref","_ref3","buttonProps","children","_this$asProps","styles","SButton","Box","sstyled","createElement","cn","_objectSpread2","assignProps","renderButtonWithHint","_ref7","_ref2","_ref4","hintProps","_this$asProps2","Hint","render","_ref8","_ref9","_this3","_this$asProps3","use","_this$asProps3$theme","loading","_this$asProps3$disabl","disabled","neighborLocation","hasChildren","ariaLabel","Children","AddonLeft","addonLeft","AddonRight","addonRight","hintPlacement","Button","CORE_INSTANCE","useTheme","SInner","SSpin","buttonAriaLabel","state","getTextColor","timeout","placement","undefined","__excludeProps","Detect","_ref5","Fragment","Addon","addonTextChildren","Text","Component"],"sources":["../../../../src/component/AbstractButton/AbstractButton.tsx"],"sourcesContent":["import { Component, CORE_INSTANCE, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport hasLabels from '@semcore/core/lib/utils/hasLabels';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport { Hint } from '@semcore/tooltip';\nimport React from 'react';\n\nimport type { AbstractButtonProps } from './AbstractButton.type';\nimport SpinButton from './SpinButton';\n\nexport const MAP_USE_DEFAULT_THEME: Record<string, string> = {\n primary: 'info',\n secondary: 'muted',\n tertiary: 'info',\n};\n\ntype Props = AbstractButtonProps<any, any, any>;\n\nexport abstract class AbstractButton extends Component<Props, {}, {}> {\n static displayName = 'AbstractButton';\n\n containerRef = React.createRef<HTMLButtonElement>();\n\n state = {\n ariaLabelledByContent: null,\n };\n\n protected abstract getTextColor(): string | undefined;\n\n getTextProps() {\n const { size } = this.asProps;\n\n return {\n size,\n };\n }\n\n getAddonProps() {\n const { size } = this.asProps;\n return {\n size,\n };\n }\n\n componentDidMount() {\n if (process.env.NODE_ENV !== 'production') {\n logger.warn(\n this.containerRef.current && !hasLabels(this.containerRef.current) && !this.asProps.title,\n `'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n this.asProps['data-ui-name'] || AbstractButton.displayName,\n );\n\n logger.warn(\n this.asProps.theme === 'warning',\n 'Warning theme is deprecated and will be removed in the next major release.',\n this.asProps['data-ui-name'] || AbstractButton.displayName,\n );\n }\n\n const ariaLabelledby = this.asProps['aria-labelledby'];\n\n if (ariaLabelledby) {\n setTimeout(() => {\n this.setState({\n ariaLabelledByContent: document.getElementById(ariaLabelledby)?.textContent ?? '',\n });\n }, 0);\n }\n }\n\n renderButton({ buttonProps, children }: any) {\n const { styles, theme } = this.asProps;\n const SButton = Root;\n\n return sstyled(styles)(\n <SButton render={Box} invertOutline={theme === 'invert'} {...buttonProps}>\n {children}\n </SButton>,\n );\n }\n\n renderButtonWithHint({ buttonProps, children, hintProps }: any) {\n const { styles, theme } = this.asProps;\n const SButton = Root;\n\n return sstyled(styles)(\n <SButton render={Hint} invertOutline={theme === 'invert'} {...buttonProps} {...hintProps} ignorePortalsStacking>\n {children}\n </SButton>,\n );\n }\n\n render() {\n const {\n styles,\n use,\n theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],\n loading,\n disabled = loading,\n size,\n neighborLocation,\n children: hasChildren,\n title,\n ['aria-label']: ariaLabel,\n Children,\n addonLeft: AddonLeft,\n addonRight: AddonRight,\n hintPlacement,\n } = this.asProps;\n // @ts-ignore\n const Button = this[CORE_INSTANCE];\n const useTheme = use && theme ? `${use}-${theme}` : false;\n const SInner = Box;\n const SSpin = Box;\n const buttonAriaLabel = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n const buttonProps: Record<string, any> = {\n 'type': 'button',\n 'tag': 'button',\n disabled,\n 'use:theme': useTheme,\n 'ref': this.containerRef,\n 'text-color': this.getTextColor(),\n 'aria-busy': loading,\n '__excludeProps': ['title'],\n 'tabIndex': 0,\n };\n\n const hintProps = {\n title: buttonAriaLabel,\n timeout: [250, 50],\n placement: hintPlacement,\n theme: theme === 'invert' ? 'invert' : undefined,\n __excludeProps: [],\n };\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) => {\n const children = sstyled(styles)(\n <>\n {/* @ts-ignore */}\n <SInner tag='span' loading={loading}>\n {AddonLeft\n ? (\n <Button.Addon>\n <AddonLeft />\n </Button.Addon>\n )\n : null}\n {addonTextChildren(Children, Button.Text, Button.Addon)}\n {AddonRight\n ? (\n <Button.Addon>\n <AddonRight />\n </Button.Addon>\n )\n : null}\n </SInner>\n {loading && (\n <SSpin tag='span'>\n <SpinButton centered size={size} theme={useTheme} />\n </SSpin>\n )}\n </>,\n );\n buttonProps.neighborLocation = neighborLocation;\n\n if (hasChildren === undefined || title) {\n return this.renderButtonWithHint({ buttonProps, hintProps, children });\n }\n\n return this.renderButton({ buttonProps, children });\n }}\n </NeighborLocation.Detect>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -8,51 +8,48 @@ exports["default"] = void 0;
|
|
|
8
8
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
9
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
10
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
11
|
-
var
|
|
12
|
-
var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
|
|
13
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
11
|
+
var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
|
|
14
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
16
14
|
var _core = require("@semcore/core");
|
|
17
15
|
var _flexBox = require("@semcore/flex-box");
|
|
18
16
|
var _react = _interopRequireDefault(require("react"));
|
|
19
17
|
var _AbstractButton2 = require("../AbstractButton/AbstractButton");
|
|
20
|
-
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
21
18
|
/*!__reshadow-styles__:"./button.shadow.css"*/
|
|
22
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButton_1lsgt_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;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_1lsgt_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_1lsgt_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1lsgt_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_1lsgt_gg_.__disabled_1lsgt_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_1lsgt_gg_._size_s_1lsgt_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_1lsgt_gg_._size_m_1lsgt_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_1lsgt_gg_._size_l_1lsgt_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_1lsgt_gg_._theme_primary-info_1lsgt_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_1lsgt_gg_._theme_primary-info_1lsgt_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_1lsgt_gg_._theme_primary-info_1lsgt_gg_.__active_1lsgt_gg_,.___SButton_1lsgt_gg_._theme_primary-info_1lsgt_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_1lsgt_gg_._theme_primary-success_1lsgt_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_1lsgt_gg_._theme_primary-success_1lsgt_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_1lsgt_gg_._theme_primary-success_1lsgt_gg_.__active_1lsgt_gg_,.___SButton_1lsgt_gg_._theme_primary-success_1lsgt_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_1lsgt_gg_._theme_primary-brand_1lsgt_gg_,.___SButton_1lsgt_gg_._theme_primary-warning_1lsgt_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_1lsgt_gg_._theme_primary-brand_1lsgt_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_1lsgt_gg_._theme_primary-brand_1lsgt_gg_.__active_1lsgt_gg_,.___SButton_1lsgt_gg_._theme_primary-brand_1lsgt_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_1lsgt_gg_._theme_primary-warning_1lsgt_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_1lsgt_gg_._theme_primary-warning_1lsgt_gg_.__active_1lsgt_gg_,.___SButton_1lsgt_gg_._theme_primary-warning_1lsgt_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_1lsgt_gg_._theme_primary-danger_1lsgt_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_1lsgt_gg_._theme_primary-danger_1lsgt_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_1lsgt_gg_._theme_primary-danger_1lsgt_gg_.__active_1lsgt_gg_,.___SButton_1lsgt_gg_._theme_primary-danger_1lsgt_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_1lsgt_gg_._theme_primary-invert_1lsgt_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_1lsgt_gg_._theme_primary-invert_1lsgt_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_1lsgt_gg_._theme_primary-invert_1lsgt_gg_.__active_1lsgt_gg_,.___SButton_1lsgt_gg_._theme_primary-invert_1lsgt_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_1lsgt_gg_._theme_secondary-muted_1lsgt_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_1lsgt_gg_._theme_secondary-muted_1lsgt_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1lsgt_gg_._theme_secondary-muted_1lsgt_gg_.__active_1lsgt_gg_,.___SButton_1lsgt_gg_._theme_secondary-muted_1lsgt_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_1lsgt_gg_._theme_secondary-info_1lsgt_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_1lsgt_gg_._theme_secondary-info_1lsgt_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1lsgt_gg_._theme_secondary-info_1lsgt_gg_.__active_1lsgt_gg_,.___SButton_1lsgt_gg_._theme_secondary-info_1lsgt_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1lsgt_gg_._theme_secondary-invert_1lsgt_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_1lsgt_gg_._theme_secondary-invert_1lsgt_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1lsgt_gg_._theme_secondary-invert_1lsgt_gg_.__active_1lsgt_gg_,.___SButton_1lsgt_gg_._theme_secondary-invert_1lsgt_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_1lsgt_gg_._theme_tertiary-info_1lsgt_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_1lsgt_gg_._theme_tertiary-info_1lsgt_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1lsgt_gg_._theme_tertiary-info_1lsgt_gg_.__active_1lsgt_gg_,.___SButton_1lsgt_gg_._theme_tertiary-info_1lsgt_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1lsgt_gg_._theme_tertiary-muted_1lsgt_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_1lsgt_gg_._theme_tertiary-muted_1lsgt_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1lsgt_gg_._theme_tertiary-muted_1lsgt_gg_.__active_1lsgt_gg_,.___SButton_1lsgt_gg_._theme_tertiary-muted_1lsgt_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_1lsgt_gg_._theme_tertiary-invert_1lsgt_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_1lsgt_gg_._theme_tertiary-invert_1lsgt_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1lsgt_gg_._theme_tertiary-invert_1lsgt_gg_.__active_1lsgt_gg_,.___SButton_1lsgt_gg_._theme_tertiary-invert_1lsgt_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_1lsgt_gg_._neighborLocation_right_1lsgt_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_1lsgt_gg_._neighborLocation_both_1lsgt_gg_{border-radius:0;margin-left:-1px}.___SButton_1lsgt_gg_._neighborLocation_left_1lsgt_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_1lsgt_gg_._neighborLocation_both_1lsgt_gg_,.___SButton_1lsgt_gg_._neighborLocation_left_1lsgt_gg_{position:relative}.___SButton_1lsgt_gg_._neighborLocation_both_1lsgt_gg_:after,.___SButton_1lsgt_gg_._neighborLocation_left_1lsgt_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_1lsgt_gg_._neighborLocation_both_1lsgt_gg_._theme_secondary-muted_1lsgt_gg_:after,.___SButton_1lsgt_gg_._neighborLocation_left_1lsgt_gg_._theme_secondary-muted_1lsgt_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_1lsgt_gg_+.___SButton_1lsgt_gg_._neighborLocation_both_1lsgt_gg_:after,.___SButton_1lsgt_gg_+.___SButton_1lsgt_gg_._neighborLocation_left_1lsgt_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_1lsgt_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_1lsgt_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_1lsgt_gg_.__loading_1lsgt_gg_{visibility:hidden}.___SText_1lsgt_gg_{display:inline-flex}.___SText_1lsgt_gg_._size_l_1lsgt_gg_,.___SText_1lsgt_gg_._size_m_1lsgt_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_1lsgt_gg_._size_m_1lsgt_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_1lsgt_gg_._size_l_1lsgt_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_1lsgt_gg_._size_l_1lsgt_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_1lsgt_gg_._size_l_1lsgt_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_1lsgt_gg_._size_l_1lsgt_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_1lsgt_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_1lsgt_gg_._size_m_1lsgt_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1lsgt_gg_._size_m_1lsgt_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1lsgt_gg_._size_m_1lsgt_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_1lsgt_gg_._size_l_1lsgt_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1lsgt_gg_._size_l_1lsgt_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1lsgt_gg_._size_l_1lsgt_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__*/"1lsgt_gg_"),
|
|
19
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButton_1p10m_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;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_1p10m_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_1p10m_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1p10m_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_1p10m_gg_.__disabled_1p10m_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_1p10m_gg_._size_s_1p10m_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_1p10m_gg_._size_m_1p10m_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_1p10m_gg_._size_l_1p10m_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_1p10m_gg_._theme_primary-info_1p10m_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_1p10m_gg_._theme_primary-info_1p10m_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_1p10m_gg_._theme_primary-info_1p10m_gg_.__active_1p10m_gg_,.___SButton_1p10m_gg_._theme_primary-info_1p10m_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_1p10m_gg_._theme_primary-success_1p10m_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_1p10m_gg_._theme_primary-success_1p10m_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_1p10m_gg_._theme_primary-success_1p10m_gg_.__active_1p10m_gg_,.___SButton_1p10m_gg_._theme_primary-success_1p10m_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_1p10m_gg_._theme_primary-brand_1p10m_gg_,.___SButton_1p10m_gg_._theme_primary-warning_1p10m_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_1p10m_gg_._theme_primary-brand_1p10m_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_1p10m_gg_._theme_primary-brand_1p10m_gg_.__active_1p10m_gg_,.___SButton_1p10m_gg_._theme_primary-brand_1p10m_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}@media (hover:hover){.___SButton_1p10m_gg_._theme_primary-warning_1p10m_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_1p10m_gg_._theme_primary-warning_1p10m_gg_.__active_1p10m_gg_,.___SButton_1p10m_gg_._theme_primary-warning_1p10m_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #8b1500)}.___SButton_1p10m_gg_._theme_primary-danger_1p10m_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_1p10m_gg_._theme_primary-danger_1p10m_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_1p10m_gg_._theme_primary-danger_1p10m_gg_.__active_1p10m_gg_,.___SButton_1p10m_gg_._theme_primary-danger_1p10m_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_1p10m_gg_._theme_primary-invert_1p10m_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_1p10m_gg_._theme_primary-invert_1p10m_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_1p10m_gg_._theme_primary-invert_1p10m_gg_.__active_1p10m_gg_,.___SButton_1p10m_gg_._theme_primary-invert_1p10m_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_1p10m_gg_._theme_secondary-muted_1p10m_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_1p10m_gg_._theme_secondary-muted_1p10m_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1p10m_gg_._theme_secondary-muted_1p10m_gg_.__active_1p10m_gg_,.___SButton_1p10m_gg_._theme_secondary-muted_1p10m_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_1p10m_gg_._theme_secondary-info_1p10m_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_1p10m_gg_._theme_secondary-info_1p10m_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1p10m_gg_._theme_secondary-info_1p10m_gg_.__active_1p10m_gg_,.___SButton_1p10m_gg_._theme_secondary-info_1p10m_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1p10m_gg_._theme_secondary-invert_1p10m_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_1p10m_gg_._theme_secondary-invert_1p10m_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1p10m_gg_._theme_secondary-invert_1p10m_gg_.__active_1p10m_gg_,.___SButton_1p10m_gg_._theme_secondary-invert_1p10m_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_1p10m_gg_._theme_tertiary-info_1p10m_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_1p10m_gg_._theme_tertiary-info_1p10m_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1p10m_gg_._theme_tertiary-info_1p10m_gg_.__active_1p10m_gg_,.___SButton_1p10m_gg_._theme_tertiary-info_1p10m_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1p10m_gg_._theme_tertiary-muted_1p10m_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_1p10m_gg_._theme_tertiary-muted_1p10m_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1p10m_gg_._theme_tertiary-muted_1p10m_gg_.__active_1p10m_gg_,.___SButton_1p10m_gg_._theme_tertiary-muted_1p10m_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_1p10m_gg_._theme_tertiary-invert_1p10m_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_1p10m_gg_._theme_tertiary-invert_1p10m_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1p10m_gg_._theme_tertiary-invert_1p10m_gg_.__active_1p10m_gg_,.___SButton_1p10m_gg_._theme_tertiary-invert_1p10m_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_1p10m_gg_._neighborLocation_right_1p10m_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_1p10m_gg_._neighborLocation_both_1p10m_gg_{border-radius:0;margin-left:-1px}.___SButton_1p10m_gg_._neighborLocation_left_1p10m_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_1p10m_gg_._neighborLocation_both_1p10m_gg_,.___SButton_1p10m_gg_._neighborLocation_left_1p10m_gg_{position:relative}.___SButton_1p10m_gg_._neighborLocation_both_1p10m_gg_:after,.___SButton_1p10m_gg_._neighborLocation_left_1p10m_gg_:after{background-color:var(--intergalactic-border-primary-invert, #ffffff)}.___SButton_1p10m_gg_._neighborLocation_both_1p10m_gg_._theme_secondary-muted_1p10m_gg_:after,.___SButton_1p10m_gg_._neighborLocation_left_1p10m_gg_._theme_secondary-muted_1p10m_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_1p10m_gg_+.___SButton_1p10m_gg_._neighborLocation_both_1p10m_gg_:after,.___SButton_1p10m_gg_+.___SButton_1p10m_gg_._neighborLocation_left_1p10m_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_1p10m_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_1p10m_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_1p10m_gg_.__loading_1p10m_gg_{visibility:hidden}.___SText_1p10m_gg_{display:inline-flex}.___SText_1p10m_gg_._size_l_1p10m_gg_,.___SText_1p10m_gg_._size_m_1p10m_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_1p10m_gg_._size_m_1p10m_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_1p10m_gg_._size_l_1p10m_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_1p10m_gg_._size_l_1p10m_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_1p10m_gg_._size_l_1p10m_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_1p10m_gg_._size_l_1p10m_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_1p10m_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_1p10m_gg_._size_m_1p10m_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1p10m_gg_._size_m_1p10m_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1p10m_gg_._size_m_1p10m_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_1p10m_gg_._size_l_1p10m_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1p10m_gg_._size_l_1p10m_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1p10m_gg_._size_l_1p10m_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__*/"1p10m_gg_"),
|
|
23
20
|
/*__reshadow_css_end__*/
|
|
24
21
|
{
|
|
25
|
-
"__SButton": "
|
|
26
|
-
"_disabled": "
|
|
27
|
-
"_size_s": "
|
|
28
|
-
"_size_m": "
|
|
29
|
-
"_size_l": "
|
|
30
|
-
"_neighborLocation_right": "
|
|
31
|
-
"_neighborLocation_both": "
|
|
32
|
-
"_neighborLocation_left": "
|
|
33
|
-
"__SSpin": "
|
|
34
|
-
"__SInner": "
|
|
35
|
-
"_loading": "
|
|
36
|
-
"__SText": "
|
|
37
|
-
"__SAddon": "
|
|
38
|
-
"_theme_primary-info": "_theme_primary-
|
|
39
|
-
"_active": "
|
|
40
|
-
"_theme_primary-success": "_theme_primary-
|
|
41
|
-
"_theme_primary-brand": "_theme_primary-
|
|
42
|
-
"_theme_primary-warning": "_theme_primary-
|
|
43
|
-
"_theme_primary-danger": "_theme_primary-
|
|
44
|
-
"_theme_primary-invert": "_theme_primary-
|
|
45
|
-
"_theme_secondary-muted": "_theme_secondary-
|
|
46
|
-
"_theme_secondary-info": "_theme_secondary-
|
|
47
|
-
"_theme_secondary-invert": "_theme_secondary-
|
|
48
|
-
"_theme_tertiary-info": "_theme_tertiary-
|
|
49
|
-
"_theme_tertiary-muted": "_theme_tertiary-
|
|
50
|
-
"_theme_tertiary-invert": "_theme_tertiary-
|
|
22
|
+
"__SButton": "___SButton_1p10m_gg_",
|
|
23
|
+
"_disabled": "__disabled_1p10m_gg_",
|
|
24
|
+
"_size_s": "_size_s_1p10m_gg_",
|
|
25
|
+
"_size_m": "_size_m_1p10m_gg_",
|
|
26
|
+
"_size_l": "_size_l_1p10m_gg_",
|
|
27
|
+
"_neighborLocation_right": "_neighborLocation_right_1p10m_gg_",
|
|
28
|
+
"_neighborLocation_both": "_neighborLocation_both_1p10m_gg_",
|
|
29
|
+
"_neighborLocation_left": "_neighborLocation_left_1p10m_gg_",
|
|
30
|
+
"__SSpin": "___SSpin_1p10m_gg_",
|
|
31
|
+
"__SInner": "___SInner_1p10m_gg_",
|
|
32
|
+
"_loading": "__loading_1p10m_gg_",
|
|
33
|
+
"__SText": "___SText_1p10m_gg_",
|
|
34
|
+
"__SAddon": "___SAddon_1p10m_gg_",
|
|
35
|
+
"_theme_primary-info": "_theme_primary-info_1p10m_gg_",
|
|
36
|
+
"_active": "__active_1p10m_gg_",
|
|
37
|
+
"_theme_primary-success": "_theme_primary-success_1p10m_gg_",
|
|
38
|
+
"_theme_primary-brand": "_theme_primary-brand_1p10m_gg_",
|
|
39
|
+
"_theme_primary-warning": "_theme_primary-warning_1p10m_gg_",
|
|
40
|
+
"_theme_primary-danger": "_theme_primary-danger_1p10m_gg_",
|
|
41
|
+
"_theme_primary-invert": "_theme_primary-invert_1p10m_gg_",
|
|
42
|
+
"_theme_secondary-muted": "_theme_secondary-muted_1p10m_gg_",
|
|
43
|
+
"_theme_secondary-info": "_theme_secondary-info_1p10m_gg_",
|
|
44
|
+
"_theme_secondary-invert": "_theme_secondary-invert_1p10m_gg_",
|
|
45
|
+
"_theme_tertiary-info": "_theme_tertiary-info_1p10m_gg_",
|
|
46
|
+
"_theme_tertiary-muted": "_theme_tertiary-muted_1p10m_gg_",
|
|
47
|
+
"_theme_tertiary-invert": "_theme_tertiary-invert_1p10m_gg_"
|
|
51
48
|
});
|
|
52
49
|
var RootButton = /*#__PURE__*/function (_AbstractButton) {
|
|
53
50
|
function RootButton() {
|
|
54
51
|
(0, _classCallCheck2["default"])(this, RootButton);
|
|
55
|
-
return
|
|
52
|
+
return (0, _callSuper2["default"])(this, RootButton, arguments);
|
|
56
53
|
}
|
|
57
54
|
(0, _inherits2["default"])(RootButton, _AbstractButton);
|
|
58
55
|
return (0, _createClass2["default"])(RootButton, [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","names":["_core","require","_flexBox","_react","_interopRequireDefault","_AbstractButton2","
|
|
1
|
+
{"version":3,"file":"Button.js","names":["_core","require","_flexBox","_react","_interopRequireDefault","_AbstractButton2","style","sstyled","insert","RootButton","_AbstractButton","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","getTextColor","undefined","AbstractButton","_defineProperty2","use","size","Text","props","_ref","arguments[0]","_ref3","SText","Box","styles","createElement","cn","_objectSpread2","assignProps","Addon","_ref2","_ref4","SAddon","Button","createComponent","_default","exports"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import { createComponent, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport React from 'react';\n\nimport style from './button.shadow.css';\nimport type { ButtonAddonProps, ButtonComponent, ButtonTextProps } from './Button.type';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\n\nclass RootButton extends AbstractButton {\n static displayName = 'Button';\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n };\n\n protected getTextColor(): string | undefined {\n return undefined;\n }\n}\n\nfunction Text(props: ButtonTextProps) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonAddonProps) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst Button = createComponent(RootButton, {\n Text,\n Addon,\n}) as ButtonComponent;\n\nexport default Button;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAIA,IAAAI,gBAAA,GAAAJ,OAAA;AAAkE;AAAA,IAAAK,KAAA,8BAAAN,KAAA,CAAAO,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAE5DC,UAAU,0BAAAC,eAAA;EAAA,SAAAD,WAAA;IAAA,IAAAE,gBAAA,mBAAAF,UAAA;IAAA,WAAAG,WAAA,mBAAAH,UAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAL,UAAA,EAAAC,eAAA;EAAA,WAAAK,aAAA,aAAAN,UAAA;IAAAO,GAAA;IAAAC,KAAA,EAQd,SAAUC,YAAYA,CAAA,EAAuB;MAC3C,OAAOC,SAAS;IAClB;EAAC;AAAA,EAVsBC,+BAAc;AAAA,IAAAC,gBAAA,aAAjCZ,UAAU,iBACO,QAAQ;AAAA,IAAAY,gBAAA,aADzBZ,UAAU,WAECH,KAAK;AAAA,IAAAe,gBAAA,aAFhBZ,UAAU,kBAGQ;EACpBa,GAAG,EAAE,WAAW;EAChBC,IAAI,EAAE;AACR,CAAC;AAOH,SAASC,IAAIA,CAACC,KAAsB,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACpC,IAAMC,KAAK,GACiCC,YAAG;EAA/C,OAAAF,KAAA,GAAO,IAAArB,aAAO,EAACkB,KAAK,CAACM,MAAM,CAAC,eAAC5B,MAAA,YAAA6B,aAAA,CAACH,KAAK,EAAAD,KAAA,CAAAK,EAAA,cAAAC,cAAA,qBAAAlC,KAAA,CAAAmC,WAAA;IAAA,OAAkB;EAAM,GAAAT,IAAA,GAAE,CAAC;AAChE;AAEA,SAASU,KAAKA,CAACX,KAAuB,EAAE;EAAA,IAAAY,KAAA,GAAAV,YAAA;IAAAW,KAAA;EACtC,IAAMC,MAAM,GACiCT,YAAG;EAAhD,OAAAQ,KAAA,GAAO,IAAA/B,aAAO,EAACkB,KAAK,CAACM,MAAM,CAAC,eAAC5B,MAAA,YAAA6B,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,eAAAC,cAAA,qBAAAlC,KAAA,CAAAmC,WAAA;IAAA,OAAkB;EAAM,GAAAE,KAAA,GAAE,CAAC;AACjE;AAEA,IAAMG,MAAM,GAAG,IAAAC,qBAAe,EAAChC,UAAU,EAAE;EACzCe,IAAI,EAAJA,IAAI;EACJY,KAAK,EAALA;AACF,CAAC,CAAoB;AAAC,IAAAM,QAAA,GAAAC,OAAA,cAEPH,MAAM","ignoreList":[]}
|
|
@@ -8,9 +8,7 @@ exports.ButtonLink = void 0;
|
|
|
8
8
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
9
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
10
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
11
|
-
var
|
|
12
|
-
var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
|
|
13
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
11
|
+
var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
|
|
14
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
16
14
|
var _core = require("@semcore/core");
|
|
@@ -18,29 +16,28 @@ var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/uti
|
|
|
18
16
|
var _flexBox = require("@semcore/flex-box");
|
|
19
17
|
var _react = _interopRequireDefault(require("react"));
|
|
20
18
|
var _AbstractButton2 = require("../AbstractButton/AbstractButton");
|
|
21
|
-
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
22
19
|
/*!__reshadow-styles__:"./buttonLink.shadow.css"*/
|
|
23
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
20
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButton_95e59_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;background:0 0;transition:color .15s ease-in-out}.___SButton_95e59_gg_,.___SButton_95e59_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_95e59_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SButton_95e59_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_95e59_gg_.__active_95e59_gg_,.___SButton_95e59_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_95e59_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_95e59_gg_.__active_95e59_gg_ .___SText_95e59_gg_,.___SButton_95e59_gg_:active .___SText_95e59_gg_{border-color:currentColor}@media (hover:hover){.___SButton_95e59_gg_:hover .___SText_95e59_gg_{border-color:currentColor}}.___SButton_95e59_gg_.__enableVisited_95e59_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_95e59_gg_.__enableVisited_95e59_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_95e59_gg_ .___SText_95e59_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_95e59_gg_.__disabled_95e59_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_95e59_gg_._use_secondary_95e59_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_95e59_gg_._use_secondary_95e59_gg_.__active_95e59_gg_,.___SButton_95e59_gg_._use_secondary_95e59_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_95e59_gg_._use_secondary_95e59_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_95e59_gg_._use_secondary_95e59_gg_ .___SText_95e59_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_95e59_gg_,.___SInner_95e59_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_95e59_gg_{height:100%;width:100%}.___SAddon_95e59_gg_{vertical-align:middle;pointer-events:none}.___SButton_95e59_gg_ .___SAddon_95e59_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_95e59_gg_ .___SAddon_95e59_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_95e59_gg_.__text-color_95e59_gg_{color:var(--text-color_95e59)}.___SButton_95e59_gg_.__text-color_95e59_gg_.__active_95e59_gg_,.___SButton_95e59_gg_.__text-color_95e59_gg_:active{color:var(--text-color_95e59);filter:brightness(.8)}@media (hover:hover){.___SButton_95e59_gg_.__text-color_95e59_gg_:hover{color:var(--text-color_95e59);filter:brightness(.8)}}.___SButton_95e59_gg_._size_100_95e59_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_95e59_gg_._size_200_95e59_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_95e59_gg_._size_300_95e59_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_95e59_gg_._size_400_95e59_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_95e59_gg_._size_500_95e59_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_95e59_gg_._size_600_95e59_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_95e59_gg_._size_700_95e59_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_95e59_gg_._size_800_95e59_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_95e59_gg_,.___SText_95e59_gg_{transition:none}}", /*__inner_css_end__*/"95e59_gg_"),
|
|
24
21
|
/*__reshadow_css_end__*/
|
|
25
22
|
{
|
|
26
|
-
"__SButton": "
|
|
27
|
-
"_disabled": "
|
|
28
|
-
"__SInner": "
|
|
29
|
-
"__SAddon": "
|
|
30
|
-
"_size_100": "
|
|
31
|
-
"_size_200": "
|
|
32
|
-
"_size_300": "
|
|
33
|
-
"_size_400": "
|
|
34
|
-
"_size_500": "
|
|
35
|
-
"_size_600": "
|
|
36
|
-
"_size_700": "
|
|
37
|
-
"_size_800": "
|
|
38
|
-
"__SText": "
|
|
39
|
-
"_active": "
|
|
40
|
-
"_enableVisited": "
|
|
41
|
-
"_use_secondary": "
|
|
42
|
-
"_text-color": "__text-
|
|
43
|
-
"--text-color": "--text-
|
|
23
|
+
"__SButton": "___SButton_95e59_gg_",
|
|
24
|
+
"_disabled": "__disabled_95e59_gg_",
|
|
25
|
+
"__SInner": "___SInner_95e59_gg_",
|
|
26
|
+
"__SAddon": "___SAddon_95e59_gg_",
|
|
27
|
+
"_size_100": "_size_100_95e59_gg_",
|
|
28
|
+
"_size_200": "_size_200_95e59_gg_",
|
|
29
|
+
"_size_300": "_size_300_95e59_gg_",
|
|
30
|
+
"_size_400": "_size_400_95e59_gg_",
|
|
31
|
+
"_size_500": "_size_500_95e59_gg_",
|
|
32
|
+
"_size_600": "_size_600_95e59_gg_",
|
|
33
|
+
"_size_700": "_size_700_95e59_gg_",
|
|
34
|
+
"_size_800": "_size_800_95e59_gg_",
|
|
35
|
+
"__SText": "___SText_95e59_gg_",
|
|
36
|
+
"_active": "__active_95e59_gg_",
|
|
37
|
+
"_enableVisited": "__enableVisited_95e59_gg_",
|
|
38
|
+
"_use_secondary": "_use_secondary_95e59_gg_",
|
|
39
|
+
"_text-color": "__text-color_95e59_gg_",
|
|
40
|
+
"--text-color": "--text-color_95e59"
|
|
44
41
|
});
|
|
45
42
|
var enhance = {
|
|
46
43
|
resolveColor: (0, _resolveColorEnhance["default"])()
|
|
@@ -48,7 +45,7 @@ var enhance = {
|
|
|
48
45
|
var RootButtonLink = /*#__PURE__*/function (_AbstractButton) {
|
|
49
46
|
function RootButtonLink() {
|
|
50
47
|
(0, _classCallCheck2["default"])(this, RootButtonLink);
|
|
51
|
-
return
|
|
48
|
+
return (0, _callSuper2["default"])(this, RootButtonLink, arguments);
|
|
52
49
|
}
|
|
53
50
|
(0, _inherits2["default"])(RootButtonLink, _AbstractButton);
|
|
54
51
|
return (0, _createClass2["default"])(RootButtonLink, [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonLink.js","names":["_core","require","_resolveColorEnhance","_interopRequireDefault","_flexBox","_react","_AbstractButton2","
|
|
1
|
+
{"version":3,"file":"ButtonLink.js","names":["_core","require","_resolveColorEnhance","_interopRequireDefault","_flexBox","_react","_AbstractButton2","style","sstyled","insert","enhance","resolveColor","resolveColorEnhance","RootButtonLink","_AbstractButton","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","getTextColor","_ref5","asProps","color","AbstractButton","_defineProperty2","Object","values","use","Text","props","_ref","arguments[0]","_ref3","SText","Box","styles","createElement","cn","_objectSpread2","assignProps","Addon","_ref2","_ref4","SAddon","ButtonLink","exports","createComponent"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import { createComponent, sstyled, Root } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { Box } from '@semcore/flex-box';\nimport React from 'react';\n\nimport style from './buttonLink.shadow.css';\nimport type { ButtonLinkAddonProps, ButtonLinkComponent, ButtonLinkTextProps } from './ButtonLink.type';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\n\nconst enhance = {\n resolveColor: resolveColorEnhance(),\n};\n\nclass RootButtonLink extends AbstractButton {\n static displayName = 'ButtonLink';\n static enhance = Object.values(enhance);\n static style = style;\n static defaultProps = {\n use: 'primary',\n };\n\n protected getTextColor(): string | undefined {\n const { color, resolveColor } = this.asProps as any;\n return resolveColor(color);\n }\n}\n\nfunction Text(props: ButtonLinkTextProps) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonLinkAddonProps) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nexport const ButtonLink = createComponent(RootButtonLink, {\n Text,\n Addon,\n}) as ButtonLinkComponent;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAF,sBAAA,CAAAF,OAAA;AAIA,IAAAK,gBAAA,GAAAL,OAAA;AAAkE;AAAA,IAAAM,KAAA,8BAAAP,KAAA,CAAAQ,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAElE,IAAMC,OAAO,GAAG;EACdC,YAAY,EAAE,IAAAC,+BAAmB,EAAC;AACpC,CAAC;AAAC,IAEIC,cAAc,0BAAAC,eAAA;EAAA,SAAAD,eAAA;IAAA,IAAAE,gBAAA,mBAAAF,cAAA;IAAA,WAAAG,WAAA,mBAAAH,cAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAL,cAAA,EAAAC,eAAA;EAAA,WAAAK,aAAA,aAAAN,cAAA;IAAAO,GAAA;IAAAC,KAAA,EAQlB,SAAUC,YAAYA,CAAA,EAAuB;MAC3C,IAAAC,KAAA,GAAgC,IAAI,CAACC,OAAO;QAApCC,KAAK,GAAAF,KAAA,CAALE,KAAK;QAAEd,YAAY,GAAAY,KAAA,CAAZZ,YAAY;MAC3B,OAAOA,YAAY,CAACc,KAAK,CAAC;IAC5B;EAAC;AAAA,EAX0BC,+BAAc;AAAA,IAAAC,gBAAA,aAArCd,cAAc,iBACG,YAAY;AAAA,IAAAc,gBAAA,aAD7Bd,cAAc,aAEDe,MAAM,CAACC,MAAM,CAACnB,OAAO,CAAC;AAAA,IAAAiB,gBAAA,aAFnCd,cAAc,WAGHN,KAAK;AAAA,IAAAoB,gBAAA,aAHhBd,cAAc,kBAII;EACpBiB,GAAG,EAAE;AACP,CAAC;AAQH,SAASC,IAAIA,CAACC,KAA0B,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxC,IAAMC,KAAK,GACiCC,YAAG;EAA/C,OAAAF,KAAA,GAAO,IAAA3B,aAAO,EAACwB,KAAK,CAACM,MAAM,CAAC,eAACjC,MAAA,YAAAkC,aAAA,CAACH,KAAK,EAAAD,KAAA,CAAAK,EAAA,cAAAC,cAAA,qBAAAzC,KAAA,CAAA0C,WAAA;IAAA,OAAkB;EAAM,GAAAT,IAAA,GAAE,CAAC;AAChE;AAEA,SAASU,KAAKA,CAACX,KAA2B,EAAE;EAAA,IAAAY,KAAA,GAAAV,YAAA;IAAAW,KAAA;EAC1C,IAAMC,MAAM,GACiCT,YAAG;EAAhD,OAAAQ,KAAA,GAAO,IAAArC,aAAO,EAACwB,KAAK,CAACM,MAAM,CAAC,eAACjC,MAAA,YAAAkC,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,eAAAC,cAAA,qBAAAzC,KAAA,CAAA0C,WAAA;IAAA,OAAkB;EAAM,GAAAE,KAAA,GAAE,CAAC;AACjE;AAEO,IAAMG,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,qBAAe,EAACpC,cAAc,EAAE;EACxDkB,IAAI,EAAJA,IAAI;EACJY,KAAK,EAALA;AACF,CAAC,CAAwB","ignoreList":[]}
|
|
@@ -1,14 +1,11 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
2
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
3
3
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
|
-
import
|
|
5
|
-
import _isNativeReflectConstruct from "@babel/runtime/helpers/isNativeReflectConstruct";
|
|
6
|
-
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
4
|
+
import _callSuper from "@babel/runtime/helpers/callSuper";
|
|
7
5
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
8
6
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
9
7
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
10
8
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
11
|
-
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
12
9
|
import { Component, CORE_INSTANCE, Root, sstyled } from '@semcore/core';
|
|
13
10
|
import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';
|
|
14
11
|
import hasLabels from '@semcore/core/lib/utils/hasLabels';
|
|
@@ -79,9 +76,13 @@ export var AbstractButton = /*#__PURE__*/function (_Component) {
|
|
|
79
76
|
_ref3;
|
|
80
77
|
var buttonProps = _ref6.buttonProps,
|
|
81
78
|
children = _ref6.children;
|
|
82
|
-
var
|
|
79
|
+
var _this$asProps = this.asProps,
|
|
80
|
+
styles = _this$asProps.styles,
|
|
81
|
+
theme = _this$asProps.theme;
|
|
83
82
|
var SButton = Box;
|
|
84
|
-
return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SButton, _ref3.cn("SButton", _objectSpread({}, _assignProps(_objectSpread({
|
|
83
|
+
return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SButton, _ref3.cn("SButton", _objectSpread({}, _assignProps(_objectSpread({
|
|
84
|
+
"invertOutline": theme === 'invert'
|
|
85
|
+
}, buttonProps), _ref))), children);
|
|
85
86
|
}
|
|
86
87
|
}, {
|
|
87
88
|
key: "renderButtonWithHint",
|
|
@@ -91,9 +92,13 @@ export var AbstractButton = /*#__PURE__*/function (_Component) {
|
|
|
91
92
|
var buttonProps = _ref7.buttonProps,
|
|
92
93
|
children = _ref7.children,
|
|
93
94
|
hintProps = _ref7.hintProps;
|
|
94
|
-
var
|
|
95
|
+
var _this$asProps2 = this.asProps,
|
|
96
|
+
styles = _this$asProps2.styles,
|
|
97
|
+
theme = _this$asProps2.theme;
|
|
95
98
|
var SButton = Hint;
|
|
96
|
-
return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SButton, _ref4.cn("SButton", _objectSpread({}, _assignProps2(_objectSpread(_objectSpread(_objectSpread({
|
|
99
|
+
return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SButton, _ref4.cn("SButton", _objectSpread({}, _assignProps2(_objectSpread(_objectSpread(_objectSpread({
|
|
100
|
+
"invertOutline": theme === 'invert'
|
|
101
|
+
}, buttonProps), hintProps), {}, {
|
|
97
102
|
"ignorePortalsStacking": true
|
|
98
103
|
}), _ref2))), children);
|
|
99
104
|
}
|
|
@@ -103,23 +108,23 @@ export var AbstractButton = /*#__PURE__*/function (_Component) {
|
|
|
103
108
|
var _ref8,
|
|
104
109
|
_ref9,
|
|
105
110
|
_this3 = this;
|
|
106
|
-
var _this$
|
|
107
|
-
styles = _this$
|
|
108
|
-
use = _this$
|
|
109
|
-
_this$
|
|
110
|
-
theme = _this$
|
|
111
|
-
loading = _this$
|
|
112
|
-
_this$
|
|
113
|
-
disabled = _this$
|
|
114
|
-
size = _this$
|
|
115
|
-
neighborLocation = _this$
|
|
116
|
-
hasChildren = _this$
|
|
117
|
-
title = _this$
|
|
118
|
-
ariaLabel = _this$
|
|
119
|
-
Children = _this$
|
|
120
|
-
AddonLeft = _this$
|
|
121
|
-
AddonRight = _this$
|
|
122
|
-
hintPlacement = _this$
|
|
111
|
+
var _this$asProps3 = this.asProps,
|
|
112
|
+
styles = _this$asProps3.styles,
|
|
113
|
+
use = _this$asProps3.use,
|
|
114
|
+
_this$asProps3$theme = _this$asProps3.theme,
|
|
115
|
+
theme = _this$asProps3$theme === void 0 ? typeof use === 'string' && MAP_USE_DEFAULT_THEME[use] : _this$asProps3$theme,
|
|
116
|
+
loading = _this$asProps3.loading,
|
|
117
|
+
_this$asProps3$disabl = _this$asProps3.disabled,
|
|
118
|
+
disabled = _this$asProps3$disabl === void 0 ? loading : _this$asProps3$disabl,
|
|
119
|
+
size = _this$asProps3.size,
|
|
120
|
+
neighborLocation = _this$asProps3.neighborLocation,
|
|
121
|
+
hasChildren = _this$asProps3.children,
|
|
122
|
+
title = _this$asProps3.title,
|
|
123
|
+
ariaLabel = _this$asProps3['aria-label'],
|
|
124
|
+
Children = _this$asProps3.Children,
|
|
125
|
+
AddonLeft = _this$asProps3.addonLeft,
|
|
126
|
+
AddonRight = _this$asProps3.addonRight,
|
|
127
|
+
hintPlacement = _this$asProps3.hintPlacement;
|
|
123
128
|
// @ts-ignore
|
|
124
129
|
var Button = this[CORE_INSTANCE];
|
|
125
130
|
var useTheme = use && theme ? "".concat(use, "-").concat(theme) : false;
|