@skbkontur/react-ui 5.6.7 → 5.6.9-5e213.0

package/cjs/components/Button/Button.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ButtonDataTids = exports.Button = exports.BUTTON_DEFAULT_COMPONENT = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.ButtonDataTids = exports.Button = exports.BUTTON_DEFAULT_COMPONENT = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _globalObject = require("@skbkontur/global-object");
 
@@ -26,7 +26,7 @@ var _Button2 = require("./Button.styles");
 var _ButtonIcon = require("./ButtonIcon");
 var _ButtonArrow = require("./ButtonArrow");
 var _getInnerLinkTheme = require("./getInnerLinkTheme");
-var _LoadingButtonIcon = require("./LoadingButtonIcon");var _class, _Button;var _excluded = ["children"],_excluded2 = ["corners", "active", "disabled", "borderless", "checked", "error", "warning", "loading", "narrow", "arrow", "icon", "rightIcon", "_noPadding", "_noRightPadding", "visuallyFocused", "align", "disableFocus", "width", "tabIndex", "component", "use", "theme"];
+var _LoadingButtonIcon = require("./LoadingButtonIcon");var _class, _Button;var _excluded = ["children"],_excluded2 = ["corners", "active", "disabled", "borderless", "checked", "error", "warning", "loading", "narrow", "arrow", "icon", "rightIcon", "_noPadding", "_noRightPadding", "visuallyFocused", "align", "disableFocus", "width", "tabIndex", "component", "use", "theme"];function _callSuper(t, o, e) {return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, (0, _isNativeReflectConstruct2.default)() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e));}
 
 
 
@@ -137,14 +137,14 @@ var ButtonDataTids = exports.ButtonDataTids = {
 
 
 
-var SpanComponent = function SpanComponent(_ref) {var children = _ref.children,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+var SpanComponent = function SpanComponent(_ref) {var children = _ref.children,rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("span", rest, children);
 };
 
 /** Кнопка запускает действие, сценарий или позволяет перейти на другую страницу. */var
 
 
-Button = exports.Button = (0, _SizeDecorator.withSize)(_class = (0, _rootNode.rootNode)(_class = (_Button = /*#__PURE__*/function (_React$Component) {function Button() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+Button = exports.Button = (0, _SizeDecorator.withSize)(_class = (0, _rootNode.rootNode)(_class = (_Button = /*#__PURE__*/function (_React$Component) {function Button() {var _this;(0, _classCallCheck2.default)(this, Button);for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _callSuper(this, Button, [].concat(args));_this.
 
 
 
@@ -232,7 +232,7 @@ Button = exports.Button = (0, _SizeDecorator.withSize)(_class = (0, _rootNode.ro
 
 
 
-    renderMain = function (props) {var _cx, _cx4, _cx5;
+    renderMain = function (props) {
       var
         corners =
 
@@ -257,7 +257,7 @@ Button = exports.Button = (0, _SizeDecorator.withSize)(_class = (0, _rootNode.ro
 
 
 
-        props.corners,active = props.active,disabled = props.disabled,borderless = props.borderless,checked = props.checked,error = props.error,warning = props.warning,loading = props.loading,narrow = props.narrow,arrow = props.arrow,icon = props.icon,rightIcon = props.rightIcon,_noPadding = props._noPadding,_noRightPadding = props._noRightPadding,visuallyFocused = props.visuallyFocused,align = props.align,disableFocus = props.disableFocus,width = props.width,tabIndex = props.tabIndex,_component = props.component,useProp = props.use,theme = props.theme,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
+        props.corners,active = props.active,disabled = props.disabled,borderless = props.borderless,checked = props.checked,error = props.error,warning = props.warning,loading = props.loading,narrow = props.narrow,arrow = props.arrow,icon = props.icon,rightIcon = props.rightIcon,_noPadding = props._noPadding,_noRightPadding = props._noRightPadding,visuallyFocused = props.visuallyFocused,align = props.align,disableFocus = props.disableFocus,width = props.width,tabIndex = props.tabIndex,_component = props.component,useProp = props.use,theme = props.theme,rest = (0, _objectWithoutProperties2.default)(props, _excluded2);
       var _this$getProps = _this.getProps(),use = _this$getProps.use,component = _this$getProps.component,children = _this$getProps.children;
 
       var sizeClass = _this.getSizeClassName();
@@ -265,10 +265,10 @@ Button = exports.Button = (0, _SizeDecorator.withSize)(_class = (0, _rootNode.ro
       var isFocused = _this.state.focusedByTab || visuallyFocused;
       var isLink = use === 'link';
 
-      var _useButtonArrow = (0, _ButtonArrow.useButtonArrow)((0, _extends2.default)({},
-        _this.props, { isFocused: Boolean(isFocused), size: _this.size }),
+      var _useButtonArrow = (0, _ButtonArrow.useButtonArrow)((0, _objectSpread2.default)((0, _objectSpread2.default)({},
+        _this.props), {}, { isFocused: Boolean(isFocused), size: _this.size }),
         _this.theme
-        ),rootClassNameWithArrow = _useButtonArrow[0],arrowNode = _useButtonArrow[1];
+        ),_useButtonArrow2 = (0, _slicedToArray2.default)(_useButtonArrow, 2),rootClassNameWithArrow = _useButtonArrow2[0],arrowNode = _useButtonArrow2[1];
       var isUseStateWithoutOutlineInDisabledState = !['default', 'backless'].includes(use);
 
       var nonInteractive = disabled || loading;
@@ -279,7 +279,7 @@ Button = exports.Button = (0, _SizeDecorator.withSize)(_class = (0, _rootNode.ro
       narrow && _Button2.styles.narrow(),
       _noPadding && _Button2.styles.noPadding(),
       _noRightPadding && _Button2.styles.noRightPadding(),
-      rootClassNameWithArrow].concat(
+      rootClassNameWithArrow].concat((0, _toConsumableArray2.default)(
         nonInteractive ?
         [
         _Button2.styles.disabled(_this.theme),
@@ -295,14 +295,14 @@ Button = exports.Button = (0, _SizeDecorator.withSize)(_class = (0, _rootNode.ro
         isFocused && _Button2.styles.focus(_this.theme),
         checked && _Button2.styles.checked(_this.theme),
         checked && isFocused && _Button2.styles.checkedFocused(_this.theme),
-        borderless && !checked && !isFocused && _Button2.styles.borderless()])
+        borderless && !checked && !isFocused && _Button2.styles.borderless()]))
 
       );
 
-      var rootProps = (0, _extends2.default)({},
-      rest, {
+      var rootProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({},
+      rest), {}, {
         className: rootClassName,
-        style: (0, _extends2.default)({
+        style: (0, _objectSpread2.default)({
           textAlign: align },
         corners),
 
@@ -312,9 +312,9 @@ Button = exports.Button = (0, _SizeDecorator.withSize)(_class = (0, _rootNode.ro
 
 
       var wrapProps = {
-        className: (0, _Emotion.cx)(_Button2.globalClasses.root, (_cx = {}, _cx[
-        _Button2.styles.wrap(_this.theme)] = true, _cx[
-        _this.getSizeWrapClassName()] = true, _cx)
+        className: (0, _Emotion.cx)(_Button2.globalClasses.root, (0, _defineProperty2.default)((0, _defineProperty2.default)({},
+        _Button2.styles.wrap(_this.theme), true),
+        _this.getSizeWrapClassName(), true)
         ),
         style: {
           width: width
@@ -326,15 +326,15 @@ Button = exports.Button = (0, _SizeDecorator.withSize)(_class = (0, _rootNode.ro
       var innerShadowNode = null;
 
       var outlineNode = null;
-      if ((!isFocused || isLink) && !nonInteractive) {var _cx2;
+      if ((!isFocused || isLink) && !nonInteractive) {
         outlineNode = /*#__PURE__*/
         _react.default.createElement("div", {
-          className: (0, _Emotion.cx)(_Button2.styles.outline(), (_cx2 = {}, _cx2[
-          _Button2.styles.outlineWarning(_this.theme)] = warning, _cx2[
-          _Button2.styles.outlineError(_this.theme)] = error, _cx2[
-          _Button2.styles.outlineLink()] = isLink, _cx2[
-          _Button2.styles.outlineLinkWarning(_this.theme)] = isLink && warning, _cx2[
-          _Button2.styles.outlineLinkError(_this.theme)] = isLink && error, _cx2)
+          className: (0, _Emotion.cx)(_Button2.styles.outline(), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({},
+          _Button2.styles.outlineWarning(_this.theme), warning),
+          _Button2.styles.outlineError(_this.theme), error),
+          _Button2.styles.outlineLink(), isLink),
+          _Button2.styles.outlineLinkWarning(_this.theme), isLink && warning),
+          _Button2.styles.outlineLinkError(_this.theme), isLink && error)
           ) }
         );
 
@@ -352,15 +352,15 @@ Button = exports.Button = (0, _SizeDecorator.withSize)(_class = (0, _rootNode.ro
 
 
       // Force disable all props and features, that cannot be use with Link
-      if (isLink) {var _cx3;
-        rootProps.className = (0, _Emotion.cx)((_cx3 = {}, _cx3[
-        _Button2.styles.root(_this.theme)] = true, _cx3[
-        sizeClass] = true, _cx3[
-        _Button2.styles.link(_this.theme)] = true, _cx3[
-        _Button2.styles.linkLineHeight()] = !_client.isSafari, _cx3[
-        _Button2.styles.linkLineHeightSafariFallback()] = _client.isSafari, _cx3[
-        _Button2.styles.linkFocus(_this.theme)] = isFocused, _cx3[
-        _Button2.styles.linkDisabled(_this.theme)] = nonInteractive, _cx3)
+      if (isLink) {
+        rootProps.className = (0, _Emotion.cx)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({},
+        _Button2.styles.root(_this.theme), true),
+        sizeClass, true),
+        _Button2.styles.link(_this.theme), true),
+        _Button2.styles.linkLineHeight(), !_client.isSafari),
+        _Button2.styles.linkLineHeightSafariFallback(), _client.isSafari),
+        _Button2.styles.linkFocus(_this.theme), isFocused),
+        _Button2.styles.linkDisabled(_this.theme), nonInteractive)
         );
         Object.assign(wrapProps, {
           className: (0, _Emotion.cx)(_Button2.styles.wrap(_this.theme), _Button2.styles.wrapLink()),
@@ -375,16 +375,16 @@ Button = exports.Button = (0, _SizeDecorator.withSize)(_class = (0, _rootNode.ro
 
       var captionNode = /*#__PURE__*/
       _react.default.createElement("div", {
-        className: (0, _Emotion.cx)(_Button2.styles.caption(), _Button2.globalClasses.caption, (_cx4 = {}, _cx4[
-        _Button2.styles.captionLink()] = isLink, _cx4[
-        _Button2.styles.captionDisabled()] = !checked && disabled, _cx4)
+        className: (0, _Emotion.cx)(_Button2.styles.caption(), _Button2.globalClasses.caption, (0, _defineProperty2.default)((0, _defineProperty2.default)({},
+        _Button2.styles.captionLink(), isLink),
+        _Button2.styles.captionDisabled(), !checked && disabled)
         ) },
 
       loadingNode,
       leftIconNode, /*#__PURE__*/
       _react.default.createElement("span", {
-        className: (0, _Emotion.cx)(_Button2.globalClasses.text, (_cx5 = {}, _cx5[
-        _Button2.styles.visibilityHidden()] = hasLoadingNode, _cx5)
+        className: (0, _Emotion.cx)(_Button2.globalClasses.text, (0, _defineProperty2.default)({},
+        _Button2.styles.visibilityHidden(), hasLoadingNode)
         ) },
 
       children
@@ -497,36 +497,36 @@ Button = exports.Button = (0, _SizeDecorator.withSize)(_class = (0, _rootNode.ro
 
 
     handleFocus = function (e) {
-      if (!_this.props.disabled && !_this.props.disableFocus) {
+      if (!_this.props.disabled && !_this.props.disableFocus) {var _globalObject$request, _this$props$onFocus, _this$props;
         // focus event fires before keyDown eventlistener
         // so we should check tabPressed in async way
-        _globalObject.globalObject.requestAnimationFrame == null || _globalObject.globalObject.requestAnimationFrame(function () {
+        (_globalObject$request = _globalObject.globalObject.requestAnimationFrame) === null || _globalObject$request === void 0 || _globalObject$request.call(_globalObject.globalObject, function () {
           if (_keyListener.keyListener.isTabPressed) {
             _this.setState({ focusedByTab: true });
           }
         });
-        _this.props.onFocus == null || _this.props.onFocus(e);
+        (_this$props$onFocus = (_this$props = _this.props).onFocus) === null || _this$props$onFocus === void 0 || _this$props$onFocus.call(_this$props, e);
       }
     };_this.
 
     handleBlur = function (e) {
       _this.setState({ focusedByTab: false });
-      if (!_this.props.disabled && !_this.props.disableFocus) {
-        _this.props.onBlur == null || _this.props.onBlur(e);
+      if (!_this.props.disabled && !_this.props.disableFocus) {var _this$props$onBlur, _this$props2;
+        (_this$props$onBlur = (_this$props2 = _this.props).onBlur) === null || _this$props$onBlur === void 0 || _this$props$onBlur.call(_this$props2, e);
       }
     };_this.
 
     _ref = function (node) {
       _this.node = node;
-    };return _this;}(0, _inheritsLoose2.default)(Button, _React$Component);var _proto = Button.prototype;_proto.componentDidMount = function componentDidMount() {if (this.props.autoFocus) {_keyListener.keyListener.isTabPressed = true;this.focus();} // warning(
-    //   this.props.use !== 'link',
-    //   `[Button]: Use 'Link' has been deprecated. Please, use Link with 'component=button' prop instead.`,
-    // );
-  };Button.getDerivedStateFromProps = function getDerivedStateFromProps(props) {if (props.loading || props.disabled) {return { focusedByTab: false };}return null;} /** Программно устанавливает фокус на кнопке. Появляется фокусная рамка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.
-   * @public
-   */;_proto.focus = function focus() {var _this$node;(_this$node = this.node) == null || _this$node.focus();} /** Программно снимает фокус с кнопки.
-   * @public
-   */;_proto.blur = function blur() {var _this$node2;(_this$node2 = this.node) == null || _this$node2.blur();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = _this2.props.theme ? _ThemeFactory.ThemeFactory.create(_this2.props.theme, theme) : theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.props), _this2.renderMain);});};_proto.getTabIndex = function getTabIndex(_ref2) {var disableFocus = _ref2.disableFocus,disabled = _ref2.disabled,_ref2$tabIndex = _ref2.tabIndex,tabIndex = _ref2$tabIndex === void 0 ? 0 : _ref2$tabIndex;if (disableFocus || disabled) {return -1;}return tabIndex;};_proto.renderIcon2022 = function renderIcon2022(icon) {if (icon && (0, _utils.isKonturIcon)(icon)) {var _icon$props$size;var sizes = (0, _ButtonIcon.getButtonIconSizes)(this.theme);return /*#__PURE__*/_react.default.cloneElement(icon, { size: (_icon$props$size = icon.props.size) != null ? _icon$props$size : sizes[this.size] });}return icon;};_proto.getSizeClassName = function getSizeClassName() {var _this$getProps2 = this.getProps(),icon = _this$getProps2.icon,rightIcon = _this$getProps2.rightIcon,children = _this$getProps2.children;var isThemeGTE_5_3 = (0, _ThemeHelpers.isThemeGTE)(this.theme, '5.3');switch (this.size) {case 'large':{var _commonClasses, _themeSpecificClasses;var commonClasses = (_commonClasses = {}, _commonClasses[_Button2.styles.sizeLargeIE11(this.theme)] = _client.isIE11 || _client.isEdge, _commonClasses[_Button2.styles.sizeLargeWithIcon(this.theme)] = !!icon, _commonClasses[_Button2.styles.sizeLargeWithIconWithoutText(this.theme)] = !!icon && !children, _commonClasses);var themeSpecificClasses = (_themeSpecificClasses = {}, _themeSpecificClasses[_Button2.styles.sizeLargeWithRightIcon(this.theme)] = !!rightIcon, _themeSpecificClasses[_Button2.styles.sizeLargeWithIconWithoutText5_3(this.theme)] = (!!icon || !!rightIcon) && !children, _themeSpecificClasses);return (0, _Emotion.cx)(_Button2.styles.sizeLarge(this.theme), commonClasses, isThemeGTE_5_3 && themeSpecificClasses);}case 'medium':{var _commonClasses3, _themeSpecificClasses3;var _commonClasses2 = (_commonClasses3 = {}, _commonClasses3[_Button2.styles.sizeMediumIE11(this.theme)] = _client.isIE11 || _client.isEdge, _commonClasses3[_Button2.styles.sizeMediumWithIcon(this.theme)] = !!icon, _commonClasses3[_Button2.styles.sizeMediumWithIconWithoutText(this.theme)] = !!icon && !children, _commonClasses3);var _themeSpecificClasses2 = (_themeSpecificClasses3 = {}, _themeSpecificClasses3[_Button2.styles.sizeMediumWithRightIcon(this.theme)] = !!rightIcon, _themeSpecificClasses3[_Button2.styles.sizeMediumWithIconWithoutText5_3(this.theme)] = (!!icon || !!rightIcon) && !children, _themeSpecificClasses3);return (0, _Emotion.cx)(_Button2.styles.sizeMedium(this.theme), _commonClasses2, isThemeGTE_5_3 && _themeSpecificClasses2);}case 'small':default:{var _commonClasses5, _themeSpecificClasses5;var _commonClasses4 = (_commonClasses5 = {}, _commonClasses5[_Button2.styles.sizeSmallIE11(this.theme)] = _client.isIE11 || _client.isEdge, _commonClasses5[_Button2.styles.sizeSmallWithIcon(this.theme)] = !!icon, _commonClasses5[_Button2.styles.sizeSmallWithIconWithoutText(this.theme)] = !!icon && !children, _commonClasses5);var _themeSpecificClasses4 = (_themeSpecificClasses5 = {}, _themeSpecificClasses5[_Button2.styles.sizeSmallWithRightIcon(this.theme)] = !!rightIcon, _themeSpecificClasses5[_Button2.styles.sizeSmallWithIconWithoutText5_3(this.theme)] = (!!icon || !!rightIcon) && !children, _themeSpecificClasses5);return (0, _Emotion.cx)(_Button2.styles.sizeSmall(this.theme), _commonClasses4, isThemeGTE_5_3 && _themeSpecificClasses4);}}};_proto.getSizeWrapClassName = function getSizeWrapClassName() {switch (this.size) {case 'large':return _Button2.styles.wrapLarge(this.theme);case 'medium':return _Button2.styles.wrapMedium(this.theme);case 'small':default:return _Button2.styles.wrapSmall(this.theme);}};return Button;}(_react.default.Component), _Button.__KONTUR_REACT_UI__ = 'Button', _Button.displayName = 'Button', _Button.__BUTTON__ = true, _Button.defaultProps = { use: 'default', // By default, the type attribute is 'submit'. IE8 will fire a click event
+    };return _this;}(0, _inherits2.default)(Button, _React$Component);return (0, _createClass2.default)(Button, [{ key: "componentDidMount", value: function componentDidMount() {if (this.props.autoFocus) {_keyListener.keyListener.isTabPressed = true;this.focus();} // warning(
+      //   this.props.use !== 'link',
+      //   `[Button]: Use 'Link' has been deprecated. Please, use Link with 'component=button' prop instead.`,
+      // );
+    } }, { key: "focus", value: /** Программно устанавливает фокус на кнопке. Появляется фокусная рамка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.
+     * @public
+     */function focus() {var _this$node;(_this$node = this.node) === null || _this$node === void 0 || _this$node.focus();} /** Программно снимает фокус с кнопки.
+     * @public
+     */ }, { key: "blur", value: function blur() {var _this$node2;(_this$node2 = this.node) === null || _this$node2 === void 0 || _this$node2.blur();} }, { key: "render", value: function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = _this2.props.theme ? _ThemeFactory.ThemeFactory.create(_this2.props.theme, theme) : theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.props), _this2.renderMain);});} }, { key: "getTabIndex", value: function getTabIndex(_ref2) {var disableFocus = _ref2.disableFocus,disabled = _ref2.disabled,_ref2$tabIndex = _ref2.tabIndex,tabIndex = _ref2$tabIndex === void 0 ? 0 : _ref2$tabIndex;if (disableFocus || disabled) {return -1;}return tabIndex;} }, { key: "renderIcon2022", value: function renderIcon2022(icon) {if (icon && (0, _utils.isKonturIcon)(icon)) {var _icon$props$size;var sizes = (0, _ButtonIcon.getButtonIconSizes)(this.theme);return /*#__PURE__*/_react.default.cloneElement(icon, { size: (_icon$props$size = icon.props.size) !== null && _icon$props$size !== void 0 ? _icon$props$size : sizes[this.size] });}return icon;} }, { key: "getSizeClassName", value: function getSizeClassName() {var _this$getProps2 = this.getProps(),icon = _this$getProps2.icon,rightIcon = _this$getProps2.rightIcon,children = _this$getProps2.children;var isThemeGTE_5_3 = (0, _ThemeHelpers.isThemeGTE)(this.theme, '5.3');switch (this.size) {case 'large':{var commonClasses = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _Button2.styles.sizeLargeIE11(this.theme), _client.isIE11 || _client.isEdge), _Button2.styles.sizeLargeWithIcon(this.theme), !!icon), _Button2.styles.sizeLargeWithIconWithoutText(this.theme), !!icon && !children);var themeSpecificClasses = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _Button2.styles.sizeLargeWithRightIcon(this.theme), !!rightIcon), _Button2.styles.sizeLargeWithIconWithoutText5_3(this.theme), (!!icon || !!rightIcon) && !children);return (0, _Emotion.cx)(_Button2.styles.sizeLarge(this.theme), commonClasses, isThemeGTE_5_3 && themeSpecificClasses);}case 'medium':{var _commonClasses2 = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _Button2.styles.sizeMediumIE11(this.theme), _client.isIE11 || _client.isEdge), _Button2.styles.sizeMediumWithIcon(this.theme), !!icon), _Button2.styles.sizeMediumWithIconWithoutText(this.theme), !!icon && !children);var _themeSpecificClasses2 = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _Button2.styles.sizeMediumWithRightIcon(this.theme), !!rightIcon), _Button2.styles.sizeMediumWithIconWithoutText5_3(this.theme), (!!icon || !!rightIcon) && !children);return (0, _Emotion.cx)(_Button2.styles.sizeMedium(this.theme), _commonClasses2, isThemeGTE_5_3 && _themeSpecificClasses2);}case 'small':default:{var _commonClasses4 = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _Button2.styles.sizeSmallIE11(this.theme), _client.isIE11 || _client.isEdge), _Button2.styles.sizeSmallWithIcon(this.theme), !!icon), _Button2.styles.sizeSmallWithIconWithoutText(this.theme), !!icon && !children);var _themeSpecificClasses4 = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _Button2.styles.sizeSmallWithRightIcon(this.theme), !!rightIcon), _Button2.styles.sizeSmallWithIconWithoutText5_3(this.theme), (!!icon || !!rightIcon) && !children);return (0, _Emotion.cx)(_Button2.styles.sizeSmall(this.theme), _commonClasses4, isThemeGTE_5_3 && _themeSpecificClasses4);}}} }, { key: "getSizeWrapClassName", value: function getSizeWrapClassName() {switch (this.size) {case 'large':return _Button2.styles.wrapLarge(this.theme);case 'medium':return _Button2.styles.wrapMedium(this.theme);case 'small':default:return _Button2.styles.wrapSmall(this.theme);}} }], [{ key: "getDerivedStateFromProps", value: function getDerivedStateFromProps(props) {if (props.loading || props.disabled) {return { focusedByTab: false };}return null;} }]);}(_react.default.Component), _Button.__KONTUR_REACT_UI__ = 'Button', _Button.displayName = 'Button', _Button.__BUTTON__ = true, _Button.defaultProps = { use: 'default', // By default, the type attribute is 'submit'. IE8 will fire a click event
   // on this button if somewhere on the page user presses Enter while some
   // input is focused. So we set type to 'button' by default.
   type: 'button', component: BUTTON_DEFAULT_COMPONENT }, _Button)) || _class) || _class;

package/cjs/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_utils","_client","_keyListener","_ThemeHelpers","_ThemeContext","_CommonWrapper","_Emotion","_rootNode","_ThemeFactory","_createPropsGetter","_Link","_SizeDecorator","_Button2","_ButtonIcon","_ButtonArrow","_getInnerLinkTheme","_LoadingButtonIcon","_class","_Button","_excluded","_excluded2","BUTTON_DEFAULT_COMPONENT","exports","ButtonDataTids","rootElement","root","spinner","SpanComponent","_ref","children","rest","_objectWithoutPropertiesLoose2","default","createElement","Button","withSize","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","focusedByTab","node","renderMain","props","_cx","_cx4","_cx5","corners","active","disabled","borderless","checked","error","warning","loading","narrow","arrow","icon","rightIcon","_noPadding","_noRightPadding","visuallyFocused","align","disableFocus","width","tabIndex","_component","component","useProp","use","theme","_this$getProps","sizeClass","getSizeClassName","isFocused","isLink","_useButtonArrow","useButtonArrow","_extends2","Boolean","size","rootClassNameWithArrow","arrowNode","isUseStateWithoutOutlineInDisabledState","includes","nonInteractive","rootClassName","cx","styles","noPadding","noRightPadding","disabledWithoutOutline","checkedDisabled","backlessDisabled","textDisabled","globalClasses","activeStyles","focus","checkedFocused","rootProps","className","style","textAlign","onFocus","handleFocus","onBlur","handleBlur","getTabIndex","wrapProps","wrap","getSizeWrapClassName","buttonOnlyProps","innerShadowNode","outlineNode","_cx2","outline","outlineWarning","outlineError","outlineLink","outlineLinkWarning","outlineLinkError","iconProps","hasChildren","leftIconNode","ButtonIcon","position","rightIconNode","hasBothIcons","_cx3","link","linkLineHeight","isSafari","linkLineHeightSafariFallback","linkFocus","linkDisabled","Object","assign","wrapLink","undefined","hasLoadingNode","loadingNode","LoadingButtonIcon","captionNode","caption","captionLink","captionDisabled","text","visibilityHidden","ThemeContext","Provider","value","getInnerLinkTheme","Link","focused","renderIcon2022","Root","ref","e","globalObject","requestAnimationFrame","keyListener","isTabPressed","setState","_inheritsLoose2","_proto","prototype","componentDidMount","autoFocus","getDerivedStateFromProps","_this$node","blur","_this$node2","render","_this2","Consumer","ThemeFactory","create","CommonWrapper","rootNodeRef","setRootNode","_ref2","_ref2$tabIndex","isKonturIcon","_icon$props$size","sizes","getButtonIconSizes","React","cloneElement","_this$getProps2","isThemeGTE_5_3","isThemeGTE","_commonClasses","_themeSpecificClasses","commonClasses","sizeLargeIE11","isIE11","isEdge","sizeLargeWithIcon","sizeLargeWithIconWithoutText","themeSpecificClasses","sizeLargeWithRightIcon","sizeLargeWithIconWithoutText5_3","sizeLarge","_commonClasses3","_themeSpecificClasses3","sizeMediumIE11","sizeMediumWithIcon","sizeMediumWithIconWithoutText","sizeMediumWithRightIcon","sizeMediumWithIconWithoutText5_3","sizeMedium","_commonClasses5","_themeSpecificClasses5","sizeSmallIE11","sizeSmallWithIcon","sizeSmallWithIconWithoutText","sizeSmallWithRightIcon","sizeSmallWithIconWithoutText5_3","sizeSmall","wrapLarge","wrapMedium","wrapSmall","Component","__KONTUR_REACT_UI__","displayName","__BUTTON__","type"],"sources":["Button.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { ButtonLinkAllowedValues } from '../../lib/types/button-link';\nimport { isKonturIcon } from '../../lib/utils';\nimport { isIE11, isEdge, isSafari } from '../../lib/client';\nimport { keyListener } from '../../lib/events/keyListener';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { Link } from '../Link';\nimport type { SizeProp } from '../../lib/types/props';\nimport type { PolymorphicPropsWithoutRef } from '../../lib/types/polymorphic-component';\nimport { withSize } from '../../lib/size/SizeDecorator';\n\nimport { styles, activeStyles, globalClasses } from './Button.styles';\nimport type { ButtonIconProps } from './ButtonIcon';\nimport { ButtonIcon, getButtonIconSizes } from './ButtonIcon';\nimport { useButtonArrow } from './ButtonArrow';\nimport { getInnerLinkTheme } from './getInnerLinkTheme';\nimport { LoadingButtonIcon } from './LoadingButtonIcon';\n\nexport type ButtonType = 'button' | 'submit' | 'reset';\nexport type ButtonUse = 'default' | 'primary' | 'success' | 'danger' | 'pay' | 'link' | 'text' | 'backless';\n\nexport interface ButtonInnerProps extends CommonProps {\n  /** @ignore */\n  _noPadding?: boolean;\n\n  /** @ignore */\n  _noRightPadding?: boolean;\n\n  /** Применяет к кнопке стили псевдокласса `:active`. */\n  active?: boolean;\n\n  /** Выравнивание текста в кнопке. */\n  align?: React.CSSProperties['textAlign'];\n\n  /** Преобразует обычную кнопку в кнопку со стрелкой. */\n  arrow?: boolean | 'left';\n\n  /** Устанавливает фокус на кнопке после окончания загрузки страницы.*/\n  autoFocus?: boolean;\n\n  /** Убирает обводку у кнопки.\n   *\n   * **Не рекомендуем использовать, противоречит дизайн-требованиям.**\n   */\n  borderless?: boolean;\n\n  /** @ignore */\n  checked?: boolean;\n\n  /** @ignore */\n  children?: React.ReactNode;\n\n  /** @ignore */\n  corners?: React.CSSProperties;\n\n  /** Блокирует кнопку и перекрашивает в серый. */\n  disabled?: boolean;\n\n  /** @ignore */\n  disableFocus?: boolean;\n\n  /** Переводит кнопку в состояние валидации \"Ошибка\".\n   *\n   * **Не рекомендуем использовать, противоречит дизайн-требованиям.** */\n  error?: boolean;\n\n  /** Добавляет иконку слева от текста кнопки. */\n  icon?: React.ReactElement;\n\n  /** Добавляет иконку справа от текста кнопки. */\n  rightIcon?: React.ReactElement;\n\n  /** Переводит кнопку в состояние загрузки. */\n  loading?: boolean;\n\n  /** Сужает кнопку.\n   *\n   * **Не рекомендуем использовать, противоречит дизайн-требованиям.** */\n  narrow?: boolean;\n\n  /** Размер кнопки. */\n  size?: SizeProp;\n\n  /** HTML-атрибут `type`. */\n  type?: ButtonType;\n\n  /** HTML-атрибут `title`. */\n  title?: string;\n\n  /** Стиль кнопки.\n   * **Вариант `link` устарел.** Если нужна кнопка, выглядящая как ссылка, используйте `Link component=button`.\n   */\n  use?: ButtonUse;\n\n  /** @ignore */\n  visuallyFocused?: boolean;\n\n  /** Переводит кнопку в состояние валидации \"Предупреждение\".\n   *\n   * **Не рекомендуем использовать, противоречит дизайн-требованиям.**\n   */\n  warning?: boolean;\n\n  /** Ширина кнопки. */\n  width?: number | string;\n\n  /** Объект с переменными темы. */\n  theme?: ThemeIn;\n}\n\nexport const BUTTON_DEFAULT_COMPONENT = 'button';\n\nexport type ButtonProps<C extends ButtonLinkAllowedValues = typeof BUTTON_DEFAULT_COMPONENT> =\n  PolymorphicPropsWithoutRef<ButtonInnerProps, C>;\n\nexport interface ButtonState {\n  focusedByTab: boolean;\n}\n\nexport const ButtonDataTids = {\n  rootElement: 'Button__rootElement',\n  root: 'Button__root',\n  spinner: 'Button__spinner',\n} as const;\n\ntype DefaultProps = Required<Pick<ButtonProps<ButtonLinkAllowedValues>, 'use' | 'type' | 'component'>>;\n\nconst SpanComponent: React.FunctionComponent<HTMLAttributes<HTMLSpanElement>> = ({ children, ...rest }) => {\n  return <span {...rest}>{children}</span>;\n};\n\n/** Кнопка запускает действие, сценарий или позволяет перейти на другую страницу. */\n@withSize\n@rootNode\nexport class Button<C extends ButtonLinkAllowedValues = typeof BUTTON_DEFAULT_COMPONENT> extends React.Component<\n  ButtonProps<C>,\n  ButtonState\n> {\n  public static __KONTUR_REACT_UI__ = 'Button';\n  public static displayName = 'Button';\n  public static __BUTTON__ = true;\n\n  public static defaultProps: DefaultProps = {\n    use: 'default',\n    // By default, the type attribute is 'submit'. IE8 will fire a click event\n    // on this button if somewhere on the page user presses Enter while some\n    // input is focused. So we set type to 'button' by default.\n    type: 'button',\n    component: BUTTON_DEFAULT_COMPONENT,\n  };\n\n  private getProps = createPropsGetter(Button.defaultProps);\n\n  public state = {\n    focusedByTab: false,\n  };\n\n  private theme!: Theme;\n  private node: HTMLElement | null = null;\n  private size!: SizeProp;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    if (this.props.autoFocus) {\n      keyListener.isTabPressed = true;\n      this.focus();\n    }\n    // warning(\n    //   this.props.use !== 'link',\n    //   `[Button]: Use 'Link' has been deprecated. Please, use Link with 'component=button' prop instead.`,\n    // );\n  }\n\n  public static getDerivedStateFromProps(props: ButtonProps) {\n    if (props.loading || props.disabled) {\n      return { focusedByTab: false };\n    }\n    return null;\n  }\n\n  /** Программно устанавливает фокус на кнопке. Появляется фокусная рамка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.\n   * @public\n   */\n  public focus() {\n    this.node?.focus();\n  }\n\n  /** Программно снимает фокус с кнопки.\n   * @public\n   */\n  public blur() {\n    this.node?.blur();\n  }\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private getTabIndex({\n    disableFocus,\n    disabled,\n    tabIndex = 0,\n  }: Pick<ButtonProps, 'disableFocus' | 'disabled' | 'tabIndex'>) {\n    if (disableFocus || disabled) {\n      return -1;\n    }\n\n    return tabIndex;\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<ButtonProps>) => {\n    const {\n      corners,\n      active,\n      disabled,\n      borderless,\n      checked,\n      error,\n      warning,\n      loading,\n      narrow,\n      arrow,\n      icon,\n      rightIcon,\n      _noPadding,\n      _noRightPadding,\n      visuallyFocused,\n      align,\n      disableFocus,\n      width,\n      tabIndex,\n      component: _component,\n      use: useProp,\n      theme,\n      ...rest\n    } = props;\n    const { use, component, children } = this.getProps();\n\n    const sizeClass = this.getSizeClassName();\n\n    const isFocused = this.state.focusedByTab || visuallyFocused;\n    const isLink = use === 'link';\n\n    const [rootClassNameWithArrow, arrowNode] = useButtonArrow(\n      { ...this.props, isFocused: Boolean(isFocused), size: this.size },\n      this.theme,\n    );\n    const isUseStateWithoutOutlineInDisabledState = !['default', 'backless'].includes(use);\n\n    const nonInteractive = disabled || loading;\n    const rootClassName = cx(\n      styles.root(this.theme),\n      styles[use](this.theme),\n      sizeClass,\n      narrow && styles.narrow(),\n      _noPadding && styles.noPadding(),\n      _noRightPadding && styles.noRightPadding(),\n      rootClassNameWithArrow,\n      ...(nonInteractive\n        ? [\n            styles.disabled(this.theme),\n            isUseStateWithoutOutlineInDisabledState && styles.disabledWithoutOutline(this.theme),\n            checked && styles.checkedDisabled(this.theme),\n            borderless && styles.borderless(),\n            use === 'backless' && styles.backlessDisabled(this.theme),\n            use === 'text' && styles.textDisabled(),\n            globalClasses.disabled,\n          ]\n        : [\n            active && !checked && activeStyles[use](this.theme),\n            isFocused && styles.focus(this.theme),\n            checked && styles.checked(this.theme),\n            checked && isFocused && styles.checkedFocused(this.theme),\n            borderless && !checked && !isFocused && styles.borderless(),\n          ]),\n    );\n\n    const rootProps = {\n      ...rest,\n      className: rootClassName,\n      style: {\n        textAlign: align,\n        ...corners,\n      },\n      onFocus: this.handleFocus,\n      onBlur: this.handleBlur,\n      tabIndex: this.getTabIndex({ disableFocus, disabled: nonInteractive, tabIndex }),\n    };\n\n    const wrapProps = {\n      className: cx(globalClasses.root, {\n        [styles.wrap(this.theme)]: true,\n        [this.getSizeWrapClassName()]: true,\n      }),\n      style: {\n        width,\n      },\n    };\n\n    const buttonOnlyProps = component === 'button' ? { disabled: nonInteractive } : {};\n\n    const innerShadowNode = null;\n\n    let outlineNode = null;\n    if ((!isFocused || isLink) && !nonInteractive) {\n      outlineNode = (\n        <div\n          className={cx(styles.outline(), {\n            [styles.outlineWarning(this.theme)]: warning,\n            [styles.outlineError(this.theme)]: error,\n            [styles.outlineLink()]: isLink,\n            [styles.outlineLinkWarning(this.theme)]: isLink && warning,\n            [styles.outlineLinkError(this.theme)]: isLink && error,\n          })}\n        />\n      );\n    }\n\n    const iconProps: Omit<ButtonIconProps, 'position'> = {\n      use,\n      size: this.size,\n      hasChildren: !!children,\n      loading: loading || false,\n    };\n    const leftIconNode = icon && <ButtonIcon {...iconProps} position=\"left\" icon={icon} />;\n    const rightIconNode = rightIcon && (\n      <ButtonIcon {...iconProps} hasBothIcons={!!icon && !!rightIcon} position=\"right\" icon={rightIcon} />\n    );\n\n    // Force disable all props and features, that cannot be use with Link\n    if (isLink) {\n      rootProps.className = cx({\n        [styles.root(this.theme)]: true,\n        [sizeClass]: true,\n        [styles.link(this.theme)]: true,\n        [styles.linkLineHeight()]: !isSafari,\n        [styles.linkLineHeightSafariFallback()]: isSafari,\n        [styles.linkFocus(this.theme)]: isFocused,\n        [styles.linkDisabled(this.theme)]: nonInteractive,\n      });\n      Object.assign(wrapProps, {\n        className: cx(styles.wrap(this.theme), styles.wrapLink()),\n        style: { width: wrapProps.style.width },\n      });\n\n      rootProps.style.textAlign = undefined;\n    }\n\n    const hasLoadingNode = loading && !icon && !rightIcon;\n    const loadingNode = hasLoadingNode && <LoadingButtonIcon size={this.size} />;\n\n    let captionNode = (\n      <div\n        className={cx(styles.caption(), globalClasses.caption, {\n          [styles.captionLink()]: isLink,\n          [styles.captionDisabled()]: !checked && disabled,\n        })}\n      >\n        {loadingNode}\n        {leftIconNode}\n        <span\n          className={cx(globalClasses.text, {\n            [styles.visibilityHidden()]: hasLoadingNode,\n          })}\n        >\n          {children}\n        </span>\n        {rightIconNode}\n      </div>\n    );\n    if (isLink && !loading) {\n      captionNode = (\n        <ThemeContext.Provider value={getInnerLinkTheme(this.theme)}>\n          {\n            <Link<typeof SpanComponent>\n              focused={isFocused}\n              disabled={disabled}\n              icon={this.renderIcon2022(icon)}\n              rightIcon={this.renderIcon2022(rightIcon)}\n              tabIndex={-1}\n              component={SpanComponent}\n            >\n              {children}\n            </Link>\n          }\n        </ThemeContext.Provider>\n      );\n    }\n\n    const Root: React.ElementType = component;\n\n    return (\n      <span {...wrapProps} data-tid={ButtonDataTids.root}>\n        <Root data-tid={ButtonDataTids.rootElement} ref={this._ref} {...rootProps} {...buttonOnlyProps}>\n          {innerShadowNode}\n          {outlineNode}\n          {arrowNode}\n          {captionNode}\n        </Root>\n      </span>\n    );\n  };\n\n  private renderIcon2022(icon: React.ReactElement | undefined) {\n    if (icon && isKonturIcon(icon)) {\n      const sizes = getButtonIconSizes(this.theme);\n      return React.cloneElement(icon, { size: icon.props.size ?? sizes[this.size] });\n    }\n\n    return icon;\n  }\n\n  private getSizeClassName() {\n    const { icon, rightIcon, children } = this.getProps();\n    const isThemeGTE_5_3 = isThemeGTE(this.theme, '5.3');\n\n    switch (this.size) {\n      case 'large': {\n        const commonClasses = {\n          [styles.sizeLargeIE11(this.theme)]: isIE11 || isEdge,\n          [styles.sizeLargeWithIcon(this.theme)]: !!icon,\n          [styles.sizeLargeWithIconWithoutText(this.theme)]: !!icon && !children,\n        };\n\n        const themeSpecificClasses = {\n          [styles.sizeLargeWithRightIcon(this.theme)]: !!rightIcon,\n          [styles.sizeLargeWithIconWithoutText5_3(this.theme)]: (!!icon || !!rightIcon) && !children,\n        };\n        return cx(styles.sizeLarge(this.theme), commonClasses, isThemeGTE_5_3 && themeSpecificClasses);\n      }\n      case 'medium': {\n        const commonClasses = {\n          [styles.sizeMediumIE11(this.theme)]: isIE11 || isEdge,\n          [styles.sizeMediumWithIcon(this.theme)]: !!icon,\n          [styles.sizeMediumWithIconWithoutText(this.theme)]: !!icon && !children,\n        };\n\n        const themeSpecificClasses = {\n          [styles.sizeMediumWithRightIcon(this.theme)]: !!rightIcon,\n          [styles.sizeMediumWithIconWithoutText5_3(this.theme)]: (!!icon || !!rightIcon) && !children,\n        };\n\n        return cx(styles.sizeMedium(this.theme), commonClasses, isThemeGTE_5_3 && themeSpecificClasses);\n      }\n      case 'small':\n      default: {\n        const commonClasses = {\n          [styles.sizeSmallIE11(this.theme)]: isIE11 || isEdge,\n          [styles.sizeSmallWithIcon(this.theme)]: !!icon,\n          [styles.sizeSmallWithIconWithoutText(this.theme)]: !!icon && !children,\n        };\n\n        const themeSpecificClasses = {\n          [styles.sizeSmallWithRightIcon(this.theme)]: !!rightIcon,\n          [styles.sizeSmallWithIconWithoutText5_3(this.theme)]: (!!icon || !!rightIcon) && !children,\n        };\n\n        return cx(styles.sizeSmall(this.theme), commonClasses, isThemeGTE_5_3 && themeSpecificClasses);\n      }\n    }\n  }\n\n  private getSizeWrapClassName() {\n    switch (this.size) {\n      case 'large':\n        return styles.wrapLarge(this.theme);\n      case 'medium':\n        return styles.wrapMedium(this.theme);\n      case 'small':\n      default:\n        return styles.wrapSmall(this.theme);\n    }\n  }\n\n  private handleFocus = (e: React.FocusEvent) => {\n    if (!this.props.disabled && !this.props.disableFocus) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      globalObject.requestAnimationFrame?.(() => {\n        if (keyListener.isTabPressed) {\n          this.setState({ focusedByTab: true });\n        }\n      });\n      this.props.onFocus?.(e);\n    }\n  };\n\n  private handleBlur = (e: React.FocusEvent) => {\n    this.setState({ focusedByTab: false });\n    if (!this.props.disabled && !this.props.disableFocus) {\n      this.props.onBlur?.(e);\n    }\n  };\n\n  private _ref = (node: HTMLElement | null) => {\n    this.node = node;\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_utils","_client","_keyListener","_ThemeHelpers","_ThemeContext","_CommonWrapper","_Emotion","_rootNode","_ThemeFactory","_createPropsGetter","_Link","_SizeDecorator","_Button2","_ButtonIcon","_ButtonArrow","_getInnerLinkTheme","_LoadingButtonIcon","_class","_Button","_excluded","_excluded2","_callSuper","t","o","e","_getPrototypeOf2","default","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","BUTTON_DEFAULT_COMPONENT","exports","ButtonDataTids","rootElement","root","spinner","SpanComponent","_ref","children","rest","_objectWithoutProperties2","createElement","Button","withSize","rootNode","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","getProps","createPropsGetter","defaultProps","state","focusedByTab","node","renderMain","props","corners","active","disabled","borderless","checked","error","warning","loading","narrow","arrow","icon","rightIcon","_noPadding","_noRightPadding","visuallyFocused","align","disableFocus","width","tabIndex","_component","component","useProp","use","theme","_this$getProps","sizeClass","getSizeClassName","isFocused","isLink","_useButtonArrow","useButtonArrow","_objectSpread2","Boolean","size","_useButtonArrow2","_slicedToArray2","rootClassNameWithArrow","arrowNode","isUseStateWithoutOutlineInDisabledState","includes","nonInteractive","rootClassName","cx","styles","noPadding","noRightPadding","_toConsumableArray2","disabledWithoutOutline","checkedDisabled","backlessDisabled","textDisabled","globalClasses","activeStyles","focus","checkedFocused","rootProps","className","style","textAlign","onFocus","handleFocus","onBlur","handleBlur","getTabIndex","wrapProps","_defineProperty2","wrap","getSizeWrapClassName","buttonOnlyProps","innerShadowNode","outlineNode","outline","outlineWarning","outlineError","outlineLink","outlineLinkWarning","outlineLinkError","iconProps","hasChildren","leftIconNode","ButtonIcon","_extends2","position","rightIconNode","hasBothIcons","link","linkLineHeight","isSafari","linkLineHeightSafariFallback","linkFocus","linkDisabled","Object","assign","wrapLink","undefined","hasLoadingNode","loadingNode","LoadingButtonIcon","captionNode","caption","captionLink","captionDisabled","text","visibilityHidden","ThemeContext","Provider","value","getInnerLinkTheme","Link","focused","renderIcon2022","Root","ref","_globalObject$request","_this$props$onFocus","_this$props","globalObject","requestAnimationFrame","call","keyListener","isTabPressed","setState","_this$props$onBlur","_this$props2","_inherits2","_createClass2","key","componentDidMount","autoFocus","_this$node","blur","_this$node2","render","_this2","Consumer","ThemeFactory","create","CommonWrapper","rootNodeRef","setRootNode","_ref2","_ref2$tabIndex","isKonturIcon","_icon$props$size","sizes","getButtonIconSizes","React","cloneElement","_this$getProps2","isThemeGTE_5_3","isThemeGTE","commonClasses","sizeLargeIE11","isIE11","isEdge","sizeLargeWithIcon","sizeLargeWithIconWithoutText","themeSpecificClasses","sizeLargeWithRightIcon","sizeLargeWithIconWithoutText5_3","sizeLarge","sizeMediumIE11","sizeMediumWithIcon","sizeMediumWithIconWithoutText","sizeMediumWithRightIcon","sizeMediumWithIconWithoutText5_3","sizeMedium","sizeSmallIE11","sizeSmallWithIcon","sizeSmallWithIconWithoutText","sizeSmallWithRightIcon","sizeSmallWithIconWithoutText5_3","sizeSmall","wrapLarge","wrapMedium","wrapSmall","getDerivedStateFromProps","Component","__KONTUR_REACT_UI__","displayName","__BUTTON__","type"],"sources":["Button.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { ButtonLinkAllowedValues } from '../../lib/types/button-link';\nimport { isKonturIcon } from '../../lib/utils';\nimport { isIE11, isEdge, isSafari } from '../../lib/client';\nimport { keyListener } from '../../lib/events/keyListener';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { Link } from '../Link';\nimport type { SizeProp } from '../../lib/types/props';\nimport type { PolymorphicPropsWithoutRef } from '../../lib/types/polymorphic-component';\nimport { withSize } from '../../lib/size/SizeDecorator';\n\nimport { styles, activeStyles, globalClasses } from './Button.styles';\nimport type { ButtonIconProps } from './ButtonIcon';\nimport { ButtonIcon, getButtonIconSizes } from './ButtonIcon';\nimport { useButtonArrow } from './ButtonArrow';\nimport { getInnerLinkTheme } from './getInnerLinkTheme';\nimport { LoadingButtonIcon } from './LoadingButtonIcon';\n\nexport type ButtonType = 'button' | 'submit' | 'reset';\nexport type ButtonUse = 'default' | 'primary' | 'success' | 'danger' | 'pay' | 'link' | 'text' | 'backless';\n\nexport interface ButtonInnerProps extends CommonProps {\n  /** @ignore */\n  _noPadding?: boolean;\n\n  /** @ignore */\n  _noRightPadding?: boolean;\n\n  /** Применяет к кнопке стили псевдокласса `:active`. */\n  active?: boolean;\n\n  /** Выравнивание текста в кнопке. */\n  align?: React.CSSProperties['textAlign'];\n\n  /** Преобразует обычную кнопку в кнопку со стрелкой. */\n  arrow?: boolean | 'left';\n\n  /** Устанавливает фокус на кнопке после окончания загрузки страницы.*/\n  autoFocus?: boolean;\n\n  /** Убирает обводку у кнопки.\n   *\n   * **Не рекомендуем использовать, противоречит дизайн-требованиям.**\n   */\n  borderless?: boolean;\n\n  /** @ignore */\n  checked?: boolean;\n\n  /** @ignore */\n  children?: React.ReactNode;\n\n  /** @ignore */\n  corners?: React.CSSProperties;\n\n  /** Блокирует кнопку и перекрашивает в серый. */\n  disabled?: boolean;\n\n  /** @ignore */\n  disableFocus?: boolean;\n\n  /** Переводит кнопку в состояние валидации \"Ошибка\".\n   *\n   * **Не рекомендуем использовать, противоречит дизайн-требованиям.** */\n  error?: boolean;\n\n  /** Добавляет иконку слева от текста кнопки. */\n  icon?: React.ReactElement;\n\n  /** Добавляет иконку справа от текста кнопки. */\n  rightIcon?: React.ReactElement;\n\n  /** Переводит кнопку в состояние загрузки. */\n  loading?: boolean;\n\n  /** Сужает кнопку.\n   *\n   * **Не рекомендуем использовать, противоречит дизайн-требованиям.** */\n  narrow?: boolean;\n\n  /** Размер кнопки. */\n  size?: SizeProp;\n\n  /** HTML-атрибут `type`. */\n  type?: ButtonType;\n\n  /** HTML-атрибут `title`. */\n  title?: string;\n\n  /** Стиль кнопки.\n   * **Вариант `link` устарел.** Если нужна кнопка, выглядящая как ссылка, используйте `Link component=button`.\n   */\n  use?: ButtonUse;\n\n  /** @ignore */\n  visuallyFocused?: boolean;\n\n  /** Переводит кнопку в состояние валидации \"Предупреждение\".\n   *\n   * **Не рекомендуем использовать, противоречит дизайн-требованиям.**\n   */\n  warning?: boolean;\n\n  /** Ширина кнопки. */\n  width?: number | string;\n\n  /** Объект с переменными темы. */\n  theme?: ThemeIn;\n}\n\nexport const BUTTON_DEFAULT_COMPONENT = 'button';\n\nexport type ButtonProps<C extends ButtonLinkAllowedValues = typeof BUTTON_DEFAULT_COMPONENT> =\n  PolymorphicPropsWithoutRef<ButtonInnerProps, C>;\n\nexport interface ButtonState {\n  focusedByTab: boolean;\n}\n\nexport const ButtonDataTids = {\n  rootElement: 'Button__rootElement',\n  root: 'Button__root',\n  spinner: 'Button__spinner',\n} as const;\n\ntype DefaultProps = Required<Pick<ButtonProps<ButtonLinkAllowedValues>, 'use' | 'type' | 'component'>>;\n\nconst SpanComponent: React.FunctionComponent<HTMLAttributes<HTMLSpanElement>> = ({ children, ...rest }) => {\n  return <span {...rest}>{children}</span>;\n};\n\n/** Кнопка запускает действие, сценарий или позволяет перейти на другую страницу. */\n@withSize\n@rootNode\nexport class Button<C extends ButtonLinkAllowedValues = typeof BUTTON_DEFAULT_COMPONENT> extends React.Component<\n  ButtonProps<C>,\n  ButtonState\n> {\n  public static __KONTUR_REACT_UI__ = 'Button';\n  public static displayName = 'Button';\n  public static __BUTTON__ = true;\n\n  public static defaultProps: DefaultProps = {\n    use: 'default',\n    // By default, the type attribute is 'submit'. IE8 will fire a click event\n    // on this button if somewhere on the page user presses Enter while some\n    // input is focused. So we set type to 'button' by default.\n    type: 'button',\n    component: BUTTON_DEFAULT_COMPONENT,\n  };\n\n  private getProps = createPropsGetter(Button.defaultProps);\n\n  public state = {\n    focusedByTab: false,\n  };\n\n  private theme!: Theme;\n  private node: HTMLElement | null = null;\n  private size!: SizeProp;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    if (this.props.autoFocus) {\n      keyListener.isTabPressed = true;\n      this.focus();\n    }\n    // warning(\n    //   this.props.use !== 'link',\n    //   `[Button]: Use 'Link' has been deprecated. Please, use Link with 'component=button' prop instead.`,\n    // );\n  }\n\n  public static getDerivedStateFromProps(props: ButtonProps) {\n    if (props.loading || props.disabled) {\n      return { focusedByTab: false };\n    }\n    return null;\n  }\n\n  /** Программно устанавливает фокус на кнопке. Появляется фокусная рамка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.\n   * @public\n   */\n  public focus() {\n    this.node?.focus();\n  }\n\n  /** Программно снимает фокус с кнопки.\n   * @public\n   */\n  public blur() {\n    this.node?.blur();\n  }\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private getTabIndex({\n    disableFocus,\n    disabled,\n    tabIndex = 0,\n  }: Pick<ButtonProps, 'disableFocus' | 'disabled' | 'tabIndex'>) {\n    if (disableFocus || disabled) {\n      return -1;\n    }\n\n    return tabIndex;\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<ButtonProps>) => {\n    const {\n      corners,\n      active,\n      disabled,\n      borderless,\n      checked,\n      error,\n      warning,\n      loading,\n      narrow,\n      arrow,\n      icon,\n      rightIcon,\n      _noPadding,\n      _noRightPadding,\n      visuallyFocused,\n      align,\n      disableFocus,\n      width,\n      tabIndex,\n      component: _component,\n      use: useProp,\n      theme,\n      ...rest\n    } = props;\n    const { use, component, children } = this.getProps();\n\n    const sizeClass = this.getSizeClassName();\n\n    const isFocused = this.state.focusedByTab || visuallyFocused;\n    const isLink = use === 'link';\n\n    const [rootClassNameWithArrow, arrowNode] = useButtonArrow(\n      { ...this.props, isFocused: Boolean(isFocused), size: this.size },\n      this.theme,\n    );\n    const isUseStateWithoutOutlineInDisabledState = !['default', 'backless'].includes(use);\n\n    const nonInteractive = disabled || loading;\n    const rootClassName = cx(\n      styles.root(this.theme),\n      styles[use](this.theme),\n      sizeClass,\n      narrow && styles.narrow(),\n      _noPadding && styles.noPadding(),\n      _noRightPadding && styles.noRightPadding(),\n      rootClassNameWithArrow,\n      ...(nonInteractive\n        ? [\n            styles.disabled(this.theme),\n            isUseStateWithoutOutlineInDisabledState && styles.disabledWithoutOutline(this.theme),\n            checked && styles.checkedDisabled(this.theme),\n            borderless && styles.borderless(),\n            use === 'backless' && styles.backlessDisabled(this.theme),\n            use === 'text' && styles.textDisabled(),\n            globalClasses.disabled,\n          ]\n        : [\n            active && !checked && activeStyles[use](this.theme),\n            isFocused && styles.focus(this.theme),\n            checked && styles.checked(this.theme),\n            checked && isFocused && styles.checkedFocused(this.theme),\n            borderless && !checked && !isFocused && styles.borderless(),\n          ]),\n    );\n\n    const rootProps = {\n      ...rest,\n      className: rootClassName,\n      style: {\n        textAlign: align,\n        ...corners,\n      },\n      onFocus: this.handleFocus,\n      onBlur: this.handleBlur,\n      tabIndex: this.getTabIndex({ disableFocus, disabled: nonInteractive, tabIndex }),\n    };\n\n    const wrapProps = {\n      className: cx(globalClasses.root, {\n        [styles.wrap(this.theme)]: true,\n        [this.getSizeWrapClassName()]: true,\n      }),\n      style: {\n        width,\n      },\n    };\n\n    const buttonOnlyProps = component === 'button' ? { disabled: nonInteractive } : {};\n\n    const innerShadowNode = null;\n\n    let outlineNode = null;\n    if ((!isFocused || isLink) && !nonInteractive) {\n      outlineNode = (\n        <div\n          className={cx(styles.outline(), {\n            [styles.outlineWarning(this.theme)]: warning,\n            [styles.outlineError(this.theme)]: error,\n            [styles.outlineLink()]: isLink,\n            [styles.outlineLinkWarning(this.theme)]: isLink && warning,\n            [styles.outlineLinkError(this.theme)]: isLink && error,\n          })}\n        />\n      );\n    }\n\n    const iconProps: Omit<ButtonIconProps, 'position'> = {\n      use,\n      size: this.size,\n      hasChildren: !!children,\n      loading: loading || false,\n    };\n    const leftIconNode = icon && <ButtonIcon {...iconProps} position=\"left\" icon={icon} />;\n    const rightIconNode = rightIcon && (\n      <ButtonIcon {...iconProps} hasBothIcons={!!icon && !!rightIcon} position=\"right\" icon={rightIcon} />\n    );\n\n    // Force disable all props and features, that cannot be use with Link\n    if (isLink) {\n      rootProps.className = cx({\n        [styles.root(this.theme)]: true,\n        [sizeClass]: true,\n        [styles.link(this.theme)]: true,\n        [styles.linkLineHeight()]: !isSafari,\n        [styles.linkLineHeightSafariFallback()]: isSafari,\n        [styles.linkFocus(this.theme)]: isFocused,\n        [styles.linkDisabled(this.theme)]: nonInteractive,\n      });\n      Object.assign(wrapProps, {\n        className: cx(styles.wrap(this.theme), styles.wrapLink()),\n        style: { width: wrapProps.style.width },\n      });\n\n      rootProps.style.textAlign = undefined;\n    }\n\n    const hasLoadingNode = loading && !icon && !rightIcon;\n    const loadingNode = hasLoadingNode && <LoadingButtonIcon size={this.size} />;\n\n    let captionNode = (\n      <div\n        className={cx(styles.caption(), globalClasses.caption, {\n          [styles.captionLink()]: isLink,\n          [styles.captionDisabled()]: !checked && disabled,\n        })}\n      >\n        {loadingNode}\n        {leftIconNode}\n        <span\n          className={cx(globalClasses.text, {\n            [styles.visibilityHidden()]: hasLoadingNode,\n          })}\n        >\n          {children}\n        </span>\n        {rightIconNode}\n      </div>\n    );\n    if (isLink && !loading) {\n      captionNode = (\n        <ThemeContext.Provider value={getInnerLinkTheme(this.theme)}>\n          {\n            <Link<typeof SpanComponent>\n              focused={isFocused}\n              disabled={disabled}\n              icon={this.renderIcon2022(icon)}\n              rightIcon={this.renderIcon2022(rightIcon)}\n              tabIndex={-1}\n              component={SpanComponent}\n            >\n              {children}\n            </Link>\n          }\n        </ThemeContext.Provider>\n      );\n    }\n\n    const Root: React.ElementType = component;\n\n    return (\n      <span {...wrapProps} data-tid={ButtonDataTids.root}>\n        <Root data-tid={ButtonDataTids.rootElement} ref={this._ref} {...rootProps} {...buttonOnlyProps}>\n          {innerShadowNode}\n          {outlineNode}\n          {arrowNode}\n          {captionNode}\n        </Root>\n      </span>\n    );\n  };\n\n  private renderIcon2022(icon: React.ReactElement | undefined) {\n    if (icon && isKonturIcon(icon)) {\n      const sizes = getButtonIconSizes(this.theme);\n      return React.cloneElement(icon, { size: icon.props.size ?? sizes[this.size] });\n    }\n\n    return icon;\n  }\n\n  private getSizeClassName() {\n    const { icon, rightIcon, children } = this.getProps();\n    const isThemeGTE_5_3 = isThemeGTE(this.theme, '5.3');\n\n    switch (this.size) {\n      case 'large': {\n        const commonClasses = {\n          [styles.sizeLargeIE11(this.theme)]: isIE11 || isEdge,\n          [styles.sizeLargeWithIcon(this.theme)]: !!icon,\n          [styles.sizeLargeWithIconWithoutText(this.theme)]: !!icon && !children,\n        };\n\n        const themeSpecificClasses = {\n          [styles.sizeLargeWithRightIcon(this.theme)]: !!rightIcon,\n          [styles.sizeLargeWithIconWithoutText5_3(this.theme)]: (!!icon || !!rightIcon) && !children,\n        };\n        return cx(styles.sizeLarge(this.theme), commonClasses, isThemeGTE_5_3 && themeSpecificClasses);\n      }\n      case 'medium': {\n        const commonClasses = {\n          [styles.sizeMediumIE11(this.theme)]: isIE11 || isEdge,\n          [styles.sizeMediumWithIcon(this.theme)]: !!icon,\n          [styles.sizeMediumWithIconWithoutText(this.theme)]: !!icon && !children,\n        };\n\n        const themeSpecificClasses = {\n          [styles.sizeMediumWithRightIcon(this.theme)]: !!rightIcon,\n          [styles.sizeMediumWithIconWithoutText5_3(this.theme)]: (!!icon || !!rightIcon) && !children,\n        };\n\n        return cx(styles.sizeMedium(this.theme), commonClasses, isThemeGTE_5_3 && themeSpecificClasses);\n      }\n      case 'small':\n      default: {\n        const commonClasses = {\n          [styles.sizeSmallIE11(this.theme)]: isIE11 || isEdge,\n          [styles.sizeSmallWithIcon(this.theme)]: !!icon,\n          [styles.sizeSmallWithIconWithoutText(this.theme)]: !!icon && !children,\n        };\n\n        const themeSpecificClasses = {\n          [styles.sizeSmallWithRightIcon(this.theme)]: !!rightIcon,\n          [styles.sizeSmallWithIconWithoutText5_3(this.theme)]: (!!icon || !!rightIcon) && !children,\n        };\n\n        return cx(styles.sizeSmall(this.theme), commonClasses, isThemeGTE_5_3 && themeSpecificClasses);\n      }\n    }\n  }\n\n  private getSizeWrapClassName() {\n    switch (this.size) {\n      case 'large':\n        return styles.wrapLarge(this.theme);\n      case 'medium':\n        return styles.wrapMedium(this.theme);\n      case 'small':\n      default:\n        return styles.wrapSmall(this.theme);\n    }\n  }\n\n  private handleFocus = (e: React.FocusEvent) => {\n    if (!this.props.disabled && !this.props.disableFocus) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      globalObject.requestAnimationFrame?.(() => {\n        if (keyListener.isTabPressed) {\n          this.setState({ focusedByTab: true });\n        }\n      });\n      this.props.onFocus?.(e);\n    }\n  };\n\n  private handleBlur = (e: React.FocusEvent) => {\n    this.setState({ focusedByTab: false });\n    if (!this.props.disabled && !this.props.disableFocus) {\n      this.props.onBlur?.(e);\n    }\n  };\n\n  private _ref = (node: HTMLElement | null) => {\n    this.node = node;\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Button/Button.mixins.js

@@ -1,9 +1,9 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.buttonUseMixin = exports.buttonSizeMixinIE11 = exports.buttonSizeMixin = exports.buttonHoverMixin = exports.buttonActiveMixin = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.buttonUseMixin = exports.buttonSizeMixinIE11 = exports.buttonSizeMixin = exports.buttonHoverMixin = exports.buttonActiveMixin = void 0;var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));var _Emotion = require("../../lib/theming/Emotion");
 
 var _Button = require("./Button.styles");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
 var getBtnPadding = function getBtnPadding(paddingY, paddingX) {
-  return paddingY + " " + paddingX + " " + paddingY;
+  return "".concat(paddingY, " ").concat(paddingX, " ").concat(paddingY);
 };
 
 var buttonUseMixin = exports.buttonUseMixin = function buttonUseMixin(
@@ -15,9 +15,9 @@ borderColor,
 borderWidth)
 {
   var hasGradient = btnBackgroundStart !== btnBackgroundEnd;
-  return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    background-color: ", ";\n    background-image: ", ";\n    color: ", ";\n    box-shadow: 0 0 0 ", " ", ";\n\n    :enabled:hover,\n    :enabled {\n      .", " svg {\n        color: ", ";\n      }\n    }\n  "])),
+  return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    background-color: ", ";\n    background-image: ", ";\n    color: ", ";\n    box-shadow: 0 0 0 ", " ", ";\n\n    :enabled:hover,\n    :enabled {\n      .", " svg {\n        color: ", ";\n      }\n    }\n  "])),
   hasGradient ? "initial" : btnBackground,
-  hasGradient ? "linear-gradient(" + btnBackgroundStart + ", " + btnBackgroundEnd + ")" : "none",
+  hasGradient ? "linear-gradient(".concat(btnBackgroundStart, ", ").concat(btnBackgroundEnd, ")") : "none",
   color,
   borderWidth, borderColor,
 
@@ -39,9 +39,9 @@ borderColor,
 borderWidth)
 {
   var hasGradient = btnBackgroundStart !== btnBackgroundEnd;
-  return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    background-color: ", ";\n    background-image: ", ";\n    box-shadow: 0 0 0 ", " ", ";\n    color: ", ";\n  "])),
+  return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    background-color: ", ";\n    background-image: ", ";\n    box-shadow: 0 0 0 ", " ", ";\n    color: ", ";\n  "])),
   hasGradient ? "initial" : btnBackground,
-  hasGradient ? "linear-gradient(" + btnBackgroundStart + ", " + btnBackgroundEnd + ")" : "none",
+  hasGradient ? "linear-gradient(".concat(btnBackgroundStart, ", ").concat(btnBackgroundEnd, ")") : "none",
   borderWidth, borderColor,
   color);
 
@@ -53,7 +53,7 @@ btnShadow,
 borderColor,
 borderWidth)
 {
-  return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n    &,\n    &:hover {\n      background-image: none !important; // override :hover styles\n      background-color: ", " !important; // override :hover styles\n      box-shadow: 0 0 0 ", " ", " !important; // override :hover styles\n\n      .", " {\n        box-shadow: ", ";\n      }\n    }\n  "])),
+  return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n    &,\n    &:hover {\n      background-image: none !important; // override :hover styles\n      background-color: ", " !important; // override :hover styles\n      box-shadow: 0 0 0 ", " ", " !important; // override :hover styles\n\n      .", " {\n        box-shadow: ", ";\n      }\n    }\n  "])),
 
 
 
@@ -68,7 +68,7 @@ borderWidth)
 };
 
 var buttonSizeMixin = exports.buttonSizeMixin = function buttonSizeMixin(fontSize, lineHeight, paddingX, paddingY) {
-  return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n    font-size: ", ";\n    box-sizing: border-box;\n    padding: ", ";\n    line-height: ", ";\n  "])),
+  return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n    font-size: ", ";\n    box-sizing: border-box;\n    padding: ", ";\n    line-height: ", ";\n  "])),
   fontSize,
 
   getBtnPadding(paddingY, paddingX),
@@ -77,7 +77,7 @@ var buttonSizeMixin = exports.buttonSizeMixin = function buttonSizeMixin(fontSiz
 };
 
 var buttonSizeMixinIE11 = exports.buttonSizeMixinIE11 = function buttonSizeMixinIE11(paddingX, paddingY) {
-  return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n    padding: ", ";\n    line-height: normal;\n  "])),
+  return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n    padding: ", ";\n    line-height: normal;\n  "])),
   getBtnPadding(paddingY, paddingX));
 
 

package/cjs/components/Button/Button.mixins.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_Button","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","getBtnPadding","paddingY","paddingX","buttonUseMixin","exports","btnBackground","btnBackgroundStart","btnBackgroundEnd","color","borderColor","borderWidth","hasGradient","css","_taggedTemplateLiteralLoose2","default","globalClasses","arrow","buttonHoverMixin","buttonActiveMixin","btnShadow","innerShadow","buttonSizeMixin","fontSize","lineHeight","buttonSizeMixinIE11"],"sources":["Button.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\n\nimport { globalClasses } from './Button.styles';\n\nconst getBtnPadding = (paddingY: string, paddingX: string): string => {\n  return `${paddingY} ${paddingX} ${paddingY}`;\n};\n\nexport const buttonUseMixin = (\n  btnBackground: string,\n  btnBackgroundStart: string,\n  btnBackgroundEnd: string,\n  color: string,\n  borderColor: string,\n  borderWidth: string,\n) => {\n  const hasGradient = btnBackgroundStart !== btnBackgroundEnd;\n  return css`\n    background-color: ${hasGradient ? `initial` : btnBackground};\n    background-image: ${hasGradient ? `linear-gradient(${btnBackgroundStart}, ${btnBackgroundEnd})` : `none`};\n    color: ${color};\n    box-shadow: 0 0 0 ${borderWidth} ${borderColor};\n\n    :enabled:hover,\n    :enabled {\n      .${globalClasses.arrow} svg {\n        color: ${color};\n      }\n    }\n  `;\n};\n\nexport const buttonHoverMixin = (\n  btnBackground: string,\n  btnBackgroundStart: string,\n  btnBackgroundEnd: string,\n  color: string,\n  borderColor: string,\n  borderWidth: string,\n) => {\n  const hasGradient = btnBackgroundStart !== btnBackgroundEnd;\n  return css`\n    background-color: ${hasGradient ? `initial` : btnBackground};\n    background-image: ${hasGradient ? `linear-gradient(${btnBackgroundStart}, ${btnBackgroundEnd})` : `none`};\n    box-shadow: 0 0 0 ${borderWidth} ${borderColor};\n    color: ${color};\n  `;\n};\n\nexport const buttonActiveMixin = (\n  btnBackground: string,\n  btnShadow: string,\n  borderColor: string,\n  borderWidth: string,\n) => {\n  return css`\n    &,\n    &:hover {\n      background-image: none !important; // override :hover styles\n      background-color: ${btnBackground} !important; // override :hover styles\n      box-shadow: 0 0 0 ${borderWidth} ${borderColor} !important; // override :hover styles\n\n      .${globalClasses.innerShadow} {\n        box-shadow: ${btnShadow};\n      }\n    }\n  `;\n};\n\nexport const buttonSizeMixin = (fontSize: string, lineHeight: string, paddingX: string, paddingY: string) => {\n  return css`\n    font-size: ${fontSize};\n    box-sizing: border-box;\n    padding: ${getBtnPadding(paddingY, paddingX)};\n    line-height: ${lineHeight};\n  `;\n};\n\nexport const buttonSizeMixinIE11 = (paddingX: string, paddingY: string) => {\n  return css`\n    padding: ${getBtnPadding(paddingY, paddingX)};\n    line-height: normal;\n  `;\n};\n"],"mappings":"2YAAA,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA,oBAAgD,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEhD,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,QAAgB,EAAEC,QAAgB,EAAa;EACpE,OAAUD,QAAQ,SAAIC,QAAQ,SAAID,QAAQ;AAC5C,CAAC;;AAEM,IAAME,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA;AACzBE,aAAqB;AACrBC,kBAA0B;AAC1BC,gBAAwB;AACxBC,KAAa;AACbC,WAAmB;AACnBC,WAAmB;AAChB;EACH,IAAMC,WAAW,GAAGL,kBAAkB,KAAKC,gBAAgB;EAC3D,WAAOK,YAAG,EAAAjB,eAAA,KAAAA,eAAA,OAAAkB,4BAAA,CAAAC,OAAA;EACYH,WAAW,eAAeN,aAAa;EACvCM,WAAW,wBAAsBL,kBAAkB,UAAKC,gBAAgB,eAAY;EAC/FC,KAAK;EACME,WAAW,EAAID,WAAW;;;;EAIzCM,qBAAa,CAACC,KAAK;EACXR,KAAK;;;;AAItB,CAAC;;AAEM,IAAMS,gBAAgB,GAAAb,OAAA,CAAAa,gBAAA,GAAG,SAAnBA,gBAAgBA;AAC3BZ,aAAqB;AACrBC,kBAA0B;AAC1BC,gBAAwB;AACxBC,KAAa;AACbC,WAAmB;AACnBC,WAAmB;AAChB;EACH,IAAMC,WAAW,GAAGL,kBAAkB,KAAKC,gBAAgB;EAC3D,WAAOK,YAAG,EAAAhB,gBAAA,KAAAA,gBAAA,OAAAiB,4BAAA,CAAAC,OAAA;EACYH,WAAW,eAAeN,aAAa;EACvCM,WAAW,wBAAsBL,kBAAkB,UAAKC,gBAAgB,eAAY;EACpFG,WAAW,EAAID,WAAW;EACrCD,KAAK;;AAElB,CAAC;;AAEM,IAAMU,iBAAiB,GAAAd,OAAA,CAAAc,iBAAA,GAAG,SAApBA,iBAAiBA;AAC5Bb,aAAqB;AACrBc,SAAiB;AACjBV,WAAmB;AACnBC,WAAmB;AAChB;EACH,WAAOE,YAAG,EAAAf,gBAAA,KAAAA,gBAAA,OAAAgB,4BAAA,CAAAC,OAAA;;;;EAIcT,aAAa;EACbK,WAAW,EAAID,WAAW;;EAE3CM,qBAAa,CAACK,WAAW;EACZD,SAAS;;;;AAI/B,CAAC;;AAEM,IAAME,eAAe,GAAAjB,OAAA,CAAAiB,eAAA,GAAG,SAAlBA,eAAeA,CAAIC,QAAgB,EAAEC,UAAkB,EAAErB,QAAgB,EAAED,QAAgB,EAAK;EAC3G,WAAOW,YAAG,EAAAd,gBAAA,KAAAA,gBAAA,OAAAe,4BAAA,CAAAC,OAAA;EACKQ,QAAQ;;EAEVtB,aAAa,CAACC,QAAQ,EAAEC,QAAQ,CAAC;EAC7BqB,UAAU;;AAE7B,CAAC;;AAEM,IAAMC,mBAAmB,GAAApB,OAAA,CAAAoB,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAItB,QAAgB,EAAED,QAAgB,EAAK;EACzE,WAAOW,YAAG,EAAAb,gBAAA,KAAAA,gBAAA,OAAAc,4BAAA,CAAAC,OAAA;EACGd,aAAa,CAACC,QAAQ,EAAEC,QAAQ,CAAC;;;AAGhD,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_Button","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","getBtnPadding","paddingY","paddingX","concat","buttonUseMixin","exports","btnBackground","btnBackgroundStart","btnBackgroundEnd","color","borderColor","borderWidth","hasGradient","css","_taggedTemplateLiteral2","default","globalClasses","arrow","buttonHoverMixin","buttonActiveMixin","btnShadow","innerShadow","buttonSizeMixin","fontSize","lineHeight","buttonSizeMixinIE11"],"sources":["Button.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\n\nimport { globalClasses } from './Button.styles';\n\nconst getBtnPadding = (paddingY: string, paddingX: string): string => {\n  return `${paddingY} ${paddingX} ${paddingY}`;\n};\n\nexport const buttonUseMixin = (\n  btnBackground: string,\n  btnBackgroundStart: string,\n  btnBackgroundEnd: string,\n  color: string,\n  borderColor: string,\n  borderWidth: string,\n) => {\n  const hasGradient = btnBackgroundStart !== btnBackgroundEnd;\n  return css`\n    background-color: ${hasGradient ? `initial` : btnBackground};\n    background-image: ${hasGradient ? `linear-gradient(${btnBackgroundStart}, ${btnBackgroundEnd})` : `none`};\n    color: ${color};\n    box-shadow: 0 0 0 ${borderWidth} ${borderColor};\n\n    :enabled:hover,\n    :enabled {\n      .${globalClasses.arrow} svg {\n        color: ${color};\n      }\n    }\n  `;\n};\n\nexport const buttonHoverMixin = (\n  btnBackground: string,\n  btnBackgroundStart: string,\n  btnBackgroundEnd: string,\n  color: string,\n  borderColor: string,\n  borderWidth: string,\n) => {\n  const hasGradient = btnBackgroundStart !== btnBackgroundEnd;\n  return css`\n    background-color: ${hasGradient ? `initial` : btnBackground};\n    background-image: ${hasGradient ? `linear-gradient(${btnBackgroundStart}, ${btnBackgroundEnd})` : `none`};\n    box-shadow: 0 0 0 ${borderWidth} ${borderColor};\n    color: ${color};\n  `;\n};\n\nexport const buttonActiveMixin = (\n  btnBackground: string,\n  btnShadow: string,\n  borderColor: string,\n  borderWidth: string,\n) => {\n  return css`\n    &,\n    &:hover {\n      background-image: none !important; // override :hover styles\n      background-color: ${btnBackground} !important; // override :hover styles\n      box-shadow: 0 0 0 ${borderWidth} ${borderColor} !important; // override :hover styles\n\n      .${globalClasses.innerShadow} {\n        box-shadow: ${btnShadow};\n      }\n    }\n  `;\n};\n\nexport const buttonSizeMixin = (fontSize: string, lineHeight: string, paddingX: string, paddingY: string) => {\n  return css`\n    font-size: ${fontSize};\n    box-sizing: border-box;\n    padding: ${getBtnPadding(paddingY, paddingX)};\n    line-height: ${lineHeight};\n  `;\n};\n\nexport const buttonSizeMixinIE11 = (paddingX: string, paddingY: string) => {\n  return css`\n    padding: ${getBtnPadding(paddingY, paddingX)};\n    line-height: normal;\n  `;\n};\n"],"mappings":"qaAAA,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA,oBAAgD,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEhD,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,QAAgB,EAAEC,QAAgB,EAAa;EACpE,UAAAC,MAAA,CAAUF,QAAQ,OAAAE,MAAA,CAAID,QAAQ,OAAAC,MAAA,CAAIF,QAAQ;AAC5C,CAAC;;AAEM,IAAMG,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA;AACzBE,aAAqB;AACrBC,kBAA0B;AAC1BC,gBAAwB;AACxBC,KAAa;AACbC,WAAmB;AACnBC,WAAmB;AAChB;EACH,IAAMC,WAAW,GAAGL,kBAAkB,KAAKC,gBAAgB;EAC3D,WAAOK,YAAG,EAAAlB,eAAA,KAAAA,eAAA,OAAAmB,uBAAA,CAAAC,OAAA;EACYH,WAAW,eAAeN,aAAa;EACvCM,WAAW,sBAAAT,MAAA,CAAsBI,kBAAkB,QAAAJ,MAAA,CAAKK,gBAAgB,eAAY;EAC/FC,KAAK;EACME,WAAW,EAAID,WAAW;;;;EAIzCM,qBAAa,CAACC,KAAK;EACXR,KAAK;;;;AAItB,CAAC;;AAEM,IAAMS,gBAAgB,GAAAb,OAAA,CAAAa,gBAAA,GAAG,SAAnBA,gBAAgBA;AAC3BZ,aAAqB;AACrBC,kBAA0B;AAC1BC,gBAAwB;AACxBC,KAAa;AACbC,WAAmB;AACnBC,WAAmB;AAChB;EACH,IAAMC,WAAW,GAAGL,kBAAkB,KAAKC,gBAAgB;EAC3D,WAAOK,YAAG,EAAAjB,gBAAA,KAAAA,gBAAA,OAAAkB,uBAAA,CAAAC,OAAA;EACYH,WAAW,eAAeN,aAAa;EACvCM,WAAW,sBAAAT,MAAA,CAAsBI,kBAAkB,QAAAJ,MAAA,CAAKK,gBAAgB,eAAY;EACpFG,WAAW,EAAID,WAAW;EACrCD,KAAK;;AAElB,CAAC;;AAEM,IAAMU,iBAAiB,GAAAd,OAAA,CAAAc,iBAAA,GAAG,SAApBA,iBAAiBA;AAC5Bb,aAAqB;AACrBc,SAAiB;AACjBV,WAAmB;AACnBC,WAAmB;AAChB;EACH,WAAOE,YAAG,EAAAhB,gBAAA,KAAAA,gBAAA,OAAAiB,uBAAA,CAAAC,OAAA;;;;EAIcT,aAAa;EACbK,WAAW,EAAID,WAAW;;EAE3CM,qBAAa,CAACK,WAAW;EACZD,SAAS;;;;AAI/B,CAAC;;AAEM,IAAME,eAAe,GAAAjB,OAAA,CAAAiB,eAAA,GAAG,SAAlBA,eAAeA,CAAIC,QAAgB,EAAEC,UAAkB,EAAEtB,QAAgB,EAAED,QAAgB,EAAK;EAC3G,WAAOY,YAAG,EAAAf,gBAAA,KAAAA,gBAAA,OAAAgB,uBAAA,CAAAC,OAAA;EACKQ,QAAQ;;EAEVvB,aAAa,CAACC,QAAQ,EAAEC,QAAQ,CAAC;EAC7BsB,UAAU;;AAE7B,CAAC;;AAEM,IAAMC,mBAAmB,GAAApB,OAAA,CAAAoB,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAIvB,QAAgB,EAAED,QAAgB,EAAK;EACzE,WAAOY,YAAG,EAAAd,gBAAA,KAAAA,gBAAA,OAAAe,uBAAA,CAAAC,OAAA;EACGf,aAAa,CAACC,QAAQ,EAAEC,QAAQ,CAAC;;;AAGhD,CAAC","ignoreList":[]}