npm - @skbkontur/react-ui - Versions diffs - 6.4.2-static-css.0 → 6.4.3-6344a.0 - Mend

@skbkontur/react-ui 6.4.2-static-css.0 → 6.4.3-6344a.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (941) hide show

package/components/Button/Button.js CHANGED Viewed

@@ -64,7 +64,7 @@ import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';
 import { isThemeGTE } from '../../lib/theming/ThemeHelpers.js';
 import { isKonturIcon } from '../../lib/utils.js';
 import { Link } from '../Link/index.js';
-import { getActiveStyles, getStyles, globalClasses } from './Button.styles.js';
+import { getActiveStyles, getStyles, globalClasses } from './Button.css.js';
 import { useButtonArrow as getButtonArrow } from './ButtonArrow.js';
 import { ButtonIcon, getButtonIconSizes } from './ButtonIcon.js';
 import { getInnerLinkTheme } from './getInnerLinkTheme.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,16 +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 },
+            return (React.createElement(ThemeContext.Provider, { value: _this.theme },
                 React.createElement(CommonWrapper, __assign({ rootNodeRef: _this.setRootNode }, _this.props), _this.renderMain)));
         }));
     };
@@ -297,113 +279,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 +326,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 CHANGED Viewed

	@@ -1 +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"]}
1	+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,OAAO,MAAM,SAAS,CAAC;AAG9B,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAEtE,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAE9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAE7E,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAE3D,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAI/D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC5E,OAAO,EAAE,cAAc,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAgI3D,MAAM,CAAC,IAAM,wBAAwB,GAAG,QAAQ,CAAC;AASjD,MAAM,CAAC,IAAM,cAAc,GAAG;IAC5B,WAAW,EAAE,qBAAqB;IAClC,IAAI,EAAE,cAAc;IACpB,OAAO,EAAE,iBAAiB;CAClB,CAAC;AAIX,IAAM,aAAa,GAA6D,UAAC,EAAqB;IAAnB,IAAA,QAAQ,cAAA,EAAK,IAAI,cAAnB,YAAqB,CAAF;IAClG,OAAO,yCAAU,IAAI,GAAG,QAAQ,CAAQ,CAAC;AAC3C,CAAC,CAAC;AAEF,oFAAoF;AAIpF;IAAiG,0BAGhG;IAHD;;QAgBU,cAAQ,GAAG,iBAAiB,CAAC,QAAM,CAAC,YAAY,CAAC,CAAC;QAEnD,WAAK,GAAG;YACb,YAAY,EAAE,KAAK;SACpB,CAAC;QAQM,UAAI,GAAuB,IAAI,CAAC;QAqFhC,gBAAU,GAAG,UAAC,KAA0C;;YAE5D,IAAA,OAAO,GAwBL,KAAK,QAxBA,EACP,MAAM,GAuBJ,KAAK,OAvBD,EACN,QAAQ,GAsBN,KAAK,SAtBC,EACR,UAAU,GAqBR,KAAK,WArBG,EACV,OAAO,GAoBL,KAAK,QApBA,EACP,KAAK,GAmBH,KAAK,MAnBF,EACL,OAAO,GAkBL,KAAK,QAlBA,EACP,OAAO,GAiBL,KAAK,QAjBA,EACP,MAAM,GAgBJ,KAAK,OAhBD,EACN,KAAK,GAeH,KAAK,MAfF,EACL,IAAI,GAcF,KAAK,KAdH,EACJ,SAAS,GAaP,KAAK,UAbE,EACT,UAAU,GAYR,KAAK,WAZG,EACV,eAAe,GAWb,KAAK,gBAXQ,EACf,uBAAuB,GAUrB,KAAK,wBAVgB,EACvB,eAAe,GASb,KAAK,gBATQ,EACf,KAAK,GAQH,KAAK,MARF,EACL,YAAY,GAOV,KAAK,aAPK,EACZ,KAAK,GAMH,KAAK,MANF,EACL,QAAQ,GAKN,KAAK,SALC,EACG,UAAU,GAInB,KAAK,UAJc,EAChB,OAAO,GAGV,KAAK,IAHK,EACZ,KAAK,GAEH,KAAK,MAFF,EACF,IAAI,UACL,KAAK,EAzBH,2RAyBL,CADQ,CACC;YACJ,IAAA,KAKF,KAAI,CAAC,QAAQ,EAAE,EAJjB,WAA2D,EAA3D,GAAG,mBAAG,UAAU,CAAC,KAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,KAAA,EAC3D,SAAS,eAAA,EACT,QAAQ,cAAA,EACS,YAAY,sBACZ,CAAC;YAEpB,IAAM,SAAS,GAAG,KAAI,CAAC,gBAAgB,EAAE,CAAC;YAE1C,IAAM,SAAS,GAAG,KAAI,CAAC,KAAK,CAAC,YAAY,IAAI,eAAe,CAAC;YAC7D,IAAM,MAAM,GAAG,GAAG,KAAK,MAAM,CAAC;YAExB,IAAA,KAAsC,cAAc,uBACnD,KAAI,CAAC,KAAK,KAAE,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,KAAI,CAAC,IAAI,KAC/D,KAAI,CAAC,KAAK,EACV,KAAI,CAAC,MAAM,EACX,KAAI,CAAC,EAAE,CACR,EALM,sBAAsB,QAAA,EAAE,SAAS,QAKvC,CAAC;YACF,IAAM,uCAAuC,GAAG,CAAC,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;YAElG,IAAM,cAAc,GAAG,YAAY,KAAK,IAAI,IAAI,YAAY,KAAK,MAAM,CAAC;YACxE,IAAM,cAAc,GAAG,QAAQ,IAAI,OAAO,CAAC;YACrC,IAAA,KAAyB,KAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAA5C,KAAK,WAAA,EAAE,WAAW,iBAA0B,CAAC;YAErD,IAAM,aAAa,GAAG,KAAI,CAAC,EAAE,OAAP,KAAI,iBACxB,KAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC;gBAC5B,KAAK;gBACL,SAAS;gBACT,MAAM,IAAI,KAAI,CAAC,MAAM,CAAC,MAAM,EAAE;gBAC9B,UAAU,IAAI,KAAI,CAAC,MAAM,CAAC,SAAS,EAAE;gBACrC,eAAe,IAAI,KAAI,CAAC,MAAM,CAAC,cAAc,EAAE;gBAC/C,sBAAsB,GACnB,CAAC,cAAc,IAAI,cAAc;gBAClC,CAAC,CAAC;oBACE,KAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAI,CAAC,KAAK,CAAC;oBAChC,uCAAuC,IAAI,KAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,KAAI,CAAC,KAAK,CAAC;oBACzF,OAAO,IAAI,KAAI,CAAC,MAAM,CAAC,eAAe,CAAC,KAAI,CAAC,KAAK,CAAC;oBAClD,UAAU,IAAI,KAAI,CAAC,MAAM,CAAC,UAAU,EAAE;oBACtC,CAAC,GAAG,KAAK,UAAU,IAAI,GAAG,KAAK,SAAS,CAAC,IAAI,KAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,KAAI,CAAC,KAAK,CAAC;oBACrF,GAAG,KAAK,MAAM,IAAI,KAAI,CAAC,MAAM,CAAC,YAAY,EAAE;oBAC5C,aAAa,CAAC,QAAQ;iBACvB;gBACH,CAAC,CAAC;oBACE,MAAM,IAAI,CAAC,OAAO,IAAI,WAAW;oBACjC,SAAS,IAAI,KAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAI,CAAC,KAAK,CAAC;oBAC1C,OAAO,IAAI,KAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAI,CAAC,KAAK,CAAC;oBAC1C,OAAO,IAAI,SAAS,IAAI,KAAI,CAAC,MAAM,CAAC,cAAc,CAAC,KAAI,CAAC,KAAK,CAAC;oBAC9D,UAAU,IAAI,CAAC,OAAO,IAAI,CAAC,SAAS,IAAI,KAAI,CAAC,MAAM,CAAC,UAAU,EAAE;iBACjE,CAAC,SACP,CAAC;YAEF,IAAM,SAAS,yBACV,IAAI,KACP,SAAS,EAAE,aAAa,EACxB,KAAK,aACH,SAAS,EAAE,KAAK,IACb,OAAO,GAEZ,OAAO,EAAE,KAAI,CAAC,WAAW,EACzB,MAAM,EAAE,KAAI,CAAC,UAAU,EACvB,QAAQ,EAAE,KAAI,CAAC,WAAW,CAAC,EAAE,YAAY,cAAA,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,UAAA,EAAE,CAAC,GACjF,CAAC;YAEF,IAAM,SAAS,GAAG;gBAChB,SAAS,EAAE,KAAI,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI;oBACnC,GAAC,KAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,IAAI;oBACpC,GAAC,KAAI,CAAC,oBAAoB,EAAE,IAAG,IAAI;wBACnC;gBACF,KAAK,EAAE;oBACL,KAAK,OAAA;iBACN;aACF,CAAC;YAEF,IAAM,eAAe,GAAG,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAEnF,IAAM,eAAe,GAAG,IAAI,CAAC;YAE7B,IAAI,WAAW,GAAG,IAAI,CAAC;YACvB,IAAI,CAAC,CAAC,SAAS,IAAI,MAAM,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;gBAC9C,WAAW,GAAG,CACZ,6BACE,SAAS,EAAE,KAAI,CAAC,EAAE,CAAC,KAAI,CAAC,MAAM,CAAC,cAAc,EAAE;wBAC7C,GAAC,KAAI,CAAC,MAAM,CAAC,cAAc,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,OAAO;wBACjD,GAAC,KAAI,CAAC,MAAM,CAAC,YAAY,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,KAAK;wBAC7C,GAAC,KAAI,CAAC,MAAM,CAAC,WAAW,EAAE,IAAG,MAAM;wBACnC,GAAC,KAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,MAAM,IAAI,OAAO;wBAC/D,GAAC,KAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,MAAM,IAAI,KAAK;4BAC3D,GACF,CACH,CAAC;YACJ,CAAC;YAED,IAAM,SAAS,GAAsC;gBACnD,GAAG,KAAA;gBACH,IAAI,EAAE,KAAI,CAAC,IAAI;gBACf,WAAW,EAAE,CAAC,CAAC,QAAQ;gBACvB,OAAO,EAAE,OAAO,IAAI,KAAK;aAC1B,CAAC;YACF,IAAM,YAAY,GAAG,IAAI,IAAI,oBAAC,UAAU,eAAK,SAAS,IAAE,QAAQ,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,IAAI,CAAC;YACvF,IAAM,aAAa,GAAG,SAAS,IAAI,CACjC,oBAAC,UAAU,eAAK,SAAS,IAAE,YAAY,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,SAAS,EAAE,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAE,SAAS,IAAI,CACrG,CAAC;YAEF,qEAAqE;YACrE,IAAI,MAAM,EAAE,CAAC;gBACX,SAAS,CAAC,SAAS,GAAG,KAAI,CAAC,EAAE;oBAC3B,GAAC,KAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,IAAI;oBACpC,GAAC,SAAS,IAAG,IAAI;oBACjB,GAAC,KAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,IAAI;oBACpC,GAAC,KAAI,CAAC,MAAM,CAAC,cAAc,EAAE,IAAG,CAAC,QAAQ;oBACzC,GAAC,KAAI,CAAC,MAAM,CAAC,4BAA4B,EAAE,IAAG,QAAQ;oBACtD,GAAC,KAAI,CAAC,MAAM,CAAC,SAAS,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,SAAS;oBAC9C,GAAC,KAAI,CAAC,MAAM,CAAC,YAAY,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,cAAc;wBACtD,CAAC;gBACH,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE;oBACvB,SAAS,EAAE,KAAI,CAAC,EAAE,CAAC,KAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC,EAAE,KAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;oBACxE,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE;iBACxC,CAAC,CAAC;gBAEH,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;YACxC,CAAC;YAED,IAAM,cAAc,GAAG,OAAO,IAAI,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC;YACtD,IAAM,WAAW,GAAG,cAAc,IAAI,oBAAC,iBAAiB,IAAC,IAAI,EAAE,KAAI,CAAC,IAAI,GAAI,CAAC;YAE7E,IAAI,WAAW,GAAG,CAChB,6BACE,SAAS,EAAE,KAAI,CAAC,EAAE,CAAC,KAAI,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,aAAa,CAAC,OAAO;oBAC7D,GAAC,KAAI,CAAC,MAAM,CAAC,WAAW,EAAE,IAAG,MAAM;oBACnC,GAAC,KAAI,CAAC,MAAM,CAAC,eAAe,EAAE,IAAG,CAAC,OAAO,IAAI,QAAQ;wBACrD;gBAED,WAAW;gBACX,YAAY;gBACb,8BACE,SAAS,EAAE,KAAI,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI;wBACnC,GAAC,KAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,IAAG,cAAc;4BAChD,IAED,QAAQ,CACJ;gBACN,aAAa,CACV,CACP,CAAC;YACF,IAAI,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;gBACvB,WAAW,GAAG,CACZ,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,iBAAiB,CAAC,KAAI,CAAC,KAAK,CAAC,IAEvD,oBAAC,IAAI,IACH,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,KAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAC/B,SAAS,EAAE,KAAI,CAAC,cAAc,CAAC,SAAS,CAAC,EACzC,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAE,aAAa,IAEvB,QAAQ,CACJ,CAEa,CACzB,CAAC;YACJ,CAAC;YAED,IAAM,IAAI,GAAsB,SAAS,CAAC;YAE1C,OAAO,CACL,yCAAU,SAAS,gBAAY,cAAc,CAAC,IAAI;gBAChD,oBAAC,IAAI,yBAAW,cAAc,CAAC,WAAW,EAAE,GAAG,EAAE,KAAI,CAAC,IAAI,IAAM,SAAS,EAAM,eAAe;oBAC3F,eAAe;oBACf,WAAW;oBACX,SAAS;oBACT,WAAW,CACP,CACF,CACR,CAAC;QACJ,CAAC,CAAC;QAuGM,iBAAW,GAAG,UAAC,CAAmB;;YACxC,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC;gBACrD,iDAAiD;gBACjD,6CAA6C;gBAC7C,MAAA,MAAA,KAAI,CAAC,YAAY,EAAC,qBAAqB,mDAAG;oBACxC,IAAI,KAAI,CAAC,WAAW,CAAC,YAAY,EAAE,CAAC;wBAClC,KAAI,CAAC,QAAQ,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC;oBACxC,CAAC;gBACH,CAAC,CAAC,CAAC;gBACH,MAAA,MAAA,KAAI,CAAC,KAAK,EAAC,OAAO,mDAAG,CAAC,CAAC,CAAC;YAC1B,CAAC;QACH,CAAC,CAAC;QAEM,gBAAU,GAAG,UAAC,CAAmB;;YACvC,KAAI,CAAC,QAAQ,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC;YACvC,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC;gBACrD,MAAA,MAAA,KAAI,CAAC,KAAK,EAAC,MAAM,mDAAG,CAAC,CAAC,CAAC;YACzB,CAAC;QACH,CAAC,CAAC;QAEM,UAAI,GAAG,UAAC,IAAwB;YACtC,KAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;;IACJ,CAAC;eAzbY,MAAM;IAkCV,kCAAiB,GAAxB;QACE,IAAI,CAAC,WAAW,GAAG,IAAI,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QACtD,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;YACzB,IAAI,CAAC,WAAW,CAAC,YAAY,GAAG,IAAI,CAAC;YACrC,IAAI,CAAC,KAAK,EAAE,CAAC;QACf,CAAC;QACD,OAAO,CACL,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,MAAM,EACzB,gGAAgG,CACjG,CAAC;QACF,OAAO,CACL,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,SAAS,EAC5B,oFAAoF,CACrF,CAAC;QACF,OAAO,CACL,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,UAAU,EAC7B,sFAAsF,CACvF,CAAC;QACF,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,uBAAuB,EAAE,CAAC;YACxC,OAAO,CACL,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,SAAS,EAC5B,qGAAqG,CACtG,CAAC;QACJ,CAAC;IACH,CAAC;IAEa,+BAAwB,GAAtC,UAAuC,KAAkB;QACvD,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YACpC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC;QACjC,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED;;OAEG;IACI,sBAAK,GAAZ;;QACE,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,EAAE,CAAC;IACrB,CAAC;IAED;;OAEG;IACI,qBAAI,GAAX;;QACE,MAAA,IAAI,CAAC,IAAI,0CAAE,IAAI,EAAE,CAAC;IACpB,CAAC;IAEM,uBAAM,GAAb;QAAA,iBAkBC;QAjBC,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACtC,IAAI,CAAC,YAAY,GAAG,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAElD,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,QACnB,UAAC,KAAK;YACL,KAAI,CAAC,KAAK,GAAG,KAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,KAAI,CAAC,KAAK,CAAC,KAAc,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;YAC9F,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAI,CAAC,KAAK;gBACtC,oBAAC,aAAa,aAAC,WAAW,EAAE,KAAI,CAAC,WAAW,IAAM,KAAI,CAAC,KAAK,GACzD,KAAI,CAAC,UAAU,CACF,CACM,CACzB,CAAC;QACJ,CAAC,CACqB,CACzB,CAAC;IACJ,CAAC;IAEO,4BAAW,GAAnB,UAAoB,EAI0C;YAH5D,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,gBAAY,EAAZ,QAAQ,mBAAG,CAAC,KAAA;QAEZ,IAAI,YAAY,IAAI,QAAQ,EAAE,CAAC;YAC7B,OAAO,CAAC,CAAC,CAAC;QACZ,CAAC;QAED,OAAO,QAAQ,CAAC;IAClB,CAAC;IA8MO,+BAAc,GAAtB,UAAuB,IAAoC;;QACzD,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,KAAI,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;YACtC,IAAM,SAAS,GAAG,IAAI,CAAC,KAAkB,CAAC;YAC1C,IAAM,KAAK,GAAG,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC7C,OAAO,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,MAAA,SAAS,CAAC,IAAI,mCAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAe,CAAC,CAAC;QAC7F,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,4BAAW,GAAnB,UAAoB,GAAc;QAChC,IAAI,KAAK,CAAC;QACV,IAAI,WAAW,CAAC;QACV,IAAA,KAA2B,IAAI,EAA7B,MAAM,YAAA,EAAE,YAAY,kBAAS,CAAC;QAEtC,QAAQ,GAAG,EAAE,CAAC;YACZ,KAAK,SAAS,CAAC;YACf,KAAK,QAAQ;gBACX,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAClC,WAAW,GAAG,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC9C,MAAM;YACR,KAAK,UAAU,CAAC;YAChB,KAAK,SAAS;gBACZ,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACnC,WAAW,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC/C,MAAM;YACR,KAAK,MAAM;gBACT,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAChC,WAAW,GAAG,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC5C,MAAM;YACR,KAAK,SAAS;gBACZ,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACnC,WAAW,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC/C,MAAM;YACR,KAAK,QAAQ;gBACX,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAClC,WAAW,GAAG,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC9C,MAAM;YACR,KAAK,KAAK;gBACR,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC/B,WAAW,GAAG,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC3C,MAAM;YACR,KAAK,MAAM;gBACT,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAChC,WAAW,GAAG,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC5C,MAAM;YACR;gBACE,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACnC,WAAW,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnD,CAAC;QAED,OAAO,EAAE,KAAK,OAAA,EAAE,WAAW,aAAA,EAAE,CAAC;IAChC,CAAC;IAEO,iCAAgB,GAAxB;;QACQ,IAAA,KAAgC,IAAI,CAAC,QAAQ,EAAE,EAA7C,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAoB,CAAC;QAEtD,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,OAAO,CAAC,CAAC,CAAC;gBACb,IAAM,aAAa;oBACjB,GAAC,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,CAAC,CAAC,IAAI;oBACnD,GAAC,IAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,CAAC,CAAC,SAAS;oBAC7D,GAAC,IAAI,CAAC,MAAM,CAAC,4BAA4B,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ;uBAC7F,CAAC;gBAEF,OAAO,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,CAAC;YACnE,CAAC;YACD,KAAK,QAAQ,CAAC,CAAC,CAAC;gBACd,IAAM,aAAa;oBACjB,GAAC,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,CAAC,CAAC,IAAI;oBACpD,GAAC,IAAI,CAAC,MAAM,CAAC,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,CAAC,CAAC,SAAS;oBAC9D,GAAC,IAAI,CAAC,MAAM,CAAC,6BAA6B,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ;uBAC9F,CAAC;gBAEF,OAAO,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,CAAC;YACpE,CAAC;YACD,KAAK,OAAO,CAAC;YACb,OAAO,CAAC,CAAC,CAAC;gBACR,IAAM,aAAa;oBACjB,GAAC,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,CAAC,CAAC,IAAI;oBACnD,GAAC,IAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,CAAC,CAAC,SAAS;oBAC7D,GAAC,IAAI,CAAC,MAAM,CAAC,4BAA4B,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ;uBAC7F,CAAC;gBAEF,OAAO,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,CAAC;YACnE,CAAC;QACH,CAAC;IACH,CAAC;IAEO,qCAAoB,GAA5B;QACE,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,OAAO;gBACV,OAAO,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC3C,KAAK,QAAQ;gBACX,OAAO,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC5C,KAAK,OAAO,CAAC;YACb;gBACE,OAAO,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC;;IA5Za,0BAAmB,GAAG,QAAQ,AAAX,CAAY;IAC/B,kBAAW,GAAG,QAAQ,AAAX,CAAY;IACvB,iBAAU,GAAG,IAAI,AAAP,CAAQ;IAElB,mBAAY,GAAiB;QACzC,0EAA0E;QAC1E,wEAAwE;QACxE,2DAA2D;QAC3D,IAAI,EAAE,QAAQ;QACd,SAAS,EAAE,wBAAwB;KACpC,AANyB,CAMxB;IAdS,MAAM;QAHlB,qBAAqB;QACrB,QAAQ;QACR,QAAQ;OACI,MAAM,CAyblB;IAAD,aAAC;CAAA,AAzbD,CAAiG,KAAK,CAAC,SAAS,GAyb/G;SAzbY,MAAM","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.css.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 <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.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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -0,0 +1,26 @@
+import { tokenDefault } from '../../lib/theming/themeVars.js';
+import { globalClasses } from './Button.classes.js';
+var getBtnPadding = function (paddingY, paddingX) {
+    return "".concat(paddingY, " ").concat(paddingX, " ").concat(paddingY);
+};
+// Токены при сборке — строки `var(...)`, поэтому условие «есть ли градиент» решает браузер: при `none`
+// градиент невалиден, `background-image` сбрасывается в `none` и виден `background-color`.
+var backgroundMixin = function (background, start, end) { return "\n    background-color: ".concat(background, ";\n    background-image: linear-gradient(").concat(start, ", ").concat(end, ");\n"); };
+var isBorderAboveBackground = function (borderColor, background) {
+    return tokenDefault(borderColor) !== '' && tokenDefault(borderColor) !== tokenDefault(background);
+};
+export var buttonUseMixin = function (btnBackground, btnBackgroundStart, btnBackgroundEnd, color, borderColor, borderWidth) {
+    return "\n    ".concat(backgroundMixin(btnBackground, btnBackgroundStart, btnBackgroundEnd), "\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 isBorderAboveBg = isBorderAboveBackground(borderColor, btnBackground);
+    return "\n    ".concat(backgroundMixin(btnBackground, btnBackgroundStart, btnBackgroundEnd), "\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 = isBorderAboveBackground(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 ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Button.mixins.js","sourceRoot":"","sources":["Button.mixins.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,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,uGAAuG;AACvG,2FAA2F;AAC3F,IAAM,eAAe,GAAG,UAAC,UAAkB,EAAE,KAAa,EAAE,GAAW,IAAa,OAAA,kCAC5D,UAAU,sDACM,KAAK,eAAK,GAAG,SACpD,EAHmF,CAGnF,CAAC;AAEF,IAAM,uBAAuB,GAAG,UAAC,WAAmB,EAAE,UAAkB;IACtE,OAAA,YAAY,CAAC,WAAW,CAAC,KAAK,EAAE,IAAI,YAAY,CAAC,WAAW,CAAC,KAAK,YAAY,CAAC,UAAU,CAAC;AAA1F,CAA0F,CAAC;AAE7F,MAAM,CAAC,IAAM,cAAc,GAAG,UAC5B,aAAqB,EACrB,kBAA0B,EAC1B,gBAAwB,EACxB,KAAa,EACb,WAAmB,EACnB,WAAmB;IAEnB,OAAO,gBACH,eAAe,CAAC,aAAa,EAAE,kBAAkB,EAAE,gBAAgB,CAAC,0BAC7D,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,eAAe,GAAG,uBAAuB,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;IAC5E,OAAO,gBACH,eAAe,CAAC,aAAa,EAAE,kBAAkB,EAAE,gBAAgB,CAAC,qCAClD,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,uBAAuB,CAAC,WAAW,EAAE,aAAa,CAAC,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 { tokenDefault } from '../../lib/theming/themeVars.js';\nimport { globalClasses } from './Button.classes.js';\n\nconst getBtnPadding = (paddingY: string, paddingX: string): string => {\n return `${paddingY} ${paddingX} ${paddingY}`;\n};\n\n// Токены при сборке — строки `var(...)`, поэтому условие «есть ли градиент» решает браузер: при `none`\n// градиент невалиден, `background-image` сбрасывается в `none` и виден `background-color`.\nconst backgroundMixin = (background: string, start: string, end: string): string => `\n background-color: ${background};\n background-image: linear-gradient(${start}, ${end});\n`;\n\nconst isBorderAboveBackground = (borderColor: string, background: string): boolean =>\n tokenDefault(borderColor) !== '' && tokenDefault(borderColor) !== tokenDefault(background);\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 return `\n ${backgroundMixin(btnBackground, btnBackgroundStart, btnBackgroundEnd)}\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 isBorderAboveBg = isBorderAboveBackground(borderColor, btnBackground);\n return `\n ${backgroundMixin(btnBackground, btnBackgroundStart, btnBackgroundEnd)}\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 = isBorderAboveBackground(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"]}

package/components/Button/ButtonArrow.d.ts CHANGED Viewed

@@ -1,9 +1,10 @@
+import type { Emotion } from '@emotion/css/create-instance';
 import React from 'react';
-import type { ClassNames } from '../../lib/theming/Emotion.js';
+import type { Theme } from '../../lib/theming/Theme.js';
+import { getStyles } from './Button.css.js';
 import type { ButtonInnerProps } from './Button.js';
-import { getStyles } from './Button.styles.js';
 type ButtonArrowProps = Pick<ButtonInnerProps, 'size' | 'arrow' | 'checked' | 'disabled' | 'error' | 'use' | 'warning'> & {
     isFocused: boolean;
 };
-export declare function useButtonArrow(props: ButtonArrowProps, styles: ReturnType<typeof getStyles>, cx: ClassNames): [string, React.ReactNode];
+export declare function useButtonArrow(props: ButtonArrowProps, theme: Theme, styles: ReturnType<typeof getStyles>, cx: Emotion['cx']): [string, React.ReactNode];
 export {};