@skbkontur/react-ui 6.4.2-static-css.0 → 6.4.3-5e1c3.0

package/components/Button/Button.js

@@ -79,22 +79,6 @@ var SpanComponent = function (_a) {
     var children = _a.children, rest = __rest(_a, ["children"]);
     return React.createElement("span", __assign({}, rest), children);
 };
-/**
- * Фон рисуется градиентом, только если концы градиента отличаются.
- *
- * Сравниваются значения объекта темы, а не подстановки `var(--kontur-*)`: в
- * поставляемых темах оба конца — `none`, и `linear-gradient(none, none)` не
- * «плоский цвет», а невалидное значение.
- */
-var hasGradient = function (backgroundStart, backgroundEnd) { return backgroundStart !== backgroundEnd; };
-/**
- * Граница нужна вторым слоем тени поверх фона, только если её цвет задан и
- * отличается от цвета фона: у `use="text"` они совпадают и полупрозрачны, и
- * второй слой того же цвета удвоил бы альфу.
- */
-var isBorderAboveBg = function (borderColor, background) {
-    return borderColor !== '' && borderColor !== background;
-};
 /** Кнопка запускает действие, сценарий или позволяет перейти на другую страницу. */
 var Button = /** @class */ (function (_super) {
     __extends(Button, _super);
@@ -112,35 +96,38 @@ var Button = /** @class */ (function (_super) {
             var sizeClass = _this.getSizeClassName();
             var isFocused = _this.state.focusedByTab || visuallyFocused;
             var isLink = use === 'link';
-            var _h = getButtonArrow(__assign(__assign({}, _this.props), { isFocused: Boolean(isFocused), size: _this.size }), _this.styles, _this.cx), rootClassNameWithArrow = _h[0], arrowNode = _h[1];
+            var _h = getButtonArrow(__assign(__assign({}, _this.props), { isFocused: Boolean(isFocused), size: _this.size }), _this.theme, _this.styles, _this.cx), rootClassNameWithArrow = _h[0], arrowNode = _h[1];
             var isUseStateWithoutOutlineInDisabledState = !['default', 'backless', 'outline'].includes(use);
             var isAriaDisabled = ariaDisabled === true || ariaDisabled === 'true';
             var nonInteractive = disabled || loading;
             var _j = _this.getUseStyle(use), style = _j.style, styleActive = _j.styleActive;
-            var rootClassName = _this.cx.apply(_this, __spreadArray(__spreadArray(__spreadArray([_this.styles.root()], style, false), [sizeClass,
+            var rootClassName = _this.cx.apply(_this, __spreadArray([_this.styles.root(_this.theme),
+                style,
+                sizeClass,
                 narrow && _this.styles.narrow(),
                 _noPadding && _this.styles.noPadding(),
                 _noRightPadding && _this.styles.noRightPadding(),
-                rootClassNameWithArrow], false), (nonInteractive || isAriaDisabled
+                rootClassNameWithArrow], (nonInteractive || isAriaDisabled
                 ? [
-                    _this.styles.disabled(),
-                    isUseStateWithoutOutlineInDisabledState && _this.styles.disabledWithoutOutline(),
-                    checked && _this.styles.checkedDisabled(),
+                    _this.styles.disabled(_this.theme),
+                    isUseStateWithoutOutlineInDisabledState && _this.styles.disabledWithoutOutline(_this.theme),
+                    checked && _this.styles.checkedDisabled(_this.theme),
                     borderless && _this.styles.borderless(),
-                    (use === 'backless' || use === 'outline') && _this.styles.backlessDisabled(),
+                    (use === 'backless' || use === 'outline') && _this.styles.backlessDisabled(_this.theme),
                     use === 'text' && _this.styles.textDisabled(),
                     globalClasses.disabled,
                 ]
-                : __spreadArray(__spreadArray([], (active && !checked ? styleActive : []), true), [
-                    isFocused && _this.styles.focus(),
-                    checked && _this.styles.checked(),
-                    checked && isFocused && _this.styles.checkedFocused(),
+                : [
+                    active && !checked && styleActive,
+                    isFocused && _this.styles.focus(_this.theme),
+                    checked && _this.styles.checked(_this.theme),
+                    checked && isFocused && _this.styles.checkedFocused(_this.theme),
                     borderless && !checked && !isFocused && _this.styles.borderless(),
-                ], false)), false));
+                ]), false));
             var rootProps = __assign(__assign({}, rest), { className: rootClassName, style: __assign({ textAlign: align }, corners), onFocus: _this.handleFocus, onBlur: _this.handleBlur, tabIndex: _this.getTabIndex({ disableFocus: disableFocus, disabled: nonInteractive, tabIndex: tabIndex }) });
             var wrapProps = {
                 className: _this.cx(globalClasses.root, (_a = {},
-                    _a[_this.styles.wrap()] = true,
+                    _a[_this.styles.wrap(_this.theme)] = true,
                     _a[_this.getSizeWrapClassName()] = true,
                     _a)),
                 style: {
@@ -152,11 +139,11 @@ var Button = /** @class */ (function (_super) {
             var outlineNode = null;
             if ((!isFocused || isLink) && !nonInteractive) {
                 outlineNode = (React.createElement("div", { className: _this.cx(_this.styles.outlineDefault(), (_b = {},
-                        _b[_this.styles.outlineWarning()] = warning,
-                        _b[_this.styles.outlineError()] = error,
+                        _b[_this.styles.outlineWarning(_this.theme)] = warning,
+                        _b[_this.styles.outlineError(_this.theme)] = error,
                         _b[_this.styles.outlineLink()] = isLink,
-                        _b[_this.styles.outlineLinkWarning()] = isLink && warning,
-                        _b[_this.styles.outlineLinkError()] = isLink && error,
+                        _b[_this.styles.outlineLinkWarning(_this.theme)] = isLink && warning,
+                        _b[_this.styles.outlineLinkError(_this.theme)] = isLink && error,
                         _b)) }));
             }
             var iconProps = {
@@ -170,16 +157,16 @@ var Button = /** @class */ (function (_super) {
             // Force disable all props and features, that cannot be use with Link
             if (isLink) {
                 rootProps.className = _this.cx((_c = {},
-                    _c[_this.styles.root()] = true,
+                    _c[_this.styles.root(_this.theme)] = true,
                     _c[sizeClass] = true,
-                    _c[_this.styles.link()] = true,
+                    _c[_this.styles.link(_this.theme)] = true,
                     _c[_this.styles.linkLineHeight()] = !isSafari,
                     _c[_this.styles.linkLineHeightSafariFallback()] = isSafari,
-                    _c[_this.styles.linkFocus()] = isFocused,
-                    _c[_this.styles.linkDisabled()] = nonInteractive,
+                    _c[_this.styles.linkFocus(_this.theme)] = isFocused,
+                    _c[_this.styles.linkDisabled(_this.theme)] = nonInteractive,
                     _c));
                 Object.assign(wrapProps, {
-                    className: _this.cx(_this.styles.wrap(), _this.styles.wrapLink()),
+                    className: _this.cx(_this.styles.wrap(_this.theme), _this.styles.wrapLink()),
                     style: { width: wrapProps.style.width },
                 });
                 rootProps.style.textAlign = undefined;
@@ -268,17 +255,11 @@ var Button = /** @class */ (function (_super) {
     };
     Button.prototype.render = function () {
         var _this = this;
-        this.styles = getStyles();
-        this.activeStyles = getActiveStyles();
+        this.styles = getStyles(this.emotion);
+        this.activeStyles = getActiveStyles(this.emotion);
         return (React.createElement(ThemeContext.Consumer, null, function (theme) {
             _this.theme = _this.props.theme ? ThemeFactory.create(_this.props.theme, theme) : theme;
-            return (
-            // Слитую тему надо отдать в контекст, а не только в `this.theme`:
-            // блок переменных `--kontur-*` на корне печатает `CommonWrapper`,
-            // а он берёт тему из контекста. Без этого стили кнопки читали бы
-            // `var(--kontur-*)` внешней темы, а проп `theme` не работал.
-            React.createElement(ThemeContext.Provider, { value: _this.theme },
-                React.createElement(CommonWrapper, __assign({ rootNodeRef: _this.setRootNode }, _this.props), _this.renderMain)));
+            return (React.createElement(CommonWrapper, __assign({ rootNodeRef: _this.setRootNode }, _this.props), _this.renderMain));
         }));
     };
     Button.prototype.getTabIndex = function (_a) {
@@ -297,113 +278,46 @@ var Button = /** @class */ (function (_super) {
         }
         return icon;
     };
-    /**
-     * Классы use-стиля: базовый плюс варианты, выбранные по значениям темы.
-     *
-     * Все решения по теме собраны здесь — в стилях их нет вовсе. В стилевом файле
-     * значения приходят строками `var(--kontur-*)`, и сравнение сравнивало бы имена
-     * переменных, а не цвета; поэтому сравниваются значения объекта темы, а класс
-     * с готовым содержимым только выбирается — как для `checked` или `disabled`.
-     *
-     * Обе ветки рисовать всегда нельзя: `linear-gradient(none, none)` при равных
-     * `BgStart` и `BgEnd` — невалидное значение, а второй слой тени полупрозрачным
-     * цветом (у `use="text"` цвет границы и фона совпадают) удваивает альфу.
-     *
-     * Порядок в массиве — порядок объявлений в слитом классе: вариант идёт сразу
-     * за базовым классом и перебивает его при равном весе.
-     */
     Button.prototype.getUseStyle = function (use) {
-        var _a = this, styles = _a.styles, activeStyles = _a.activeStyles, t = _a.theme;
+        var style;
+        var styleActive;
+        var _a = this, styles = _a.styles, activeStyles = _a.activeStyles;
         switch (use) {
             case 'primary':
-            case 'accent': {
-                var activeBorderAboveBg = isBorderAboveBg(t.btnPrimaryActiveBorderColor, t.btnPrimaryActiveBg);
-                return {
-                    style: [
-                        styles.accent(),
-                        hasGradient(t.btnPrimaryBgStart, t.btnPrimaryBgEnd) && styles.accentGradient(),
-                        hasGradient(t.btnPrimaryHoverBgStart, t.btnPrimaryHoverBgEnd) && styles.accentHoverGradient(),
-                        isBorderAboveBg(t.btnPrimaryHoverBorderColor, t.btnPrimaryHoverBg) && styles.accentHoverBorderAboveBg(),
-                        activeBorderAboveBg && styles.accentActiveBorderAboveBg(),
-                    ],
-                    styleActive: [activeStyles.accent(), activeBorderAboveBg && activeStyles.accentBorderAboveBg()],
-                };
-            }
+            case 'accent':
+                style = styles.accent(this.theme);
+                styleActive = activeStyles.accent(this.theme);
+                break;
             case 'backless':
-            case 'outline': {
-                var activeBorderAboveBg = isBorderAboveBg(t.btnBacklessActiveBorderColor, t.btnBacklessActiveBg);
-                return {
-                    style: [
-                        styles.outline(),
-                        isBorderAboveBg(t.btnBacklessHoverBorderColor, t.btnBacklessHoverBg) && styles.outlineHoverBorderAboveBg(),
-                        activeBorderAboveBg && styles.outlineActiveBorderAboveBg(),
-                    ],
-                    styleActive: [activeStyles.outline(), activeBorderAboveBg && activeStyles.outlineBorderAboveBg()],
-                };
-            }
+            case 'outline':
+                style = styles.outline(this.theme);
+                styleActive = activeStyles.outline(this.theme);
+                break;
             case 'fill':
-                return { style: [styles.fill()], styleActive: [activeStyles.fill()] };
-            case 'success': {
-                var activeBorderAboveBg = isBorderAboveBg(t.btnSuccessActiveBorderColor, t.btnSuccessActiveBg);
-                return {
-                    style: [
-                        styles.success(),
-                        hasGradient(t.btnSuccessBgStart, t.btnSuccessBgEnd) && styles.successGradient(),
-                        hasGradient(t.btnSuccessHoverBgStart, t.btnSuccessHoverBgEnd) && styles.successHoverGradient(),
-                        isBorderAboveBg(t.btnSuccessHoverBorderColor, t.btnSuccessHoverBg) && styles.successHoverBorderAboveBg(),
-                        activeBorderAboveBg && styles.successActiveBorderAboveBg(),
-                    ],
-                    styleActive: [activeStyles.success(), activeBorderAboveBg && activeStyles.successBorderAboveBg()],
-                };
-            }
-            case 'danger': {
-                var activeBorderAboveBg = isBorderAboveBg(t.btnDangerActiveBorderColor, t.btnDangerActiveBg);
-                return {
-                    style: [
-                        styles.danger(),
-                        hasGradient(t.btnDangerBgStart, t.btnDangerBgEnd) && styles.dangerGradient(),
-                        hasGradient(t.btnDangerHoverBgStart, t.btnDangerHoverBgEnd) && styles.dangerHoverGradient(),
-                        isBorderAboveBg(t.btnDangerHoverBorderColor, t.btnDangerHoverBg) && styles.dangerHoverBorderAboveBg(),
-                        activeBorderAboveBg && styles.dangerActiveBorderAboveBg(),
-                    ],
-                    styleActive: [activeStyles.danger(), activeBorderAboveBg && activeStyles.dangerBorderAboveBg()],
-                };
-            }
-            case 'pay': {
-                var activeBorderAboveBg = isBorderAboveBg(t.btnPayActiveBorderColor, t.btnPayActiveBg);
-                return {
-                    style: [
-                        styles.pay(),
-                        hasGradient(t.btnPayBgStart, t.btnPayBgEnd) && styles.payGradient(),
-                        hasGradient(t.btnPayHoverBgStart, t.btnPayHoverBgEnd) && styles.payHoverGradient(),
-                        isBorderAboveBg(t.btnPayHoverBorderColor, t.btnPayHoverBg) && styles.payHoverBorderAboveBg(),
-                        activeBorderAboveBg && styles.payActiveBorderAboveBg(),
-                    ],
-                    styleActive: [activeStyles.pay(), activeBorderAboveBg && activeStyles.payBorderAboveBg()],
-                };
-            }
+                style = styles.fill(this.theme);
+                styleActive = activeStyles.fill(this.theme);
+                break;
+            case 'success':
+                style = styles.success(this.theme);
+                styleActive = activeStyles.success(this.theme);
+                break;
+            case 'danger':
+                style = styles.danger(this.theme);
+                styleActive = activeStyles.danger(this.theme);
+                break;
+            case 'pay':
+                style = styles.pay(this.theme);
+                styleActive = activeStyles.pay(this.theme);
+                break;
             case 'text':
-                return {
-                    style: [
-                        styles.text(),
-                        isBorderAboveBg(t.btnTextHoverBorderColor, t.btnTextHoverBg) && styles.textHoverBorderAboveBg(),
-                    ],
-                    styleActive: [activeStyles.text()],
-                };
-            default: {
-                var activeBorderAboveBg = isBorderAboveBg(t.btnDefaultActiveBorderColor, t.btnDefaultActiveBg);
-                return {
-                    style: [
-                        styles.default(),
-                        hasGradient(t.btnDefaultBgStart, t.btnDefaultBgEnd) && styles.defaultGradient(),
-                        hasGradient(t.btnDefaultHoverBgStart, t.btnDefaultHoverBgEnd) && styles.defaultHoverGradient(),
-                        isBorderAboveBg(t.btnDefaultHoverBorderColor, t.btnDefaultHoverBg) && styles.defaultHoverBorderAboveBg(),
-                        activeBorderAboveBg && styles.defaultActiveBorderAboveBg(),
-                    ],
-                    styleActive: [activeStyles.default(), activeBorderAboveBg && activeStyles.defaultBorderAboveBg()],
-                };
-            }
+                style = styles.text(this.theme);
+                styleActive = activeStyles.text(this.theme);
+                break;
+            default:
+                style = styles.default(this.theme);
+                styleActive = activeStyles.default(this.theme);
         }
+        return { style: style, styleActive: styleActive };
     };
     Button.prototype.getSizeClassName = function () {
         var _a, _b, _c;
@@ -411,40 +325,40 @@ var Button = /** @class */ (function (_super) {
         switch (this.size) {
             case 'large': {
                 var commonClasses = (_a = {},
-                    _a[this.styles.sizeLargeWithIcon()] = !!icon,
-                    _a[this.styles.sizeLargeWithRightIcon()] = !!rightIcon,
-                    _a[this.styles.sizeLargeWithIconWithoutText()] = (!!icon || !!rightIcon) && !children,
+                    _a[this.styles.sizeLargeWithIcon(this.theme)] = !!icon,
+                    _a[this.styles.sizeLargeWithRightIcon(this.theme)] = !!rightIcon,
+                    _a[this.styles.sizeLargeWithIconWithoutText(this.theme)] = (!!icon || !!rightIcon) && !children,
                     _a);
-                return this.cx(this.styles.sizeLarge(), commonClasses);
+                return this.cx(this.styles.sizeLarge(this.theme), commonClasses);
             }
             case 'medium': {
                 var commonClasses = (_b = {},
-                    _b[this.styles.sizeMediumWithIcon()] = !!icon,
-                    _b[this.styles.sizeMediumWithRightIcon()] = !!rightIcon,
-                    _b[this.styles.sizeMediumWithIconWithoutText()] = (!!icon || !!rightIcon) && !children,
+                    _b[this.styles.sizeMediumWithIcon(this.theme)] = !!icon,
+                    _b[this.styles.sizeMediumWithRightIcon(this.theme)] = !!rightIcon,
+                    _b[this.styles.sizeMediumWithIconWithoutText(this.theme)] = (!!icon || !!rightIcon) && !children,
                     _b);
-                return this.cx(this.styles.sizeMedium(), commonClasses);
+                return this.cx(this.styles.sizeMedium(this.theme), commonClasses);
             }
             case 'small':
             default: {
                 var commonClasses = (_c = {},
-                    _c[this.styles.sizeSmallWithIcon()] = !!icon,
-                    _c[this.styles.sizeSmallWithRightIcon()] = !!rightIcon,
-                    _c[this.styles.sizeSmallWithIconWithoutText()] = (!!icon || !!rightIcon) && !children,
+                    _c[this.styles.sizeSmallWithIcon(this.theme)] = !!icon,
+                    _c[this.styles.sizeSmallWithRightIcon(this.theme)] = !!rightIcon,
+                    _c[this.styles.sizeSmallWithIconWithoutText(this.theme)] = (!!icon || !!rightIcon) && !children,
                     _c);
-                return this.cx(this.styles.sizeSmall(), commonClasses);
+                return this.cx(this.styles.sizeSmall(this.theme), commonClasses);
             }
         }
     };
     Button.prototype.getSizeWrapClassName = function () {
         switch (this.size) {
             case 'large':
-                return this.styles.wrapLarge();
+                return this.styles.wrapLarge(this.theme);
             case 'medium':
-                return this.styles.wrapMedium();
+                return this.styles.wrapMedium(this.theme);
             case 'small':
             default:
-                return this.styles.wrapSmall();
+                return this.styles.wrapSmall(this.theme);
         }
     };
     var Button_1;

package/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["Button.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { HTMLAttributes, JSX } from 'react';\nimport React from 'react';\nimport warning from 'warning';\n\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport type { IconProps } from '../../internal/icons2022/BaseIcon.js';\nimport { isSafari } from '../../lib/client.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { KeyListener } from '../../lib/events/keyListener.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport { withSize } from '../../lib/size/SizeDecorator.js';\nimport type { ClassNames } from '../../lib/theming/Emotion.js';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers.js';\nimport type { ButtonLinkAllowedValues } from '../../lib/types/button-link.js';\nimport type { PolymorphicPropsWithoutRef } from '../../lib/types/polymorphic-component.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { isKonturIcon } from '../../lib/utils.js';\nimport { Link } from '../Link/index.js';\nimport { getActiveStyles, getStyles, globalClasses } from './Button.styles.js';\nimport { useButtonArrow as getButtonArrow } from './ButtonArrow.js';\nimport { ButtonIcon, getButtonIconSizes } from './ButtonIcon.js';\nimport type { ButtonIconProps } from './ButtonIcon.js';\nimport { getInnerLinkTheme } from './getInnerLinkTheme.js';\nimport { LoadingButtonIcon } from './LoadingButtonIcon.js';\n\nexport type ButtonType = 'button' | 'submit' | 'reset';\nexport type ButtonUse =\n  | 'default'\n  | 'outline'\n  | 'fill'\n  | 'text'\n  | 'accent'\n  | 'danger'\n  | 'success'\n  | 'pay'\n  /** @deprecated Используйте компонент <Link component=\"button\" /> */\n  | 'link'\n  /** @deprecated Используйте use=\"outline\" */\n  | 'backless'\n  /** @deprecated Используйте use=\"accent\" */\n  | 'primary';\n\nexport interface ButtonInnerProps extends CommonProps {\n  /** @ignore */\n  _noPadding?: boolean;\n\n  /** @ignore */\n  _noRightPadding?: boolean;\n\n  /**\n   * @ignore\n   * @deprecated Проп будет удален вместе с use=\"default\" в 7.0\n   */\n  _noWarningForUseDefault?: 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   * @deprecated Состояние не соответствует Контур.Гайдам, проп будет удален в 7.0.\n   *\n   * Альтернативный вариант использования — use=\"fill\" или переменную темы `btnBorderWidth` */\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   * @deprecated Состояние не соответствует Контур.Гайдам, проп будет удален в 7.0. */\n  error?: boolean;\n\n  /** Добавляет иконку слева от текста кнопки. */\n  icon?: React.ReactElement;\n\n  /** Добавляет иконку справа от текста кнопки. */\n  rightIcon?: React.ReactElement;\n\n  /** Переводит кнопку в состояние загрузки. */\n  loading?: boolean;\n\n  /** Сужает кнопку.\n   *\n   * @deprecated Состояние не соответствует Контур.Гайдам, проп будет удален в 7.0.\n   *\n   * Альтернативный вариант использования — через переменные темы `btnPaddingXSmall`, `btnPaddingXMedium`, `btnPaddingXLarge` */\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   * - accent — кнопка основного действия\n   * - outline — кнопка второстепенного действия с границами без фона\n   * - fill — кнопка второстепенного действия с фоном без границ\n   * - text — кнопка второстепенного действия без фона и обводки\n   * - danger — кнопка деструктивного действия\n   * - success — кнопка позитивного действия\n   * - pay — кнопка, связанная с оплатой\n   *\n   * ⚠️ Deprecated-стили, будут удалены в 7.0:\n   * - use=\"primary\" → use=\"accent\"\n   * - use=\"backless\" → use=\"outline\"\n   * - use=\"link\" → `<Link component=\"button\">`\n   * - use=\"default\" → use=\"outline\" или use=\"fill\"\n   */\n  use?: ButtonUse;\n\n  /** @ignore */\n  visuallyFocused?: boolean;\n\n  /** Переводит кнопку в состояние валидации \"Предупреждение\".\n   * @deprecated Состояние не соответствует Контур.Гайдам, проп будет удален в 7.0. */\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>, 'type' | 'component'>>;\n\nconst SpanComponent: React.FunctionComponent<HTMLAttributes<HTMLSpanElement>> = ({ children, ...rest }) => {\n  return <span {...rest}>{children}</span>;\n};\n\n/**\n * Фон рисуется градиентом, только если концы градиента отличаются.\n *\n * Сравниваются значения объекта темы, а не подстановки `var(--kontur-*)`: в\n * поставляемых темах оба конца — `none`, и `linear-gradient(none, none)` не\n * «плоский цвет», а невалидное значение.\n */\nconst hasGradient = (backgroundStart: string, backgroundEnd: string): boolean => backgroundStart !== backgroundEnd;\n\n/**\n * Граница нужна вторым слоем тени поверх фона, только если её цвет задан и\n * отличается от цвета фона: у `use=\"text\"` они совпадают и полупрозрачны, и\n * второй слой того же цвета удвоил бы альфу.\n */\nconst isBorderAboveBg = (borderColor: string, background: string): boolean =>\n  borderColor !== '' && borderColor !== background;\n\n/** Кнопка запускает действие, сценарий или позволяет перейти на другую страницу. */\n@withRenderEnvironment\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    // 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 globalObject!: GlobalObject;\n  private cx!: ClassNames;\n  private styles!: ReturnType<typeof getStyles>;\n  private activeStyles!: ReturnType<typeof getActiveStyles>;\n  private theme!: Theme;\n  private node: HTMLElement | null = null;\n  private size!: SizeProp;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private keyListener!: KeyListener;\n\n  public componentDidMount() {\n    this.keyListener = new KeyListener(this.globalObject);\n    if (this.props.autoFocus) {\n      this.keyListener.isTabPressed = true;\n      this.focus();\n    }\n    warning(\n      this.props.use !== 'link',\n      '[Button]: `use=\"link\"` has been deprecated. Please, use `<Link component=\"button\" />` instead.',\n    );\n    warning(\n      this.props.use !== 'primary',\n      '[Button]: `use=\"primary\"` has been deprecated. Please, use `use=\"accent\"` instead.',\n    );\n    warning(\n      this.props.use !== 'backless',\n      '[Button]: `use=\"backless\"` has been deprecated. Please, use `use=\"outline\"` instead.',\n    );\n    if (!this.props._noWarningForUseDefault) {\n      warning(\n        this.props.use !== 'default',\n        '[Button]: `use=\"default\"` has been deprecated. Please, use `use=\"outline\"` or `use=\"fill\"` instead.',\n      );\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(): void {\n    this.node?.focus();\n  }\n\n  /** Программно снимает фокус с кнопки.\n   * @public\n   */\n  public blur(): void {\n    this.node?.blur();\n  }\n\n  public render(): JSX.Element {\n    this.styles = getStyles();\n    this.activeStyles = getActiveStyles();\n\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            // Слитую тему надо отдать в контекст, а не только в `this.theme`:\n            // блок переменных `--kontur-*` на корне печатает `CommonWrapper`,\n            // а он берёт тему из контекста. Без этого стили кнопки читали бы\n            // `var(--kontur-*)` внешней темы, а проп `theme` не работал.\n            <ThemeContext.Provider value={this.theme}>\n              <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n                {this.renderMain}\n              </CommonWrapper>\n            </ThemeContext.Provider>\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      _noWarningForUseDefault,\n      visuallyFocused,\n      align,\n      disableFocus,\n      width,\n      tabIndex,\n      component: _component,\n      use: useProp,\n      theme,\n      ...rest\n    } = props;\n    const {\n      use = isThemeGTE(this.theme, '6.1') ? 'outline' : 'default',\n      component,\n      children,\n      'aria-disabled': ariaDisabled,\n    } = 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] = getButtonArrow(\n      { ...this.props, isFocused: Boolean(isFocused), size: this.size },\n      this.styles,\n      this.cx,\n    );\n    const isUseStateWithoutOutlineInDisabledState = !['default', 'backless', 'outline'].includes(use);\n\n    const isAriaDisabled = ariaDisabled === true || ariaDisabled === 'true';\n    const nonInteractive = disabled || loading;\n    const { style, styleActive } = this.getUseStyle(use);\n\n    const rootClassName = this.cx(\n      this.styles.root(),\n      ...style,\n      sizeClass,\n      narrow && this.styles.narrow(),\n      _noPadding && this.styles.noPadding(),\n      _noRightPadding && this.styles.noRightPadding(),\n      rootClassNameWithArrow,\n      ...(nonInteractive || isAriaDisabled\n        ? [\n            this.styles.disabled(),\n            isUseStateWithoutOutlineInDisabledState && this.styles.disabledWithoutOutline(),\n            checked && this.styles.checkedDisabled(),\n            borderless && this.styles.borderless(),\n            (use === 'backless' || use === 'outline') && this.styles.backlessDisabled(),\n            use === 'text' && this.styles.textDisabled(),\n            globalClasses.disabled,\n          ]\n        : [\n            ...(active && !checked ? styleActive : []),\n            isFocused && this.styles.focus(),\n            checked && this.styles.checked(),\n            checked && isFocused && this.styles.checkedFocused(),\n            borderless && !checked && !isFocused && this.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: this.cx(globalClasses.root, {\n        [this.styles.wrap()]: 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={this.cx(this.styles.outlineDefault(), {\n            [this.styles.outlineWarning()]: warning,\n            [this.styles.outlineError()]: error,\n            [this.styles.outlineLink()]: isLink,\n            [this.styles.outlineLinkWarning()]: isLink && warning,\n            [this.styles.outlineLinkError()]: 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 = this.cx({\n        [this.styles.root()]: true,\n        [sizeClass]: true,\n        [this.styles.link()]: true,\n        [this.styles.linkLineHeight()]: !isSafari,\n        [this.styles.linkLineHeightSafariFallback()]: isSafari,\n        [this.styles.linkFocus()]: isFocused,\n        [this.styles.linkDisabled()]: nonInteractive,\n      });\n      Object.assign(wrapProps, {\n        className: this.cx(this.styles.wrap(), this.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={this.cx(this.styles.caption(), globalClasses.caption, {\n          [this.styles.captionLink()]: isLink,\n          [this.styles.captionDisabled()]: !checked && disabled,\n        })}\n      >\n        {loadingNode}\n        {leftIconNode}\n        <span\n          className={this.cx(globalClasses.text, {\n            [this.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?.props && isKonturIcon(icon)) {\n      const iconProps = icon.props as IconProps;\n      const sizes = getButtonIconSizes(this.theme);\n      return React.cloneElement(icon, { size: iconProps.size ?? sizes[this.size] } as IconProps);\n    }\n\n    return icon;\n  }\n\n  /**\n   * Классы use-стиля: базовый плюс варианты, выбранные по значениям темы.\n   *\n   * Все решения по теме собраны здесь — в стилях их нет вовсе. В стилевом файле\n   * значения приходят строками `var(--kontur-*)`, и сравнение сравнивало бы имена\n   * переменных, а не цвета; поэтому сравниваются значения объекта темы, а класс\n   * с готовым содержимым только выбирается — как для `checked` или `disabled`.\n   *\n   * Обе ветки рисовать всегда нельзя: `linear-gradient(none, none)` при равных\n   * `BgStart` и `BgEnd` — невалидное значение, а второй слой тени полупрозрачным\n   * цветом (у `use=\"text\"` цвет границы и фона совпадают) удваивает альфу.\n   *\n   * Порядок в массиве — порядок объявлений в слитом классе: вариант идёт сразу\n   * за базовым классом и перебивает его при равном весе.\n   */\n  private getUseStyle(use: ButtonUse) {\n    const { styles, activeStyles, theme: t } = this;\n\n    switch (use) {\n      case 'primary':\n      case 'accent': {\n        const activeBorderAboveBg = isBorderAboveBg(t.btnPrimaryActiveBorderColor, t.btnPrimaryActiveBg);\n        return {\n          style: [\n            styles.accent(),\n            hasGradient(t.btnPrimaryBgStart, t.btnPrimaryBgEnd) && styles.accentGradient(),\n            hasGradient(t.btnPrimaryHoverBgStart, t.btnPrimaryHoverBgEnd) && styles.accentHoverGradient(),\n            isBorderAboveBg(t.btnPrimaryHoverBorderColor, t.btnPrimaryHoverBg) && styles.accentHoverBorderAboveBg(),\n            activeBorderAboveBg && styles.accentActiveBorderAboveBg(),\n          ],\n          styleActive: [activeStyles.accent(), activeBorderAboveBg && activeStyles.accentBorderAboveBg()],\n        };\n      }\n      case 'backless':\n      case 'outline': {\n        const activeBorderAboveBg = isBorderAboveBg(t.btnBacklessActiveBorderColor, t.btnBacklessActiveBg);\n        return {\n          style: [\n            styles.outline(),\n            isBorderAboveBg(t.btnBacklessHoverBorderColor, t.btnBacklessHoverBg) && styles.outlineHoverBorderAboveBg(),\n            activeBorderAboveBg && styles.outlineActiveBorderAboveBg(),\n          ],\n          styleActive: [activeStyles.outline(), activeBorderAboveBg && activeStyles.outlineBorderAboveBg()],\n        };\n      }\n      case 'fill':\n        return { style: [styles.fill()], styleActive: [activeStyles.fill()] };\n      case 'success': {\n        const activeBorderAboveBg = isBorderAboveBg(t.btnSuccessActiveBorderColor, t.btnSuccessActiveBg);\n        return {\n          style: [\n            styles.success(),\n            hasGradient(t.btnSuccessBgStart, t.btnSuccessBgEnd) && styles.successGradient(),\n            hasGradient(t.btnSuccessHoverBgStart, t.btnSuccessHoverBgEnd) && styles.successHoverGradient(),\n            isBorderAboveBg(t.btnSuccessHoverBorderColor, t.btnSuccessHoverBg) && styles.successHoverBorderAboveBg(),\n            activeBorderAboveBg && styles.successActiveBorderAboveBg(),\n          ],\n          styleActive: [activeStyles.success(), activeBorderAboveBg && activeStyles.successBorderAboveBg()],\n        };\n      }\n      case 'danger': {\n        const activeBorderAboveBg = isBorderAboveBg(t.btnDangerActiveBorderColor, t.btnDangerActiveBg);\n        return {\n          style: [\n            styles.danger(),\n            hasGradient(t.btnDangerBgStart, t.btnDangerBgEnd) && styles.dangerGradient(),\n            hasGradient(t.btnDangerHoverBgStart, t.btnDangerHoverBgEnd) && styles.dangerHoverGradient(),\n            isBorderAboveBg(t.btnDangerHoverBorderColor, t.btnDangerHoverBg) && styles.dangerHoverBorderAboveBg(),\n            activeBorderAboveBg && styles.dangerActiveBorderAboveBg(),\n          ],\n          styleActive: [activeStyles.danger(), activeBorderAboveBg && activeStyles.dangerBorderAboveBg()],\n        };\n      }\n      case 'pay': {\n        const activeBorderAboveBg = isBorderAboveBg(t.btnPayActiveBorderColor, t.btnPayActiveBg);\n        return {\n          style: [\n            styles.pay(),\n            hasGradient(t.btnPayBgStart, t.btnPayBgEnd) && styles.payGradient(),\n            hasGradient(t.btnPayHoverBgStart, t.btnPayHoverBgEnd) && styles.payHoverGradient(),\n            isBorderAboveBg(t.btnPayHoverBorderColor, t.btnPayHoverBg) && styles.payHoverBorderAboveBg(),\n            activeBorderAboveBg && styles.payActiveBorderAboveBg(),\n          ],\n          styleActive: [activeStyles.pay(), activeBorderAboveBg && activeStyles.payBorderAboveBg()],\n        };\n      }\n      case 'text':\n        return {\n          style: [\n            styles.text(),\n            isBorderAboveBg(t.btnTextHoverBorderColor, t.btnTextHoverBg) && styles.textHoverBorderAboveBg(),\n          ],\n          styleActive: [activeStyles.text()],\n        };\n      default: {\n        const activeBorderAboveBg = isBorderAboveBg(t.btnDefaultActiveBorderColor, t.btnDefaultActiveBg);\n        return {\n          style: [\n            styles.default(),\n            hasGradient(t.btnDefaultBgStart, t.btnDefaultBgEnd) && styles.defaultGradient(),\n            hasGradient(t.btnDefaultHoverBgStart, t.btnDefaultHoverBgEnd) && styles.defaultHoverGradient(),\n            isBorderAboveBg(t.btnDefaultHoverBorderColor, t.btnDefaultHoverBg) && styles.defaultHoverBorderAboveBg(),\n            activeBorderAboveBg && styles.defaultActiveBorderAboveBg(),\n          ],\n          styleActive: [activeStyles.default(), activeBorderAboveBg && activeStyles.defaultBorderAboveBg()],\n        };\n      }\n    }\n  }\n\n  private getSizeClassName() {\n    const { icon, rightIcon, children } = this.getProps();\n\n    switch (this.size) {\n      case 'large': {\n        const commonClasses = {\n          [this.styles.sizeLargeWithIcon()]: !!icon,\n          [this.styles.sizeLargeWithRightIcon()]: !!rightIcon,\n          [this.styles.sizeLargeWithIconWithoutText()]: (!!icon || !!rightIcon) && !children,\n        };\n\n        return this.cx(this.styles.sizeLarge(), commonClasses);\n      }\n      case 'medium': {\n        const commonClasses = {\n          [this.styles.sizeMediumWithIcon()]: !!icon,\n          [this.styles.sizeMediumWithRightIcon()]: !!rightIcon,\n          [this.styles.sizeMediumWithIconWithoutText()]: (!!icon || !!rightIcon) && !children,\n        };\n\n        return this.cx(this.styles.sizeMedium(), commonClasses);\n      }\n      case 'small':\n      default: {\n        const commonClasses = {\n          [this.styles.sizeSmallWithIcon()]: !!icon,\n          [this.styles.sizeSmallWithRightIcon()]: !!rightIcon,\n          [this.styles.sizeSmallWithIconWithoutText()]: (!!icon || !!rightIcon) && !children,\n        };\n\n        return this.cx(this.styles.sizeSmall(), commonClasses);\n      }\n    }\n  }\n\n  private getSizeWrapClassName() {\n    switch (this.size) {\n      case 'large':\n        return this.styles.wrapLarge();\n      case 'medium':\n        return this.styles.wrapMedium();\n      case 'small':\n      default:\n        return this.styles.wrapSmall();\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      this.globalObject.requestAnimationFrame?.(() => {\n        if (this.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"]}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["Button.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport type { HTMLAttributes, JSX } from 'react';\nimport React from 'react';\nimport warning from 'warning';\n\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport type { IconProps } from '../../internal/icons2022/BaseIcon.js';\nimport { isSafari } from '../../lib/client.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { KeyListener } from '../../lib/events/keyListener.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport { withSize } from '../../lib/size/SizeDecorator.js';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers.js';\nimport type { ButtonLinkAllowedValues } from '../../lib/types/button-link.js';\nimport type { PolymorphicPropsWithoutRef } from '../../lib/types/polymorphic-component.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { isKonturIcon } from '../../lib/utils.js';\nimport { Link } from '../Link/index.js';\nimport { getActiveStyles, getStyles, globalClasses } from './Button.styles.js';\nimport { useButtonArrow as getButtonArrow } from './ButtonArrow.js';\nimport { ButtonIcon, getButtonIconSizes } from './ButtonIcon.js';\nimport type { ButtonIconProps } from './ButtonIcon.js';\nimport { getInnerLinkTheme } from './getInnerLinkTheme.js';\nimport { LoadingButtonIcon } from './LoadingButtonIcon.js';\n\nexport type ButtonType = 'button' | 'submit' | 'reset';\nexport type ButtonUse =\n  | 'default'\n  | 'outline'\n  | 'fill'\n  | 'text'\n  | 'accent'\n  | 'danger'\n  | 'success'\n  | 'pay'\n  /** @deprecated Используйте компонент <Link component=\"button\" /> */\n  | 'link'\n  /** @deprecated Используйте use=\"outline\" */\n  | 'backless'\n  /** @deprecated Используйте use=\"accent\" */\n  | 'primary';\n\nexport interface ButtonInnerProps extends CommonProps {\n  /** @ignore */\n  _noPadding?: boolean;\n\n  /** @ignore */\n  _noRightPadding?: boolean;\n\n  /**\n   * @ignore\n   * @deprecated Проп будет удален вместе с use=\"default\" в 7.0\n   */\n  _noWarningForUseDefault?: 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   * @deprecated Состояние не соответствует Контур.Гайдам, проп будет удален в 7.0.\n   *\n   * Альтернативный вариант использования — use=\"fill\" или переменную темы `btnBorderWidth` */\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   * @deprecated Состояние не соответствует Контур.Гайдам, проп будет удален в 7.0. */\n  error?: boolean;\n\n  /** Добавляет иконку слева от текста кнопки. */\n  icon?: React.ReactElement;\n\n  /** Добавляет иконку справа от текста кнопки. */\n  rightIcon?: React.ReactElement;\n\n  /** Переводит кнопку в состояние загрузки. */\n  loading?: boolean;\n\n  /** Сужает кнопку.\n   *\n   * @deprecated Состояние не соответствует Контур.Гайдам, проп будет удален в 7.0.\n   *\n   * Альтернативный вариант использования — через переменные темы `btnPaddingXSmall`, `btnPaddingXMedium`, `btnPaddingXLarge` */\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   * - accent — кнопка основного действия\n   * - outline — кнопка второстепенного действия с границами без фона\n   * - fill — кнопка второстепенного действия с фоном без границ\n   * - text — кнопка второстепенного действия без фона и обводки\n   * - danger — кнопка деструктивного действия\n   * - success — кнопка позитивного действия\n   * - pay — кнопка, связанная с оплатой\n   *\n   * ⚠️ Deprecated-стили, будут удалены в 7.0:\n   * - use=\"primary\" → use=\"accent\"\n   * - use=\"backless\" → use=\"outline\"\n   * - use=\"link\" → `<Link component=\"button\">`\n   * - use=\"default\" → use=\"outline\" или use=\"fill\"\n   */\n  use?: ButtonUse;\n\n  /** @ignore */\n  visuallyFocused?: boolean;\n\n  /** Переводит кнопку в состояние валидации \"Предупреждение\".\n   * @deprecated Состояние не соответствует Контур.Гайдам, проп будет удален в 7.0. */\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>, 'type' | 'component'>>;\n\nconst SpanComponent: React.FunctionComponent<HTMLAttributes<HTMLSpanElement>> = ({ children, ...rest }) => {\n  return <span {...rest}>{children}</span>;\n};\n\n/** Кнопка запускает действие, сценарий или позволяет перейти на другую страницу. */\n@withRenderEnvironment\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    // 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 globalObject!: GlobalObject;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private activeStyles!: ReturnType<typeof getActiveStyles>;\n  private theme!: Theme;\n  private node: HTMLElement | null = null;\n  private size!: SizeProp;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private keyListener!: KeyListener;\n\n  public componentDidMount() {\n    this.keyListener = new KeyListener(this.globalObject);\n    if (this.props.autoFocus) {\n      this.keyListener.isTabPressed = true;\n      this.focus();\n    }\n    warning(\n      this.props.use !== 'link',\n      '[Button]: `use=\"link\"` has been deprecated. Please, use `<Link component=\"button\" />` instead.',\n    );\n    warning(\n      this.props.use !== 'primary',\n      '[Button]: `use=\"primary\"` has been deprecated. Please, use `use=\"accent\"` instead.',\n    );\n    warning(\n      this.props.use !== 'backless',\n      '[Button]: `use=\"backless\"` has been deprecated. Please, use `use=\"outline\"` instead.',\n    );\n    if (!this.props._noWarningForUseDefault) {\n      warning(\n        this.props.use !== 'default',\n        '[Button]: `use=\"default\"` has been deprecated. Please, use `use=\"outline\"` or `use=\"fill\"` instead.',\n      );\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(): void {\n    this.node?.focus();\n  }\n\n  /** Программно снимает фокус с кнопки.\n   * @public\n   */\n  public blur(): void {\n    this.node?.blur();\n  }\n\n  public render(): JSX.Element {\n    this.styles = getStyles(this.emotion);\n    this.activeStyles = getActiveStyles(this.emotion);\n\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      _noWarningForUseDefault,\n      visuallyFocused,\n      align,\n      disableFocus,\n      width,\n      tabIndex,\n      component: _component,\n      use: useProp,\n      theme,\n      ...rest\n    } = props;\n    const {\n      use = isThemeGTE(this.theme, '6.1') ? 'outline' : 'default',\n      component,\n      children,\n      'aria-disabled': ariaDisabled,\n    } = 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] = getButtonArrow(\n      { ...this.props, isFocused: Boolean(isFocused), size: this.size },\n      this.theme,\n      this.styles,\n      this.cx,\n    );\n    const isUseStateWithoutOutlineInDisabledState = !['default', 'backless', 'outline'].includes(use);\n\n    const isAriaDisabled = ariaDisabled === true || ariaDisabled === 'true';\n    const nonInteractive = disabled || loading;\n    const { style, styleActive } = this.getUseStyle(use);\n\n    const rootClassName = this.cx(\n      this.styles.root(this.theme),\n      style,\n      sizeClass,\n      narrow && this.styles.narrow(),\n      _noPadding && this.styles.noPadding(),\n      _noRightPadding && this.styles.noRightPadding(),\n      rootClassNameWithArrow,\n      ...(nonInteractive || isAriaDisabled\n        ? [\n            this.styles.disabled(this.theme),\n            isUseStateWithoutOutlineInDisabledState && this.styles.disabledWithoutOutline(this.theme),\n            checked && this.styles.checkedDisabled(this.theme),\n            borderless && this.styles.borderless(),\n            (use === 'backless' || use === 'outline') && this.styles.backlessDisabled(this.theme),\n            use === 'text' && this.styles.textDisabled(),\n            globalClasses.disabled,\n          ]\n        : [\n            active && !checked && styleActive,\n            isFocused && this.styles.focus(this.theme),\n            checked && this.styles.checked(this.theme),\n            checked && isFocused && this.styles.checkedFocused(this.theme),\n            borderless && !checked && !isFocused && this.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: this.cx(globalClasses.root, {\n        [this.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={this.cx(this.styles.outlineDefault(), {\n            [this.styles.outlineWarning(this.theme)]: warning,\n            [this.styles.outlineError(this.theme)]: error,\n            [this.styles.outlineLink()]: isLink,\n            [this.styles.outlineLinkWarning(this.theme)]: isLink && warning,\n            [this.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 = this.cx({\n        [this.styles.root(this.theme)]: true,\n        [sizeClass]: true,\n        [this.styles.link(this.theme)]: true,\n        [this.styles.linkLineHeight()]: !isSafari,\n        [this.styles.linkLineHeightSafariFallback()]: isSafari,\n        [this.styles.linkFocus(this.theme)]: isFocused,\n        [this.styles.linkDisabled(this.theme)]: nonInteractive,\n      });\n      Object.assign(wrapProps, {\n        className: this.cx(this.styles.wrap(this.theme), this.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={this.cx(this.styles.caption(), globalClasses.caption, {\n          [this.styles.captionLink()]: isLink,\n          [this.styles.captionDisabled()]: !checked && disabled,\n        })}\n      >\n        {loadingNode}\n        {leftIconNode}\n        <span\n          className={this.cx(globalClasses.text, {\n            [this.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?.props && isKonturIcon(icon)) {\n      const iconProps = icon.props as IconProps;\n      const sizes = getButtonIconSizes(this.theme);\n      return React.cloneElement(icon, { size: iconProps.size ?? sizes[this.size] } as IconProps);\n    }\n\n    return icon;\n  }\n\n  private getUseStyle(use: ButtonUse) {\n    let style;\n    let styleActive;\n    const { styles, activeStyles } = this;\n\n    switch (use) {\n      case 'primary':\n      case 'accent':\n        style = styles.accent(this.theme);\n        styleActive = activeStyles.accent(this.theme);\n        break;\n      case 'backless':\n      case 'outline':\n        style = styles.outline(this.theme);\n        styleActive = activeStyles.outline(this.theme);\n        break;\n      case 'fill':\n        style = styles.fill(this.theme);\n        styleActive = activeStyles.fill(this.theme);\n        break;\n      case 'success':\n        style = styles.success(this.theme);\n        styleActive = activeStyles.success(this.theme);\n        break;\n      case 'danger':\n        style = styles.danger(this.theme);\n        styleActive = activeStyles.danger(this.theme);\n        break;\n      case 'pay':\n        style = styles.pay(this.theme);\n        styleActive = activeStyles.pay(this.theme);\n        break;\n      case 'text':\n        style = styles.text(this.theme);\n        styleActive = activeStyles.text(this.theme);\n        break;\n      default:\n        style = styles.default(this.theme);\n        styleActive = activeStyles.default(this.theme);\n    }\n\n    return { style, styleActive };\n  }\n\n  private getSizeClassName() {\n    const { icon, rightIcon, children } = this.getProps();\n\n    switch (this.size) {\n      case 'large': {\n        const commonClasses = {\n          [this.styles.sizeLargeWithIcon(this.theme)]: !!icon,\n          [this.styles.sizeLargeWithRightIcon(this.theme)]: !!rightIcon,\n          [this.styles.sizeLargeWithIconWithoutText(this.theme)]: (!!icon || !!rightIcon) && !children,\n        };\n\n        return this.cx(this.styles.sizeLarge(this.theme), commonClasses);\n      }\n      case 'medium': {\n        const commonClasses = {\n          [this.styles.sizeMediumWithIcon(this.theme)]: !!icon,\n          [this.styles.sizeMediumWithRightIcon(this.theme)]: !!rightIcon,\n          [this.styles.sizeMediumWithIconWithoutText(this.theme)]: (!!icon || !!rightIcon) && !children,\n        };\n\n        return this.cx(this.styles.sizeMedium(this.theme), commonClasses);\n      }\n      case 'small':\n      default: {\n        const commonClasses = {\n          [this.styles.sizeSmallWithIcon(this.theme)]: !!icon,\n          [this.styles.sizeSmallWithRightIcon(this.theme)]: !!rightIcon,\n          [this.styles.sizeSmallWithIconWithoutText(this.theme)]: (!!icon || !!rightIcon) && !children,\n        };\n\n        return this.cx(this.styles.sizeSmall(this.theme), commonClasses);\n      }\n    }\n  }\n\n  private getSizeWrapClassName() {\n    switch (this.size) {\n      case 'large':\n        return this.styles.wrapLarge(this.theme);\n      case 'medium':\n        return this.styles.wrapMedium(this.theme);\n      case 'small':\n      default:\n        return this.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      this.globalObject.requestAnimationFrame?.(() => {\n        if (this.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"]}

package/components/Button/Button.mixins.d.ts

@@ -0,0 +1,4 @@
+export declare const buttonUseMixin: (btnBackground: string, btnBackgroundStart: string, btnBackgroundEnd: string, color: string, borderColor: string, borderWidth: string) => string;
+export declare const buttonHoverMixin: (btnBackground: string, btnBackgroundStart: string, btnBackgroundEnd: string, color: string, borderColor: string, borderWidth: string) => string;
+export declare const buttonActiveMixin: (btnBackground: string, btnShadow: string, borderColor: string, borderWidth: string) => string;
+export declare const buttonSizeMixin: (fontSize: string, lineHeight: string, paddingX: string, paddingY: string) => string;

package/components/Button/Button.mixins.js

@@ -0,0 +1,21 @@
+import { globalClasses } from './Button.classes.js';
+var getBtnPadding = function (paddingY, paddingX) {
+    return "".concat(paddingY, " ").concat(paddingX, " ").concat(paddingY);
+};
+export var buttonUseMixin = function (btnBackground, btnBackgroundStart, btnBackgroundEnd, color, borderColor, borderWidth) {
+    var hasGradient = btnBackgroundStart !== btnBackgroundEnd;
+    return "\n    background-color: ".concat(hasGradient ? "initial" : btnBackground, ";\n    background-image: ").concat(hasGradient ? "linear-gradient(".concat(btnBackgroundStart, ", ").concat(btnBackgroundEnd, ")") : "none", ";\n    color: ").concat(color, ";\n    box-shadow: 0 0 0 ").concat(borderWidth, " ").concat(borderColor, ";\n\n    :enabled:hover,\n    :enabled {\n      .").concat(globalClasses.arrow, " svg {\n        color: ").concat(color, ";\n      }\n    }\n  ");
+};
+export var buttonHoverMixin = function (btnBackground, btnBackgroundStart, btnBackgroundEnd, color, borderColor, borderWidth) {
+    var hasGradient = btnBackgroundStart !== btnBackgroundEnd;
+    var isBorderAboveBg = borderColor !== '' && borderColor !== btnBackground;
+    return "\n    background-color: ".concat(hasGradient ? "initial" : btnBackground, ";\n    background-image: ").concat(hasGradient ? "linear-gradient(".concat(btnBackgroundStart, ", ").concat(btnBackgroundEnd, ")") : "none", ";\n    box-shadow: 0 0 0 ").concat(borderWidth, " ").concat(borderColor).concat(isBorderAboveBg ? ", 0 0 0 ".concat(borderWidth, " ").concat(btnBackground) : '', ";\n    color: ").concat(color, ";\n  ");
+};
+export var buttonActiveMixin = function (btnBackground, btnShadow, borderColor, borderWidth) {
+    var isBorderAboveBg = borderColor !== '' && borderColor !== btnBackground;
+    return "\n    &,\n    &:hover {\n      background-image: none !important; // override :hover styles\n      background-color: ".concat(btnBackground, " !important; // override :hover styles\n      box-shadow: 0 0 0 ").concat(borderWidth, " ").concat(borderColor).concat(isBorderAboveBg ? ", 0 0 0 ".concat(borderWidth, " ").concat(btnBackground) : '', " !important; // override :hover styles\n\n      .").concat(globalClasses.innerShadow, " {\n        box-shadow: ").concat(btnShadow, ";\n      }\n    }\n  ");
+};
+export var buttonSizeMixin = function (fontSize, lineHeight, paddingX, paddingY) {
+    return "\n    font-size: ".concat(fontSize, ";\n    box-sizing: border-box;\n    padding: ").concat(getBtnPadding(paddingY, paddingX), ";\n    line-height: ").concat(lineHeight, ";\n  ");
+};
+//# sourceMappingURL=Button.mixins.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.mixins.js","sourceRoot":"","sources":["Button.mixins.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,IAAM,aAAa,GAAG,UAAC,QAAgB,EAAE,QAAgB;IACvD,OAAO,UAAG,QAAQ,cAAI,QAAQ,cAAI,QAAQ,CAAE,CAAC;AAC/C,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAG,UAC5B,aAAqB,EACrB,kBAA0B,EAC1B,gBAAwB,EACxB,KAAa,EACb,WAAmB,EACnB,WAAmB;IAEnB,IAAM,WAAW,GAAG,kBAAkB,KAAK,gBAAgB,CAAC;IAC5D,OAAO,kCACe,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,sCACvC,WAAW,CAAC,CAAC,CAAC,0BAAmB,kBAAkB,eAAK,gBAAgB,MAAG,CAAC,CAAC,CAAC,MAAM,2BAC/F,KAAK,sCACM,WAAW,cAAI,WAAW,8DAIzC,aAAa,CAAC,KAAK,oCACX,KAAK,0BAGnB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAC9B,aAAqB,EACrB,kBAA0B,EAC1B,gBAAwB,EACxB,KAAa,EACb,WAAmB,EACnB,WAAmB;IAEnB,IAAM,WAAW,GAAG,kBAAkB,KAAK,gBAAgB,CAAC;IAC5D,IAAM,eAAe,GAAG,WAAW,KAAK,EAAE,IAAI,WAAW,KAAK,aAAa,CAAC;IAC5E,OAAO,kCACe,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,sCACvC,WAAW,CAAC,CAAC,CAAC,0BAAmB,kBAAkB,eAAK,gBAAgB,MAAG,CAAC,CAAC,CAAC,MAAM,sCACpF,WAAW,cAAI,WAAW,SAAG,eAAe,CAAC,CAAC,CAAC,kBAAW,WAAW,cAAI,aAAa,CAAE,CAAC,CAAC,CAAC,EAAE,2BACxG,KAAK,UACf,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAC/B,aAAqB,EACrB,SAAiB,EACjB,WAAmB,EACnB,WAAmB;IAEnB,IAAM,eAAe,GAAG,WAAW,KAAK,EAAE,IAAI,WAAW,KAAK,aAAa,CAAC;IAC5E,OAAO,+HAIiB,aAAa,6EACb,WAAW,cAAI,WAAW,SAAG,eAAe,CAAC,CAAC,CAAC,kBAAW,WAAW,cAAI,aAAa,CAAE,CAAC,CAAC,CAAC,EAAE,8DAE9G,aAAa,CAAC,WAAW,qCACZ,SAAS,0BAG5B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,QAAgB,EAAE,UAAkB,EAAE,QAAgB,EAAE,QAAgB;IACtG,OAAO,2BACQ,QAAQ,0DAEV,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,iCAC7B,UAAU,UAC1B,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { globalClasses } from './Button.classes.js';\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): string => {\n  const hasGradient = btnBackgroundStart !== btnBackgroundEnd;\n  return `\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): string => {\n  const hasGradient = btnBackgroundStart !== btnBackgroundEnd;\n  const isBorderAboveBg = borderColor !== '' && borderColor !== btnBackground;\n  return `\n    background-color: ${hasGradient ? `initial` : btnBackground};\n    background-image: ${hasGradient ? `linear-gradient(${btnBackgroundStart}, ${btnBackgroundEnd})` : `none`};\n    box-shadow: 0 0 0 ${borderWidth} ${borderColor}${isBorderAboveBg ? `, 0 0 0 ${borderWidth} ${btnBackground}` : ''};\n    color: ${color};\n  `;\n};\n\nexport const buttonActiveMixin = (\n  btnBackground: string,\n  btnShadow: string,\n  borderColor: string,\n  borderWidth: string,\n): string => {\n  const isBorderAboveBg = borderColor !== '' && borderColor !== btnBackground;\n  return `\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}${isBorderAboveBg ? `, 0 0 0 ${borderWidth} ${btnBackground}` : ''} !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): string => {\n  return `\n    font-size: ${fontSize};\n    box-sizing: border-box;\n    padding: ${getBtnPadding(paddingY, paddingX)};\n    line-height: ${lineHeight};\n  `;\n};\n"]}