@semcore/button 5.40.3 → 5.41.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/AbstractButton/AbstractButton.js +7 -7
- package/lib/cjs/component/AbstractButton/SpinButton.js +2 -2
- package/lib/cjs/component/Button/Button.js +33 -33
- package/lib/cjs/component/ButtonLink/ButtonLink.js +26 -26
- package/lib/es6/component/AbstractButton/{AbstractButton.js → AbstractButton.mjs} +8 -8
- package/lib/es6/component/AbstractButton/AbstractButton.mjs.map +1 -0
- package/lib/es6/component/AbstractButton/AbstractButton.type.mjs +2 -0
- package/lib/es6/component/AbstractButton/AbstractButton.type.mjs.map +1 -0
- package/lib/es6/component/AbstractButton/{SpinButton.js → SpinButton.mjs} +3 -3
- package/lib/es6/component/AbstractButton/SpinButton.mjs.map +1 -0
- package/lib/es6/component/Button/Button.mjs +87 -0
- package/lib/es6/component/Button/Button.mjs.map +1 -0
- package/lib/es6/component/Button/Button.type.mjs +2 -0
- package/lib/es6/component/Button/Button.type.mjs.map +1 -0
- package/lib/es6/component/ButtonLink/ButtonLink.mjs +86 -0
- package/lib/es6/component/ButtonLink/ButtonLink.mjs.map +1 -0
- package/lib/es6/component/ButtonLink/ButtonLink.type.mjs +2 -0
- package/lib/es6/component/ButtonLink/ButtonLink.type.mjs.map +1 -0
- package/lib/es6/{index.js → index.mjs} +1 -1
- package/lib/es6/index.mjs.map +1 -0
- package/package.json +7 -12
- package/lib/es6/component/AbstractButton/AbstractButton.js.map +0 -1
- package/lib/es6/component/AbstractButton/AbstractButton.type.js +0 -2
- package/lib/es6/component/AbstractButton/AbstractButton.type.js.map +0 -1
- package/lib/es6/component/AbstractButton/SpinButton.js.map +0 -1
- package/lib/es6/component/Button/Button.js +0 -87
- package/lib/es6/component/Button/Button.js.map +0 -1
- package/lib/es6/component/Button/Button.type.js +0 -2
- package/lib/es6/component/Button/Button.type.js.map +0 -1
- package/lib/es6/component/ButtonLink/ButtonLink.js +0 -86
- package/lib/es6/component/ButtonLink/ButtonLink.js.map +0 -1
- package/lib/es6/component/ButtonLink/ButtonLink.type.js +0 -2
- package/lib/es6/component/ButtonLink/ButtonLink.type.js.map +0 -1
- package/lib/es6/index.js.map +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [5.41.0] - 2025-02-03
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version minor update due to children dependencies update (`@semcore/utils` [4.44.1 ~> 4.45.0]).
|
|
10
|
+
|
|
5
11
|
## [5.40.3] - 2025-01-21
|
|
6
12
|
|
|
7
13
|
### Changed
|
|
@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.MAP_USE_DEFAULT_THEME = exports.AbstractButton = void 0;
|
|
8
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
9
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
10
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
11
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
12
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
|
-
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
14
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
8
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
9
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
|
|
10
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
|
|
11
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
|
|
12
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
|
13
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
|
|
14
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
|
15
15
|
var _core = require("@semcore/core");
|
|
16
16
|
var _react = _interopRequireDefault(require("react"));
|
|
17
17
|
var _flexBox = require("@semcore/flex-box");
|
|
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.SPIN_SIZE_MAP = void 0;
|
|
8
8
|
exports["default"] = SpinButton;
|
|
9
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
9
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
|
|
10
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
11
11
|
var _react = _interopRequireDefault(require("react"));
|
|
12
12
|
var _spin = _interopRequireDefault(require("@semcore/spin"));
|
|
13
13
|
var _excluded = ["theme", "size"];
|
|
@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports["default"] = void 0;
|
|
9
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
10
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
12
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
|
-
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
14
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
10
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
|
|
11
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
|
|
12
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
|
13
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
|
|
14
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
|
15
15
|
var _index = require("@semcore/utils/lib/core/index");
|
|
16
16
|
var _core = _interopRequireWildcard(require("@semcore/core"));
|
|
17
17
|
var _react = _interopRequireDefault(require("react"));
|
|
@@ -19,33 +19,33 @@ var _flexBox = require("@semcore/flex-box");
|
|
|
19
19
|
var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
|
|
20
20
|
var _AbstractButton2 = require("../AbstractButton/AbstractButton");
|
|
21
21
|
/*__reshadow-styles__:"./button.shadow.css"*/
|
|
22
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButton_1eys6_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_1eys6_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_1eys6_gg_:active,.___SButton_1eys6_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1eys6_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_1eys6_gg_.__keyboardFocused_1eys6_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_1eys6_gg_.__disabled_1eys6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_1eys6_gg_._size_s_1eys6_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_1eys6_gg_._size_m_1eys6_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_1eys6_gg_._size_l_1eys6_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_1eys6_gg_._theme_primary-info_1eys6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_1eys6_gg_._theme_primary-info_1eys6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_1eys6_gg_._theme_primary-info_1eys6_gg_.__active_1eys6_gg_,.___SButton_1eys6_gg_._theme_primary-info_1eys6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_1eys6_gg_._theme_primary-success_1eys6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_1eys6_gg_._theme_primary-success_1eys6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_1eys6_gg_._theme_primary-success_1eys6_gg_.__active_1eys6_gg_,.___SButton_1eys6_gg_._theme_primary-success_1eys6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_1eys6_gg_._theme_primary-warning_1eys6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_1eys6_gg_._theme_primary-warning_1eys6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_1eys6_gg_._theme_primary-warning_1eys6_gg_.__active_1eys6_gg_,.___SButton_1eys6_gg_._theme_primary-warning_1eys6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #c33909)}.___SButton_1eys6_gg_._theme_primary-danger_1eys6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_1eys6_gg_._theme_primary-danger_1eys6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_1eys6_gg_._theme_primary-danger_1eys6_gg_.__active_1eys6_gg_,.___SButton_1eys6_gg_._theme_primary-danger_1eys6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_1eys6_gg_._theme_primary-invert_1eys6_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_1eys6_gg_._theme_primary-invert_1eys6_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_1eys6_gg_._theme_primary-invert_1eys6_gg_.__active_1eys6_gg_,.___SButton_1eys6_gg_._theme_primary-invert_1eys6_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_1eys6_gg_._theme_secondary-muted_1eys6_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_1eys6_gg_._theme_secondary-muted_1eys6_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1eys6_gg_._theme_secondary-muted_1eys6_gg_.__active_1eys6_gg_,.___SButton_1eys6_gg_._theme_secondary-muted_1eys6_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_1eys6_gg_._theme_secondary-info_1eys6_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_1eys6_gg_._theme_secondary-info_1eys6_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1eys6_gg_._theme_secondary-info_1eys6_gg_.__active_1eys6_gg_,.___SButton_1eys6_gg_._theme_secondary-info_1eys6_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1eys6_gg_._theme_secondary-invert_1eys6_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_1eys6_gg_._theme_secondary-invert_1eys6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1eys6_gg_._theme_secondary-invert_1eys6_gg_.__active_1eys6_gg_,.___SButton_1eys6_gg_._theme_secondary-invert_1eys6_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_1eys6_gg_._theme_tertiary-info_1eys6_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_1eys6_gg_._theme_tertiary-info_1eys6_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1eys6_gg_._theme_tertiary-info_1eys6_gg_.__active_1eys6_gg_,.___SButton_1eys6_gg_._theme_tertiary-info_1eys6_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1eys6_gg_._theme_tertiary-muted_1eys6_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_1eys6_gg_._theme_tertiary-muted_1eys6_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1eys6_gg_._theme_tertiary-muted_1eys6_gg_.__active_1eys6_gg_,.___SButton_1eys6_gg_._theme_tertiary-muted_1eys6_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_1eys6_gg_._theme_tertiary-invert_1eys6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_1eys6_gg_._theme_tertiary-invert_1eys6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1eys6_gg_._theme_tertiary-invert_1eys6_gg_.__active_1eys6_gg_,.___SButton_1eys6_gg_._theme_tertiary-invert_1eys6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_1eys6_gg_._neighborLocation_right_1eys6_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_1eys6_gg_._neighborLocation_both_1eys6_gg_{border-radius:0;margin-left:-1px}.___SButton_1eys6_gg_._neighborLocation_left_1eys6_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_1eys6_gg_._neighborLocation_both_1eys6_gg_,.___SButton_1eys6_gg_._neighborLocation_left_1eys6_gg_{position:relative}.___SButton_1eys6_gg_._neighborLocation_both_1eys6_gg_:after,.___SButton_1eys6_gg_._neighborLocation_left_1eys6_gg_:after{background-color:var(--intergalactic-text-primary-invert, #ffffff)}.___SButton_1eys6_gg_._neighborLocation_both_1eys6_gg_._theme_secondary-muted_1eys6_gg_:after,.___SButton_1eys6_gg_._neighborLocation_left_1eys6_gg_._theme_secondary-muted_1eys6_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_1eys6_gg_+.___SButton_1eys6_gg_._neighborLocation_both_1eys6_gg_:after,.___SButton_1eys6_gg_+.___SButton_1eys6_gg_._neighborLocation_left_1eys6_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_1eys6_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_1eys6_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_1eys6_gg_.__loading_1eys6_gg_{visibility:hidden}.___SText_1eys6_gg_{display:inline-flex}.___SText_1eys6_gg_._size_l_1eys6_gg_,.___SText_1eys6_gg_._size_m_1eys6_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_1eys6_gg_._size_m_1eys6_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_1eys6_gg_._size_l_1eys6_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_1eys6_gg_._size_l_1eys6_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_1eys6_gg_._size_l_1eys6_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_1eys6_gg_._size_l_1eys6_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_1eys6_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_1eys6_gg_._size_m_1eys6_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1eys6_gg_._size_m_1eys6_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1eys6_gg_._size_m_1eys6_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_1eys6_gg_._size_l_1eys6_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1eys6_gg_._size_l_1eys6_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1eys6_gg_._size_l_1eys6_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__*/, "1eys6_gg_") /*__reshadow_css_end__*/, {
|
|
23
|
-
"__SButton": "
|
|
24
|
-
"_keyboardFocused": "
|
|
25
|
-
"_disabled": "
|
|
26
|
-
"_size_s": "
|
|
27
|
-
"_size_m": "
|
|
28
|
-
"_size_l": "
|
|
29
|
-
"_neighborLocation_right": "
|
|
30
|
-
"_neighborLocation_both": "
|
|
31
|
-
"_neighborLocation_left": "
|
|
32
|
-
"__SSpin": "
|
|
33
|
-
"__SInner": "
|
|
34
|
-
"_loading": "
|
|
35
|
-
"__SText": "
|
|
36
|
-
"__SAddon": "
|
|
37
|
-
"_theme_primary-info": "_theme_primary-
|
|
38
|
-
"_active": "
|
|
39
|
-
"_theme_primary-success": "_theme_primary-
|
|
40
|
-
"_theme_primary-warning": "_theme_primary-
|
|
41
|
-
"_theme_primary-danger": "_theme_primary-
|
|
42
|
-
"_theme_primary-invert": "_theme_primary-
|
|
43
|
-
"_theme_secondary-muted": "_theme_secondary-
|
|
44
|
-
"_theme_secondary-info": "_theme_secondary-
|
|
45
|
-
"_theme_secondary-invert": "_theme_secondary-
|
|
46
|
-
"_theme_tertiary-info": "_theme_tertiary-
|
|
47
|
-
"_theme_tertiary-muted": "_theme_tertiary-
|
|
48
|
-
"_theme_tertiary-invert": "_theme_tertiary-
|
|
22
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButton_ev7vy_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_ev7vy_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_ev7vy_gg_:active,.___SButton_ev7vy_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_ev7vy_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_ev7vy_gg_.__keyboardFocused_ev7vy_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_ev7vy_gg_.__disabled_ev7vy_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_ev7vy_gg_._size_s_ev7vy_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_ev7vy_gg_._size_m_ev7vy_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_ev7vy_gg_._size_l_ev7vy_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_ev7vy_gg_._theme_primary-info_ev7vy_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_ev7vy_gg_._theme_primary-info_ev7vy_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_ev7vy_gg_._theme_primary-info_ev7vy_gg_.__active_ev7vy_gg_,.___SButton_ev7vy_gg_._theme_primary-info_ev7vy_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_ev7vy_gg_._theme_primary-success_ev7vy_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_ev7vy_gg_._theme_primary-success_ev7vy_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_ev7vy_gg_._theme_primary-success_ev7vy_gg_.__active_ev7vy_gg_,.___SButton_ev7vy_gg_._theme_primary-success_ev7vy_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_ev7vy_gg_._theme_primary-warning_ev7vy_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_ev7vy_gg_._theme_primary-warning_ev7vy_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_ev7vy_gg_._theme_primary-warning_ev7vy_gg_.__active_ev7vy_gg_,.___SButton_ev7vy_gg_._theme_primary-warning_ev7vy_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #c33909)}.___SButton_ev7vy_gg_._theme_primary-danger_ev7vy_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_ev7vy_gg_._theme_primary-danger_ev7vy_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_ev7vy_gg_._theme_primary-danger_ev7vy_gg_.__active_ev7vy_gg_,.___SButton_ev7vy_gg_._theme_primary-danger_ev7vy_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_ev7vy_gg_._theme_primary-invert_ev7vy_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_ev7vy_gg_._theme_primary-invert_ev7vy_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_ev7vy_gg_._theme_primary-invert_ev7vy_gg_.__active_ev7vy_gg_,.___SButton_ev7vy_gg_._theme_primary-invert_ev7vy_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_ev7vy_gg_._theme_secondary-muted_ev7vy_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_ev7vy_gg_._theme_secondary-muted_ev7vy_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_ev7vy_gg_._theme_secondary-muted_ev7vy_gg_.__active_ev7vy_gg_,.___SButton_ev7vy_gg_._theme_secondary-muted_ev7vy_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_ev7vy_gg_._theme_secondary-info_ev7vy_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_ev7vy_gg_._theme_secondary-info_ev7vy_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_ev7vy_gg_._theme_secondary-info_ev7vy_gg_.__active_ev7vy_gg_,.___SButton_ev7vy_gg_._theme_secondary-info_ev7vy_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_ev7vy_gg_._theme_secondary-invert_ev7vy_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_ev7vy_gg_._theme_secondary-invert_ev7vy_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_ev7vy_gg_._theme_secondary-invert_ev7vy_gg_.__active_ev7vy_gg_,.___SButton_ev7vy_gg_._theme_secondary-invert_ev7vy_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_ev7vy_gg_._theme_tertiary-info_ev7vy_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_ev7vy_gg_._theme_tertiary-info_ev7vy_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_ev7vy_gg_._theme_tertiary-info_ev7vy_gg_.__active_ev7vy_gg_,.___SButton_ev7vy_gg_._theme_tertiary-info_ev7vy_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_ev7vy_gg_._theme_tertiary-muted_ev7vy_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_ev7vy_gg_._theme_tertiary-muted_ev7vy_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_ev7vy_gg_._theme_tertiary-muted_ev7vy_gg_.__active_ev7vy_gg_,.___SButton_ev7vy_gg_._theme_tertiary-muted_ev7vy_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_ev7vy_gg_._theme_tertiary-invert_ev7vy_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_ev7vy_gg_._theme_tertiary-invert_ev7vy_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_ev7vy_gg_._theme_tertiary-invert_ev7vy_gg_.__active_ev7vy_gg_,.___SButton_ev7vy_gg_._theme_tertiary-invert_ev7vy_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_ev7vy_gg_._neighborLocation_right_ev7vy_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_ev7vy_gg_._neighborLocation_both_ev7vy_gg_{border-radius:0;margin-left:-1px}.___SButton_ev7vy_gg_._neighborLocation_left_ev7vy_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_ev7vy_gg_._neighborLocation_both_ev7vy_gg_,.___SButton_ev7vy_gg_._neighborLocation_left_ev7vy_gg_{position:relative}.___SButton_ev7vy_gg_._neighborLocation_both_ev7vy_gg_:after,.___SButton_ev7vy_gg_._neighborLocation_left_ev7vy_gg_:after{background-color:var(--intergalactic-text-primary-invert, #ffffff)}.___SButton_ev7vy_gg_._neighborLocation_both_ev7vy_gg_._theme_secondary-muted_ev7vy_gg_:after,.___SButton_ev7vy_gg_._neighborLocation_left_ev7vy_gg_._theme_secondary-muted_ev7vy_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_ev7vy_gg_+.___SButton_ev7vy_gg_._neighborLocation_both_ev7vy_gg_:after,.___SButton_ev7vy_gg_+.___SButton_ev7vy_gg_._neighborLocation_left_ev7vy_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_ev7vy_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_ev7vy_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_ev7vy_gg_.__loading_ev7vy_gg_{visibility:hidden}.___SText_ev7vy_gg_{display:inline-flex}.___SText_ev7vy_gg_._size_l_ev7vy_gg_,.___SText_ev7vy_gg_._size_m_ev7vy_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_ev7vy_gg_._size_m_ev7vy_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_ev7vy_gg_._size_l_ev7vy_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_ev7vy_gg_._size_l_ev7vy_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_ev7vy_gg_._size_l_ev7vy_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_ev7vy_gg_._size_l_ev7vy_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_ev7vy_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_ev7vy_gg_._size_m_ev7vy_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_ev7vy_gg_._size_m_ev7vy_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_ev7vy_gg_._size_m_ev7vy_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_ev7vy_gg_._size_l_ev7vy_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_ev7vy_gg_._size_l_ev7vy_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_ev7vy_gg_._size_l_ev7vy_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__*/, "ev7vy_gg_") /*__reshadow_css_end__*/, {
|
|
23
|
+
"__SButton": "___SButton_ev7vy_gg_",
|
|
24
|
+
"_keyboardFocused": "__keyboardFocused_ev7vy_gg_",
|
|
25
|
+
"_disabled": "__disabled_ev7vy_gg_",
|
|
26
|
+
"_size_s": "_size_s_ev7vy_gg_",
|
|
27
|
+
"_size_m": "_size_m_ev7vy_gg_",
|
|
28
|
+
"_size_l": "_size_l_ev7vy_gg_",
|
|
29
|
+
"_neighborLocation_right": "_neighborLocation_right_ev7vy_gg_",
|
|
30
|
+
"_neighborLocation_both": "_neighborLocation_both_ev7vy_gg_",
|
|
31
|
+
"_neighborLocation_left": "_neighborLocation_left_ev7vy_gg_",
|
|
32
|
+
"__SSpin": "___SSpin_ev7vy_gg_",
|
|
33
|
+
"__SInner": "___SInner_ev7vy_gg_",
|
|
34
|
+
"_loading": "__loading_ev7vy_gg_",
|
|
35
|
+
"__SText": "___SText_ev7vy_gg_",
|
|
36
|
+
"__SAddon": "___SAddon_ev7vy_gg_",
|
|
37
|
+
"_theme_primary-info": "_theme_primary-info_ev7vy_gg_",
|
|
38
|
+
"_active": "__active_ev7vy_gg_",
|
|
39
|
+
"_theme_primary-success": "_theme_primary-success_ev7vy_gg_",
|
|
40
|
+
"_theme_primary-warning": "_theme_primary-warning_ev7vy_gg_",
|
|
41
|
+
"_theme_primary-danger": "_theme_primary-danger_ev7vy_gg_",
|
|
42
|
+
"_theme_primary-invert": "_theme_primary-invert_ev7vy_gg_",
|
|
43
|
+
"_theme_secondary-muted": "_theme_secondary-muted_ev7vy_gg_",
|
|
44
|
+
"_theme_secondary-info": "_theme_secondary-info_ev7vy_gg_",
|
|
45
|
+
"_theme_secondary-invert": "_theme_secondary-invert_ev7vy_gg_",
|
|
46
|
+
"_theme_tertiary-info": "_theme_tertiary-info_ev7vy_gg_",
|
|
47
|
+
"_theme_tertiary-muted": "_theme_tertiary-muted_ev7vy_gg_",
|
|
48
|
+
"_theme_tertiary-invert": "_theme_tertiary-invert_ev7vy_gg_"
|
|
49
49
|
});
|
|
50
50
|
var RootButton = /*#__PURE__*/function (_AbstractButton) {
|
|
51
51
|
(0, _inherits2["default"])(RootButton, _AbstractButton);
|
|
@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports.ButtonLink = void 0;
|
|
9
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
10
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
12
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
|
-
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
14
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
10
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
|
|
11
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
|
|
12
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
|
13
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
|
|
14
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
|
15
15
|
var _index = require("@semcore/utils/lib/core/index");
|
|
16
16
|
var _core = _interopRequireWildcard(require("@semcore/core"));
|
|
17
17
|
var _react = _interopRequireDefault(require("react"));
|
|
@@ -20,26 +20,26 @@ var _flexBox = require("@semcore/flex-box");
|
|
|
20
20
|
var _AbstractButton2 = require("../AbstractButton/AbstractButton");
|
|
21
21
|
var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
|
|
22
22
|
/*__reshadow-styles__:"./buttonLink.shadow.css"*/
|
|
23
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
24
|
-
"__SButton": "
|
|
25
|
-
"_keyboardFocused": "
|
|
26
|
-
"_disabled": "
|
|
27
|
-
"__SInner": "
|
|
28
|
-
"__SAddon": "
|
|
29
|
-
"_size_100": "
|
|
30
|
-
"_size_200": "
|
|
31
|
-
"_size_300": "
|
|
32
|
-
"_size_400": "
|
|
33
|
-
"_size_500": "
|
|
34
|
-
"_size_600": "
|
|
35
|
-
"_size_700": "
|
|
36
|
-
"_size_800": "
|
|
37
|
-
"__SText": "
|
|
38
|
-
"_active": "
|
|
39
|
-
"_enableVisited": "
|
|
40
|
-
"_use_secondary": "
|
|
41
|
-
"_text-color": "__text-
|
|
42
|
-
"--text-color": "--text-
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButton_rcow5_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SButton_rcow5_gg_:active,.___SButton_rcow5_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_rcow5_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_rcow5_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_rcow5_gg_.__active_rcow5_gg_,.___SButton_rcow5_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_rcow5_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_rcow5_gg_.__active_rcow5_gg_ .___SText_rcow5_gg_,.___SButton_rcow5_gg_:active .___SText_rcow5_gg_{border-color:currentColor}@media (hover:hover){.___SButton_rcow5_gg_:hover .___SText_rcow5_gg_{border-color:currentColor}}.___SButton_rcow5_gg_.__enableVisited_rcow5_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_rcow5_gg_.__enableVisited_rcow5_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_rcow5_gg_ .___SText_rcow5_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_rcow5_gg_.__keyboardFocused_rcow5_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SButton_rcow5_gg_.__disabled_rcow5_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_rcow5_gg_._use_secondary_rcow5_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_rcow5_gg_._use_secondary_rcow5_gg_.__active_rcow5_gg_,.___SButton_rcow5_gg_._use_secondary_rcow5_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_rcow5_gg_._use_secondary_rcow5_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_rcow5_gg_._use_secondary_rcow5_gg_ .___SText_rcow5_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_rcow5_gg_,.___SInner_rcow5_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_rcow5_gg_{height:100%;width:100%}.___SAddon_rcow5_gg_{vertical-align:middle;pointer-events:none}.___SButton_rcow5_gg_ .___SAddon_rcow5_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_rcow5_gg_ .___SAddon_rcow5_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_rcow5_gg_.__text-color_rcow5_gg_{color:var(--text-color_rcow5)}.___SButton_rcow5_gg_.__text-color_rcow5_gg_.__active_rcow5_gg_,.___SButton_rcow5_gg_.__text-color_rcow5_gg_:active{color:var(--text-color_rcow5);filter:brightness(.8)}@media (hover:hover){.___SButton_rcow5_gg_.__text-color_rcow5_gg_:hover{color:var(--text-color_rcow5);filter:brightness(.8)}}.___SButton_rcow5_gg_._size_100_rcow5_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_rcow5_gg_._size_200_rcow5_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_rcow5_gg_._size_300_rcow5_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_rcow5_gg_._size_400_rcow5_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_rcow5_gg_._size_500_rcow5_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_rcow5_gg_._size_600_rcow5_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_rcow5_gg_._size_700_rcow5_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_rcow5_gg_._size_800_rcow5_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_rcow5_gg_,.___SText_rcow5_gg_{transition:none}}" /*__inner_css_end__*/, "rcow5_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SButton": "___SButton_rcow5_gg_",
|
|
25
|
+
"_keyboardFocused": "__keyboardFocused_rcow5_gg_",
|
|
26
|
+
"_disabled": "__disabled_rcow5_gg_",
|
|
27
|
+
"__SInner": "___SInner_rcow5_gg_",
|
|
28
|
+
"__SAddon": "___SAddon_rcow5_gg_",
|
|
29
|
+
"_size_100": "_size_100_rcow5_gg_",
|
|
30
|
+
"_size_200": "_size_200_rcow5_gg_",
|
|
31
|
+
"_size_300": "_size_300_rcow5_gg_",
|
|
32
|
+
"_size_400": "_size_400_rcow5_gg_",
|
|
33
|
+
"_size_500": "_size_500_rcow5_gg_",
|
|
34
|
+
"_size_600": "_size_600_rcow5_gg_",
|
|
35
|
+
"_size_700": "_size_700_rcow5_gg_",
|
|
36
|
+
"_size_800": "_size_800_rcow5_gg_",
|
|
37
|
+
"__SText": "___SText_rcow5_gg_",
|
|
38
|
+
"_active": "__active_rcow5_gg_",
|
|
39
|
+
"_enableVisited": "__enableVisited_rcow5_gg_",
|
|
40
|
+
"_use_secondary": "_use_secondary_rcow5_gg_",
|
|
41
|
+
"_text-color": "__text-color_rcow5_gg_",
|
|
42
|
+
"--text-color": "--text-color_rcow5"
|
|
43
43
|
});
|
|
44
44
|
var enhance = {
|
|
45
45
|
keyboardFocused: (0, _keyboardFocusEnhance["default"])(),
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
|
-
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
3
|
-
import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
|
-
import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
|
|
5
|
-
import _inherits from "@babel/runtime/helpers/inherits";
|
|
6
|
-
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
7
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
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
8
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
9
9
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
10
10
|
import React from 'react';
|
|
@@ -171,4 +171,4 @@ export var AbstractButton = /*#__PURE__*/function (_Component) {
|
|
|
171
171
|
return AbstractButton;
|
|
172
172
|
}(Component);
|
|
173
173
|
_defineProperty(AbstractButton, "displayName", 'AbstractButton');
|
|
174
|
-
//# sourceMappingURL=AbstractButton.
|
|
174
|
+
//# sourceMappingURL=AbstractButton.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AbstractButton.mjs","names":["React","Box","Hint","NeighborLocation","addonTextChildren","logger","SpinButton","hasLabels","Component","CORE_INSTANCE","Root","sstyled","MAP_USE_DEFAULT_THEME","primary","secondary","tertiary","AbstractButton","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","ariaLabelledByContent","_createClass","key","value","getTextProps","size","asProps","getAddonProps","componentDidMount","_this2","process","env","NODE_ENV","warn","containerRef","current","title","displayName","ariaLabelledby","setTimeout","_document$getElementB","_document$getElementB2","setState","document","getElementById","textContent","renderButton","_ref6","_ref","_ref3","buttonProps","children","styles","SButton","createElement","cn","_objectSpread","_assignProps","renderButtonWithHint","_ref7","_ref2","_ref4","hintProps","_assignProps2","render","_ref8","_ref9","_this3","_this$asProps","use","_this$asProps$theme","theme","loading","_this$asProps$disable","disabled","neighborLocation","hasChildren","ariaLabel","Children","AddonLeft","addonLeft","AddonRight","addonRight","hintPlacement","Button","useTheme","SInner","SSpin","buttonAriaLabel","state","type","tag","ref","getTextColor","__excludeProps","timeout","placement","undefined","Detect","_ref5","Fragment","Addon","Text"],"sources":["../../../../src/component/AbstractButton/AbstractButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@semcore/flex-box';\nimport { Hint } from '@semcore/tooltip';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport SpinButton from './SpinButton';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\nimport { AbstractButtonProps } from './AbstractButton.type';\nimport { Component, CORE_INSTANCE, Root, sstyled } from '@semcore/core';\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\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}>\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 };\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 <Button.Addon>\n <AddonLeft />\n </Button.Addon>\n ) : null}\n {addonTextChildren(Children, Button.Text, Button.Addon)}\n {AddonRight ? (\n <Button.Addon>\n <AddonRight />\n </Button.Addon>\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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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AbstractButton.type.mjs","names":[],"sources":["../../../../src/component/AbstractButton/AbstractButton.type.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn } from '@semcore/core';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { BoxProps } from '@semcore/flex-box';\nimport { NeighborItemProps } from '@semcore/neighbor-location';\nimport { TooltipHintProps } from '@semcore/tooltip';\n\nexport type AbstractButtonProps<S, U, T> = BoxProps &\n NeighborItemProps &\n KeyboardFocusProps & {\n /** Button activity state */\n active?: boolean;\n /** Disabled button state */\n disabled?: boolean;\n /** Loading button state */\n loading?: boolean;\n /** Tag for the left Addon */\n addonLeft?: React.ElementType;\n /** Tag for the right Addon */\n addonRight?: React.ElementType;\n /**\n * Placement for hint\n * @default top\n */\n hintPlacement?: TooltipHintProps['placement'];\n\n /** Button type. Defined in Button.type or ButtonLink.type */\n size?: S;\n /** Button usage. Defined in Button.type or ButtonLink.type */\n use?: U;\n /** Button theme. Defined in Button.type or ButtonLink.type */\n theme?: T;\n };\n\nexport type AbstractButtonAddonProps<S> = BoxProps & {\n size?: S;\n};\n\nexport type AbstractButtonTextProps<S> = BoxProps & {\n size?: S;\n};\n\nexport type AbstractButtonContext = {\n getTextProps: PropGetterFn;\n getAddonProps: PropGetterFn;\n};\n"],"mappings":""}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
3
|
var _excluded = ["theme", "size"];
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import Spin from '@semcore/spin';
|
|
@@ -18,4 +18,4 @@ export default function SpinButton(_ref) {
|
|
|
18
18
|
theme: "currentColor"
|
|
19
19
|
}, others));
|
|
20
20
|
}
|
|
21
|
-
//# sourceMappingURL=SpinButton.
|
|
21
|
+
//# sourceMappingURL=SpinButton.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SpinButton.mjs","names":["React","Spin","SPIN_SIZE_MAP","xl","l","m","s","SpinButton","_ref","theme","size","others","_objectWithoutProperties","_excluded","createElement","_extends"],"sources":["../../../../src/component/AbstractButton/SpinButton.tsx"],"sourcesContent":["import React from 'react';\nimport Spin from '@semcore/spin';\n\nexport const SPIN_SIZE_MAP: Record<string, string> = {\n xl: 'm',\n l: 's',\n m: 'xs',\n s: 'xxs',\n};\n\nexport default function SpinButton({ theme, size, ...others }: any) {\n return (\n <Spin\n size={typeof size === 'string' ? SPIN_SIZE_MAP[size] : size}\n theme='currentColor'\n {...others}\n />\n );\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,IAAI,MAAM,eAAe;AAEhC,OAAO,IAAMC,aAAqC,GAAG;EACnDC,EAAE,EAAE,GAAG;EACPC,CAAC,EAAE,GAAG;EACNC,CAAC,EAAE,IAAI;EACPC,CAAC,EAAE;AACL,CAAC;AAED,eAAe,SAASC,UAAUA,CAAAC,IAAA,EAAkC;EAAA,IAA/BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAKC,MAAM,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACzD,oBACEb,KAAA,CAAAc,aAAA,CAACb,IAAI,EAAAc,QAAA;IACHL,IAAI,EAAE,OAAOA,IAAI,KAAK,QAAQ,GAAGR,aAAa,CAACQ,IAAI,CAAC,GAAGA,IAAK;IAC5DD,KAAK,EAAC;EAAc,GAChBE,MAAM,EACV;AAEN"}
|
|
@@ -0,0 +1,87 @@
|
|
|
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 as _sstyled } from "@semcore/utils/lib/core/index";
|
|
8
|
+
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
9
|
+
import { assignProps as _assignProps } from "@semcore/core";
|
|
10
|
+
import React from 'react';
|
|
11
|
+
import createComponent, { sstyled, Root } from '@semcore/core';
|
|
12
|
+
import { Box } from '@semcore/flex-box';
|
|
13
|
+
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
14
|
+
/*__reshadow-styles__:"./button.shadow.css"*/
|
|
15
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_ev7vy_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_ev7vy_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_ev7vy_gg_:active,.___SButton_ev7vy_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_ev7vy_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_ev7vy_gg_.__keyboardFocused_ev7vy_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_ev7vy_gg_.__disabled_ev7vy_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_ev7vy_gg_._size_s_ev7vy_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_ev7vy_gg_._size_m_ev7vy_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_ev7vy_gg_._size_l_ev7vy_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_ev7vy_gg_._theme_primary-info_ev7vy_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_ev7vy_gg_._theme_primary-info_ev7vy_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_ev7vy_gg_._theme_primary-info_ev7vy_gg_.__active_ev7vy_gg_,.___SButton_ev7vy_gg_._theme_primary-info_ev7vy_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_ev7vy_gg_._theme_primary-success_ev7vy_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_ev7vy_gg_._theme_primary-success_ev7vy_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_ev7vy_gg_._theme_primary-success_ev7vy_gg_.__active_ev7vy_gg_,.___SButton_ev7vy_gg_._theme_primary-success_ev7vy_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_ev7vy_gg_._theme_primary-warning_ev7vy_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_ev7vy_gg_._theme_primary-warning_ev7vy_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_ev7vy_gg_._theme_primary-warning_ev7vy_gg_.__active_ev7vy_gg_,.___SButton_ev7vy_gg_._theme_primary-warning_ev7vy_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #c33909)}.___SButton_ev7vy_gg_._theme_primary-danger_ev7vy_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_ev7vy_gg_._theme_primary-danger_ev7vy_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_ev7vy_gg_._theme_primary-danger_ev7vy_gg_.__active_ev7vy_gg_,.___SButton_ev7vy_gg_._theme_primary-danger_ev7vy_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_ev7vy_gg_._theme_primary-invert_ev7vy_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_ev7vy_gg_._theme_primary-invert_ev7vy_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_ev7vy_gg_._theme_primary-invert_ev7vy_gg_.__active_ev7vy_gg_,.___SButton_ev7vy_gg_._theme_primary-invert_ev7vy_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_ev7vy_gg_._theme_secondary-muted_ev7vy_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_ev7vy_gg_._theme_secondary-muted_ev7vy_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_ev7vy_gg_._theme_secondary-muted_ev7vy_gg_.__active_ev7vy_gg_,.___SButton_ev7vy_gg_._theme_secondary-muted_ev7vy_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_ev7vy_gg_._theme_secondary-info_ev7vy_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_ev7vy_gg_._theme_secondary-info_ev7vy_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_ev7vy_gg_._theme_secondary-info_ev7vy_gg_.__active_ev7vy_gg_,.___SButton_ev7vy_gg_._theme_secondary-info_ev7vy_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_ev7vy_gg_._theme_secondary-invert_ev7vy_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_ev7vy_gg_._theme_secondary-invert_ev7vy_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_ev7vy_gg_._theme_secondary-invert_ev7vy_gg_.__active_ev7vy_gg_,.___SButton_ev7vy_gg_._theme_secondary-invert_ev7vy_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_ev7vy_gg_._theme_tertiary-info_ev7vy_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_ev7vy_gg_._theme_tertiary-info_ev7vy_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_ev7vy_gg_._theme_tertiary-info_ev7vy_gg_.__active_ev7vy_gg_,.___SButton_ev7vy_gg_._theme_tertiary-info_ev7vy_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_ev7vy_gg_._theme_tertiary-muted_ev7vy_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_ev7vy_gg_._theme_tertiary-muted_ev7vy_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_ev7vy_gg_._theme_tertiary-muted_ev7vy_gg_.__active_ev7vy_gg_,.___SButton_ev7vy_gg_._theme_tertiary-muted_ev7vy_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_ev7vy_gg_._theme_tertiary-invert_ev7vy_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_ev7vy_gg_._theme_tertiary-invert_ev7vy_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_ev7vy_gg_._theme_tertiary-invert_ev7vy_gg_.__active_ev7vy_gg_,.___SButton_ev7vy_gg_._theme_tertiary-invert_ev7vy_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_ev7vy_gg_._neighborLocation_right_ev7vy_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_ev7vy_gg_._neighborLocation_both_ev7vy_gg_{border-radius:0;margin-left:-1px}.___SButton_ev7vy_gg_._neighborLocation_left_ev7vy_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_ev7vy_gg_._neighborLocation_both_ev7vy_gg_,.___SButton_ev7vy_gg_._neighborLocation_left_ev7vy_gg_{position:relative}.___SButton_ev7vy_gg_._neighborLocation_both_ev7vy_gg_:after,.___SButton_ev7vy_gg_._neighborLocation_left_ev7vy_gg_:after{background-color:var(--intergalactic-text-primary-invert, #ffffff)}.___SButton_ev7vy_gg_._neighborLocation_both_ev7vy_gg_._theme_secondary-muted_ev7vy_gg_:after,.___SButton_ev7vy_gg_._neighborLocation_left_ev7vy_gg_._theme_secondary-muted_ev7vy_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_ev7vy_gg_+.___SButton_ev7vy_gg_._neighborLocation_both_ev7vy_gg_:after,.___SButton_ev7vy_gg_+.___SButton_ev7vy_gg_._neighborLocation_left_ev7vy_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_ev7vy_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_ev7vy_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_ev7vy_gg_.__loading_ev7vy_gg_{visibility:hidden}.___SText_ev7vy_gg_{display:inline-flex}.___SText_ev7vy_gg_._size_l_ev7vy_gg_,.___SText_ev7vy_gg_._size_m_ev7vy_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_ev7vy_gg_._size_m_ev7vy_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_ev7vy_gg_._size_l_ev7vy_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_ev7vy_gg_._size_l_ev7vy_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_ev7vy_gg_._size_l_ev7vy_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_ev7vy_gg_._size_l_ev7vy_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_ev7vy_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_ev7vy_gg_._size_m_ev7vy_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_ev7vy_gg_._size_m_ev7vy_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_ev7vy_gg_._size_m_ev7vy_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_ev7vy_gg_._size_l_ev7vy_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_ev7vy_gg_._size_l_ev7vy_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_ev7vy_gg_._size_l_ev7vy_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__*/, "ev7vy_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
+
"__SButton": "___SButton_ev7vy_gg_",
|
|
17
|
+
"_keyboardFocused": "__keyboardFocused_ev7vy_gg_",
|
|
18
|
+
"_disabled": "__disabled_ev7vy_gg_",
|
|
19
|
+
"_size_s": "_size_s_ev7vy_gg_",
|
|
20
|
+
"_size_m": "_size_m_ev7vy_gg_",
|
|
21
|
+
"_size_l": "_size_l_ev7vy_gg_",
|
|
22
|
+
"_neighborLocation_right": "_neighborLocation_right_ev7vy_gg_",
|
|
23
|
+
"_neighborLocation_both": "_neighborLocation_both_ev7vy_gg_",
|
|
24
|
+
"_neighborLocation_left": "_neighborLocation_left_ev7vy_gg_",
|
|
25
|
+
"__SSpin": "___SSpin_ev7vy_gg_",
|
|
26
|
+
"__SInner": "___SInner_ev7vy_gg_",
|
|
27
|
+
"_loading": "__loading_ev7vy_gg_",
|
|
28
|
+
"__SText": "___SText_ev7vy_gg_",
|
|
29
|
+
"__SAddon": "___SAddon_ev7vy_gg_",
|
|
30
|
+
"_theme_primary-info": "_theme_primary-info_ev7vy_gg_",
|
|
31
|
+
"_active": "__active_ev7vy_gg_",
|
|
32
|
+
"_theme_primary-success": "_theme_primary-success_ev7vy_gg_",
|
|
33
|
+
"_theme_primary-warning": "_theme_primary-warning_ev7vy_gg_",
|
|
34
|
+
"_theme_primary-danger": "_theme_primary-danger_ev7vy_gg_",
|
|
35
|
+
"_theme_primary-invert": "_theme_primary-invert_ev7vy_gg_",
|
|
36
|
+
"_theme_secondary-muted": "_theme_secondary-muted_ev7vy_gg_",
|
|
37
|
+
"_theme_secondary-info": "_theme_secondary-info_ev7vy_gg_",
|
|
38
|
+
"_theme_secondary-invert": "_theme_secondary-invert_ev7vy_gg_",
|
|
39
|
+
"_theme_tertiary-info": "_theme_tertiary-info_ev7vy_gg_",
|
|
40
|
+
"_theme_tertiary-muted": "_theme_tertiary-muted_ev7vy_gg_",
|
|
41
|
+
"_theme_tertiary-invert": "_theme_tertiary-invert_ev7vy_gg_"
|
|
42
|
+
});
|
|
43
|
+
import { AbstractButton } from '../AbstractButton/AbstractButton';
|
|
44
|
+
var RootButton = /*#__PURE__*/function (_AbstractButton) {
|
|
45
|
+
_inherits(RootButton, _AbstractButton);
|
|
46
|
+
var _super = _createSuper(RootButton);
|
|
47
|
+
function RootButton() {
|
|
48
|
+
_classCallCheck(this, RootButton);
|
|
49
|
+
return _super.apply(this, arguments);
|
|
50
|
+
}
|
|
51
|
+
_createClass(RootButton, [{
|
|
52
|
+
key: "getTextColor",
|
|
53
|
+
value: function getTextColor() {
|
|
54
|
+
return undefined;
|
|
55
|
+
}
|
|
56
|
+
}]);
|
|
57
|
+
return RootButton;
|
|
58
|
+
}(AbstractButton);
|
|
59
|
+
_defineProperty(RootButton, "displayName", 'Button');
|
|
60
|
+
_defineProperty(RootButton, "enhance", [keyboardFocusEnhance()]);
|
|
61
|
+
_defineProperty(RootButton, "style", style);
|
|
62
|
+
_defineProperty(RootButton, "defaultProps", {
|
|
63
|
+
use: 'secondary',
|
|
64
|
+
size: 'm'
|
|
65
|
+
});
|
|
66
|
+
function Text(props) {
|
|
67
|
+
var _ref = arguments[0],
|
|
68
|
+
_ref3;
|
|
69
|
+
var SText = Box;
|
|
70
|
+
return _ref3 = sstyled(props.styles), /*#__PURE__*/React.createElement(SText, _ref3.cn("SText", _objectSpread({}, _assignProps({
|
|
71
|
+
"tag": 'span'
|
|
72
|
+
}, _ref))));
|
|
73
|
+
}
|
|
74
|
+
function Addon(props) {
|
|
75
|
+
var _ref2 = arguments[0],
|
|
76
|
+
_ref4;
|
|
77
|
+
var SAddon = Box;
|
|
78
|
+
return _ref4 = sstyled(props.styles), /*#__PURE__*/React.createElement(SAddon, _ref4.cn("SAddon", _objectSpread({}, _assignProps2({
|
|
79
|
+
"tag": 'span'
|
|
80
|
+
}, _ref2))));
|
|
81
|
+
}
|
|
82
|
+
var Button = createComponent(RootButton, {
|
|
83
|
+
Text: Text,
|
|
84
|
+
Addon: Addon
|
|
85
|
+
});
|
|
86
|
+
export default Button;
|
|
87
|
+
//# sourceMappingURL=Button.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.mjs","names":["React","createComponent","sstyled","Root","Box","keyboardFocusEnhance","style","_sstyled","insert","AbstractButton","RootButton","_AbstractButton","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextColor","undefined","_defineProperty","use","size","Text","props","_ref","arguments[0]","_ref3","SText","styles","createElement","cn","_objectSpread","_assignProps","Addon","_ref2","_ref4","SAddon","_assignProps2","Button"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './button.shadow.css';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\nimport {\n ButtonAddonProps,\n ButtonChildren,\n ButtonComponent,\n ButtonProps,\n ButtonTextProps,\n} from './Button.type';\n\nclass RootButton extends AbstractButton {\n static displayName = 'Button';\n static enhance = [keyboardFocusEnhance()];\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n };\n\n protected getTextColor(): string | undefined {\n return undefined;\n }\n}\n\nfunction Text(props: ButtonTextProps) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonAddonProps) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst Button = createComponent(RootButton, {\n Text,\n Addon,\n}) as ButtonComponent;\n\nexport default Button;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAC9D,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,oBAAoB,MAAM,kDAAkD;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGpF,SAASC,cAAc,QAAQ,kCAAkC;AAAC,IAS5DC,UAAU,0BAAAC,eAAA;EAAAC,SAAA,CAAAF,UAAA,EAAAC,eAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,UAAA;EAAA,SAAAA,WAAA;IAAAK,eAAA,OAAAL,UAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,UAAA;IAAAS,GAAA;IAAAC,KAAA,EASd,SAAAC,aAAA,EAA6C;MAC3C,OAAOC,SAAS;IAClB;EAAC;EAAA,OAAAZ,UAAA;AAAA,EAXsBD,cAAc;AAAAc,eAAA,CAAjCb,UAAU,iBACO,QAAQ;AAAAa,eAAA,CADzBb,UAAU,aAEG,CAACL,oBAAoB,EAAE,CAAC;AAAAkB,eAAA,CAFrCb,UAAU,WAGCJ,KAAK;AAAAiB,eAAA,CAHhBb,UAAU,kBAIQ;EACpBc,GAAG,EAAE,WAAW;EAChBC,IAAI,EAAE;AACR,CAAC;AAOH,SAASC,IAAIA,CAACC,KAAsB,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACpC,IAAMC,KAAK,GACiC3B,GAAG;EAA/C,OAAA0B,KAAA,GAAO5B,OAAO,CAACyB,KAAK,CAACK,MAAM,CAAC,eAAChC,KAAA,CAAAiC,aAAA,CAACF,KAAK,EAAAD,KAAA,CAAAI,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAAkB;EAAM,GAAAR,IAAA,IAAG;AAChE;AAEA,SAASS,KAAKA,CAACV,KAAuB,EAAE;EAAA,IAAAW,KAAA,GAAAT,YAAA;IAAAU,KAAA;EACtC,IAAMC,MAAM,GACiCpC,GAAG;EAAhD,OAAAmC,KAAA,GAAOrC,OAAO,CAACyB,KAAK,CAACK,MAAM,CAAC,eAAChC,KAAA,CAAAiC,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,WAAAC,aAAA,KAAAM,aAAA;IAAA,OAAkB;EAAM,GAAAH,KAAA,IAAG;AACjE;AAEA,IAAMI,MAAM,GAAGzC,eAAe,CAACS,UAAU,EAAE;EACzCgB,IAAI,EAAJA,IAAI;EACJW,KAAK,EAALA;AACF,CAAC,CAAoB;AAErB,eAAeK,MAAM"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.type.mjs","names":[],"sources":["../../../../src/component/Button/Button.type.ts"],"sourcesContent":["import { UnknownProperties, Intergalactic } from '@semcore/core';\n\nimport {\n AbstractButtonAddonProps,\n AbstractButtonContext,\n AbstractButtonTextProps,\n AbstractButtonProps,\n} from '../AbstractButton/AbstractButton.type';\n\n/**\n * Button size\n * @default m\n */\nexport type ButtonSize = 'l' | 'm';\n/**\n * Button type\n * @default secondary\n */\ntype Use = 'primary' | 'secondary' | 'tertiary';\n\n/** Button theme */\ntype Theme = 'info' | 'success' | 'warning' | 'danger' | 'muted' | 'invert';\n\n/** @deprecated */\nexport interface IButtonProps extends ButtonProps, UnknownProperties {}\nexport type ButtonProps = AbstractButtonProps<ButtonSize, Use, Theme>;\n\n/** @deprecated */\nexport interface IButtonTextProps extends ButtonTextProps, UnknownProperties {}\nexport type ButtonTextProps = AbstractButtonTextProps<ButtonSize>;\n\n/** @deprecated */\nexport interface IButtonAddonProps extends ButtonAddonProps, UnknownProperties {}\nexport type ButtonAddonProps = AbstractButtonAddonProps<ButtonSize>;\n\n/** @deprecated */\nexport interface IButtonContext extends ButtonContext, UnknownProperties {}\nexport type ButtonContext = AbstractButtonContext;\n\nexport type ButtonChildren = {\n Text: Intergalactic.Component<'span', ButtonTextProps>;\n Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n\nexport type ButtonComponent = Intergalactic.Component<'button', ButtonProps, ButtonContext> & {\n Text: Intergalactic.Component<'span', ButtonTextProps>;\n Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n"],"mappings":""}
|
|
@@ -0,0 +1,86 @@
|
|
|
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 as _sstyled } from "@semcore/utils/lib/core/index";
|
|
8
|
+
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
9
|
+
import { assignProps as _assignProps } from "@semcore/core";
|
|
10
|
+
import React from 'react';
|
|
11
|
+
import createComponent, { sstyled, Root } from '@semcore/core';
|
|
12
|
+
/*__reshadow-styles__:"./buttonLink.shadow.css"*/
|
|
13
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_rcow5_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SButton_rcow5_gg_:active,.___SButton_rcow5_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_rcow5_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_rcow5_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_rcow5_gg_.__active_rcow5_gg_,.___SButton_rcow5_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_rcow5_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_rcow5_gg_.__active_rcow5_gg_ .___SText_rcow5_gg_,.___SButton_rcow5_gg_:active .___SText_rcow5_gg_{border-color:currentColor}@media (hover:hover){.___SButton_rcow5_gg_:hover .___SText_rcow5_gg_{border-color:currentColor}}.___SButton_rcow5_gg_.__enableVisited_rcow5_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_rcow5_gg_.__enableVisited_rcow5_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_rcow5_gg_ .___SText_rcow5_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_rcow5_gg_.__keyboardFocused_rcow5_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SButton_rcow5_gg_.__disabled_rcow5_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_rcow5_gg_._use_secondary_rcow5_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_rcow5_gg_._use_secondary_rcow5_gg_.__active_rcow5_gg_,.___SButton_rcow5_gg_._use_secondary_rcow5_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_rcow5_gg_._use_secondary_rcow5_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_rcow5_gg_._use_secondary_rcow5_gg_ .___SText_rcow5_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_rcow5_gg_,.___SInner_rcow5_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_rcow5_gg_{height:100%;width:100%}.___SAddon_rcow5_gg_{vertical-align:middle;pointer-events:none}.___SButton_rcow5_gg_ .___SAddon_rcow5_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_rcow5_gg_ .___SAddon_rcow5_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_rcow5_gg_.__text-color_rcow5_gg_{color:var(--text-color_rcow5)}.___SButton_rcow5_gg_.__text-color_rcow5_gg_.__active_rcow5_gg_,.___SButton_rcow5_gg_.__text-color_rcow5_gg_:active{color:var(--text-color_rcow5);filter:brightness(.8)}@media (hover:hover){.___SButton_rcow5_gg_.__text-color_rcow5_gg_:hover{color:var(--text-color_rcow5);filter:brightness(.8)}}.___SButton_rcow5_gg_._size_100_rcow5_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_rcow5_gg_._size_200_rcow5_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_rcow5_gg_._size_300_rcow5_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_rcow5_gg_._size_400_rcow5_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_rcow5_gg_._size_500_rcow5_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_rcow5_gg_._size_600_rcow5_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_rcow5_gg_._size_700_rcow5_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_rcow5_gg_._size_800_rcow5_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_rcow5_gg_,.___SText_rcow5_gg_{transition:none}}" /*__inner_css_end__*/, "rcow5_gg_") /*__reshadow_css_end__*/, {
|
|
14
|
+
"__SButton": "___SButton_rcow5_gg_",
|
|
15
|
+
"_keyboardFocused": "__keyboardFocused_rcow5_gg_",
|
|
16
|
+
"_disabled": "__disabled_rcow5_gg_",
|
|
17
|
+
"__SInner": "___SInner_rcow5_gg_",
|
|
18
|
+
"__SAddon": "___SAddon_rcow5_gg_",
|
|
19
|
+
"_size_100": "_size_100_rcow5_gg_",
|
|
20
|
+
"_size_200": "_size_200_rcow5_gg_",
|
|
21
|
+
"_size_300": "_size_300_rcow5_gg_",
|
|
22
|
+
"_size_400": "_size_400_rcow5_gg_",
|
|
23
|
+
"_size_500": "_size_500_rcow5_gg_",
|
|
24
|
+
"_size_600": "_size_600_rcow5_gg_",
|
|
25
|
+
"_size_700": "_size_700_rcow5_gg_",
|
|
26
|
+
"_size_800": "_size_800_rcow5_gg_",
|
|
27
|
+
"__SText": "___SText_rcow5_gg_",
|
|
28
|
+
"_active": "__active_rcow5_gg_",
|
|
29
|
+
"_enableVisited": "__enableVisited_rcow5_gg_",
|
|
30
|
+
"_use_secondary": "_use_secondary_rcow5_gg_",
|
|
31
|
+
"_text-color": "__text-color_rcow5_gg_",
|
|
32
|
+
"--text-color": "--text-color_rcow5"
|
|
33
|
+
});
|
|
34
|
+
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
35
|
+
import { Box } from '@semcore/flex-box';
|
|
36
|
+
import { AbstractButton } from '../AbstractButton/AbstractButton';
|
|
37
|
+
import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
|
|
38
|
+
var enhance = {
|
|
39
|
+
keyboardFocused: keyboardFocusEnhance(),
|
|
40
|
+
resolveColor: resolveColorEnhance()
|
|
41
|
+
};
|
|
42
|
+
var RootButtonLink = /*#__PURE__*/function (_AbstractButton) {
|
|
43
|
+
_inherits(RootButtonLink, _AbstractButton);
|
|
44
|
+
var _super = _createSuper(RootButtonLink);
|
|
45
|
+
function RootButtonLink() {
|
|
46
|
+
_classCallCheck(this, RootButtonLink);
|
|
47
|
+
return _super.apply(this, arguments);
|
|
48
|
+
}
|
|
49
|
+
_createClass(RootButtonLink, [{
|
|
50
|
+
key: "getTextColor",
|
|
51
|
+
value: function getTextColor() {
|
|
52
|
+
var _ref5 = this.asProps,
|
|
53
|
+
color = _ref5.color,
|
|
54
|
+
resolveColor = _ref5.resolveColor;
|
|
55
|
+
return resolveColor(color);
|
|
56
|
+
}
|
|
57
|
+
}]);
|
|
58
|
+
return RootButtonLink;
|
|
59
|
+
}(AbstractButton);
|
|
60
|
+
_defineProperty(RootButtonLink, "displayName", 'ButtonLink');
|
|
61
|
+
_defineProperty(RootButtonLink, "enhance", Object.values(enhance));
|
|
62
|
+
_defineProperty(RootButtonLink, "style", style);
|
|
63
|
+
_defineProperty(RootButtonLink, "defaultProps", {
|
|
64
|
+
use: 'primary'
|
|
65
|
+
});
|
|
66
|
+
function Text(props) {
|
|
67
|
+
var _ref = arguments[0],
|
|
68
|
+
_ref3;
|
|
69
|
+
var SText = Box;
|
|
70
|
+
return _ref3 = sstyled(props.styles), /*#__PURE__*/React.createElement(SText, _ref3.cn("SText", _objectSpread({}, _assignProps({
|
|
71
|
+
"tag": 'span'
|
|
72
|
+
}, _ref))));
|
|
73
|
+
}
|
|
74
|
+
function Addon(props) {
|
|
75
|
+
var _ref2 = arguments[0],
|
|
76
|
+
_ref4;
|
|
77
|
+
var SAddon = Box;
|
|
78
|
+
return _ref4 = sstyled(props.styles), /*#__PURE__*/React.createElement(SAddon, _ref4.cn("SAddon", _objectSpread({}, _assignProps2({
|
|
79
|
+
"tag": 'span'
|
|
80
|
+
}, _ref2))));
|
|
81
|
+
}
|
|
82
|
+
export var ButtonLink = createComponent(RootButtonLink, {
|
|
83
|
+
Text: Text,
|
|
84
|
+
Addon: Addon
|
|
85
|
+
});
|
|
86
|
+
//# sourceMappingURL=ButtonLink.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonLink.mjs","names":["React","createComponent","sstyled","Root","style","_sstyled","insert","keyboardFocusEnhance","Box","AbstractButton","resolveColorEnhance","enhance","keyboardFocused","resolveColor","RootButtonLink","_AbstractButton","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextColor","_ref5","asProps","color","_defineProperty","Object","values","use","Text","props","_ref","arguments[0]","_ref3","SText","styles","createElement","cn","_objectSpread","_assignProps","Addon","_ref2","_ref4","SAddon","_assignProps2","ButtonLink"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '@semcore/core';\nimport style from './buttonLink.shadow.css';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { Box } from '@semcore/flex-box';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { ButtonLinkAddonProps, ButtonLinkComponent, ButtonLinkTextProps } from './ButtonLink.type';\n\nconst enhance = {\n keyboardFocused: keyboardFocusEnhance(),\n resolveColor: resolveColorEnhance(),\n};\n\nclass RootButtonLink extends AbstractButton {\n static displayName = 'ButtonLink';\n static enhance = Object.values(enhance);\n static style = style;\n static defaultProps = {\n use: 'primary',\n };\n\n protected getTextColor(): string | undefined {\n const { color, resolveColor } = this.asProps as any;\n return resolveColor(color);\n }\n}\n\nfunction Text(props: ButtonLinkTextProps) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonLinkAddonProps) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nexport const ButtonLink = createComponent(RootButtonLink, {\n Text,\n Addon,\n}) as ButtonLinkComponent;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAE/D,OAAOC,oBAAoB,MAAM,kDAAkD;AACnF,SAASC,GAAG,QAAQ,mBAAmB;AACvC,SAASC,cAAc,QAAQ,kCAAkC;AACjE,OAAOC,mBAAmB,MAAM,iDAAiD;AAGjF,IAAMC,OAAO,GAAG;EACdC,eAAe,EAAEL,oBAAoB,EAAE;EACvCM,YAAY,EAAEH,mBAAmB;AACnC,CAAC;AAAC,IAEII,cAAc,0BAAAC,eAAA;EAAAC,SAAA,CAAAF,cAAA,EAAAC,eAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,cAAA;EAAA,SAAAA,eAAA;IAAAK,eAAA,OAAAL,cAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,cAAA;IAAAS,GAAA;IAAAC,KAAA,EAQlB,SAAAC,aAAA,EAA6C;MAC3C,IAAAC,KAAA,GAAgC,IAAI,CAACC,OAAO;QAApCC,KAAK,GAAAF,KAAA,CAALE,KAAK;QAAEf,YAAY,GAAAa,KAAA,CAAZb,YAAY;MAC3B,OAAOA,YAAY,CAACe,KAAK,CAAC;IAC5B;EAAC;EAAA,OAAAd,cAAA;AAAA,EAX0BL,cAAc;AAAAoB,eAAA,CAArCf,cAAc,iBACG,YAAY;AAAAe,eAAA,CAD7Bf,cAAc,aAEDgB,MAAM,CAACC,MAAM,CAACpB,OAAO,CAAC;AAAAkB,eAAA,CAFnCf,cAAc,WAGHV,KAAK;AAAAyB,eAAA,CAHhBf,cAAc,kBAII;EACpBkB,GAAG,EAAE;AACP,CAAC;AAQH,SAASC,IAAIA,CAACC,KAA0B,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxC,IAAMC,KAAK,GACiC9B,GAAG;EAA/C,OAAA6B,KAAA,GAAOnC,OAAO,CAACgC,KAAK,CAACK,MAAM,CAAC,eAACvC,KAAA,CAAAwC,aAAA,CAACF,KAAK,EAAAD,KAAA,CAAAI,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAAkB;EAAM,GAAAR,IAAA,IAAG;AAChE;AAEA,SAASS,KAAKA,CAACV,KAA2B,EAAE;EAAA,IAAAW,KAAA,GAAAT,YAAA;IAAAU,KAAA;EAC1C,IAAMC,MAAM,GACiCvC,GAAG;EAAhD,OAAAsC,KAAA,GAAO5C,OAAO,CAACgC,KAAK,CAACK,MAAM,CAAC,eAACvC,KAAA,CAAAwC,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,WAAAC,aAAA,KAAAM,aAAA;IAAA,OAAkB;EAAM,GAAAH,KAAA,IAAG;AACjE;AAEA,OAAO,IAAMI,UAAU,GAAGhD,eAAe,CAACa,cAAc,EAAE;EACxDmB,IAAI,EAAJA,IAAI;EACJW,KAAK,EAALA;AACF,CAAC,CAAwB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonLink.type.mjs","names":[],"sources":["../../../../src/component/ButtonLink/ButtonLink.type.ts"],"sourcesContent":["import { UnknownProperties, Intergalactic } from '@semcore/core';\n\nimport {\n AbstractButtonAddonProps,\n AbstractButtonContext,\n AbstractButtonTextProps,\n AbstractButtonProps,\n} from '../AbstractButton/AbstractButton.type';\n\n/**\n * Button link size\n * @default m\n */\nexport type ButtonLinkSize = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;\n/**\n * Button link type\n * @default primary\n */\ntype Use = 'primary' | 'secondary';\n\nexport type ButtonLinkProps = AbstractButtonProps<ButtonLinkSize, Use, never>;\n\nexport type ButtonLinkTextProps = AbstractButtonTextProps<ButtonLinkSize>;\n\nexport type ButtonLinkAddonProps = AbstractButtonAddonProps<ButtonLinkSize>;\n\nexport type ButtonLinkContext = AbstractButtonContext;\n\nexport type ButtonLinkChildren = {\n Text: Intergalactic.Component<'span', ButtonLinkTextProps>;\n Addon: Intergalactic.Component<'span', ButtonLinkAddonProps>;\n};\n\nexport type ButtonLinkComponent = Intergalactic.Component<\n 'button',\n ButtonLinkProps,\n ButtonLinkContext\n> & {\n Text: Intergalactic.Component<'span', ButtonLinkTextProps>;\n Addon: Intergalactic.Component<'span', ButtonLinkAddonProps>;\n};\n"],"mappings":""}
|
|
@@ -3,4 +3,4 @@ export * from './component/Button/Button.type';
|
|
|
3
3
|
export * from './component/ButtonLink/ButtonLink';
|
|
4
4
|
export * from './component/ButtonLink/ButtonLink.type';
|
|
5
5
|
export { MAP_USE_DEFAULT_THEME } from './component/AbstractButton/AbstractButton';
|
|
6
|
-
//# sourceMappingURL=index.
|
|
6
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","names":["default","MAP_USE_DEFAULT_THEME"],"sources":["../../src/index.ts"],"sourcesContent":["export { default } from './component/Button/Button';\nexport * from './component/Button/Button.type';\nexport * from './component/ButtonLink/ButtonLink';\nexport * from './component/ButtonLink/ButtonLink.type';\nexport { MAP_USE_DEFAULT_THEME } from './component/AbstractButton/AbstractButton';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,2BAA2B;AACnD,cAAc,gCAAgC;AAC9C,cAAc,mCAAmC;AACjD,cAAc,wCAAwC;AACtD,SAASC,qBAAqB,QAAQ,2CAA2C"}
|
package/package.json
CHANGED
|
@@ -1,24 +1,19 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/button",
|
|
3
3
|
"description": "Semrush Button Component",
|
|
4
|
-
"version": "5.
|
|
4
|
+
"version": "5.41.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
|
-
"module": "lib/es6/index.
|
|
6
|
+
"module": "lib/es6/index.mjs",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
8
8
|
"sideEffects": false,
|
|
9
9
|
"author": "UI-kit team <ui-kit-team@semrush.com>",
|
|
10
10
|
"license": "MIT",
|
|
11
|
-
"exports": {
|
|
12
|
-
"require": "./lib/cjs/index.js",
|
|
13
|
-
"import": "./lib/es6/index.js",
|
|
14
|
-
"types": "./lib/types/index.d.ts"
|
|
15
|
-
},
|
|
16
11
|
"dependencies": {
|
|
17
|
-
"@semcore/flex-box": "5.
|
|
18
|
-
"@semcore/neighbor-location": "4.
|
|
19
|
-
"@semcore/spin": "5.
|
|
20
|
-
"@semcore/tooltip": "6.47.
|
|
21
|
-
"@semcore/utils": "4.
|
|
12
|
+
"@semcore/flex-box": "5.40.0",
|
|
13
|
+
"@semcore/neighbor-location": "4.38.0",
|
|
14
|
+
"@semcore/spin": "5.40.0",
|
|
15
|
+
"@semcore/tooltip": "6.47.2",
|
|
16
|
+
"@semcore/utils": "4.45.0"
|
|
22
17
|
},
|
|
23
18
|
"peerDependencies": {
|
|
24
19
|
"@semcore/core": "^2.17.5",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AbstractButton.js","names":["React","Box","Hint","NeighborLocation","addonTextChildren","logger","SpinButton","hasLabels","Component","CORE_INSTANCE","Root","sstyled","MAP_USE_DEFAULT_THEME","primary","secondary","tertiary","AbstractButton","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","ariaLabelledByContent","_createClass","key","value","getTextProps","size","asProps","getAddonProps","componentDidMount","_this2","process","env","NODE_ENV","warn","containerRef","current","title","displayName","ariaLabelledby","setTimeout","_document$getElementB","_document$getElementB2","setState","document","getElementById","textContent","renderButton","_ref6","_ref","_ref3","buttonProps","children","styles","SButton","createElement","cn","_objectSpread","_assignProps","renderButtonWithHint","_ref7","_ref2","_ref4","hintProps","_assignProps2","render","_ref8","_ref9","_this3","_this$asProps","use","_this$asProps$theme","theme","loading","_this$asProps$disable","disabled","neighborLocation","hasChildren","ariaLabel","Children","AddonLeft","addonLeft","AddonRight","addonRight","hintPlacement","Button","useTheme","SInner","SSpin","buttonAriaLabel","state","type","tag","ref","getTextColor","__excludeProps","timeout","placement","undefined","Detect","_ref5","Fragment","Addon","Text"],"sources":["../../../../src/component/AbstractButton/AbstractButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@semcore/flex-box';\nimport { Hint } from '@semcore/tooltip';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport SpinButton from './SpinButton';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\nimport { AbstractButtonProps } from './AbstractButton.type';\nimport { Component, CORE_INSTANCE, Root, sstyled } from '@semcore/core';\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\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}>\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 };\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 <Button.Addon>\n <AddonLeft />\n </Button.Addon>\n ) : null}\n {addonTextChildren(Children, Button.Text, Button.Addon)}\n {AddonRight ? (\n <Button.Addon>\n <AddonRight />\n </Button.Addon>\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":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,QAAQ,mBAAmB;AACvC,SAASC,IAAI,QAAQ,kBAAkB;AACvC,OAAOC,gBAAgB,MAAM,4BAA4B;AACzD,OAAOC,iBAAiB,MAAM,sCAAsC;AACpE,OAAOC,MAAM,MAAM,2BAA2B;AAC9C,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,SAAS,MAAM,8BAA8B;AAEpD,SAASC,SAAS,EAAEC,aAAa,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAEvE,OAAO,IAAMC,qBAA6C,GAAG;EAC3DC,OAAO,EAAE,MAAM;EACfC,SAAS,EAAE,OAAO;EAClBC,QAAQ,EAAE;AACZ,CAAC;AAID,WAAsBC,cAAc,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,cAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,cAAA;EAAA,SAAAA,eAAA;IAAA,IAAAK,KAAA;IAAAC,eAAA,OAAAN,cAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAAM,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,gCAGnBrB,KAAK,CAACkC,SAAS,EAAqB;IAAAF,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,YAE3C;MACNc,qBAAqB,EAAE;IACzB,CAAC;IAAA,OAAAd,KAAA;EAAA;EAAAe,YAAA,CAAApB,cAAA;IAAAqB,GAAA;IAAAC,KAAA,EAID,SAAAC,aAAA,EAAe;MACb,IAAQC,IAAI,GAAK,IAAI,CAACC,OAAO,CAArBD,IAAI;MAEZ,OAAO;QACLA,IAAI,EAAJA;MACF,CAAC;IACH;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAI,cAAA,EAAgB;MACd,IAAQF,IAAI,GAAK,IAAI,CAACC,OAAO,CAArBD,IAAI;MACZ,OAAO;QACLA,IAAI,EAAJA;MACF,CAAC;IACH;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAK,kBAAA,EAAoB;MAAA,IAAAC,MAAA;MAClB,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;QACzC1C,MAAM,CAAC2C,IAAI,CACT,IAAI,CAACC,YAAY,CAACC,OAAO,IAAI,CAAC3C,SAAS,CAAC,IAAI,CAAC0C,YAAY,CAACC,OAAO,CAAC,IAAI,CAAC,IAAI,CAACT,OAAO,CAACU,KAAK,sGAEzF,IAAI,CAACV,OAAO,CAAC,cAAc,CAAC,IAAIzB,cAAc,CAACoC,WAAW,CAC3D;MACH;MAEA,IAAMC,cAAc,GAAG,IAAI,CAACZ,OAAO,CAAC,iBAAiB,CAAC;MAEtD,IAAIY,cAAc,EAAE;QAClBC,UAAU,CAAC,YAAM;UAAA,IAAAC,qBAAA,EAAAC,sBAAA;UACfZ,MAAI,CAACa,QAAQ,CAAC;YACZtB,qBAAqB,GAAAoB,qBAAA,IAAAC,sBAAA,GAAEE,QAAQ,CAACC,cAAc,CAACN,cAAc,CAAC,cAAAG,sBAAA,uBAAvCA,sBAAA,CAAyCI,WAAW,cAAAL,qBAAA,cAAAA,qBAAA,GAAI;UACjF,CAAC,CAAC;QACJ,CAAC,EAAE,CAAC,CAAC;MACP;IACF;EAAC;IAAAlB,GAAA;IAAAC,KAAA,EAED,SAAAuB,aAAAC,KAAA,EAA6C;MAAA,IAAAC,IAAA,QAAAtB,OAAA;QAAAuB,KAAA;MAAA,IAA9BC,WAAW,GAAAH,KAAA,CAAXG,WAAW;QAAEC,QAAQ,GAAAJ,KAAA,CAARI,QAAQ;MAClC,IAAQC,MAAM,GAAK,IAAI,CAAC1B,OAAO,CAAvB0B,MAAM;MACd,IAAMC,OAAO,GAGMnE,GAAG;MADtB,OAAA+D,KAAA,GAAOrD,OAAO,CAACwD,MAAM,CAAC,eACpBnE,KAAA,CAAAqE,aAAA,CAACD,OAAO,EAAAJ,KAAA,CAAAM,EAAA,YAAAC,aAAA,KAAAC,YAAA,CAAAD,aAAA,KAAkBN,WAAW,GAAAF,IAAA,KAClCG,QAAQ,CACD;IAEd;EAAC;IAAA7B,GAAA;IAAAC,KAAA,EAED,SAAAmC,qBAAAC,KAAA,EAAgE;MAAA,IAAAC,KAAA,QAAAlC,OAAA;QAAAmC,KAAA;MAAA,IAAzCX,WAAW,GAAAS,KAAA,CAAXT,WAAW;QAAEC,QAAQ,GAAAQ,KAAA,CAARR,QAAQ;QAAEW,SAAS,GAAAH,KAAA,CAATG,SAAS;MACrD,IAAQV,MAAM,GAAK,IAAI,CAAC1B,OAAO,CAAvB0B,MAAM;MACd,IAAMC,OAAO,GAGMlE,IAAI;MADvB,OAAA0E,KAAA,GAAOjE,OAAO,CAACwD,MAAM,CAAC,eACpBnE,KAAA,CAAAqE,aAAA,CAACD,OAAO,EAAAQ,KAAA,CAAAN,EAAA,YAAAC,aAAA,KAAAO,aAAA,CAAAP,aAAA,CAAAA,aAAA,KAAmBN,WAAW,GAAMY,SAAS,GAAAF,KAAA,KAClDT,QAAQ,CACD;IAEd;EAAC;IAAA7B,GAAA;IAAAC,KAAA,EAED,SAAAyC,OAAA,EAAS;MAAA,IAAAC,KAAA;QAAAC,KAAA;QAAAC,MAAA;MACP,IAAAC,aAAA,GAeI,IAAI,CAAC1C,OAAO;QAdd0B,MAAM,GAAAgB,aAAA,CAANhB,MAAM;QACNiB,GAAG,GAAAD,aAAA,CAAHC,GAAG;QAAAC,mBAAA,GAAAF,aAAA,CACHG,KAAK;QAALA,KAAK,GAAAD,mBAAA,cAAG,OAAOD,GAAG,KAAK,QAAQ,IAAIxE,qBAAqB,CAACwE,GAAG,CAAC,GAAAC,mBAAA;QAC7DE,OAAO,GAAAJ,aAAA,CAAPI,OAAO;QAAAC,qBAAA,GAAAL,aAAA,CACPM,QAAQ;QAARA,QAAQ,GAAAD,qBAAA,cAAGD,OAAO,GAAAC,qBAAA;QAClBhD,IAAI,GAAA2C,aAAA,CAAJ3C,IAAI;QACJkD,gBAAgB,GAAAP,aAAA,CAAhBO,gBAAgB;QACNC,WAAW,GAAAR,aAAA,CAArBjB,QAAQ;QACRf,KAAK,GAAAgC,aAAA,CAALhC,KAAK;QACWyC,SAAS,GAAAT,aAAA,CAAxB,YAAY;QACbU,QAAQ,GAAAV,aAAA,CAARU,QAAQ;QACGC,SAAS,GAAAX,aAAA,CAApBY,SAAS;QACGC,UAAU,GAAAb,aAAA,CAAtBc,UAAU;QACVC,aAAa,GAAAf,aAAA,CAAbe,aAAa;MAEf;MACA,IAAMC,MAAM,GAAG,IAAI,CAAC1F,aAAa,CAAC;MAClC,IAAM2F,QAAQ,GAAGhB,GAAG,IAAIE,KAAK,MAAAvD,MAAA,CAAMqD,GAAG,OAAArD,MAAA,CAAIuD,KAAK,IAAK,KAAK;MACzD,IAAMe,MAAM,GAAGpG,GAAG;MAClB,IAAMqG,KAAK,GAAGrG,GAAG;MACjB,IAAMsG,eAAe,IAAAvB,KAAA,IAAAC,KAAA,GAAG9B,KAAK,aAALA,KAAK,cAALA,KAAK,GAAIyC,SAAS,cAAAX,KAAA,cAAAA,KAAA,GAAI,IAAI,CAACuB,KAAK,CAACrE,qBAAqB,cAAA6C,KAAA,cAAAA,KAAA,GAAI,EAAE;MAEpF,IAAMf,WAAgC,GAAG;QACvCwC,IAAI,EAAE,QAAQ;QACdC,GAAG,EAAE,QAAQ;QACbjB,QAAQ,EAARA,QAAQ;QACR,WAAW,EAAEW,QAAQ;QACrBO,GAAG,EAAE,IAAI,CAAC1D,YAAY;QACtB,YAAY,EAAE,IAAI,CAAC2D,YAAY,EAAE;QACjC,WAAW,EAAErB,OAAO;QACpBsB,cAAc,EAAE,CAAC,OAAO;MAC1B,CAAC;MAED,IAAMhC,SAAS,GAAG;QAChB1B,KAAK,EAAEoD,eAAe;QACtBO,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC;QAClBC,SAAS,EAAEb,aAAa;QACxBZ,KAAK,EAAEA,KAAK,KAAK,QAAQ,GAAG,QAAQ,GAAG0B,SAAS;QAChDH,cAAc,EAAE;MAClB,CAAC;MAED,oBACE7G,KAAA,CAAAqE,aAAA,CAAClE,gBAAgB,CAAC8G,MAAM;QAACvB,gBAAgB,EAAEA;MAAiB,GACzD,UAACA,gBAAgB,EAAK;QAAA,IAAAwB,KAAA;QACrB,IAAMhD,QAAQ,IAAAgD,KAAA,GAAGvG,OAAO,CAACwD,MAAM,CAAC,eAC9BnE,KAAA,CAAAqE,aAAA,CAAArE,KAAA,CAAAmH,QAAA,qBAEEnH,KAAA,CAAAqE,aAAA,CAACgC,MAAM,EAAAa,KAAA,CAAA5C,EAAA;UAAA,OAAK,MAAM;UAAA,WAAUiB;QAAO,IAChCO,SAAS,gBACR9F,KAAA,CAAAqE,aAAA,CAAC8B,MAAM,CAACiB,KAAK,qBACXpH,KAAA,CAAAqE,aAAA,CAACyB,SAAS,EAAAoB,KAAA,CAAA5C,EAAA,kBAAG,CACA,GACb,IAAI,EACPlE,iBAAiB,CAACyF,QAAQ,EAAEM,MAAM,CAACkB,IAAI,EAAElB,MAAM,CAACiB,KAAK,CAAC,EACtDpB,UAAU,gBACThG,KAAA,CAAAqE,aAAA,CAAC8B,MAAM,CAACiB,KAAK,qBACXpH,KAAA,CAAAqE,aAAA,CAAC2B,UAAU,EAAAkB,KAAA,CAAA5C,EAAA,mBAAG,CACD,GACb,IAAI,CACD,EACRiB,OAAO,iBACNvF,KAAA,CAAAqE,aAAA,CAACiC,KAAK,EAAAY,KAAA,CAAA5C,EAAA;UAAA,OAAK;QAAM,iBACftE,KAAA,CAAAqE,aAAA,CAAC/D,UAAU,EAAA4G,KAAA,CAAA5C,EAAA;UAAA;UAAA,QAAgB9B,IAAI;UAAA,SAAS4D;QAAQ,GAAI,CAEvD,CACA,CACJ;QACDnC,WAAW,CAACyB,gBAAgB,GAAGA,gBAAgB;QAE/C,IAAIC,WAAW,KAAKqB,SAAS,IAAI7D,KAAK,EAAE;UACtC,OAAO+B,MAAI,CAACT,oBAAoB,CAAC;YAAER,WAAW,EAAXA,WAAW;YAAEY,SAAS,EAATA,SAAS;YAAEX,QAAQ,EAARA;UAAS,CAAC,CAAC;QACxE;QAEA,OAAOgB,MAAI,CAACrB,YAAY,CAAC;UAAEI,WAAW,EAAXA,WAAW;UAAEC,QAAQ,EAARA;QAAS,CAAC,CAAC;MACrD,CAAC,CACuB;IAE9B;EAAC;EAAA,OAAAlD,cAAA;AAAA,EAnJ0CR,SAAS;AAoJrDwB,eAAA,CApJqBhB,cAAc,iBACb,gBAAgB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AbstractButton.type.js","names":[],"sources":["../../../../src/component/AbstractButton/AbstractButton.type.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn } from '@semcore/core';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { BoxProps } from '@semcore/flex-box';\nimport { NeighborItemProps } from '@semcore/neighbor-location';\nimport { TooltipHintProps } from '@semcore/tooltip';\n\nexport type AbstractButtonProps<S, U, T> = BoxProps &\n NeighborItemProps &\n KeyboardFocusProps & {\n /** Button activity state */\n active?: boolean;\n /** Disabled button state */\n disabled?: boolean;\n /** Loading button state */\n loading?: boolean;\n /** Tag for the left Addon */\n addonLeft?: React.ElementType;\n /** Tag for the right Addon */\n addonRight?: React.ElementType;\n /**\n * Placement for hint\n * @default top\n */\n hintPlacement?: TooltipHintProps['placement'];\n\n /** Button type. Defined in Button.type or ButtonLink.type */\n size?: S;\n /** Button usage. Defined in Button.type or ButtonLink.type */\n use?: U;\n /** Button theme. Defined in Button.type or ButtonLink.type */\n theme?: T;\n };\n\nexport type AbstractButtonAddonProps<S> = BoxProps & {\n size?: S;\n};\n\nexport type AbstractButtonTextProps<S> = BoxProps & {\n size?: S;\n};\n\nexport type AbstractButtonContext = {\n getTextProps: PropGetterFn;\n getAddonProps: PropGetterFn;\n};\n"],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SpinButton.js","names":["React","Spin","SPIN_SIZE_MAP","xl","l","m","s","SpinButton","_ref","theme","size","others","_objectWithoutProperties","_excluded","createElement","_extends"],"sources":["../../../../src/component/AbstractButton/SpinButton.tsx"],"sourcesContent":["import React from 'react';\nimport Spin from '@semcore/spin';\n\nexport const SPIN_SIZE_MAP: Record<string, string> = {\n xl: 'm',\n l: 's',\n m: 'xs',\n s: 'xxs',\n};\n\nexport default function SpinButton({ theme, size, ...others }: any) {\n return (\n <Spin\n size={typeof size === 'string' ? SPIN_SIZE_MAP[size] : size}\n theme='currentColor'\n {...others}\n />\n );\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,IAAI,MAAM,eAAe;AAEhC,OAAO,IAAMC,aAAqC,GAAG;EACnDC,EAAE,EAAE,GAAG;EACPC,CAAC,EAAE,GAAG;EACNC,CAAC,EAAE,IAAI;EACPC,CAAC,EAAE;AACL,CAAC;AAED,eAAe,SAASC,UAAUA,CAAAC,IAAA,EAAkC;EAAA,IAA/BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAKC,MAAM,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACzD,oBACEb,KAAA,CAAAc,aAAA,CAACb,IAAI,EAAAc,QAAA;IACHL,IAAI,EAAE,OAAOA,IAAI,KAAK,QAAQ,GAAGR,aAAa,CAACQ,IAAI,CAAC,GAAGA,IAAK;IAC5DD,KAAK,EAAC;EAAc,GAChBE,MAAM,EACV;AAEN"}
|
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
|
-
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
3
|
-
import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
|
-
import _inherits from "@babel/runtime/helpers/inherits";
|
|
5
|
-
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
6
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
7
|
-
import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
|
|
8
|
-
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
9
|
-
import { assignProps as _assignProps } from "@semcore/core";
|
|
10
|
-
import React from 'react';
|
|
11
|
-
import createComponent, { sstyled, Root } from '@semcore/core';
|
|
12
|
-
import { Box } from '@semcore/flex-box';
|
|
13
|
-
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
14
|
-
/*__reshadow-styles__:"./button.shadow.css"*/
|
|
15
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_1eys6_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_1eys6_gg_::-moz-focus-inner{padding:0;border:0}.___SButton_1eys6_gg_:active,.___SButton_1eys6_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_1eys6_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_1eys6_gg_.__keyboardFocused_1eys6_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SButton_1eys6_gg_.__disabled_1eys6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;box-shadow:none;z-index:0}.___SButton_1eys6_gg_._size_s_1eys6_gg_{width:var(--intergalactic-form-control-s, 20px);height:var(--intergalactic-form-control-s, 20px);border-radius:var(--intergalactic-addon-rounded, 4px)}.___SButton_1eys6_gg_._size_m_1eys6_gg_{height:var(--intergalactic-form-control-m, 28px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButton_1eys6_gg_._size_l_1eys6_gg_{height:var(--intergalactic-form-control-l, 40px);border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SButton_1eys6_gg_._theme_primary-info_1eys6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info, #008ff8)}@media (hover:hover){.___SButton_1eys6_gg_._theme_primary-info_1eys6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SButton_1eys6_gg_._theme_primary-info_1eys6_gg_.__active_1eys6_gg_,.___SButton_1eys6_gg_._theme_primary-info_1eys6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-info-active, #044792)}.___SButton_1eys6_gg_._theme_primary-success_1eys6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success, #009f81)}@media (hover:hover){.___SButton_1eys6_gg_._theme_primary-success_1eys6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-hover, #007c65)}}.___SButton_1eys6_gg_._theme_primary-success_1eys6_gg_.__active_1eys6_gg_,.___SButton_1eys6_gg_._theme_primary-success_1eys6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-success-active, #055345)}.___SButton_1eys6_gg_._theme_primary-warning_1eys6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand, #ff642d)}@media (hover:hover){.___SButton_1eys6_gg_._theme_primary-warning_1eys6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-hover, #c33909)}}.___SButton_1eys6_gg_._theme_primary-warning_1eys6_gg_.__active_1eys6_gg_,.___SButton_1eys6_gg_._theme_primary-warning_1eys6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-brand-active, #c33909)}.___SButton_1eys6_gg_._theme_primary-danger_1eys6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical, #ff4953)}@media (hover:hover){.___SButton_1eys6_gg_._theme_primary-danger_1eys6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-hover, #d1002f)}}.___SButton_1eys6_gg_._theme_primary-danger_1eys6_gg_.__active_1eys6_gg_,.___SButton_1eys6_gg_._theme_primary-danger_1eys6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-primary-critical-active, #8e0016)}.___SButton_1eys6_gg_._theme_primary-invert_1eys6_gg_{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert, #ffffff)}@media (hover:hover){.___SButton_1eys6_gg_._theme_primary-invert_1eys6_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-hover, #f4f5f9)}}.___SButton_1eys6_gg_._theme_primary-invert_1eys6_gg_.__active_1eys6_gg_,.___SButton_1eys6_gg_._theme_primary-invert_1eys6_gg_:active{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}.___SButton_1eys6_gg_._theme_secondary-muted_1eys6_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_1eys6_gg_._theme_secondary-muted_1eys6_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1eys6_gg_._theme_secondary-muted_1eys6_gg_.__active_1eys6_gg_,.___SButton_1eys6_gg_._theme_secondary-muted_1eys6_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_1eys6_gg_._theme_secondary-info_1eys6_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_1eys6_gg_._theme_secondary-info_1eys6_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1eys6_gg_._theme_secondary-info_1eys6_gg_.__active_1eys6_gg_,.___SButton_1eys6_gg_._theme_secondary-info_1eys6_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1eys6_gg_._theme_secondary-invert_1eys6_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_1eys6_gg_._theme_secondary-invert_1eys6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-secondary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1eys6_gg_._theme_secondary-invert_1eys6_gg_.__active_1eys6_gg_,.___SButton_1eys6_gg_._theme_secondary-invert_1eys6_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_1eys6_gg_._theme_tertiary-info_1eys6_gg_{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info, rgba(0, 143, 248, 0))}@media (hover:hover){.___SButton_1eys6_gg_._theme_tertiary-info_1eys6_gg_:hover{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-hover, rgba(0, 143, 248, 0.2))}}.___SButton_1eys6_gg_._theme_tertiary-info_1eys6_gg_.__active_1eys6_gg_,.___SButton_1eys6_gg_._theme_tertiary-info_1eys6_gg_:active{color:var(--intergalactic-text-link, #006dca);background-color:var(--intergalactic-control-tertiary-info-active, rgba(0, 143, 248, 0.3))}.___SButton_1eys6_gg_._theme_tertiary-muted_1eys6_gg_{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-control-tertiary-neutral, rgba(138, 142, 155, 0))}@media (hover:hover){.___SButton_1eys6_gg_._theme_tertiary-muted_1eys6_gg_:hover{background-color:var(--intergalactic-control-tertiary-neutral-hover, rgba(138, 142, 155, 0.2));color:var(--intergalactic-text-primary, #191b23)}}.___SButton_1eys6_gg_._theme_tertiary-muted_1eys6_gg_.__active_1eys6_gg_,.___SButton_1eys6_gg_._theme_tertiary-muted_1eys6_gg_:active{background-color:var(--intergalactic-control-tertiary-neutral-active,\n rgba(138, 142, 155, 0.3));color:var(--intergalactic-text-primary, #191b23)}.___SButton_1eys6_gg_._theme_tertiary-invert_1eys6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert, rgba(255, 255, 255, 0))}@media (hover:hover){.___SButton_1eys6_gg_._theme_tertiary-invert_1eys6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-hover, rgba(255, 255, 255, 0.1))}}.___SButton_1eys6_gg_._theme_tertiary-invert_1eys6_gg_.__active_1eys6_gg_,.___SButton_1eys6_gg_._theme_tertiary-invert_1eys6_gg_:active{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}.___SButton_1eys6_gg_._neighborLocation_right_1eys6_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SButton_1eys6_gg_._neighborLocation_both_1eys6_gg_{border-radius:0;margin-left:-1px}.___SButton_1eys6_gg_._neighborLocation_left_1eys6_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SButton_1eys6_gg_._neighborLocation_both_1eys6_gg_,.___SButton_1eys6_gg_._neighborLocation_left_1eys6_gg_{position:relative}.___SButton_1eys6_gg_._neighborLocation_both_1eys6_gg_:after,.___SButton_1eys6_gg_._neighborLocation_left_1eys6_gg_:after{background-color:var(--intergalactic-text-primary-invert, #ffffff)}.___SButton_1eys6_gg_._neighborLocation_both_1eys6_gg_._theme_secondary-muted_1eys6_gg_:after,.___SButton_1eys6_gg_._neighborLocation_left_1eys6_gg_._theme_secondary-muted_1eys6_gg_:after{background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButton_1eys6_gg_+.___SButton_1eys6_gg_._neighborLocation_both_1eys6_gg_:after,.___SButton_1eys6_gg_+.___SButton_1eys6_gg_._neighborLocation_left_1eys6_gg_:after{content:\"\";position:absolute;top:-1px;left:-1px;width:1px;height:calc(100% + 2px)}.___SSpin_1eys6_gg_{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.___SInner_1eys6_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SInner_1eys6_gg_.__loading_1eys6_gg_{visibility:hidden}.___SText_1eys6_gg_{display:inline-flex}.___SText_1eys6_gg_._size_l_1eys6_gg_,.___SText_1eys6_gg_._size_m_1eys6_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SText_1eys6_gg_._size_m_1eys6_gg_{line-height:var(--intergalactic-lh-200, 142%)}.___SText_1eys6_gg_._size_l_1eys6_gg_{line-height:var(--intergalactic-lh-300, 150%)}.___SText_1eys6_gg_._size_l_1eys6_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SText_1eys6_gg_._size_l_1eys6_gg_:first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SText_1eys6_gg_._size_l_1eys6_gg_:last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SAddon_1eys6_gg_{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.___SAddon_1eys6_gg_._size_m_1eys6_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1eys6_gg_._size_m_1eys6_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SAddon_1eys6_gg_._size_m_1eys6_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_1eys6_gg_._size_l_1eys6_gg_:not(:only-child):first-child{margin-left:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1eys6_gg_._size_l_1eys6_gg_:not(:only-child):last-child{margin-right:calc(var(--intergalactic-spacing-3x, 12px) - 1px)}.___SAddon_1eys6_gg_._size_l_1eys6_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__*/, "1eys6_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
-
"__SButton": "___SButton_1eys6_gg_",
|
|
17
|
-
"_keyboardFocused": "__keyboardFocused_1eys6_gg_",
|
|
18
|
-
"_disabled": "__disabled_1eys6_gg_",
|
|
19
|
-
"_size_s": "_size_s_1eys6_gg_",
|
|
20
|
-
"_size_m": "_size_m_1eys6_gg_",
|
|
21
|
-
"_size_l": "_size_l_1eys6_gg_",
|
|
22
|
-
"_neighborLocation_right": "_neighborLocation_right_1eys6_gg_",
|
|
23
|
-
"_neighborLocation_both": "_neighborLocation_both_1eys6_gg_",
|
|
24
|
-
"_neighborLocation_left": "_neighborLocation_left_1eys6_gg_",
|
|
25
|
-
"__SSpin": "___SSpin_1eys6_gg_",
|
|
26
|
-
"__SInner": "___SInner_1eys6_gg_",
|
|
27
|
-
"_loading": "__loading_1eys6_gg_",
|
|
28
|
-
"__SText": "___SText_1eys6_gg_",
|
|
29
|
-
"__SAddon": "___SAddon_1eys6_gg_",
|
|
30
|
-
"_theme_primary-info": "_theme_primary-info_1eys6_gg_",
|
|
31
|
-
"_active": "__active_1eys6_gg_",
|
|
32
|
-
"_theme_primary-success": "_theme_primary-success_1eys6_gg_",
|
|
33
|
-
"_theme_primary-warning": "_theme_primary-warning_1eys6_gg_",
|
|
34
|
-
"_theme_primary-danger": "_theme_primary-danger_1eys6_gg_",
|
|
35
|
-
"_theme_primary-invert": "_theme_primary-invert_1eys6_gg_",
|
|
36
|
-
"_theme_secondary-muted": "_theme_secondary-muted_1eys6_gg_",
|
|
37
|
-
"_theme_secondary-info": "_theme_secondary-info_1eys6_gg_",
|
|
38
|
-
"_theme_secondary-invert": "_theme_secondary-invert_1eys6_gg_",
|
|
39
|
-
"_theme_tertiary-info": "_theme_tertiary-info_1eys6_gg_",
|
|
40
|
-
"_theme_tertiary-muted": "_theme_tertiary-muted_1eys6_gg_",
|
|
41
|
-
"_theme_tertiary-invert": "_theme_tertiary-invert_1eys6_gg_"
|
|
42
|
-
});
|
|
43
|
-
import { AbstractButton } from '../AbstractButton/AbstractButton';
|
|
44
|
-
var RootButton = /*#__PURE__*/function (_AbstractButton) {
|
|
45
|
-
_inherits(RootButton, _AbstractButton);
|
|
46
|
-
var _super = _createSuper(RootButton);
|
|
47
|
-
function RootButton() {
|
|
48
|
-
_classCallCheck(this, RootButton);
|
|
49
|
-
return _super.apply(this, arguments);
|
|
50
|
-
}
|
|
51
|
-
_createClass(RootButton, [{
|
|
52
|
-
key: "getTextColor",
|
|
53
|
-
value: function getTextColor() {
|
|
54
|
-
return undefined;
|
|
55
|
-
}
|
|
56
|
-
}]);
|
|
57
|
-
return RootButton;
|
|
58
|
-
}(AbstractButton);
|
|
59
|
-
_defineProperty(RootButton, "displayName", 'Button');
|
|
60
|
-
_defineProperty(RootButton, "enhance", [keyboardFocusEnhance()]);
|
|
61
|
-
_defineProperty(RootButton, "style", style);
|
|
62
|
-
_defineProperty(RootButton, "defaultProps", {
|
|
63
|
-
use: 'secondary',
|
|
64
|
-
size: 'm'
|
|
65
|
-
});
|
|
66
|
-
function Text(props) {
|
|
67
|
-
var _ref = arguments[0],
|
|
68
|
-
_ref3;
|
|
69
|
-
var SText = Box;
|
|
70
|
-
return _ref3 = sstyled(props.styles), /*#__PURE__*/React.createElement(SText, _ref3.cn("SText", _objectSpread({}, _assignProps({
|
|
71
|
-
"tag": 'span'
|
|
72
|
-
}, _ref))));
|
|
73
|
-
}
|
|
74
|
-
function Addon(props) {
|
|
75
|
-
var _ref2 = arguments[0],
|
|
76
|
-
_ref4;
|
|
77
|
-
var SAddon = Box;
|
|
78
|
-
return _ref4 = sstyled(props.styles), /*#__PURE__*/React.createElement(SAddon, _ref4.cn("SAddon", _objectSpread({}, _assignProps2({
|
|
79
|
-
"tag": 'span'
|
|
80
|
-
}, _ref2))));
|
|
81
|
-
}
|
|
82
|
-
var Button = createComponent(RootButton, {
|
|
83
|
-
Text: Text,
|
|
84
|
-
Addon: Addon
|
|
85
|
-
});
|
|
86
|
-
export default Button;
|
|
87
|
-
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","names":["React","createComponent","sstyled","Root","Box","keyboardFocusEnhance","style","_sstyled","insert","AbstractButton","RootButton","_AbstractButton","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextColor","undefined","_defineProperty","use","size","Text","props","_ref","arguments[0]","_ref3","SText","styles","createElement","cn","_objectSpread","_assignProps","Addon","_ref2","_ref4","SAddon","_assignProps2","Button"],"sources":["../../../../src/component/Button/Button.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './button.shadow.css';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\nimport {\n ButtonAddonProps,\n ButtonChildren,\n ButtonComponent,\n ButtonProps,\n ButtonTextProps,\n} from './Button.type';\n\nclass RootButton extends AbstractButton {\n static displayName = 'Button';\n static enhance = [keyboardFocusEnhance()];\n static style = style;\n static defaultProps = {\n use: 'secondary',\n size: 'm',\n };\n\n protected getTextColor(): string | undefined {\n return undefined;\n }\n}\n\nfunction Text(props: ButtonTextProps) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonAddonProps) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst Button = createComponent(RootButton, {\n Text,\n Addon,\n}) as ButtonComponent;\n\nexport default Button;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAC9D,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,oBAAoB,MAAM,kDAAkD;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGpF,SAASC,cAAc,QAAQ,kCAAkC;AAAC,IAS5DC,UAAU,0BAAAC,eAAA;EAAAC,SAAA,CAAAF,UAAA,EAAAC,eAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,UAAA;EAAA,SAAAA,WAAA;IAAAK,eAAA,OAAAL,UAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,UAAA;IAAAS,GAAA;IAAAC,KAAA,EASd,SAAAC,aAAA,EAA6C;MAC3C,OAAOC,SAAS;IAClB;EAAC;EAAA,OAAAZ,UAAA;AAAA,EAXsBD,cAAc;AAAAc,eAAA,CAAjCb,UAAU,iBACO,QAAQ;AAAAa,eAAA,CADzBb,UAAU,aAEG,CAACL,oBAAoB,EAAE,CAAC;AAAAkB,eAAA,CAFrCb,UAAU,WAGCJ,KAAK;AAAAiB,eAAA,CAHhBb,UAAU,kBAIQ;EACpBc,GAAG,EAAE,WAAW;EAChBC,IAAI,EAAE;AACR,CAAC;AAOH,SAASC,IAAIA,CAACC,KAAsB,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACpC,IAAMC,KAAK,GACiC3B,GAAG;EAA/C,OAAA0B,KAAA,GAAO5B,OAAO,CAACyB,KAAK,CAACK,MAAM,CAAC,eAAChC,KAAA,CAAAiC,aAAA,CAACF,KAAK,EAAAD,KAAA,CAAAI,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAAkB;EAAM,GAAAR,IAAA,IAAG;AAChE;AAEA,SAASS,KAAKA,CAACV,KAAuB,EAAE;EAAA,IAAAW,KAAA,GAAAT,YAAA;IAAAU,KAAA;EACtC,IAAMC,MAAM,GACiCpC,GAAG;EAAhD,OAAAmC,KAAA,GAAOrC,OAAO,CAACyB,KAAK,CAACK,MAAM,CAAC,eAAChC,KAAA,CAAAiC,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,WAAAC,aAAA,KAAAM,aAAA;IAAA,OAAkB;EAAM,GAAAH,KAAA,IAAG;AACjE;AAEA,IAAMI,MAAM,GAAGzC,eAAe,CAACS,UAAU,EAAE;EACzCgB,IAAI,EAAJA,IAAI;EACJW,KAAK,EAALA;AACF,CAAC,CAAoB;AAErB,eAAeK,MAAM"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.type.js","names":[],"sources":["../../../../src/component/Button/Button.type.ts"],"sourcesContent":["import { UnknownProperties, Intergalactic } from '@semcore/core';\n\nimport {\n AbstractButtonAddonProps,\n AbstractButtonContext,\n AbstractButtonTextProps,\n AbstractButtonProps,\n} from '../AbstractButton/AbstractButton.type';\n\n/**\n * Button size\n * @default m\n */\nexport type ButtonSize = 'l' | 'm';\n/**\n * Button type\n * @default secondary\n */\ntype Use = 'primary' | 'secondary' | 'tertiary';\n\n/** Button theme */\ntype Theme = 'info' | 'success' | 'warning' | 'danger' | 'muted' | 'invert';\n\n/** @deprecated */\nexport interface IButtonProps extends ButtonProps, UnknownProperties {}\nexport type ButtonProps = AbstractButtonProps<ButtonSize, Use, Theme>;\n\n/** @deprecated */\nexport interface IButtonTextProps extends ButtonTextProps, UnknownProperties {}\nexport type ButtonTextProps = AbstractButtonTextProps<ButtonSize>;\n\n/** @deprecated */\nexport interface IButtonAddonProps extends ButtonAddonProps, UnknownProperties {}\nexport type ButtonAddonProps = AbstractButtonAddonProps<ButtonSize>;\n\n/** @deprecated */\nexport interface IButtonContext extends ButtonContext, UnknownProperties {}\nexport type ButtonContext = AbstractButtonContext;\n\nexport type ButtonChildren = {\n Text: Intergalactic.Component<'span', ButtonTextProps>;\n Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n\nexport type ButtonComponent = Intergalactic.Component<'button', ButtonProps, ButtonContext> & {\n Text: Intergalactic.Component<'span', ButtonTextProps>;\n Addon: Intergalactic.Component<'span', ButtonAddonProps>;\n};\n"],"mappings":""}
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
|
-
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
3
|
-
import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
|
-
import _inherits from "@babel/runtime/helpers/inherits";
|
|
5
|
-
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
6
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
7
|
-
import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
|
|
8
|
-
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
9
|
-
import { assignProps as _assignProps } from "@semcore/core";
|
|
10
|
-
import React from 'react';
|
|
11
|
-
import createComponent, { sstyled, Root } from '@semcore/core';
|
|
12
|
-
/*__reshadow-styles__:"./buttonLink.shadow.css"*/
|
|
13
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButton_60sv5_gg_{display:inline-flex;font-family:inherit;font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SButton_60sv5_gg_:active,.___SButton_60sv5_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SButton_60sv5_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SButton_60sv5_gg_::-moz-focus-inner{border:0;padding:0}.___SButton_60sv5_gg_.__active_60sv5_gg_,.___SButton_60sv5_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SButton_60sv5_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SButton_60sv5_gg_.__active_60sv5_gg_ .___SText_60sv5_gg_,.___SButton_60sv5_gg_:active .___SText_60sv5_gg_{border-color:currentColor}@media (hover:hover){.___SButton_60sv5_gg_:hover .___SText_60sv5_gg_{border-color:currentColor}}.___SButton_60sv5_gg_.__enableVisited_60sv5_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SButton_60sv5_gg_.__enableVisited_60sv5_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SButton_60sv5_gg_ .___SText_60sv5_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SButton_60sv5_gg_.__keyboardFocused_60sv5_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SButton_60sv5_gg_.__disabled_60sv5_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SButton_60sv5_gg_._use_secondary_60sv5_gg_{color:var(--intergalactic-text-hint, #6c6e79)}.___SButton_60sv5_gg_._use_secondary_60sv5_gg_.__active_60sv5_gg_,.___SButton_60sv5_gg_._use_secondary_60sv5_gg_:active{color:var(--intergalactic-text-hint-hover-active, #484a54)}@media (hover:hover){.___SButton_60sv5_gg_._use_secondary_60sv5_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SButton_60sv5_gg_._use_secondary_60sv5_gg_ .___SText_60sv5_gg_{border-bottom-width:1px;border-bottom-style:dashed;border-color:currentColor}.___SAddon_60sv5_gg_,.___SInner_60sv5_gg_{display:inline-flex;justify-content:center;align-items:center}.___SInner_60sv5_gg_{height:100%;width:100%}.___SAddon_60sv5_gg_{vertical-align:middle;pointer-events:none}.___SButton_60sv5_gg_ .___SAddon_60sv5_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SButton_60sv5_gg_ .___SAddon_60sv5_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SButton_60sv5_gg_.__text-color_60sv5_gg_{color:var(--text-color_60sv5)}.___SButton_60sv5_gg_.__text-color_60sv5_gg_.__active_60sv5_gg_,.___SButton_60sv5_gg_.__text-color_60sv5_gg_:active{color:var(--text-color_60sv5);filter:brightness(.8)}@media (hover:hover){.___SButton_60sv5_gg_.__text-color_60sv5_gg_:hover{color:var(--text-color_60sv5);filter:brightness(.8)}}.___SButton_60sv5_gg_._size_100_60sv5_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SButton_60sv5_gg_._size_200_60sv5_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SButton_60sv5_gg_._size_300_60sv5_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SButton_60sv5_gg_._size_400_60sv5_gg_{font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%)}.___SButton_60sv5_gg_._size_500_60sv5_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%)}.___SButton_60sv5_gg_._size_600_60sv5_gg_{font-size:var(--intergalactic-fs-600, 32px);line-height:var(--intergalactic-lh-600, 125%)}.___SButton_60sv5_gg_._size_700_60sv5_gg_{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%)}.___SButton_60sv5_gg_._size_800_60sv5_gg_{font-size:var(--intergalactic-fs-800, 48px);line-height:var(--intergalactic-lh-800, 117%)}@media (prefers-reduced-motion){.___SButton_60sv5_gg_,.___SText_60sv5_gg_{transition:none}}" /*__inner_css_end__*/, "60sv5_gg_") /*__reshadow_css_end__*/, {
|
|
14
|
-
"__SButton": "___SButton_60sv5_gg_",
|
|
15
|
-
"_keyboardFocused": "__keyboardFocused_60sv5_gg_",
|
|
16
|
-
"_disabled": "__disabled_60sv5_gg_",
|
|
17
|
-
"__SInner": "___SInner_60sv5_gg_",
|
|
18
|
-
"__SAddon": "___SAddon_60sv5_gg_",
|
|
19
|
-
"_size_100": "_size_100_60sv5_gg_",
|
|
20
|
-
"_size_200": "_size_200_60sv5_gg_",
|
|
21
|
-
"_size_300": "_size_300_60sv5_gg_",
|
|
22
|
-
"_size_400": "_size_400_60sv5_gg_",
|
|
23
|
-
"_size_500": "_size_500_60sv5_gg_",
|
|
24
|
-
"_size_600": "_size_600_60sv5_gg_",
|
|
25
|
-
"_size_700": "_size_700_60sv5_gg_",
|
|
26
|
-
"_size_800": "_size_800_60sv5_gg_",
|
|
27
|
-
"__SText": "___SText_60sv5_gg_",
|
|
28
|
-
"_active": "__active_60sv5_gg_",
|
|
29
|
-
"_enableVisited": "__enableVisited_60sv5_gg_",
|
|
30
|
-
"_use_secondary": "_use_secondary_60sv5_gg_",
|
|
31
|
-
"_text-color": "__text-color_60sv5_gg_",
|
|
32
|
-
"--text-color": "--text-color_60sv5"
|
|
33
|
-
});
|
|
34
|
-
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
35
|
-
import { Box } from '@semcore/flex-box';
|
|
36
|
-
import { AbstractButton } from '../AbstractButton/AbstractButton';
|
|
37
|
-
import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
|
|
38
|
-
var enhance = {
|
|
39
|
-
keyboardFocused: keyboardFocusEnhance(),
|
|
40
|
-
resolveColor: resolveColorEnhance()
|
|
41
|
-
};
|
|
42
|
-
var RootButtonLink = /*#__PURE__*/function (_AbstractButton) {
|
|
43
|
-
_inherits(RootButtonLink, _AbstractButton);
|
|
44
|
-
var _super = _createSuper(RootButtonLink);
|
|
45
|
-
function RootButtonLink() {
|
|
46
|
-
_classCallCheck(this, RootButtonLink);
|
|
47
|
-
return _super.apply(this, arguments);
|
|
48
|
-
}
|
|
49
|
-
_createClass(RootButtonLink, [{
|
|
50
|
-
key: "getTextColor",
|
|
51
|
-
value: function getTextColor() {
|
|
52
|
-
var _ref5 = this.asProps,
|
|
53
|
-
color = _ref5.color,
|
|
54
|
-
resolveColor = _ref5.resolveColor;
|
|
55
|
-
return resolveColor(color);
|
|
56
|
-
}
|
|
57
|
-
}]);
|
|
58
|
-
return RootButtonLink;
|
|
59
|
-
}(AbstractButton);
|
|
60
|
-
_defineProperty(RootButtonLink, "displayName", 'ButtonLink');
|
|
61
|
-
_defineProperty(RootButtonLink, "enhance", Object.values(enhance));
|
|
62
|
-
_defineProperty(RootButtonLink, "style", style);
|
|
63
|
-
_defineProperty(RootButtonLink, "defaultProps", {
|
|
64
|
-
use: 'primary'
|
|
65
|
-
});
|
|
66
|
-
function Text(props) {
|
|
67
|
-
var _ref = arguments[0],
|
|
68
|
-
_ref3;
|
|
69
|
-
var SText = Box;
|
|
70
|
-
return _ref3 = sstyled(props.styles), /*#__PURE__*/React.createElement(SText, _ref3.cn("SText", _objectSpread({}, _assignProps({
|
|
71
|
-
"tag": 'span'
|
|
72
|
-
}, _ref))));
|
|
73
|
-
}
|
|
74
|
-
function Addon(props) {
|
|
75
|
-
var _ref2 = arguments[0],
|
|
76
|
-
_ref4;
|
|
77
|
-
var SAddon = Box;
|
|
78
|
-
return _ref4 = sstyled(props.styles), /*#__PURE__*/React.createElement(SAddon, _ref4.cn("SAddon", _objectSpread({}, _assignProps2({
|
|
79
|
-
"tag": 'span'
|
|
80
|
-
}, _ref2))));
|
|
81
|
-
}
|
|
82
|
-
export var ButtonLink = createComponent(RootButtonLink, {
|
|
83
|
-
Text: Text,
|
|
84
|
-
Addon: Addon
|
|
85
|
-
});
|
|
86
|
-
//# sourceMappingURL=ButtonLink.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonLink.js","names":["React","createComponent","sstyled","Root","style","_sstyled","insert","keyboardFocusEnhance","Box","AbstractButton","resolveColorEnhance","enhance","keyboardFocused","resolveColor","RootButtonLink","_AbstractButton","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextColor","_ref5","asProps","color","_defineProperty","Object","values","use","Text","props","_ref","arguments[0]","_ref3","SText","styles","createElement","cn","_objectSpread","_assignProps","Addon","_ref2","_ref4","SAddon","_assignProps2","ButtonLink"],"sources":["../../../../src/component/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root } from '@semcore/core';\nimport style from './buttonLink.shadow.css';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { Box } from '@semcore/flex-box';\nimport { AbstractButton } from '../AbstractButton/AbstractButton';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { ButtonLinkAddonProps, ButtonLinkComponent, ButtonLinkTextProps } from './ButtonLink.type';\n\nconst enhance = {\n keyboardFocused: keyboardFocusEnhance(),\n resolveColor: resolveColorEnhance(),\n};\n\nclass RootButtonLink extends AbstractButton {\n static displayName = 'ButtonLink';\n static enhance = Object.values(enhance);\n static style = style;\n static defaultProps = {\n use: 'primary',\n };\n\n protected getTextColor(): string | undefined {\n const { color, resolveColor } = this.asProps as any;\n return resolveColor(color);\n }\n}\n\nfunction Text(props: ButtonLinkTextProps) {\n const SText = Root;\n return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props: ButtonLinkAddonProps) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nexport const ButtonLink = createComponent(RootButtonLink, {\n Text,\n Addon,\n}) as ButtonLinkComponent;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAE/D,OAAOC,oBAAoB,MAAM,kDAAkD;AACnF,SAASC,GAAG,QAAQ,mBAAmB;AACvC,SAASC,cAAc,QAAQ,kCAAkC;AACjE,OAAOC,mBAAmB,MAAM,iDAAiD;AAGjF,IAAMC,OAAO,GAAG;EACdC,eAAe,EAAEL,oBAAoB,EAAE;EACvCM,YAAY,EAAEH,mBAAmB;AACnC,CAAC;AAAC,IAEII,cAAc,0BAAAC,eAAA;EAAAC,SAAA,CAAAF,cAAA,EAAAC,eAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,cAAA;EAAA,SAAAA,eAAA;IAAAK,eAAA,OAAAL,cAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,cAAA;IAAAS,GAAA;IAAAC,KAAA,EAQlB,SAAAC,aAAA,EAA6C;MAC3C,IAAAC,KAAA,GAAgC,IAAI,CAACC,OAAO;QAApCC,KAAK,GAAAF,KAAA,CAALE,KAAK;QAAEf,YAAY,GAAAa,KAAA,CAAZb,YAAY;MAC3B,OAAOA,YAAY,CAACe,KAAK,CAAC;IAC5B;EAAC;EAAA,OAAAd,cAAA;AAAA,EAX0BL,cAAc;AAAAoB,eAAA,CAArCf,cAAc,iBACG,YAAY;AAAAe,eAAA,CAD7Bf,cAAc,aAEDgB,MAAM,CAACC,MAAM,CAACpB,OAAO,CAAC;AAAAkB,eAAA,CAFnCf,cAAc,WAGHV,KAAK;AAAAyB,eAAA,CAHhBf,cAAc,kBAII;EACpBkB,GAAG,EAAE;AACP,CAAC;AAQH,SAASC,IAAIA,CAACC,KAA0B,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACxC,IAAMC,KAAK,GACiC9B,GAAG;EAA/C,OAAA6B,KAAA,GAAOnC,OAAO,CAACgC,KAAK,CAACK,MAAM,CAAC,eAACvC,KAAA,CAAAwC,aAAA,CAACF,KAAK,EAAAD,KAAA,CAAAI,EAAA,UAAAC,aAAA,KAAAC,YAAA;IAAA,OAAkB;EAAM,GAAAR,IAAA,IAAG;AAChE;AAEA,SAASS,KAAKA,CAACV,KAA2B,EAAE;EAAA,IAAAW,KAAA,GAAAT,YAAA;IAAAU,KAAA;EAC1C,IAAMC,MAAM,GACiCvC,GAAG;EAAhD,OAAAsC,KAAA,GAAO5C,OAAO,CAACgC,KAAK,CAACK,MAAM,CAAC,eAACvC,KAAA,CAAAwC,aAAA,CAACO,MAAM,EAAAD,KAAA,CAAAL,EAAA,WAAAC,aAAA,KAAAM,aAAA;IAAA,OAAkB;EAAM,GAAAH,KAAA,IAAG;AACjE;AAEA,OAAO,IAAMI,UAAU,GAAGhD,eAAe,CAACa,cAAc,EAAE;EACxDmB,IAAI,EAAJA,IAAI;EACJW,KAAK,EAALA;AACF,CAAC,CAAwB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonLink.type.js","names":[],"sources":["../../../../src/component/ButtonLink/ButtonLink.type.ts"],"sourcesContent":["import { UnknownProperties, Intergalactic } from '@semcore/core';\n\nimport {\n AbstractButtonAddonProps,\n AbstractButtonContext,\n AbstractButtonTextProps,\n AbstractButtonProps,\n} from '../AbstractButton/AbstractButton.type';\n\n/**\n * Button link size\n * @default m\n */\nexport type ButtonLinkSize = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;\n/**\n * Button link type\n * @default primary\n */\ntype Use = 'primary' | 'secondary';\n\nexport type ButtonLinkProps = AbstractButtonProps<ButtonLinkSize, Use, never>;\n\nexport type ButtonLinkTextProps = AbstractButtonTextProps<ButtonLinkSize>;\n\nexport type ButtonLinkAddonProps = AbstractButtonAddonProps<ButtonLinkSize>;\n\nexport type ButtonLinkContext = AbstractButtonContext;\n\nexport type ButtonLinkChildren = {\n Text: Intergalactic.Component<'span', ButtonLinkTextProps>;\n Addon: Intergalactic.Component<'span', ButtonLinkAddonProps>;\n};\n\nexport type ButtonLinkComponent = Intergalactic.Component<\n 'button',\n ButtonLinkProps,\n ButtonLinkContext\n> & {\n Text: Intergalactic.Component<'span', ButtonLinkTextProps>;\n Addon: Intergalactic.Component<'span', ButtonLinkAddonProps>;\n};\n"],"mappings":""}
|
package/lib/es6/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","MAP_USE_DEFAULT_THEME"],"sources":["../../src/index.ts"],"sourcesContent":["export { default } from './component/Button/Button';\nexport * from './component/Button/Button.type';\nexport * from './component/ButtonLink/ButtonLink';\nexport * from './component/ButtonLink/ButtonLink.type';\nexport { MAP_USE_DEFAULT_THEME } from './component/AbstractButton/AbstractButton';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,2BAA2B;AACnD,cAAc,gCAAgC;AAC9C,cAAc,mCAAmC;AACjD,cAAc,wCAAwC;AACtD,SAASC,qBAAqB,QAAQ,2CAA2C"}
|