npm - @skbkontur/react-ui - Versions diffs - 4.14.2 → 4.15.0 - Mend

@skbkontur/react-ui 4.14.2 → 4.15.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 (343) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -3,22 +3,34 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-## [4.14.2](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@4.14.1...@skbkontur/react-ui@4.14.2) (2023-06-09)
+# [4.15.0](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@4.14.2...@skbkontur/react-ui@4.15.0) (2023-06-13)
 ### Bug Fixes
-* **Button, Input, Kebab:** resize icons according to control's size ([#3183](https://github.com/skbkontur/retail-ui/issues/3183)) ([7dd6e9f](https://github.com/skbkontur/retail-ui/commit/7dd6e9fb0e5899f8fd092888082fd88c2e0e781f))
+* **Button:** correct link outline position (#IF-867) ([#3132](https://github.com/skbkontur/retail-ui/issues/3132)) ([49c7842](https://github.com/skbkontur/retail-ui/commit/49c7842d5e5a6e04788d0da084346461d424a2e2)), closes [#IF-867](https://github.com/skbkontur/retail-ui/issues/IF-867)
+* **ComboBox:** use flushSync due to auto-batching in React18 ([#3144](https://github.com/skbkontur/retail-ui/issues/3144)) ([16bac3c](https://github.com/skbkontur/retail-ui/commit/16bac3c6f41c15409c23f2e3adbade630fa247ea))
+* **Link:** change color and hover color ([#3182](https://github.com/skbkontur/retail-ui/issues/3182)) ([6ed5bd4](https://github.com/skbkontur/retail-ui/commit/6ed5bd4bfe0a358b86739a72e67d09353c1a4511))
+* **Modal:** configure z-index to correctly work with other components ([#3104](https://github.com/skbkontur/retail-ui/issues/3104)) ([0532871](https://github.com/skbkontur/retail-ui/commit/05328718368c146100665f6b3aa5a03a2810b9c3))
+* **ScrollContainer:** scroll disappears after toggling disabled ([#3152](https://github.com/skbkontur/retail-ui/issues/3152)) ([f1c3444](https://github.com/skbkontur/retail-ui/commit/f1c34444d595b14dcd2d397e6a25c45d2c2bc62c))
+* **Spinner:** avoid circle clipping ([#3153](https://github.com/skbkontur/retail-ui/issues/3153)) ([80c2b59](https://github.com/skbkontur/retail-ui/commit/80c2b593da303f8e56feabc5d6d922c72a9175d7))
 ### Features
-* **Calendar:** add new public component Calendar ([#2888](https://github.com/skbkontur/retail-ui/issues/2888)) ([d846750](https://github.com/skbkontur/retail-ui/commit/d846750cf4fd2553573a1598e71a775479a028fb))
+* **Button, Modal, SidePage, Switcher:** pass props for a11y ([#3163](https://github.com/skbkontur/retail-ui/issues/3163)) ([694e8d9](https://github.com/skbkontur/retail-ui/commit/694e8d97fb07842cc925cfdacc35b167fb1ff9b3))
+* **Calendar:** add new public component Calendar ([#2888](https://github.com/skbkontur/retail-ui/issues/2888)) ([d6871c5](https://github.com/skbkontur/retail-ui/commit/d6871c5ee3ed9b3b553f7a1e89da6d37ccd3d211))
-### Reverts
-* Revert "feat(Calendar): add new public component Calendar (#2888)" ([5f97d41](https://github.com/skbkontur/retail-ui/commit/5f97d418ad65330e7fd072e7cd53b21e533161da)), closes [#2888](https://github.com/skbkontur/retail-ui/issues/2888)
+## [4.14.2](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@4.14.1...@skbkontur/react-ui@4.14.2) (2023-06-09)
+### Bug Fixes
+* **Button, Input, Kebab:** resize icons according to control's size ([#3183](https://github.com/skbkontur/retail-ui/issues/3183)) ([7dd6e9f](https://github.com/skbkontur/retail-ui/commit/7dd6e9fb0e5899f8fd092888082fd88c2e0e781f))

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

@@ -1,10 +1,10 @@
-import React, { AriaAttributes } from 'react';
+import React, { AriaAttributes, HTMLAttributes } from 'react';
 import { ThemeIn } from '../../lib/theming/Theme';
 import { CommonProps } from '../../internal/CommonWrapper';
 export declare type ButtonSize = 'small' | 'medium' | 'large';
 export declare type ButtonType = 'button' | 'submit' | 'reset';
 export declare type ButtonUse = 'default' | 'primary' | 'success' | 'danger' | 'pay' | 'link' | 'text' | 'backless';
-export interface ButtonProps extends CommonProps {
+export interface ButtonProps extends CommonProps, Pick<AriaAttributes, 'aria-haspopup' | 'aria-describedby' | 'aria-controls' | 'aria-label' | 'aria-checked'>, Pick<HTMLAttributes<unknown>, 'role'> {
     /** @ignore */
     _noPadding?: boolean;
     /** @ignore */
@@ -121,10 +121,6 @@ export interface ButtonProps extends CommonProps {
      * Он будет объединён с темой из контекста.
      */
     theme?: ThemeIn;
-    /**
-     * Атрибут для указания id элемента(-ов), описывающих его
-     */
-    'aria-describedby'?: AriaAttributes['aria-describedby'];
 }
 export interface ButtonState {
     focusedByTab: boolean;

package/cjs/components/Button/Button.js CHANGED Viewed

@@ -177,8 +177,6 @@ var _getInnerLinkTheme = require("./getInnerLinkTheme");var _class, _class2, _te
@@ -495,6 +493,17 @@ Button = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/functi
@@ -533,9 +542,9 @@ Button = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/functi
    * @public
    */;_proto.focus = function focus() {var _this$node;(_this$node = this.node) == null ? void 0 : _this$node.focus();} /**
    * @public
-   */;_proto.blur = function blur() {var _this$node2;(_this$node2 = this.node) == null ? void 0 : _this$node2.blur();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = _this2.props.theme ? _ThemeFactory.ThemeFactory.create(_this2.props.theme, theme) : theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _cx2, _cx5, _cx6;var _this$props = this.props,corners = _this$props.corners,active = _this$props.active,disabled = _this$props.disabled,borderless = _this$props.borderless,checked = _this$props.checked,error = _this$props.error,warning = _this$props.warning,loading = _this$props.loading,narrow = _this$props.narrow,icon = _this$props.icon,_noPadding = _this$props._noPadding,_noRightPadding = _this$props._noRightPadding,visuallyFocused = _this$props.visuallyFocused,align = _this$props.align,disableFocus = _this$props.disableFocus,onMouseEnter = _this$props.onMouseEnter,onMouseLeave = _this$props.onMouseLeave,onMouseOver = _this$props.onMouseOver,onKeyDown = _this$props.onKeyDown,onClick = _this$props.onClick,width = _this$props.width,children = _this$props.children,ariaDescribedby = _this$props['aria-describedby'];var _this$getProps = this.getProps(),use = _this$getProps.use,type = _this$getProps.type,size = _this$getProps.size;var sizeClass = this.getSizeClassName();var isFocused = this.state.focusedByTab || visuallyFocused;var isLink = use === 'link';var _isTheme2022 = (0, _ThemeHelpers.isTheme2022)(this.theme); // eslint-disable-next-line react-hooks/rules-of-hooks
+   */;_proto.blur = function blur() {var _this$node2;(_this$node2 = this.node) == null ? void 0 : _this$node2.blur();};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = _this2.props.theme ? _ThemeFactory.ThemeFactory.create(_this2.props.theme, theme) : theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _cx2, _cx5, _cx6;var _this$props = this.props,corners = _this$props.corners,active = _this$props.active,disabled = _this$props.disabled,borderless = _this$props.borderless,checked = _this$props.checked,error = _this$props.error,warning = _this$props.warning,loading = _this$props.loading,narrow = _this$props.narrow,icon = _this$props.icon,_noPadding = _this$props._noPadding,_noRightPadding = _this$props._noRightPadding,visuallyFocused = _this$props.visuallyFocused,align = _this$props.align,disableFocus = _this$props.disableFocus,onMouseEnter = _this$props.onMouseEnter,onMouseLeave = _this$props.onMouseLeave,onMouseOver = _this$props.onMouseOver,onKeyDown = _this$props.onKeyDown,onClick = _this$props.onClick,width = _this$props.width,children = _this$props.children,ariaDescribedby = _this$props['aria-describedby'],ariaHasPopup = _this$props['aria-haspopup'],ariaControls = _this$props['aria-controls'],ariaLabel = _this$props['aria-label'],ariaChecked = _this$props['aria-checked'],role = _this$props.role;var _this$getProps = this.getProps(),use = _this$getProps.use,type = _this$getProps.type,size = _this$getProps.size;var sizeClass = this.getSizeClassName();var isFocused = this.state.focusedByTab || visuallyFocused;var isLink = use === 'link';var _isTheme2022 = (0, _ThemeHelpers.isTheme2022)(this.theme); // eslint-disable-next-line react-hooks/rules-of-hooks
     var _useButtonArrow = (0, _ButtonArrow.useButtonArrow)((0, _extends2.default)({}, this.props, { isFocused: Boolean(isFocused) }), this.theme),wrapClassNameWithArrow = _useButtonArrow[0],rootClassNameWithArrow = _useButtonArrow[1],arrowNode = _useButtonArrow[2];var rootClassName = '';if (_isTheme2022) {var trueDisabled = disabled || loading;rootClassName = _Emotion.cx.apply(void 0, [_Button.styles.root(this.theme), _Button.styles[use](this.theme), sizeClass, narrow && _Button.styles.narrow(), _noPadding && _Button.styles.noPadding(), _noRightPadding && _Button.styles.noRightPadding(), rootClassNameWithArrow].concat(trueDisabled ? [_Button.styles.disabled(this.theme), checked && _Button.styles.checkedDisabled(this.theme), checked && _Button.styles.checkedDisabled2022(this.theme), borderless && _Button.styles.borderless2022()] : [active && !checked && _Button.activeStyles[use](this.theme), isFocused && _Button.styles.focus(this.theme), checked && _Button.styles.checked2022(this.theme), checked && isFocused && _Button.styles.checkedFocused(this.theme), borderless && !checked && !isFocused && _Button.styles.borderless2022()]));} else {var _cx;rootClassName = (0, _Emotion.cx)((_cx = {}, _cx[_Button.styles.root(this.theme)] = true, _cx[_Button.styles.simulatedPress()] = true, _cx[_Button.styles[use](this.theme)] = true, _cx[_Button.activeStyles[use](this.theme)] = active, _cx[sizeClass] = true, _cx[_Button.styles.focus(this.theme)] = isFocused, _cx[_Button.styles.checked(this.theme)] = checked, _cx[_Button.styles.checkedFocused(this.theme)] = checked && isFocused, _cx[_Button.styles.disabled(this.theme)] = disabled || loading, _cx[_Button.styles.checkedDisabled(this.theme)] = checked && disabled, _cx[_Button.styles.borderless()] = borderless && !disabled && !loading && !checked && !isFocused && !active, _cx[_Button.styles.narrow()] = narrow, _cx[_Button.styles.noPadding()] = _noPadding, _cx[_Button.styles.noRightPadding()] = _noRightPadding, _cx));}var rootProps = { // By default the type attribute is 'submit'. IE8 will fire a click event
       // on this button if somewhere on the page user presses Enter while some
       // input is focused. So we set type to 'button' by default.
-      type: type, className: rootClassName, style: (0, _extends2.default)({ textAlign: align }, corners), disabled: disabled || loading, onClick: onClick, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: onKeyDown, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onMouseOver: onMouseOver, tabIndex: disableFocus ? -1 : 0, title: this.props.title };var wrapProps = { className: (0, _Emotion.cx)((_cx2 = {}, _cx2[_Button.styles.wrap(this.theme)] = true, _cx2[wrapClassNameWithArrow] = true, _cx2[this.getSizeWrapClassName()] = true, _cx2)), style: { width: width } };var innerShadowNode = _isTheme2022 ? null : /*#__PURE__*/_react.default.createElement("div", { className: _Button.globalClasses.innerShadow });var outlineNode = null;var isDisabled2022 = _isTheme2022 && (disabled || loading);if ((!isFocused || isLink) && !isDisabled2022) {var _cx3;outlineNode = /*#__PURE__*/_react.default.createElement("div", { style: { zIndex: _isTheme2022 && isLink ? -1 : undefined }, className: (0, _Emotion.cx)(_Button.styles.outline(), (_cx3 = {}, _cx3[_Button.styles.outlineWarning(this.theme)] = warning, _cx3[_Button.styles.outlineError(this.theme)] = error, _cx3[_Button.styles.outlineLink()] = isLink, _cx3[_Button.styles.outlineLinkWarning(this.theme)] = isLink && warning, _cx3[_Button.styles.outlineLinkError(this.theme)] = isLink && error, _cx3)) });}var iconNode = icon && /*#__PURE__*/_react.default.createElement(_ButtonIcon.ButtonIcon, { icon: icon, size: size, hasChildren: Boolean(children), disabled: disabled || false, loading: loading || false, use: use });var loadingNode = null;if (loading && !icon) {var loadingIcon = _isTheme2022 ? /*#__PURE__*/_react.default.createElement(_LoadingIcon.LoadingIcon, { size: size }) : /*#__PURE__*/_react.default.createElement(_Spinner.Spinner, { caption: null, dimmed: true, type: "mini" });loadingNode = /*#__PURE__*/_react.default.createElement("div", { className: _Button.styles.loading() }, loadingIcon);} // Force disable all props and features, that cannot be use with Link
-    if (isLink) {var _cx4;rootProps.className = (0, _Emotion.cx)((_cx4 = {}, _cx4[_Button.styles.root(this.theme)] = true, _cx4[sizeClass] = true, _cx4[_Button.styles.link(this.theme)] = true, _cx4[_Button.styles.linkLineHeight()] = !_client.isSafari || _client.isSafari && !_isTheme2022, _cx4[_Button.styles.linkLineHeightSafariFallback()] = _client.isSafari && _isTheme2022, _cx4[_Button.styles.linkFocus(this.theme)] = isFocused, _cx4[_Button.styles.linkDisabled(this.theme)] = disabled || loading, _cx4));Object.assign(wrapProps, { className: (0, _Emotion.cx)(_Button.styles.wrap(this.theme), _Button.styles.wrapLink()), style: { width: wrapProps.style.width } });rootProps.style.textAlign = undefined;}var captionNode = /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(_Button.styles.caption(), _Button.globalClasses.caption, (_cx5 = {}, _cx5[_Button.styles.captionTranslated()] = (active || checked) && !loading && !_isTheme2022, _cx5[_Button.styles.captionLink()] = isLink, _cx5[_Button.styles.captionDisabled()] = !checked && disabled, _cx5)) }, loadingNode, iconNode, /*#__PURE__*/_react.default.createElement("span", { className: (0, _Emotion.cx)(_Button.globalClasses.text, (_cx6 = {}, _cx6[_Button.styles.visibilityHidden()] = !!loadingNode, _cx6)) }, children));if (_isTheme2022 && isLink && !loading) {captionNode = /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: (0, _getInnerLinkTheme.getInnerLinkTheme)(this.theme) }, /*#__PURE__*/_react.default.createElement(_Link.Link, { focused: isFocused, disabled: disabled, icon: this.renderIcon2022(icon), as: "span", tabIndex: -1 }, children));}return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("span", wrapProps, /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({ "data-tid": ButtonDataTids.root, ref: this._ref }, rootProps, { "aria-describedby": ariaDescribedby }), innerShadowNode, outlineNode, arrowNode, captionNode)));};_proto.renderIcon2022 = function renderIcon2022(icon) {if (icon && (0, _utils.isKonturIcon)(icon)) {var _icon$props$size;var sizes = (0, _ButtonIcon.getButtonIconSizes)(this.theme);return /*#__PURE__*/_react.default.cloneElement(icon, { size: (_icon$props$size = icon.props.size) != null ? _icon$props$size : sizes[this.getProps().size] });}return icon;};_proto.getSizeClassName = function getSizeClassName() {var _cx7, _cx8, _cx9;var _isTheme2022 = (0, _ThemeHelpers.isTheme2022)(this.theme);switch (this.getProps().size) {case 'large':return (0, _Emotion.cx)(_Button.styles.sizeLarge(this.theme), (_cx7 = {}, _cx7[_Button.styles.sizeLargeIE11(this.theme)] = _client.isIE11 || _client.isEdge, _cx7[_Button.styles.sizeLargeWithIcon(this.theme)] = !!this.props.icon, _cx7[_Button.styles.sizeLargeWithIconWithoutText(this.theme)] = _isTheme2022 && !!this.props.icon && !this.props.children, _cx7));case 'medium':return (0, _Emotion.cx)(_Button.styles.sizeMedium(this.theme), (_cx8 = {}, _cx8[_Button.styles.sizeMediumIE11(this.theme)] = _client.isIE11 || _client.isEdge, _cx8[_Button.styles.sizeMediumWithIcon(this.theme)] = !!this.props.icon, _cx8[_Button.styles.sizeMediumWithIconWithoutText(this.theme)] = _isTheme2022 && !!this.props.icon && !this.props.children, _cx8));case 'small':default:return (0, _Emotion.cx)(_Button.styles.sizeSmall(this.theme), (_cx9 = {}, _cx9[_Button.styles.sizeSmallIE11(this.theme)] = _client.isIE11 || _client.isEdge, _cx9[_Button.styles.sizeSmallWithIcon(this.theme)] = !!this.props.icon, _cx9[_Button.styles.sizeSmallWithIconWithoutText(this.theme)] = _isTheme2022 && !!this.props.icon && !this.props.children, _cx9));}};_proto.getSizeWrapClassName = function getSizeWrapClassName() {switch (this.getProps().size) {case 'large':return _Button.styles.wrapLarge(this.theme);case 'medium':return _Button.styles.wrapMedium(this.theme);case 'small':default:return _Button.styles.wrapSmall(this.theme);}};return Button;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Button', _class2.__BUTTON__ = true, _class2.defaultProps = { use: 'default', size: 'small', type: 'button' }, _temp)) || _class;exports.Button = Button;var isButton = (0, _utils.isReactUIComponent)('Button');exports.isButton = isButton;
+      type: type, role: role, 'aria-describedby': ariaDescribedby, 'aria-haspopup': ariaHasPopup, 'aria-controls': ariaControls, 'aria-label': ariaLabel, 'aria-checked': ariaChecked, className: rootClassName, style: (0, _extends2.default)({ textAlign: align }, corners), disabled: disabled || loading, onClick: onClick, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: onKeyDown, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onMouseOver: onMouseOver, tabIndex: disableFocus ? -1 : 0, title: this.props.title };var wrapProps = { className: (0, _Emotion.cx)((_cx2 = {}, _cx2[_Button.styles.wrap(this.theme)] = true, _cx2[wrapClassNameWithArrow] = true, _cx2[this.getSizeWrapClassName()] = true, _cx2)), style: { width: width } };var innerShadowNode = _isTheme2022 ? null : /*#__PURE__*/_react.default.createElement("div", { className: _Button.globalClasses.innerShadow });var outlineNode = null;var isDisabled2022 = _isTheme2022 && (disabled || loading);if ((!isFocused || isLink) && !isDisabled2022) {var _cx3;outlineNode = /*#__PURE__*/_react.default.createElement("div", { style: { zIndex: _isTheme2022 && isLink ? -1 : undefined }, className: (0, _Emotion.cx)(_Button.styles.outline(), (_cx3 = {}, _cx3[_Button.styles.outlineWarning(this.theme)] = warning, _cx3[_Button.styles.outlineError(this.theme)] = error, _cx3[_Button.styles.outlineLink()] = isLink, _cx3[_Button.styles.outlineLinkWarning(this.theme)] = isLink && warning, _cx3[_Button.styles.outlineLinkError(this.theme)] = isLink && error, _cx3)) });}var iconNode = icon && /*#__PURE__*/_react.default.createElement(_ButtonIcon.ButtonIcon, { icon: icon, size: size, hasChildren: Boolean(children), disabled: disabled || false, loading: loading || false, use: use });var loadingNode = null;if (loading && !icon) {var loadingIcon = _isTheme2022 ? /*#__PURE__*/_react.default.createElement(_LoadingIcon.LoadingIcon, { size: size }) : /*#__PURE__*/_react.default.createElement(_Spinner.Spinner, { caption: null, dimmed: true, type: "mini" });loadingNode = /*#__PURE__*/_react.default.createElement("div", { className: _Button.styles.loading() }, loadingIcon);} // Force disable all props and features, that cannot be use with Link
+    if (isLink) {var _cx4;rootProps.className = (0, _Emotion.cx)((_cx4 = {}, _cx4[_Button.styles.root(this.theme)] = true, _cx4[sizeClass] = true, _cx4[_Button.styles.link(this.theme)] = true, _cx4[_Button.styles.linkLineHeight()] = !_client.isSafari || _client.isSafari && !_isTheme2022, _cx4[_Button.styles.linkLineHeightSafariFallback()] = _client.isSafari && _isTheme2022, _cx4[_Button.styles.linkFocus(this.theme)] = isFocused, _cx4[_Button.styles.linkDisabled(this.theme)] = disabled || loading, _cx4));Object.assign(wrapProps, { className: (0, _Emotion.cx)(_Button.styles.wrap(this.theme), _Button.styles.wrapLink()), style: { width: wrapProps.style.width } });rootProps.style.textAlign = undefined;}var captionNode = /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(_Button.styles.caption(), _Button.globalClasses.caption, (_cx5 = {}, _cx5[_Button.styles.captionTranslated()] = (active || checked) && !loading && !_isTheme2022, _cx5[_Button.styles.captionLink()] = isLink, _cx5[_Button.styles.captionDisabled()] = !checked && disabled, _cx5)) }, loadingNode, iconNode, /*#__PURE__*/_react.default.createElement("span", { className: (0, _Emotion.cx)(_Button.globalClasses.text, (_cx6 = {}, _cx6[_Button.styles.visibilityHidden()] = !!loadingNode, _cx6)) }, children));if (_isTheme2022 && isLink && !loading) {captionNode = /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: (0, _getInnerLinkTheme.getInnerLinkTheme)(this.theme) }, /*#__PURE__*/_react.default.createElement(_Link.Link, { focused: isFocused, disabled: disabled, icon: this.renderIcon2022(icon), as: "span", tabIndex: -1 }, children));}return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("span", wrapProps, /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({ "data-tid": ButtonDataTids.root, ref: this._ref }, rootProps), innerShadowNode, outlineNode, arrowNode, captionNode)));};_proto.renderIcon2022 = function renderIcon2022(icon) {if (icon && (0, _utils.isKonturIcon)(icon)) {var _icon$props$size;var sizes = (0, _ButtonIcon.getButtonIconSizes)(this.theme);return /*#__PURE__*/_react.default.cloneElement(icon, { size: (_icon$props$size = icon.props.size) != null ? _icon$props$size : sizes[this.getProps().size] });}return icon;};_proto.getSizeClassName = function getSizeClassName() {var _cx7, _cx8, _cx9;var _isTheme2022 = (0, _ThemeHelpers.isTheme2022)(this.theme);switch (this.getProps().size) {case 'large':return (0, _Emotion.cx)(_Button.styles.sizeLarge(this.theme), (_cx7 = {}, _cx7[_Button.styles.sizeLargeIE11(this.theme)] = _client.isIE11 || _client.isEdge, _cx7[_Button.styles.sizeLargeWithIcon(this.theme)] = !!this.props.icon, _cx7[_Button.styles.sizeLargeWithIconWithoutText(this.theme)] = _isTheme2022 && !!this.props.icon && !this.props.children, _cx7));case 'medium':return (0, _Emotion.cx)(_Button.styles.sizeMedium(this.theme), (_cx8 = {}, _cx8[_Button.styles.sizeMediumIE11(this.theme)] = _client.isIE11 || _client.isEdge, _cx8[_Button.styles.sizeMediumWithIcon(this.theme)] = !!this.props.icon, _cx8[_Button.styles.sizeMediumWithIconWithoutText(this.theme)] = _isTheme2022 && !!this.props.icon && !this.props.children, _cx8));case 'small':default:return (0, _Emotion.cx)(_Button.styles.sizeSmall(this.theme), (_cx9 = {}, _cx9[_Button.styles.sizeSmallIE11(this.theme)] = _client.isIE11 || _client.isEdge, _cx9[_Button.styles.sizeSmallWithIcon(this.theme)] = !!this.props.icon, _cx9[_Button.styles.sizeSmallWithIconWithoutText(this.theme)] = _isTheme2022 && !!this.props.icon && !this.props.children, _cx9));}};_proto.getSizeWrapClassName = function getSizeWrapClassName() {switch (this.getProps().size) {case 'large':return _Button.styles.wrapLarge(this.theme);case 'medium':return _Button.styles.wrapMedium(this.theme);case 'small':default:return _Button.styles.wrapSmall(this.theme);}};return Button;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Button', _class2.__BUTTON__ = true, _class2.defaultProps = { use: 'default', size: 'small', type: 'button' }, _temp)) || _class;exports.Button = Button;var isButton = (0, _utils.isReactUIComponent)('Button');exports.isButton = isButton;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["Button.tsx"],"names":["ButtonDataTids","root","Button","rootNode","getProps","defaultProps","state","focusedByTab","node","handleFocus","e","props","disabled","disableFocus","requestAnimationFrame","keyListener","isTabPressed","setState","onFocus","handleBlur","onBlur","_ref","componentDidMount","autoFocus","focus","getDerivedStateFromProps","loading","blur","render","theme","ThemeFactory","create","renderMain","corners","active","borderless","checked","error","warning","narrow","icon","_noPadding","_noRightPadding","visuallyFocused","align","onMouseEnter","onMouseLeave","onMouseOver","onKeyDown","onClick","width","children","ariaDescribedby","use","type","size","sizeClass","getSizeClassName","isFocused","isLink","_isTheme2022","Boolean","wrapClassNameWithArrow","rootClassNameWithArrow","arrowNode","rootClassName","trueDisabled","cx","styles","noPadding","noRightPadding","checkedDisabled","checkedDisabled2022","borderless2022","activeStyles","checked2022","checkedFocused","simulatedPress","rootProps","className","style","textAlign","tabIndex","title","wrapProps","wrap","getSizeWrapClassName","innerShadowNode","globalClasses","innerShadow","outlineNode","isDisabled2022","zIndex","undefined","outline","outlineWarning","outlineError","outlineLink","outlineLinkWarning","outlineLinkError","iconNode","loadingNode","loadingIcon","link","linkLineHeight","isSafari","linkLineHeightSafariFallback","linkFocus","linkDisabled","Object","assign","wrapLink","captionNode","caption","captionTranslated","captionLink","captionDisabled","text","visibilityHidden","renderIcon2022","setRootNode","sizes","React","cloneElement","sizeLarge","sizeLargeIE11","isIE11","isEdge","sizeLargeWithIcon","sizeLargeWithIconWithoutText","sizeMedium","sizeMediumIE11","sizeMediumWithIcon","sizeMediumWithIconWithoutText","sizeSmall","sizeSmallIE11","sizeSmallWithIcon","sizeSmallWithIconWithoutText","wrapLarge","wrapMedium","wrapSmall","Component","__KONTUR_REACT_UI__","__BUTTON__","isButton"],"mappings":"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","sourcesContent":["import React, { AriaAttributes } from 'react';\n\nimport { isKonturIcon, isReactUIComponent } from '../../lib/utils';\nimport { isIE11, isEdge, isSafari } from '../../lib/client';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { Link } from '../Link';\nimport { Spinner } from '../Spinner';\nimport { LoadingIcon } from '../../internal/icons2022/LoadingIcon';\n\nimport { styles, activeStyles, globalClasses } from './Button.styles';\nimport { ButtonIcon, getButtonIconSizes } from './ButtonIcon';\nimport { useButtonArrow } from './ButtonArrow';\nimport { getInnerLinkTheme } from './getInnerLinkTheme';\n\nexport type ButtonSize = 'small' \| 'medium' \| 'large';\nexport type ButtonType = 'button' \| 'submit' \| 'reset';\nexport type ButtonUse = 'default' \| 'primary' \| 'success' \| 'danger' \| 'pay' \| 'link' \| 'text' \| 'backless';\n\nexport interface ButtonProps extends CommonProps {\n /** @ignore /\n _noPadding?: boolean;\n\n /* @ignore /\n _noRightPadding?: boolean;\n\n /\n Применяет к кнопке стили псевдокласса `:active`.\n /\n active?: boolean;\n\n /\n CSS-свойство `text-align`.\n /\n align?: React.CSSProperties['textAlign'];\n\n /\n Превращает обычную кнопку в кнопку со стрелкой.\n /\n arrow?: boolean \| 'left';\n\n /\n Даёт кнопке фокус после окончания загрузки страницы.\n /\n autoFocus?: boolean;\n\n /\n Убирает обводку у кнопки.\n /\n borderless?: boolean;\n\n /\n @ignore\n /\n checked?: boolean;\n\n children?: React.ReactNode;\n\n /* @ignore /\n corners?: React.CSSProperties;\n\n /\n Отключенное состояние кнопки.\n /\n disabled?: boolean;\n\n /* @ignore /\n disableFocus?: boolean;\n\n /\n Состояние валидации при ошибке.\n /\n error?: boolean;\n\n /\n Иконка слева от текста кнопки.\n /\n icon?: React.ReactElement<any>;\n\n /\n Переводит кнопку в состояние загрузки.\n /\n loading?: boolean;\n\n /\n Сужает кнопку.\n /\n narrow?: boolean;\n\n /\n HTML-событие `onblur`.\n /\n onBlur?: React.FocusEventHandler<HTMLButtonElement>;\n\n /\n HTML-событие `onclick`.\n /\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n\n /\n HTML-событие `onfocus`.\n /\n onFocus?: React.FocusEventHandler<HTMLButtonElement>;\n\n /\n HTML-событие `keydown`.\n /\n onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;\n\n /\n HTML-событие `onmouseenter`.\n /\n onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;\n\n /\n HTML-событие `mouseleave`.\n /\n onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;\n\n /\n HTML-событие `onmouseover`.\n /\n onMouseOver?: React.MouseEventHandler<HTMLButtonElement>;\n\n /\n Задаёт размер кнопки.\n \n Допустимые значения: `\"small\"`, `\"medium\"`, `\"large\"`.\n /\n size?: ButtonSize;\n\n /\n HTML-атрибут `type`.\n /\n type?: ButtonType;\n\n /\n HTML-атрибут `title`.\n /\n title?: string;\n\n /\n Стиль кнопки.\n \n Допустимые значения: `\"default\"`, `\"primary\"`, `\"success\"`, `\"danger\"`, `\"pay\"`, `\"link\"`, `\"text\"`, `\"backless\"`.\n /\n use?: ButtonUse;\n\n /* @ignore /\n visuallyFocused?: boolean;\n\n /\n Состояние валидации при предупреждении.\n /\n warning?: boolean;\n\n /\n CSS-свойство `width`.\n /\n width?: number \| string;\n\n /\n Обычный объект с переменными темы.\n * Он будет объединён с темой из контекста.\n /\n theme?: ThemeIn;\n\n /\n Атрибут для указания id элемента(-ов), описывающих его\n /\n 'aria-describedby'?: AriaAttributes['aria-describedby'];\n}\n\nexport interface ButtonState {\n focusedByTab: boolean;\n}\n\nexport const ButtonDataTids = {\n root: 'Button__root',\n} as const;\n\ntype DefaultProps = Required<Pick<ButtonProps, 'use' \| 'size' \| 'type'>>;\n\n@rootNode\nexport class Button extends React.Component<ButtonProps, ButtonState> {\n public static __KONTUR_REACT_UI__ = 'Button';\n public static __BUTTON__ = true;\n\n public static defaultProps: DefaultProps = {\n use: 'default',\n size: 'small',\n type: 'button',\n };\n\n private getProps = createPropsGetter(Button.defaultProps);\n\n public state = {\n focusedByTab: false,\n };\n\n private theme!: Theme;\n private node: HTMLButtonElement \| null = null;\n private setRootNode!: TSetRootNode;\n\n public componentDidMount() {\n if (this.props.autoFocus) {\n keyListener.isTabPressed = true;\n this.focus();\n }\n }\n\n public static getDerivedStateFromProps(props: ButtonProps) {\n if (props.loading \|\| props.disabled) {\n return { focusedByTab: false };\n }\n return null;\n }\n\n /\n @public\n /\n public focus() {\n this.node?.focus();\n }\n\n /\n @public\n */\n public blur() {\n this.node?.blur();\n }\n\n public render(): JSX.Element {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private renderMain() {\n const {\n corners,\n active,\n disabled,\n borderless,\n checked,\n error,\n warning,\n loading,\n narrow,\n icon,\n _noPadding,\n _noRightPadding,\n visuallyFocused,\n align,\n disableFocus,\n onMouseEnter,\n onMouseLeave,\n onMouseOver,\n onKeyDown,\n onClick,\n width,\n children,\n 'aria-describedby': ariaDescribedby,\n } = this.props;\n const { use, type, size } = this.getProps();\n const sizeClass = this.getSizeClassName();\n\n const isFocused = this.state.focusedByTab \|\| visuallyFocused;\n const isLink = use === 'link';\n const _isTheme2022 = isTheme2022(this.theme);\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const [wrapClassNameWithArrow, rootClassNameWithArrow, arrowNode] = useButtonArrow(\n { ...this.props, isFocused: Boolean(isFocused) },\n this.theme,\n );\n\n let rootClassName = '';\n if (_isTheme2022) {\n const trueDisabled = disabled \|\| loading;\n rootClassName = cx(\n styles.root(this.theme),\n styles[use](this.theme),\n sizeClass,\n narrow && styles.narrow(),\n _noPadding && styles.noPadding(),\n _noRightPadding && styles.noRightPadding(),\n rootClassNameWithArrow,\n ...(trueDisabled\n ? [\n styles.disabled(this.theme),\n checked && styles.checkedDisabled(this.theme),\n checked && styles.checkedDisabled2022(this.theme),\n borderless && styles.borderless2022(),\n ]\n : [\n active && !checked && activeStyles[use](this.theme),\n isFocused && styles.focus(this.theme),\n checked && styles.checked2022(this.theme),\n checked && isFocused && styles.checkedFocused(this.theme),\n borderless && !checked && !isFocused && styles.borderless2022(),\n ]),\n );\n } else {\n rootClassName = cx({\n [styles.root(this.theme)]: true,\n [styles.simulatedPress()]: true,\n [styles[use](this.theme)]: true,\n [activeStyles[use](this.theme)]: active,\n [sizeClass]: true,\n [styles.focus(this.theme)]: isFocused,\n [styles.checked(this.theme)]: checked,\n [styles.checkedFocused(this.theme)]: checked && isFocused,\n [styles.disabled(this.theme)]: disabled \|\| loading,\n [styles.checkedDisabled(this.theme)]: checked && disabled,\n [styles.borderless()]: borderless && !disabled && !loading && !checked && !isFocused && !active,\n [styles.narrow()]: narrow,\n [styles.noPadding()]: _noPadding,\n [styles.noRightPadding()]: _noRightPadding,\n });\n }\n\n const rootProps = {\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,\n className: rootClassName,\n style: {\n textAlign: align,\n ...corners,\n },\n disabled: disabled \|\| loading,\n onClick,\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n onKeyDown,\n onMouseEnter,\n onMouseLeave,\n onMouseOver,\n tabIndex: disableFocus ? -1 : 0,\n title: this.props.title,\n };\n\n const wrapProps = {\n className: cx({\n [styles.wrap(this.theme)]: true,\n [wrapClassNameWithArrow]: true,\n [this.getSizeWrapClassName()]: true,\n }),\n style: {\n width,\n },\n };\n\n const innerShadowNode = _isTheme2022 ? null : <div className={globalClasses.innerShadow} />;\n\n let outlineNode = null;\n const isDisabled2022 = _isTheme2022 && (disabled \|\| loading);\n if ((!isFocused \|\| isLink) && !isDisabled2022) {\n outlineNode = (\n <div\n style={{ zIndex: _isTheme2022 && isLink ? -1 : undefined }}\n className={cx(styles.outline(), {\n [styles.outlineWarning(this.theme)]: warning,\n [styles.outlineError(this.theme)]: error,\n [styles.outlineLink()]: isLink,\n [styles.outlineLinkWarning(this.theme)]: isLink && warning,\n [styles.outlineLinkError(this.theme)]: isLink && error,\n })}\n />\n );\n }\n\n const iconNode = icon && (\n <ButtonIcon\n icon={icon}\n size={size}\n hasChildren={Boolean(children)}\n disabled={disabled \|\| false}\n loading={loading \|\| false}\n use={use}\n />\n );\n let loadingNode = null;\n if (loading && !icon) {\n const loadingIcon = _isTheme2022 ? <LoadingIcon size={size} /> : <Spinner caption={null} dimmed type=\"mini\" />;\n loadingNode = <div className={styles.loading()}>{loadingIcon}</div>;\n }\n\n // Force disable all props and features, that cannot be use with Link\n if (isLink) {\n rootProps.className = cx({\n [styles.root(this.theme)]: true,\n [sizeClass]: true,\n [styles.link(this.theme)]: true,\n [styles.linkLineHeight()]: !isSafari \|\| (isSafari && !_isTheme2022),\n [styles.linkLineHeightSafariFallback()]: isSafari && _isTheme2022,\n [styles.linkFocus(this.theme)]: isFocused,\n [styles.linkDisabled(this.theme)]: disabled \|\| loading,\n });\n Object.assign(wrapProps, {\n className: cx(styles.wrap(this.theme), styles.wrapLink()),\n style: { width: wrapProps.style.width },\n });\n rootProps.style.textAlign = undefined;\n }\n\n let captionNode = (\n <div\n className={cx(styles.caption(), globalClasses.caption, {\n [styles.captionTranslated()]: (active \|\| checked) && !loading && !_isTheme2022,\n [styles.captionLink()]: isLink,\n [styles.captionDisabled()]: !checked && disabled,\n })}\n >\n {loadingNode}\n {iconNode}\n <span\n className={cx(globalClasses.text, {\n [styles.visibilityHidden()]: !!loadingNode,\n })}\n >\n {children}\n </span>\n </div>\n );\n if (_isTheme2022 && isLink && !loading) {\n captionNode = (\n <ThemeContext.Provider value={getInnerLinkTheme(this.theme)}>\n <Link focused={isFocused} disabled={disabled} icon={this.renderIcon2022(icon)} as=\"span\" tabIndex={-1}>\n {children}\n </Link>\n </ThemeContext.Provider>\n );\n }\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <span {...wrapProps}>\n <button data-tid={ButtonDataTids.root} ref={this._ref} {...rootProps} aria-describedby={ariaDescribedby}>\n {innerShadowNode}\n {outlineNode}\n {arrowNode}\n {captionNode}\n </button>\n </span>\n </CommonWrapper>\n );\n }\n\n private renderIcon2022(icon: React.ReactElement \| undefined) {\n if (icon && isKonturIcon(icon)) {\n const sizes = getButtonIconSizes(this.theme);\n return React.cloneElement(icon, { size: icon.props.size ?? sizes[this.getProps().size] });\n }\n\n return icon;\n }\n\n private getSizeClassName() {\n const _isTheme2022 = isTheme2022(this.theme);\n switch (this.getProps().size) {\n case 'large':\n return cx(styles.sizeLarge(this.theme), {\n [styles.sizeLargeIE11(this.theme)]: isIE11 \|\| isEdge,\n [styles.sizeLargeWithIcon(this.theme)]: !!this.props.icon,\n [styles.sizeLargeWithIconWithoutText(this.theme)]: _isTheme2022 && !!this.props.icon && !this.props.children,\n });\n case 'medium':\n return cx(styles.sizeMedium(this.theme), {\n [styles.sizeMediumIE11(this.theme)]: isIE11 \|\| isEdge,\n [styles.sizeMediumWithIcon(this.theme)]: !!this.props.icon,\n [styles.sizeMediumWithIconWithoutText(this.theme)]: _isTheme2022 && !!this.props.icon && !this.props.children,\n });\n case 'small':\n default:\n return cx(styles.sizeSmall(this.theme), {\n [styles.sizeSmallIE11(this.theme)]: isIE11 \|\| isEdge,\n [styles.sizeSmallWithIcon(this.theme)]: !!this.props.icon,\n [styles.sizeSmallWithIconWithoutText(this.theme)]: _isTheme2022 && !!this.props.icon && !this.props.children,\n });\n }\n }\n\n private getSizeWrapClassName() {\n switch (this.getProps().size) {\n case 'large':\n return styles.wrapLarge(this.theme);\n case 'medium':\n return styles.wrapMedium(this.theme);\n case 'small':\n default:\n return styles.wrapSmall(this.theme);\n }\n }\n\n private handleFocus = (e: React.FocusEvent<HTMLButtonElement>) => {\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 requestAnimationFrame(() => {\n if (keyListener.isTabPressed) {\n this.setState({ focusedByTab: true });\n }\n });\n this.props.onFocus?.(e);\n }\n };\n\n private handleBlur = (e: React.FocusEvent<HTMLButtonElement>) => {\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: HTMLButtonElement \| null) => {\n this.node = node;\n };\n}\n\nexport const isButton = isReactUIComponent<ButtonProps>('Button');\n"]}
1	+ {"version":3,"sources":["Button.tsx"],"names":["ButtonDataTids","root","Button","rootNode","getProps","defaultProps","state","focusedByTab","node","handleFocus","e","props","disabled","disableFocus","requestAnimationFrame","keyListener","isTabPressed","setState","onFocus","handleBlur","onBlur","_ref","componentDidMount","autoFocus","focus","getDerivedStateFromProps","loading","blur","render","theme","ThemeFactory","create","renderMain","corners","active","borderless","checked","error","warning","narrow","icon","_noPadding","_noRightPadding","visuallyFocused","align","onMouseEnter","onMouseLeave","onMouseOver","onKeyDown","onClick","width","children","ariaDescribedby","ariaHasPopup","ariaControls","ariaLabel","ariaChecked","role","use","type","size","sizeClass","getSizeClassName","isFocused","isLink","_isTheme2022","Boolean","wrapClassNameWithArrow","rootClassNameWithArrow","arrowNode","rootClassName","trueDisabled","cx","styles","noPadding","noRightPadding","checkedDisabled","checkedDisabled2022","borderless2022","activeStyles","checked2022","checkedFocused","simulatedPress","rootProps","className","style","textAlign","tabIndex","title","wrapProps","wrap","getSizeWrapClassName","innerShadowNode","globalClasses","innerShadow","outlineNode","isDisabled2022","zIndex","undefined","outline","outlineWarning","outlineError","outlineLink","outlineLinkWarning","outlineLinkError","iconNode","loadingNode","loadingIcon","link","linkLineHeight","isSafari","linkLineHeightSafariFallback","linkFocus","linkDisabled","Object","assign","wrapLink","captionNode","caption","captionTranslated","captionLink","captionDisabled","text","visibilityHidden","renderIcon2022","setRootNode","sizes","React","cloneElement","sizeLarge","sizeLargeIE11","isIE11","isEdge","sizeLargeWithIcon","sizeLargeWithIconWithoutText","sizeMedium","sizeMediumIE11","sizeMediumWithIcon","sizeMediumWithIconWithoutText","sizeSmall","sizeSmallIE11","sizeSmallWithIcon","sizeSmallWithIconWithoutText","wrapLarge","wrapMedium","wrapSmall","Component","__KONTUR_REACT_UI__","__BUTTON__","isButton"],"mappings":"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","sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\n\nimport { isKonturIcon, isReactUIComponent } from '../../lib/utils';\nimport { isIE11, isEdge, isSafari } from '../../lib/client';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { Link } from '../Link';\nimport { Spinner } from '../Spinner';\nimport { LoadingIcon } from '../../internal/icons2022/LoadingIcon';\n\nimport { styles, activeStyles, globalClasses } from './Button.styles';\nimport { ButtonIcon, getButtonIconSizes } from './ButtonIcon';\nimport { useButtonArrow } from './ButtonArrow';\nimport { getInnerLinkTheme } from './getInnerLinkTheme';\n\nexport type ButtonSize = 'small' \| 'medium' \| 'large';\nexport type ButtonType = 'button' \| 'submit' \| 'reset';\nexport type ButtonUse = 'default' \| 'primary' \| 'success' \| 'danger' \| 'pay' \| 'link' \| 'text' \| 'backless';\n\nexport interface ButtonProps\n extends CommonProps,\n Pick<AriaAttributes, 'aria-haspopup' \| 'aria-describedby' \| 'aria-controls' \| 'aria-label' \| 'aria-checked'>,\n Pick<HTMLAttributes<unknown>, 'role'> {\n /** @ignore /\n _noPadding?: boolean;\n\n /* @ignore /\n _noRightPadding?: boolean;\n\n /\n Применяет к кнопке стили псевдокласса `:active`.\n /\n active?: boolean;\n\n /\n CSS-свойство `text-align`.\n /\n align?: React.CSSProperties['textAlign'];\n\n /\n Превращает обычную кнопку в кнопку со стрелкой.\n /\n arrow?: boolean \| 'left';\n\n /\n Даёт кнопке фокус после окончания загрузки страницы.\n /\n autoFocus?: boolean;\n\n /\n Убирает обводку у кнопки.\n /\n borderless?: boolean;\n\n /\n @ignore\n /\n checked?: boolean;\n\n children?: React.ReactNode;\n\n /* @ignore /\n corners?: React.CSSProperties;\n\n /\n Отключенное состояние кнопки.\n /\n disabled?: boolean;\n\n /* @ignore /\n disableFocus?: boolean;\n\n /\n Состояние валидации при ошибке.\n /\n error?: boolean;\n\n /\n Иконка слева от текста кнопки.\n /\n icon?: React.ReactElement<any>;\n\n /\n Переводит кнопку в состояние загрузки.\n /\n loading?: boolean;\n\n /\n Сужает кнопку.\n /\n narrow?: boolean;\n\n /\n HTML-событие `onblur`.\n /\n onBlur?: React.FocusEventHandler<HTMLButtonElement>;\n\n /\n HTML-событие `onclick`.\n /\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n\n /\n HTML-событие `onfocus`.\n /\n onFocus?: React.FocusEventHandler<HTMLButtonElement>;\n\n /\n HTML-событие `keydown`.\n /\n onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;\n\n /\n HTML-событие `onmouseenter`.\n /\n onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;\n\n /\n HTML-событие `mouseleave`.\n /\n onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;\n\n /\n HTML-событие `onmouseover`.\n /\n onMouseOver?: React.MouseEventHandler<HTMLButtonElement>;\n\n /\n Задаёт размер кнопки.\n \n Допустимые значения: `\"small\"`, `\"medium\"`, `\"large\"`.\n /\n size?: ButtonSize;\n\n /\n HTML-атрибут `type`.\n /\n type?: ButtonType;\n\n /\n HTML-атрибут `title`.\n /\n title?: string;\n\n /\n Стиль кнопки.\n \n Допустимые значения: `\"default\"`, `\"primary\"`, `\"success\"`, `\"danger\"`, `\"pay\"`, `\"link\"`, `\"text\"`, `\"backless\"`.\n /\n use?: ButtonUse;\n\n /* @ignore /\n visuallyFocused?: boolean;\n\n /\n Состояние валидации при предупреждении.\n /\n warning?: boolean;\n\n /\n CSS-свойство `width`.\n /\n width?: number \| string;\n\n /\n Обычный объект с переменными темы.\n * Он будет объединён с темой из контекста.\n /\n theme?: ThemeIn;\n}\n\nexport interface ButtonState {\n focusedByTab: boolean;\n}\n\nexport const ButtonDataTids = {\n root: 'Button__root',\n} as const;\n\ntype DefaultProps = Required<Pick<ButtonProps, 'use' \| 'size' \| 'type'>>;\n\n@rootNode\nexport class Button extends React.Component<ButtonProps, ButtonState> {\n public static __KONTUR_REACT_UI__ = 'Button';\n public static __BUTTON__ = true;\n\n public static defaultProps: DefaultProps = {\n use: 'default',\n size: 'small',\n type: 'button',\n };\n\n private getProps = createPropsGetter(Button.defaultProps);\n\n public state = {\n focusedByTab: false,\n };\n\n private theme!: Theme;\n private node: HTMLButtonElement \| null = null;\n private setRootNode!: TSetRootNode;\n\n public componentDidMount() {\n if (this.props.autoFocus) {\n keyListener.isTabPressed = true;\n this.focus();\n }\n }\n\n public static getDerivedStateFromProps(props: ButtonProps) {\n if (props.loading \|\| props.disabled) {\n return { focusedByTab: false };\n }\n return null;\n }\n\n /\n @public\n /\n public focus() {\n this.node?.focus();\n }\n\n /\n @public\n */\n public blur() {\n this.node?.blur();\n }\n\n public render(): JSX.Element {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private renderMain() {\n const {\n corners,\n active,\n disabled,\n borderless,\n checked,\n error,\n warning,\n loading,\n narrow,\n icon,\n _noPadding,\n _noRightPadding,\n visuallyFocused,\n align,\n disableFocus,\n onMouseEnter,\n onMouseLeave,\n onMouseOver,\n onKeyDown,\n onClick,\n width,\n children,\n 'aria-describedby': ariaDescribedby,\n 'aria-haspopup': ariaHasPopup,\n 'aria-controls': ariaControls,\n 'aria-label': ariaLabel,\n 'aria-checked': ariaChecked,\n role,\n } = this.props;\n const { use, type, size } = this.getProps();\n const sizeClass = this.getSizeClassName();\n\n const isFocused = this.state.focusedByTab \|\| visuallyFocused;\n const isLink = use === 'link';\n const _isTheme2022 = isTheme2022(this.theme);\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const [wrapClassNameWithArrow, rootClassNameWithArrow, arrowNode] = useButtonArrow(\n { ...this.props, isFocused: Boolean(isFocused) },\n this.theme,\n );\n\n let rootClassName = '';\n if (_isTheme2022) {\n const trueDisabled = disabled \|\| loading;\n rootClassName = cx(\n styles.root(this.theme),\n styles[use](this.theme),\n sizeClass,\n narrow && styles.narrow(),\n _noPadding && styles.noPadding(),\n _noRightPadding && styles.noRightPadding(),\n rootClassNameWithArrow,\n ...(trueDisabled\n ? [\n styles.disabled(this.theme),\n checked && styles.checkedDisabled(this.theme),\n checked && styles.checkedDisabled2022(this.theme),\n borderless && styles.borderless2022(),\n ]\n : [\n active && !checked && activeStyles[use](this.theme),\n isFocused && styles.focus(this.theme),\n checked && styles.checked2022(this.theme),\n checked && isFocused && styles.checkedFocused(this.theme),\n borderless && !checked && !isFocused && styles.borderless2022(),\n ]),\n );\n } else {\n rootClassName = cx({\n [styles.root(this.theme)]: true,\n [styles.simulatedPress()]: true,\n [styles[use](this.theme)]: true,\n [activeStyles[use](this.theme)]: active,\n [sizeClass]: true,\n [styles.focus(this.theme)]: isFocused,\n [styles.checked(this.theme)]: checked,\n [styles.checkedFocused(this.theme)]: checked && isFocused,\n [styles.disabled(this.theme)]: disabled \|\| loading,\n [styles.checkedDisabled(this.theme)]: checked && disabled,\n [styles.borderless()]: borderless && !disabled && !loading && !checked && !isFocused && !active,\n [styles.narrow()]: narrow,\n [styles.noPadding()]: _noPadding,\n [styles.noRightPadding()]: _noRightPadding,\n });\n }\n\n const rootProps = {\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,\n role,\n 'aria-describedby': ariaDescribedby,\n 'aria-haspopup': ariaHasPopup,\n 'aria-controls': ariaControls,\n 'aria-label': ariaLabel,\n 'aria-checked': ariaChecked,\n className: rootClassName,\n style: {\n textAlign: align,\n ...corners,\n },\n disabled: disabled \|\| loading,\n onClick,\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n onKeyDown,\n onMouseEnter,\n onMouseLeave,\n onMouseOver,\n tabIndex: disableFocus ? -1 : 0,\n title: this.props.title,\n };\n\n const wrapProps = {\n className: cx({\n [styles.wrap(this.theme)]: true,\n [wrapClassNameWithArrow]: true,\n [this.getSizeWrapClassName()]: true,\n }),\n style: {\n width,\n },\n };\n\n const innerShadowNode = _isTheme2022 ? null : <div className={globalClasses.innerShadow} />;\n\n let outlineNode = null;\n const isDisabled2022 = _isTheme2022 && (disabled \|\| loading);\n if ((!isFocused \|\| isLink) && !isDisabled2022) {\n outlineNode = (\n <div\n style={{ zIndex: _isTheme2022 && isLink ? -1 : undefined }}\n className={cx(styles.outline(), {\n [styles.outlineWarning(this.theme)]: warning,\n [styles.outlineError(this.theme)]: error,\n [styles.outlineLink()]: isLink,\n [styles.outlineLinkWarning(this.theme)]: isLink && warning,\n [styles.outlineLinkError(this.theme)]: isLink && error,\n })}\n />\n );\n }\n\n const iconNode = icon && (\n <ButtonIcon\n icon={icon}\n size={size}\n hasChildren={Boolean(children)}\n disabled={disabled \|\| false}\n loading={loading \|\| false}\n use={use}\n />\n );\n let loadingNode = null;\n if (loading && !icon) {\n const loadingIcon = _isTheme2022 ? <LoadingIcon size={size} /> : <Spinner caption={null} dimmed type=\"mini\" />;\n loadingNode = <div className={styles.loading()}>{loadingIcon}</div>;\n }\n\n // Force disable all props and features, that cannot be use with Link\n if (isLink) {\n rootProps.className = cx({\n [styles.root(this.theme)]: true,\n [sizeClass]: true,\n [styles.link(this.theme)]: true,\n [styles.linkLineHeight()]: !isSafari \|\| (isSafari && !_isTheme2022),\n [styles.linkLineHeightSafariFallback()]: isSafari && _isTheme2022,\n [styles.linkFocus(this.theme)]: isFocused,\n [styles.linkDisabled(this.theme)]: disabled \|\| loading,\n });\n Object.assign(wrapProps, {\n className: cx(styles.wrap(this.theme), styles.wrapLink()),\n style: { width: wrapProps.style.width },\n });\n rootProps.style.textAlign = undefined;\n }\n\n let captionNode = (\n <div\n className={cx(styles.caption(), globalClasses.caption, {\n [styles.captionTranslated()]: (active \|\| checked) && !loading && !_isTheme2022,\n [styles.captionLink()]: isLink,\n [styles.captionDisabled()]: !checked && disabled,\n })}\n >\n {loadingNode}\n {iconNode}\n <span\n className={cx(globalClasses.text, {\n [styles.visibilityHidden()]: !!loadingNode,\n })}\n >\n {children}\n </span>\n </div>\n );\n if (_isTheme2022 && isLink && !loading) {\n captionNode = (\n <ThemeContext.Provider value={getInnerLinkTheme(this.theme)}>\n <Link focused={isFocused} disabled={disabled} icon={this.renderIcon2022(icon)} as=\"span\" tabIndex={-1}>\n {children}\n </Link>\n </ThemeContext.Provider>\n );\n }\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <span {...wrapProps}>\n <button data-tid={ButtonDataTids.root} ref={this._ref} {...rootProps}>\n {innerShadowNode}\n {outlineNode}\n {arrowNode}\n {captionNode}\n </button>\n </span>\n </CommonWrapper>\n );\n }\n\n private renderIcon2022(icon: React.ReactElement \| undefined) {\n if (icon && isKonturIcon(icon)) {\n const sizes = getButtonIconSizes(this.theme);\n return React.cloneElement(icon, { size: icon.props.size ?? sizes[this.getProps().size] });\n }\n\n return icon;\n }\n\n private getSizeClassName() {\n const _isTheme2022 = isTheme2022(this.theme);\n switch (this.getProps().size) {\n case 'large':\n return cx(styles.sizeLarge(this.theme), {\n [styles.sizeLargeIE11(this.theme)]: isIE11 \|\| isEdge,\n [styles.sizeLargeWithIcon(this.theme)]: !!this.props.icon,\n [styles.sizeLargeWithIconWithoutText(this.theme)]: _isTheme2022 && !!this.props.icon && !this.props.children,\n });\n case 'medium':\n return cx(styles.sizeMedium(this.theme), {\n [styles.sizeMediumIE11(this.theme)]: isIE11 \|\| isEdge,\n [styles.sizeMediumWithIcon(this.theme)]: !!this.props.icon,\n [styles.sizeMediumWithIconWithoutText(this.theme)]: _isTheme2022 && !!this.props.icon && !this.props.children,\n });\n case 'small':\n default:\n return cx(styles.sizeSmall(this.theme), {\n [styles.sizeSmallIE11(this.theme)]: isIE11 \|\| isEdge,\n [styles.sizeSmallWithIcon(this.theme)]: !!this.props.icon,\n [styles.sizeSmallWithIconWithoutText(this.theme)]: _isTheme2022 && !!this.props.icon && !this.props.children,\n });\n }\n }\n\n private getSizeWrapClassName() {\n switch (this.getProps().size) {\n case 'large':\n return styles.wrapLarge(this.theme);\n case 'medium':\n return styles.wrapMedium(this.theme);\n case 'small':\n default:\n return styles.wrapSmall(this.theme);\n }\n }\n\n private handleFocus = (e: React.FocusEvent<HTMLButtonElement>) => {\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 requestAnimationFrame(() => {\n if (keyListener.isTabPressed) {\n this.setState({ focusedByTab: true });\n }\n });\n this.props.onFocus?.(e);\n }\n };\n\n private handleBlur = (e: React.FocusEvent<HTMLButtonElement>) => {\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: HTMLButtonElement \| null) => {\n this.node = node;\n };\n}\n\nexport const isButton = isReactUIComponent<ButtonProps>('Button');\n"]}

package/cjs/components/Button/Button.styles.js CHANGED Viewed

@@ -146,7 +146,8 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
   outlineLink: function outlineLink() {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      left: -2px;\n      right: -2px;\n      bottom: -2px;\n    "])));
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      left: -2px;\n      right: -2px;\n      bottom: -2px;\n      top: -2px;\n    "])));

package/cjs/components/Button/Button.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Button.styles.ts"],"names":["globalClasses","arrowHelper","arrowHelperTop","arrowHelperBottom","arrow","caption","text","innerShadow","icon","styles","root","t","css","btnBackgroundClip","btnIconHoverColor","btnIconDisabledColor","btnIconColor","withArrowIconRightSmall","btnIconSizeSmall","btnWithIconPaddingLeftSmall","withArrowIconRightMedium","btnIconSizeMedium","btnWithIconPaddingLeftMedium","withArrowIconRightLarge","btnIconSizeLarge","btnWithIconPaddingLeftLarge","withArrowIconLeftSmall","withArrowIconLeftMedium","withArrowIconLeftLarge","simulatedPress","outline","outlineWarning","btnOutlineWidth","btnBorderColorWarning","btnInsetWidth","btnInsetColor","outlineError","btnBorderColorError","outlineLink","outlineLinkWarning","btnWarningSecondary","outlineLinkError","btnErrorSecondary","sizeSmall","btnBorderRadiusSmall","btnFontSizeSmall","btnLineHeightSmall","btnPaddingXSmall","btnPaddingYSmall","fontFamilyCompensationBaseline","sizeSmallIE11","sizeMedium","btnBorderRadiusMedium","btnFontSizeMedium","btnLineHeightMedium","btnPaddingXMedium","btnPaddingYMedium","sizeMediumIE11","sizeLarge","btnBorderRadiusLarge","btnFontSizeLarge","btnLineHeightLarge","btnPaddingXLarge","btnPaddingYLarge","sizeLargeIE11","sizeSmallWithIcon","sizeMediumWithIcon","sizeLargeWithIcon","sizeSmallWithIconWithoutText","sizeMediumWithIconWithoutText","sizeLargeWithIconWithoutText","link","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","activeStyles","linkLineHeight","linkLineHeightSafariFallback","linkFocus","linkDisabled","btnLinkDisabledColor","focus","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","disabled","btnBorderWidth","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","arrowWarning","arrowError","arrowFocus","isFirefox","arrowLeft","arrowIconRoot","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","default","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultTextColor","btnDefaultBorderColor","btnDefaultBorderBottomColor","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","primary","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","success","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","danger","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","pay","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayTextColor","btnPayBorderColor","btnPayBorderBottomColor","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","btnTextBg","btnTextTextColor","btnTextBorderColor","btnTextHoverBg","btnTextHoverBorderColor","backless","btnBacklessBg","btnBacklessTextColor","btnBacklessBorderColor","btnBacklessHoverBg","btnBacklessHoverBorderColor","checked","checkedStyles","btnDefaultCheckedBorderColor","btnCheckedBg","btnCheckedTextColor","btnCheckedShadow","btnArrowBgImageChecked","checked2022","checkedFocused","checkedDisabled","btnCheckedDisabledBorderColor","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledShadow","checkedDisabled2022","captionLink","captionTranslated","captionDisabled","wrap","wrapSmall","btnHeightSmall","wrapMedium","btnHeightMedium","wrapLarge","btnHeightLarge","narrow","noPadding","noRightPadding","iconNoRightMargin","iconLink","btnLinkIconMarginRight","wrapLink","wrapArrow","wrapArrowLeft","iconSmall","btnIconGapSmall","iconMedium","btnIconGapMedium","iconLarge","btnIconGapLarge","borderless","borderless2022","loading","visibilityHidden","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnArrowBgImageActive","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","btnLinkActiveColor","btnTextActiveBg","btnBacklessActiveBg"],"mappings":"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","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton, resetText } from '../../lib/styles/Mixins';\nimport { isFirefox } from '../../lib/client';\n\nimport {\n buttonUseMixin,\n buttonHoverMixin,\n buttonActiveMixin,\n buttonSizeMixin,\n arrowOutlineMixin,\n buttonSizeMixinIE11,\n} from './Button.mixins';\n\nexport const globalClasses = prefix('button')({\n arrowHelper: 'arrow-helper',\n arrowHelperTop: 'arrow-helper-top',\n arrowHelperBottom: 'arrow-helper-bottom',\n arrow: 'arrow',\n caption: 'caption',\n text: 'text',\n innerShadow: 'inner-shadow',\n icon: 'icon',\n});\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n ${resetButton()};\n ${resetText()};\n\n background-clip: ${t.btnBackgroundClip};\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n cursor: pointer;\n display: inline-block;\n position: relative;\n text-align: center;\n width: 100%;\n height: 100%; // fix height in ie11\n\n .${globalClasses.innerShadow} {\n content: '';\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n }\n\n &::-moz-focus-inner {\n border: 0;\n padding: 0;\n }\n &::after {\n content: '';\n display: inline-block;\n vertical-align: baseline;\n width: 0;\n }\n\n &:hover:enabled svg {\n color: ${t.btnIconHoverColor};\n }\n &:disabled svg {\n color: ${t.btnIconDisabledColor};\n }\n &:enabled svg {\n color: ${t.btnIconColor};\n }\n `;\n },\n\n withArrowIconRightSmall(t: Theme) {\n return css`\n padding-right: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingLeftSmall} + ${t.btnWithIconPaddingLeftSmall});\n `;\n },\n\n withArrowIconRightMedium(t: Theme) {\n return css`\n padding-right: calc(\n ${t.btnIconSizeMedium} + ${t.btnWithIconPaddingLeftMedium} + ${t.btnWithIconPaddingLeftMedium}\n );\n `;\n },\n\n withArrowIconRightLarge(t: Theme) {\n return css`\n padding-right: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLeftLarge} + ${t.btnWithIconPaddingLeftLarge});\n `;\n },\n\n withArrowIconLeftSmall(t: Theme) {\n return css`\n padding-left: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingLeftSmall} + ${t.btnWithIconPaddingLeftSmall});\n `;\n },\n\n withArrowIconLeftMedium(t: Theme) {\n return css`\n padding-left: calc(\n ${t.btnIconSizeMedium} + ${t.btnWithIconPaddingLeftMedium} + ${t.btnWithIconPaddingLeftMedium}\n );\n `;\n },\n\n withArrowIconLeftLarge(t: Theme) {\n return css`\n padding-left: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLeftLarge} + ${t.btnWithIconPaddingLeftLarge});\n `;\n },\n\n simulatedPress() {\n return css`\n &:active .${globalClasses.caption} {\n transform: translateY(1px);\n }\n `;\n },\n\n outline() {\n return css`\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n `;\n },\n\n outlineWarning(t: Theme) {\n return css`\n box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorWarning},\n inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n `;\n },\n\n outlineError(t: Theme) {\n return css`\n box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorError}, inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n `;\n },\n\n outlineLink() {\n return css`\n box-shadow: none;\n left: -2px;\n right: -2px;\n bottom: -2px;\n `;\n },\n\n outlineLinkWarning(t: Theme) {\n return css`\n background-color: ${t.btnWarningSecondary};\n `;\n },\n\n outlineLinkError(t: Theme) {\n return css`\n background-color: ${t.btnErrorSecondary};\n `;\n },\n\n sizeSmall(t: Theme) {\n return css`\n border-radius: ${t.btnBorderRadiusSmall};\n\n ${buttonSizeMixin(\n t.btnFontSizeSmall,\n t.btnLineHeightSmall,\n t.btnPaddingXSmall,\n t.btnPaddingYSmall,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeSmallIE11(t: Theme) {\n return css`\n ${buttonSizeMixinIE11(\n t.btnFontSizeSmall,\n t.btnPaddingXSmall,\n t.btnPaddingYSmall,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeMedium(t: Theme) {\n return css`\n border-radius: ${t.btnBorderRadiusMedium};\n\n ${buttonSizeMixin(\n t.btnFontSizeMedium,\n t.btnLineHeightMedium,\n t.btnPaddingXMedium,\n t.btnPaddingYMedium,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeMediumIE11(t: Theme) {\n return css`\n ${buttonSizeMixinIE11(\n t.btnFontSizeMedium,\n t.btnPaddingXMedium,\n t.btnPaddingYMedium,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeLarge(t: Theme) {\n return css`\n border-radius: ${t.btnBorderRadiusLarge};\n\n ${buttonSizeMixin(\n t.btnFontSizeLarge,\n t.btnLineHeightLarge,\n t.btnPaddingXLarge,\n t.btnPaddingYLarge,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeLargeIE11(t: Theme) {\n return css`\n ${buttonSizeMixinIE11(\n t.btnFontSizeLarge,\n t.btnPaddingXLarge,\n t.btnPaddingYLarge,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeSmallWithIcon(t: Theme) {\n return css`\n padding-left: ${t.btnWithIconPaddingLeftSmall};\n `;\n },\n\n sizeMediumWithIcon(t: Theme) {\n return css`\n padding-left: ${t.btnWithIconPaddingLeftMedium};\n `;\n },\n\n sizeLargeWithIcon(t: Theme) {\n return css`\n padding-left: ${t.btnWithIconPaddingLeftLarge};\n `;\n },\n\n sizeSmallWithIconWithoutText(t: Theme) {\n return css`\n padding-right: ${t.btnWithIconPaddingLeftSmall};\n `;\n },\n\n sizeMediumWithIconWithoutText(t: Theme) {\n return css`\n padding-right: ${t.btnWithIconPaddingLeftMedium};\n `;\n },\n\n sizeLargeWithIconWithoutText(t: Theme) {\n return css`\n padding-right: ${t.btnWithIconPaddingLeftLarge};\n `;\n },\n\n link(t: Theme) {\n return css`\n background: none;\n border-radius: ${t.btnLinkBorderRadius};\n border: none;\n box-shadow: none;\n white-space: nowrap;\n color: ${t.btnLinkColor};\n display: inline;\n margin: 0;\n padding: 0 !important; // override size mixin\n height: auto !important; // override size mixin\n\n &:hover:enabled,\n &:active:enabled {\n color: ${t.btnLinkHoverColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n }\n\n &:active:enabled {\n ${activeStyles.link(t)}\n }\n `;\n },\n\n linkLineHeight() {\n return css`\n line-height: inherit !important; // override size mixin\n `;\n },\n\n linkLineHeightSafariFallback() {\n return css`\n /* Safari overrides 'underline' and 'border' if 'line-height' is used */\n margin: -1px 0 -2px;\n `;\n },\n\n linkFocus(t: Theme) {\n return css`\n & {\n color: ${t.btnLinkColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n }\n `;\n },\n\n linkDisabled(t: Theme) {\n return css`\n cursor: default;\n pointer-events: none;\n\n &,\n &:hover:enabled,\n &:active:enabled {\n color: ${t.btnLinkDisabledColor};\n }\n `;\n },\n\n focus(t: Theme) {\n return css`\n position: relative;\n z-index: 2;\n\n &,\n &:hover:enabled,\n &:active:enabled,\n &:active:hover:enabled {\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important; // override root:hover style\n }\n `;\n },\n\n disabled(t: Theme) {\n return css`\n cursor: default;\n pointer-events: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBorderColor};\n\n background-image: none;\n background-color: ${t.btnDisabledBg};\n color: ${t.btnDisabledTextColor};\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 0 ${t.btnDisabledBorderColor};\n }\n `;\n },\n\n arrowWarning(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorWarning, t.btnOutlineWidth, t.btnInsetColor)}\n `;\n },\n\n arrowError(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorError, t.btnOutlineWidth, t.btnInsetColor)}\n `;\n },\n\n arrowFocus(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorFocus, t.btnOutlineWidth, t.btnOutlineColorFocus)}\n `;\n },\n\n arrow() {\n return css`\n background: inherit;\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n\n .${globalClasses.arrowHelper} {\n width: 100%;\n height: 50%;\n position: absolute;\n left: 0;\n background: inherit;\n background-size: 200% 200%;\n border-radius: inherit;\n background-clip: padding-box;\n\n // fix ugly arrow edge\n &:before {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background: inherit;\n border-radius: inherit;\n transform: translateX(${isFirefox ? `0.2px` : `0.3px`});\n }\n }\n\n .${globalClasses.arrowHelperTop} {\n top: 0;\n transform: skewX(30deg);\n transform-origin: top;\n background-position-y: top;\n border-bottom-right-radius: 1px;\n\n // fix ugly line in the\n // middle of the button\n &:before {\n bottom: -1px;\n }\n }\n\n .${globalClasses.arrowHelperBottom} {\n bottom: 0;\n transform: skewX(-30deg);\n transform-origin: bottom;\n background-position-y: bottom;\n border-top-right-radius: 1px;\n\n // fix ugly line in the\n // middle of the button\n &:before {\n top: -1px;\n }\n }\n `;\n },\n\n arrowLeft() {\n return css`\n transform: scaleX(-1);\n `;\n },\n\n arrowIconRoot() {\n return css`\n position: absolute;\n height: 100%;\n top: 0;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: content-box;\n `;\n },\n\n arrowIconRootSmall(t: Theme) {\n return css`\n padding: 0 ${t.btnWithIconPaddingLeftSmall} 0 ${t.btnWithIconPaddingLeftSmall};\n width: ${t.btnIconSizeSmall};\n `;\n },\n\n arrowIconRootMedium(t: Theme) {\n return css`\n padding: 0 ${t.btnWithIconPaddingLeftMedium} 0 ${t.btnWithIconPaddingLeftMedium};\n width: ${t.btnIconSizeMedium};\n `;\n },\n\n arrowIconRootLarge(t: Theme) {\n return css`\n padding: 0 ${t.btnWithIconPaddingLeftLarge} 0 ${t.btnWithIconPaddingLeftLarge};\n width: ${t.btnIconSizeLarge};\n `;\n },\n\n arrowIconLeft() {\n return css`\n left: 0;\n `;\n },\n\n default(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnDefaultBg,\n t.btnDefaultBgStart,\n t.btnDefaultBgEnd,\n t.btnDefaultTextColor,\n t.btnDefaultBorderColor,\n t.btnDefaultBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnDefaultHoverBg,\n t.btnDefaultHoverBgStart,\n t.btnDefaultHoverBgEnd,\n t.btnDefaultHoverBorderColor,\n t.btnDefaultHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.default(t)};\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnPrimaryBg,\n t.btnPrimaryBgStart,\n t.btnPrimaryBgEnd,\n t.btnPrimaryTextColor,\n t.btnPrimaryBorderColor,\n t.btnPrimaryBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnPrimaryHoverBg,\n t.btnPrimaryHoverBgStart,\n t.btnPrimaryHoverBgEnd,\n t.btnPrimaryHoverBorderColor,\n t.btnPrimaryHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.primary(t)}\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnSuccessBg,\n t.btnSuccessBgStart,\n t.btnSuccessBgEnd,\n t.btnSuccessTextColor,\n t.btnSuccessBorderColor,\n t.btnSuccessBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnSuccessHoverBg,\n t.btnSuccessHoverBgStart,\n t.btnSuccessHoverBgEnd,\n t.btnSuccessHoverBorderColor,\n t.btnSuccessHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.success(t)}\n }\n `;\n },\n\n danger(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnDangerBg,\n t.btnDangerBgStart,\n t.btnDangerBgEnd,\n t.btnDangerTextColor,\n t.btnDangerBorderColor,\n t.btnDangerBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnDangerHoverBg,\n t.btnDangerHoverBgStart,\n t.btnDangerHoverBgEnd,\n t.btnDangerHoverBorderColor,\n t.btnDangerHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.danger(t)}\n }\n `;\n },\n\n pay(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnPayBg,\n t.btnPayBgStart,\n t.btnPayBgEnd,\n t.btnPayTextColor,\n t.btnPayBorderColor,\n t.btnPayBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnPayHoverBg,\n t.btnPayHoverBgStart,\n t.btnPayHoverBgEnd,\n t.btnPayHoverBorderColor,\n t.btnPayHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.pay(t)}\n }\n `;\n },\n\n text(t: Theme) {\n return css`\n &,\n &:enabled,\n &:hover:enabled {\n box-shadow: none;\n .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n box-shadow: none;\n }\n }\n\n ${buttonUseMixin(t.btnTextBg, '', '', t.btnTextTextColor, t.btnTextBorderColor, '', t.btnBorderWidth)};\n\n &:hover:enabled {\n ${buttonHoverMixin(t.btnTextHoverBg, '', '', t.btnTextHoverBorderColor, '', t.btnBorderWidth)};\n }\n\n &:active:enabled {\n ${activeStyles.text(t)}\n }\n `;\n },\n\n backless(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnBacklessBg,\n '',\n '',\n t.btnBacklessTextColor,\n t.btnBacklessBorderColor,\n '',\n t.btnBorderWidth,\n )};\n\n color: ${t.btnDefaultTextColor};\n background: transparent;\n\n &:hover:enabled {\n ${buttonHoverMixin(t.btnBacklessHoverBg, '', '', t.btnBacklessHoverBorderColor, '', t.btnBorderWidth)};\n }\n\n &:active:enabled {\n ${activeStyles.backless(t)}\n }\n `;\n },\n\n checked(t: Theme) {\n const checkedStyles = `\n background-image: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDefaultCheckedBorderColor};\n background-color: ${t.btnCheckedBg};\n color: ${t.btnCheckedTextColor};\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: ${t.btnArrowBgImageChecked};\n }\n }\n `;\n\n return css`\n ${checkedStyles}\n\n &:hover:enabled,\n &:active:enabled,\n &:hover:active:enabled {\n ${checkedStyles}\n }\n `;\n },\n\n checked2022(t: Theme) {\n const checkedStyles = `\n background-image: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDefaultCheckedBorderColor} !important;\n background-color: ${t.btnCheckedBg} !important;\n color: ${t.btnCheckedTextColor} !important;\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: ${t.btnArrowBgImageChecked};\n }\n }\n\n :enabled svg {\n color: ${t.btnCheckedTextColor} !important;\n }\n :hover:enabled svg {\n color: ${t.btnCheckedTextColor} !important;\n }\n `;\n\n return css`\n ${checkedStyles}\n\n &:hover:enabled,\n &:active:enabled,\n &:hover:active:enabled {\n ${checkedStyles}\n }\n `;\n },\n\n checkedFocused(t: Theme) {\n return css`\n &:hover:enabled,\n &:hover:active:enabled {\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important;\n border-color: ${t.btnBorderColorFocus} !important;\n }\n `;\n },\n\n checkedDisabled(t: Theme) {\n return css`\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnCheckedDisabledBorderColor};\n background-color: ${t.btnCheckedDisabledBg};\n color: ${t.btnCheckedDisabledColor};\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedDisabledShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnCheckedDisabledBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: none;\n }\n }\n `;\n },\n\n checkedDisabled2022(t: Theme) {\n return css`\n svg {\n color: ${t.btnCheckedDisabledColor} !important;\n }\n `;\n },\n\n caption() {\n return css`\n position: relative;\n white-space: nowrap;\n display: inline-block;\n width: 100%;\n vertical-align: top;\n `;\n },\n\n captionLink() {\n return css`\n display: inline;\n transform: none !important; // override root:active style\n `;\n },\n\n captionTranslated() {\n return css`\n transform: translateY(1px);\n `;\n },\n\n captionDisabled() {\n return css`\n transform: none !important; // override root:active style\n `;\n },\n\n wrap(t: Theme) {\n return css`\n box-sizing: border-box;\n display: inline-block;\n line-height: normal;\n padding: ${t.btnBorderWidth};\n `;\n },\n\n wrapSmall(t: Theme) {\n return css`\n height: ${t.btnHeightSmall};\n `;\n },\n\n wrapMedium(t: Theme) {\n return css`\n height: ${t.btnHeightMedium};\n `;\n },\n\n wrapLarge(t: Theme) {\n return css`\n height: ${t.btnHeightLarge};\n `;\n },\n\n narrow() {\n return css`\n padding-left: 5px;\n padding-right: 5px;\n `;\n },\n\n noPadding() {\n return css`\n padding-left: 0;\n padding-right: 0;\n `;\n },\n\n noRightPadding() {\n return css`\n padding-right: 0;\n `;\n },\n\n iconNoRightMargin() {\n return css`\n margin-right: 0;\n `;\n },\n\n iconLink(t: Theme) {\n return css`\n margin-right: ${t.btnLinkIconMarginRight};\n `;\n },\n\n wrapLink() {\n return css`\n padding: 0;\n `;\n },\n\n wrapArrow() {\n return css`\n margin-right: 10px;\n `;\n },\n\n wrapArrowLeft() {\n return css`\n margin-right: 0;\n margin-left: 10px;\n `;\n },\n\n icon() {\n return css`\n display: inline-block;\n `;\n },\n iconSmall(t: Theme) {\n return css`\n width: ${t.btnIconSizeSmall};\n margin-right: ${t.btnIconGapSmall};\n `;\n },\n iconMedium(t: Theme) {\n return css`\n width: ${t.btnIconSizeMedium};\n margin-right: ${t.btnIconGapMedium};\n `;\n },\n iconLarge(t: Theme) {\n return css`\n width: ${t.btnIconSizeLarge};\n margin-right: ${t.btnIconGapLarge};\n `;\n },\n\n borderless() {\n return css`\n &:enabled,\n &:active:hover:enabled,\n &:hover:enabled {\n box-shadow: none !important; // override root:hover style\n .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n box-shadow: none !important; // override root:hover style\n }\n }\n `;\n },\n\n borderless2022() {\n return css`\n &,\n &:active:hover,\n &:hover {\n box-shadow: none !important; // override root:hover style\n }\n `;\n },\n\n loading() {\n return css`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n border-radius: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n `;\n },\n\n visibilityHidden() {\n return css`\n visibility: hidden;\n `;\n },\n});\n\nexport const activeStyles = memoizeStyle({\n default(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnDefaultActiveBg,\n t.btnDefaultActiveShadow,\n t.btnDefaultActiveBorderColor,\n t.btnDefaultActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnPrimaryActiveBg,\n t.btnPrimaryActiveShadow,\n t.btnPrimaryActiveBorderColor,\n t.btnPrimaryActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnSuccessActiveBg,\n t.btnSuccessActiveShadow,\n t.btnSuccessActiveBorderColor,\n t.btnSuccessActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n danger(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnDangerActiveBg,\n t.btnDangerActiveShadow,\n t.btnDangerActiveBorderColor,\n t.btnDangerActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n pay(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnPayActiveBg,\n t.btnPayActiveShadow,\n t.btnPayActiveBorderColor,\n t.btnPayActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n link(t: Theme) {\n return css`\n & {\n color: ${t.btnLinkActiveColor};\n }\n `;\n },\n\n text(t: Theme) {\n return css`\n &,\n &:hover {\n background: ${t.btnTextActiveBg};\n }\n `;\n },\n\n backless(t: Theme) {\n return css`\n &,\n &:hover {\n background: ${t.btnBacklessActiveBg};\n }\n `;\n },\n});\n"]}
1	+ {"version":3,"sources":["Button.styles.ts"],"names":["globalClasses","arrowHelper","arrowHelperTop","arrowHelperBottom","arrow","caption","text","innerShadow","icon","styles","root","t","css","btnBackgroundClip","btnIconHoverColor","btnIconDisabledColor","btnIconColor","withArrowIconRightSmall","btnIconSizeSmall","btnWithIconPaddingLeftSmall","withArrowIconRightMedium","btnIconSizeMedium","btnWithIconPaddingLeftMedium","withArrowIconRightLarge","btnIconSizeLarge","btnWithIconPaddingLeftLarge","withArrowIconLeftSmall","withArrowIconLeftMedium","withArrowIconLeftLarge","simulatedPress","outline","outlineWarning","btnOutlineWidth","btnBorderColorWarning","btnInsetWidth","btnInsetColor","outlineError","btnBorderColorError","outlineLink","outlineLinkWarning","btnWarningSecondary","outlineLinkError","btnErrorSecondary","sizeSmall","btnBorderRadiusSmall","btnFontSizeSmall","btnLineHeightSmall","btnPaddingXSmall","btnPaddingYSmall","fontFamilyCompensationBaseline","sizeSmallIE11","sizeMedium","btnBorderRadiusMedium","btnFontSizeMedium","btnLineHeightMedium","btnPaddingXMedium","btnPaddingYMedium","sizeMediumIE11","sizeLarge","btnBorderRadiusLarge","btnFontSizeLarge","btnLineHeightLarge","btnPaddingXLarge","btnPaddingYLarge","sizeLargeIE11","sizeSmallWithIcon","sizeMediumWithIcon","sizeLargeWithIcon","sizeSmallWithIconWithoutText","sizeMediumWithIconWithoutText","sizeLargeWithIconWithoutText","link","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","activeStyles","linkLineHeight","linkLineHeightSafariFallback","linkFocus","linkDisabled","btnLinkDisabledColor","focus","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","disabled","btnBorderWidth","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","arrowWarning","arrowError","arrowFocus","isFirefox","arrowLeft","arrowIconRoot","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","default","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultTextColor","btnDefaultBorderColor","btnDefaultBorderBottomColor","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","primary","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","success","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","danger","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","pay","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayTextColor","btnPayBorderColor","btnPayBorderBottomColor","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","btnTextBg","btnTextTextColor","btnTextBorderColor","btnTextHoverBg","btnTextHoverBorderColor","backless","btnBacklessBg","btnBacklessTextColor","btnBacklessBorderColor","btnBacklessHoverBg","btnBacklessHoverBorderColor","checked","checkedStyles","btnDefaultCheckedBorderColor","btnCheckedBg","btnCheckedTextColor","btnCheckedShadow","btnArrowBgImageChecked","checked2022","checkedFocused","checkedDisabled","btnCheckedDisabledBorderColor","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledShadow","checkedDisabled2022","captionLink","captionTranslated","captionDisabled","wrap","wrapSmall","btnHeightSmall","wrapMedium","btnHeightMedium","wrapLarge","btnHeightLarge","narrow","noPadding","noRightPadding","iconNoRightMargin","iconLink","btnLinkIconMarginRight","wrapLink","wrapArrow","wrapArrowLeft","iconSmall","btnIconGapSmall","iconMedium","btnIconGapMedium","iconLarge","btnIconGapLarge","borderless","borderless2022","loading","visibilityHidden","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnArrowBgImageActive","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","btnLinkActiveColor","btnTextActiveBg","btnBacklessActiveBg"],"mappings":"2TAAA;;AAEA;AACA;;AAEA,yC;;;;;;;;;AASO,IAAMA,aAAa,GAAG,qBAAO,QAAP,EAAiB;AAC5CC,EAAAA,WAAW,EAAE,cAD+B;AAE5CC,EAAAA,cAAc,EAAE,kBAF4B;AAG5CC,EAAAA,iBAAiB,EAAE,qBAHyB;AAI5CC,EAAAA,KAAK,EAAE,OAJqC;AAK5CC,EAAAA,OAAO,EAAE,SALmC;AAM5CC,EAAAA,IAAI,EAAE,MANsC;AAO5CC,EAAAA,WAAW,EAAE,cAP+B;AAQ5CC,EAAAA,IAAI,EAAE,MARsC,EAAjB,CAAtB,C;;;AAWA,IAAMC,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,eAAOC,YAAP;AACI,8BADJ;AAEI,4BAFJ;;AAIqBD,IAAAA,CAAC,CAACE,iBAJvB;;;;;;;;;;;AAeKb,IAAAA,aAAa,CAACO,WAfnB;;;;;;;;;;;;;;;;;;;;;;AAqCaI,IAAAA,CAAC,CAACG,iBArCf;;;AAwCaH,IAAAA,CAAC,CAACI,oBAxCf;;;AA2CaJ,IAAAA,CAAC,CAACK,YA3Cf;;;AA8CD,GAhDgC;;AAkDjCC,EAAAA,uBAlDiC,mCAkDTN,CAlDS,EAkDC;AAChC,eAAOC,YAAP;AACwBD,IAAAA,CAAC,CAACO,gBAD1B,EACgDP,CAAC,CAACQ,2BADlD,EACmFR,CAAC,CAACQ,2BADrF;;AAGD,GAtDgC;;AAwDjCC,EAAAA,wBAxDiC,oCAwDRT,CAxDQ,EAwDE;AACjC,eAAOC,YAAP;;AAEMD,IAAAA,CAAC,CAACU,iBAFR,EAE+BV,CAAC,CAACW,4BAFjC,EAEmEX,CAAC,CAACW,4BAFrE;;;AAKD,GA9DgC;;AAgEjCC,EAAAA,uBAhEiC,mCAgETZ,CAhES,EAgEC;AAChC,eAAOC,YAAP;AACwBD,IAAAA,CAAC,CAACa,gBAD1B,EACgDb,CAAC,CAACc,2BADlD,EACmFd,CAAC,CAACc,2BADrF;;AAGD,GApEgC;;AAsEjCC,EAAAA,sBAtEiC,kCAsEVf,CAtEU,EAsEA;AAC/B,eAAOC,YAAP;AACuBD,IAAAA,CAAC,CAACO,gBADzB,EAC+CP,CAAC,CAACQ,2BADjD,EACkFR,CAAC,CAACQ,2BADpF;;AAGD,GA1EgC;;AA4EjCQ,EAAAA,uBA5EiC,mCA4EThB,CA5ES,EA4EC;AAChC,eAAOC,YAAP;;AAEMD,IAAAA,CAAC,CAACU,iBAFR,EAE+BV,CAAC,CAACW,4BAFjC,EAEmEX,CAAC,CAACW,4BAFrE;;;AAKD,GAlFgC;;AAoFjCM,EAAAA,sBApFiC,kCAoFVjB,CApFU,EAoFA;AAC/B,eAAOC,YAAP;AACuBD,IAAAA,CAAC,CAACa,gBADzB,EAC+Cb,CAAC,CAACc,2BADjD,EACkFd,CAAC,CAACc,2BADpF;;AAGD,GAxFgC;;AA0FjCI,EAAAA,cA1FiC,4BA0FhB;AACf,eAAOjB,YAAP;AACcZ,IAAAA,aAAa,CAACK,OAD5B;;;;AAKD,GAhGgC;;AAkGjCyB,EAAAA,OAlGiC,qBAkGvB;AACR,eAAOlB,YAAP;;;;;;;;AAQD,GA3GgC;;AA6GjCmB,EAAAA,cA7GiC,0BA6GlBpB,CA7GkB,EA6GR;AACvB,eAAOC,YAAP;AACsBD,IAAAA,CAAC,CAACqB,eADxB,EAC2CrB,CAAC,CAACsB,qBAD7C;AAEkBtB,IAAAA,CAAC,CAACuB,aAFpB,EAEqCvB,CAAC,CAACwB,aAFvC;;AAID,GAlHgC;;AAoHjCC,EAAAA,YApHiC,wBAoHpBzB,CApHoB,EAoHV;AACrB,eAAOC,YAAP;AACsBD,IAAAA,CAAC,CAACqB,eADxB,EAC2CrB,CAAC,CAAC0B,mBAD7C,EACiF1B,CAAC,CAACuB,aADnF,EACoGvB,CAAC,CAACwB,aADtG;;AAGD,GAxHgC;;AA0HjCG,EAAAA,WA1HiC,yBA0HnB;AACZ,eAAO1B,YAAP;;;;;;;AAOD,GAlIgC;;AAoIjC2B,EAAAA,kBApIiC,8BAoId5B,CApIc,EAoIJ;AAC3B,eAAOC,YAAP;AACsBD,IAAAA,CAAC,CAAC6B,mBADxB;;AAGD,GAxIgC;;AA0IjCC,EAAAA,gBA1IiC,4BA0IhB9B,CA1IgB,EA0IN;AACzB,eAAOC,YAAP;AACsBD,IAAAA,CAAC,CAAC+B,iBADxB;;AAGD,GA9IgC;;AAgJjCC,EAAAA,SAhJiC,qBAgJvBhC,CAhJuB,EAgJb;AAClB,eAAOC,YAAP;AACmBD,IAAAA,CAAC,CAACiC,oBADrB;;AAGI;AACAjC,IAAAA,CAAC,CAACkC,gBADF;AAEAlC,IAAAA,CAAC,CAACmC,kBAFF;AAGAnC,IAAAA,CAAC,CAACoC,gBAHF;AAIApC,IAAAA,CAAC,CAACqC,gBAJF;AAKArC,IAAAA,CAAC,CAACsC,8BALF,CAHJ;;;AAWD,GA5JgC;;AA8JjCC,EAAAA,aA9JiC,yBA8JnBvC,CA9JmB,EA8JT;AACtB,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAACkC,gBADF;AAEAlC,IAAAA,CAAC,CAACoC,gBAFF;AAGApC,IAAAA,CAAC,CAACqC,gBAHF;AAIArC,IAAAA,CAAC,CAACsC,8BAJF,CADJ;;;AAQD,GAvKgC;;AAyKjCE,EAAAA,UAzKiC,sBAyKtBxC,CAzKsB,EAyKZ;AACnB,eAAOC,YAAP;AACmBD,IAAAA,CAAC,CAACyC,qBADrB;;AAGI;AACAzC,IAAAA,CAAC,CAAC0C,iBADF;AAEA1C,IAAAA,CAAC,CAAC2C,mBAFF;AAGA3C,IAAAA,CAAC,CAAC4C,iBAHF;AAIA5C,IAAAA,CAAC,CAAC6C,iBAJF;AAKA7C,IAAAA,CAAC,CAACsC,8BALF,CAHJ;;;AAWD,GArLgC;;AAuLjCQ,EAAAA,cAvLiC,0BAuLlB9C,CAvLkB,EAuLR;AACvB,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAAC0C,iBADF;AAEA1C,IAAAA,CAAC,CAAC4C,iBAFF;AAGA5C,IAAAA,CAAC,CAAC6C,iBAHF;AAIA7C,IAAAA,CAAC,CAACsC,8BAJF,CADJ;;;AAQD,GAhMgC;;AAkMjCS,EAAAA,SAlMiC,qBAkMvB/C,CAlMuB,EAkMb;AAClB,eAAOC,YAAP;AACmBD,IAAAA,CAAC,CAACgD,oBADrB;;AAGI;AACAhD,IAAAA,CAAC,CAACiD,gBADF;AAEAjD,IAAAA,CAAC,CAACkD,kBAFF;AAGAlD,IAAAA,CAAC,CAACmD,gBAHF;AAIAnD,IAAAA,CAAC,CAACoD,gBAJF;AAKApD,IAAAA,CAAC,CAACsC,8BALF,CAHJ;;;AAWD,GA9MgC;;AAgNjCe,EAAAA,aAhNiC,yBAgNnBrD,CAhNmB,EAgNT;AACtB,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAACiD,gBADF;AAEAjD,IAAAA,CAAC,CAACmD,gBAFF;AAGAnD,IAAAA,CAAC,CAACoD,gBAHF;AAIApD,IAAAA,CAAC,CAACsC,8BAJF,CADJ;;;AAQD,GAzNgC;;AA2NjCgB,EAAAA,iBA3NiC,6BA2NftD,CA3Ne,EA2NL;AAC1B,eAAOC,YAAP;AACkBD,IAAAA,CAAC,CAACQ,2BADpB;;AAGD,GA/NgC;;AAiOjC+C,EAAAA,kBAjOiC,8BAiOdvD,CAjOc,EAiOJ;AAC3B,eAAOC,YAAP;AACkBD,IAAAA,CAAC,CAACW,4BADpB;;AAGD,GArOgC;;AAuOjC6C,EAAAA,iBAvOiC,6BAuOfxD,CAvOe,EAuOL;AAC1B,eAAOC,YAAP;AACkBD,IAAAA,CAAC,CAACc,2BADpB;;AAGD,GA3OgC;;AA6OjC2C,EAAAA,4BA7OiC,wCA6OJzD,CA7OI,EA6OM;AACrC,eAAOC,YAAP;AACmBD,IAAAA,CAAC,CAACQ,2BADrB;;AAGD,GAjPgC;;AAmPjCkD,EAAAA,6BAnPiC,yCAmPH1D,CAnPG,EAmPO;AACtC,eAAOC,YAAP;AACmBD,IAAAA,CAAC,CAACW,4BADrB;;AAGD,GAvPgC;;AAyPjCgD,EAAAA,4BAzPiC,wCAyPJ3D,CAzPI,EAyPM;AACrC,eAAOC,YAAP;AACmBD,IAAAA,CAAC,CAACc,2BADrB;;AAGD,GA7PgC;;AA+PjC8C,EAAAA,IA/PiC,gBA+P5B5D,CA/P4B,EA+PlB;AACb,eAAOC,YAAP;;AAEmBD,IAAAA,CAAC,CAAC6D,mBAFrB;;;;AAMW7D,IAAAA,CAAC,CAAC8D,YANb;;;;;;;;AAca9D,IAAAA,CAAC,CAAC+D,iBAdf;AAeuB/D,IAAAA,CAAC,CAACgE,0BAfzB;;;;AAmBMC,IAAAA,YAAY,CAACL,IAAb,CAAkB5D,CAAlB,CAnBN;;;AAsBD,GAtRgC;;AAwRjCkE,EAAAA,cAxRiC,4BAwRhB;AACf,eAAOjE,YAAP;;;AAGD,GA5RgC;;AA8RjCkE,EAAAA,4BA9RiC,0CA8RF;AAC7B,eAAOlE,YAAP;;;;AAID,GAnSgC;;AAqSjCmE,EAAAA,SArSiC,qBAqSvBpE,CArSuB,EAqSb;AAClB,eAAOC,YAAP;;AAEaD,IAAAA,CAAC,CAAC8D,YAFf;AAGuB9D,IAAAA,CAAC,CAACgE,0BAHzB;;;AAMD,GA5SgC;;AA8SjCK,EAAAA,YA9SiC,wBA8SpBrE,CA9SoB,EA8SV;AACrB,eAAOC,YAAP;;;;;;;AAOaD,IAAAA,CAAC,CAACsE,oBAPf;;;AAUD,GAzTgC;;AA2TjCC,EAAAA,KA3TiC,iBA2T3BvE,CA3T2B,EA2TjB;AACd,eAAOC,YAAP;;;;;;;;AAQ8BD,IAAAA,CAAC,CAACuB,aARhC,EAQiDvB,CAAC,CAACwE,oBARnD;AAScxE,IAAAA,CAAC,CAACyE,mBAThB,EASuCzE,CAAC,CAAC0E,mBATzC;;;AAYD,GAxUgC;;AA0UjCC,EAAAA,QA1UiC,oBA0UxB3E,CA1UwB,EA0Ud;AACjB,eAAOC,YAAP;;;AAGsBD,IAAAA,CAAC,CAAC4E,cAHxB,EAG0C5E,CAAC,CAAC6E,sBAH5C;;;AAMsB7E,IAAAA,CAAC,CAAC8E,aANxB;AAOW9E,IAAAA,CAAC,CAAC+E,oBAPb;;AASK1F,IAAAA,aAAa,CAACC,WATnB;AAUkBU,IAAAA,CAAC,CAAC4E,cAVpB,EAU4C5E,CAAC,CAAC6E,sBAV9C;;;AAaD,GAxVgC;;AA0VjCG,EAAAA,YA1ViC,wBA0VpBhF,CA1VoB,EA0VV;AACrB,eAAOC,YAAP;AAC4BD,IAAAA,CAAC,CAACuB,aAD9B,EAC+CvB,CAAC,CAACwB,aADjD;;AAGI,mCAAkBxB,CAAC,CAACuB,aAApB,EAAmCvB,CAAC,CAACsB,qBAArC,EAA4DtB,CAAC,CAACqB,eAA9D,EAA+ErB,CAAC,CAACwB,aAAjF,CAHJ;;AAKD,GAhWgC;;AAkWjCyD,EAAAA,UAlWiC,sBAkWtBjF,CAlWsB,EAkWZ;AACnB,eAAOC,YAAP;AAC4BD,IAAAA,CAAC,CAACuB,aAD9B,EAC+CvB,CAAC,CAACwB,aADjD;;AAGI,mCAAkBxB,CAAC,CAACuB,aAApB,EAAmCvB,CAAC,CAAC0B,mBAArC,EAA0D1B,CAAC,CAACqB,eAA5D,EAA6ErB,CAAC,CAACwB,aAA/E,CAHJ;;AAKD,GAxWgC;;AA0WjC0D,EAAAA,UA1WiC,sBA0WtBlF,CA1WsB,EA0WZ;AACnB,eAAOC,YAAP;AAC4BD,IAAAA,CAAC,CAACuB,aAD9B,EAC+CvB,CAAC,CAACwE,oBADjD;;AAGI,mCAAkBxE,CAAC,CAACuB,aAApB,EAAmCvB,CAAC,CAAC0E,mBAArC,EAA0D1E,CAAC,CAACqB,eAA5D,EAA6ErB,CAAC,CAACwE,oBAA/E,CAHJ;;AAKD,GAhXgC;;AAkXjC/E,EAAAA,KAlXiC,mBAkXzB;AACN,eAAOQ,YAAP;;;;;;;;;AASKZ,IAAAA,aAAa,CAACC,WATnB;;;;;;;;;;;;;;;;;;;;;AA8B8B6F,yCA9B9B;;;;AAkCK9F,IAAAA,aAAa,CAACE,cAlCnB;;;;;;;;;;;;;;AAgDKF,IAAAA,aAAa,CAACG,iBAhDnB;;;;;;;;;;;;;;AA8DD,GAjbgC;;AAmbjC4F,EAAAA,SAnbiC,uBAmbrB;AACV,eAAOnF,YAAP;;;AAGD,GAvbgC;;AAybjCoF,EAAAA,aAzbiC,2BAybjB;AACd,eAAOpF,YAAP;;;;;;;;;;AAUD,GApcgC;;AAscjCqF,EAAAA,kBAtciC,8BAscdtF,CAtcc,EAscJ;AAC3B,eAAOC,YAAP;AACeD,IAAAA,CAAC,CAACQ,2BADjB,EACkDR,CAAC,CAACQ,2BADpD;AAEWR,IAAAA,CAAC,CAACO,gBAFb;;AAID,GA3cgC;;AA6cjCgF,EAAAA,mBA7ciC,+BA6cbvF,CA7ca,EA6cH;AAC5B,eAAOC,YAAP;AACeD,IAAAA,CAAC,CAACW,4BADjB,EACmDX,CAAC,CAACW,4BADrD;AAEWX,IAAAA,CAAC,CAACU,iBAFb;;AAID,GAldgC;;AAodjC8E,EAAAA,kBApdiC,8BAoddxF,CApdc,EAodJ;AAC3B,eAAOC,YAAP;AACeD,IAAAA,CAAC,CAACc,2BADjB,EACkDd,CAAC,CAACc,2BADpD;AAEWd,IAAAA,CAAC,CAACa,gBAFb;;AAID,GAzdgC;;AA2djC4E,EAAAA,aA3diC,2BA2djB;AACd,eAAOxF,YAAP;;;AAGD,GA/dgC;;AAiejCyF,EAAAA,OAjeiC,oBAiezB1F,CAjeyB,EAief;AAChB,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAAC2F,YADF;AAEA3F,IAAAA,CAAC,CAAC4F,iBAFF;AAGA5F,IAAAA,CAAC,CAAC6F,eAHF;AAIA7F,IAAAA,CAAC,CAAC8F,mBAJF;AAKA9F,IAAAA,CAAC,CAAC+F,qBALF;AAMA/F,IAAAA,CAAC,CAACgG,2BANF;AAOAhG,IAAAA,CAAC,CAAC4E,cAPF,CADJ;;;;AAYM;AACA5E,IAAAA,CAAC,CAACiG,iBADF;AAEAjG,IAAAA,CAAC,CAACkG,sBAFF;AAGAlG,IAAAA,CAAC,CAACmG,oBAHF;AAIAnG,IAAAA,CAAC,CAACoG,0BAJF;AAKApG,IAAAA,CAAC,CAACqG,gCALF;AAMArG,IAAAA,CAAC,CAAC4E,cANF,CAZN;;;;;AAuBMX,IAAAA,YAAY,CAACyB,OAAb,CAAqB1F,CAArB,CAvBN;;;AA0BD,GA5fgC;;AA8fjCsG,EAAAA,OA9fiC,mBA8fzBtG,CA9fyB,EA8ff;AAChB,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAACuG,YADF;AAEAvG,IAAAA,CAAC,CAACwG,iBAFF;AAGAxG,IAAAA,CAAC,CAACyG,eAHF;AAIAzG,IAAAA,CAAC,CAAC0G,mBAJF;AAKA1G,IAAAA,CAAC,CAAC2G,qBALF;AAMA3G,IAAAA,CAAC,CAAC4G,2BANF;AAOA5G,IAAAA,CAAC,CAAC4E,cAPF,CADJ;;;;AAYM;AACA5E,IAAAA,CAAC,CAAC6G,iBADF;AAEA7G,IAAAA,CAAC,CAAC8G,sBAFF;AAGA9G,IAAAA,CAAC,CAAC+G,oBAHF;AAIA/G,IAAAA,CAAC,CAACgH,0BAJF;AAKAhH,IAAAA,CAAC,CAACiH,gCALF;AAMAjH,IAAAA,CAAC,CAAC4E,cANF,CAZN;;;;;AAuBMX,IAAAA,YAAY,CAACqC,OAAb,CAAqBtG,CAArB,CAvBN;;;AA0BD,GAzhBgC;;AA2hBjCkH,EAAAA,OA3hBiC,mBA2hBzBlH,CA3hByB,EA2hBf;AAChB,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAACmH,YADF;AAEAnH,IAAAA,CAAC,CAACoH,iBAFF;AAGApH,IAAAA,CAAC,CAACqH,eAHF;AAIArH,IAAAA,CAAC,CAACsH,mBAJF;AAKAtH,IAAAA,CAAC,CAACuH,qBALF;AAMAvH,IAAAA,CAAC,CAACwH,2BANF;AAOAxH,IAAAA,CAAC,CAAC4E,cAPF,CADJ;;;;AAYM;AACA5E,IAAAA,CAAC,CAACyH,iBADF;AAEAzH,IAAAA,CAAC,CAAC0H,sBAFF;AAGA1H,IAAAA,CAAC,CAAC2H,oBAHF;AAIA3H,IAAAA,CAAC,CAAC4H,0BAJF;AAKA5H,IAAAA,CAAC,CAAC6H,gCALF;AAMA7H,IAAAA,CAAC,CAAC4E,cANF,CAZN;;;;;AAuBMX,IAAAA,YAAY,CAACiD,OAAb,CAAqBlH,CAArB,CAvBN;;;AA0BD,GAtjBgC;;AAwjBjC8H,EAAAA,MAxjBiC,kBAwjB1B9H,CAxjB0B,EAwjBhB;AACf,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAAC+H,WADF;AAEA/H,IAAAA,CAAC,CAACgI,gBAFF;AAGAhI,IAAAA,CAAC,CAACiI,cAHF;AAIAjI,IAAAA,CAAC,CAACkI,kBAJF;AAKAlI,IAAAA,CAAC,CAACmI,oBALF;AAMAnI,IAAAA,CAAC,CAACoI,0BANF;AAOApI,IAAAA,CAAC,CAAC4E,cAPF,CADJ;;;;AAYM;AACA5E,IAAAA,CAAC,CAACqI,gBADF;AAEArI,IAAAA,CAAC,CAACsI,qBAFF;AAGAtI,IAAAA,CAAC,CAACuI,mBAHF;AAIAvI,IAAAA,CAAC,CAACwI,yBAJF;AAKAxI,IAAAA,CAAC,CAACyI,+BALF;AAMAzI,IAAAA,CAAC,CAAC4E,cANF,CAZN;;;;;AAuBMX,IAAAA,YAAY,CAAC6D,MAAb,CAAoB9H,CAApB,CAvBN;;;AA0BD,GAnlBgC;;AAqlBjC0I,EAAAA,GArlBiC,eAqlB7B1I,CArlB6B,EAqlBnB;AACZ,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAAC2I,QADF;AAEA3I,IAAAA,CAAC,CAAC4I,aAFF;AAGA5I,IAAAA,CAAC,CAAC6I,WAHF;AAIA7I,IAAAA,CAAC,CAAC8I,eAJF;AAKA9I,IAAAA,CAAC,CAAC+I,iBALF;AAMA/I,IAAAA,CAAC,CAACgJ,uBANF;AAOAhJ,IAAAA,CAAC,CAAC4E,cAPF,CADJ;;;;AAYM;AACA5E,IAAAA,CAAC,CAACiJ,aADF;AAEAjJ,IAAAA,CAAC,CAACkJ,kBAFF;AAGAlJ,IAAAA,CAAC,CAACmJ,gBAHF;AAIAnJ,IAAAA,CAAC,CAACoJ,sBAJF;AAKApJ,IAAAA,CAAC,CAACqJ,4BALF;AAMArJ,IAAAA,CAAC,CAAC4E,cANF,CAZN;;;;;AAuBMX,IAAAA,YAAY,CAACyE,GAAb,CAAiB1I,CAAjB,CAvBN;;;AA0BD,GAhnBgC;;AAknBjCL,EAAAA,IAlnBiC,gBAknB5BK,CAlnB4B,EAknBlB;AACb,eAAOC,YAAP;;;;;AAKOZ,IAAAA,aAAa,CAACE,cALrB,EAKyCF,aAAa,CAACG,iBALvD;;;;;AAUI,gCAAeQ,CAAC,CAACsJ,SAAjB,EAA4B,EAA5B,EAAgC,EAAhC,EAAoCtJ,CAAC,CAACuJ,gBAAtC,EAAwDvJ,CAAC,CAACwJ,kBAA1D,EAA8E,EAA9E,EAAkFxJ,CAAC,CAAC4E,cAApF,CAVJ;;;AAaM,kCAAiB5E,CAAC,CAACyJ,cAAnB,EAAmC,EAAnC,EAAuC,EAAvC,EAA2CzJ,CAAC,CAAC0J,uBAA7C,EAAsE,EAAtE,EAA0E1J,CAAC,CAAC4E,cAA5E,CAbN;;;;AAiBMX,IAAAA,YAAY,CAACtE,IAAb,CAAkBK,CAAlB,CAjBN;;;AAoBD,GAvoBgC;;AAyoBjC2J,EAAAA,QAzoBiC,oBAyoBxB3J,CAzoBwB,EAyoBd;AACjB,eAAOC,YAAP;AACI;AACAD,IAAAA,CAAC,CAAC4J,aADF;AAEA,MAFA;AAGA,MAHA;AAIA5J,IAAAA,CAAC,CAAC6J,oBAJF;AAKA7J,IAAAA,CAAC,CAAC8J,sBALF;AAMA,MANA;AAOA9J,IAAAA,CAAC,CAAC4E,cAPF,CADJ;;;AAWW5E,IAAAA,CAAC,CAAC8F,mBAXb;;;;AAeM,kCAAiB9F,CAAC,CAAC+J,kBAAnB,EAAuC,EAAvC,EAA2C,EAA3C,EAA+C/J,CAAC,CAACgK,2BAAjD,EAA8E,EAA9E,EAAkFhK,CAAC,CAAC4E,cAApF,CAfN;;;;AAmBMX,IAAAA,YAAY,CAAC0F,QAAb,CAAsB3J,CAAtB,CAnBN;;;AAsBD,GAhqBgC;;AAkqBjCiK,EAAAA,OAlqBiC,mBAkqBzBjK,CAlqByB,EAkqBf;AAChB,QAAMkK,aAAa;;AAEGlK,IAAAA,CAAC,CAAC4E,cAFL,SAEuB5E,CAAC,CAACmK,4BAFzB;AAGGnK,IAAAA,CAAC,CAACoK,YAHL;AAIRpK,IAAAA,CAAC,CAACqK,mBAJM;;AAMdhL,IAAAA,aAAa,CAACO,WANA;AAODI,IAAAA,CAAC,CAACsK,gBAPD;;;AAUdjL,IAAAA,aAAa,CAACC,WAVA;AAWDU,IAAAA,CAAC,CAAC4E,cAXD,aAWuB5E,CAAC,CAACmK,4BAXzB;;AAaX9K,IAAAA,aAAa,CAACE,cAbH;AAcOS,IAAAA,CAAC,CAACuK,sBAdT,gCAAnB;;;;;AAmBA,eAAOtK,YAAP;AACIiK,IAAAA,aADJ;;;;;AAMMA,IAAAA,aANN;;;AASD,GA/rBgC;;AAisBjCM,EAAAA,WAjsBiC,uBAisBrBxK,CAjsBqB,EAisBX;AACpB,QAAMkK,aAAa;;AAEGlK,IAAAA,CAAC,CAAC4E,cAFL,SAEuB5E,CAAC,CAACmK,4BAFzB;AAGGnK,IAAAA,CAAC,CAACoK,YAHL;AAIRpK,IAAAA,CAAC,CAACqK,mBAJM;;AAMdhL,IAAAA,aAAa,CAACO,WANA;AAODI,IAAAA,CAAC,CAACsK,gBAPD;;;AAUdjL,IAAAA,aAAa,CAACC,WAVA;AAWDU,IAAAA,CAAC,CAAC4E,cAXD,aAWuB5E,CAAC,CAACmK,4BAXzB;;AAaX9K,IAAAA,aAAa,CAACE,cAbH;AAcOS,IAAAA,CAAC,CAACuK,sBAdT;;;;;AAmBNvK,IAAAA,CAAC,CAACqK,mBAnBI;;;AAsBNrK,IAAAA,CAAC,CAACqK,mBAtBI,gCAAnB;;;;AA0BA,eAAOpK,YAAP;AACIiK,IAAAA,aADJ;;;;;AAMMA,IAAAA,aANN;;;AASD,GAruBgC;;AAuuBjCO,EAAAA,cAvuBiC,0BAuuBlBzK,CAvuBkB,EAuuBR;AACvB,eAAOC,YAAP;;;AAG8BD,IAAAA,CAAC,CAACuB,aAHhC,EAGiDvB,CAAC,CAACwE,oBAHnD;AAIcxE,IAAAA,CAAC,CAACyE,mBAJhB,EAIuCzE,CAAC,CAAC0E,mBAJzC;AAKoB1E,IAAAA,CAAC,CAAC0E,mBALtB;;;AAQD,GAhvBgC;;AAkvBjCgG,EAAAA,eAlvBiC,2BAkvBjB1K,CAlvBiB,EAkvBP;AACxB,eAAOC,YAAP;AACsBD,IAAAA,CAAC,CAAC4E,cADxB,EAC0C5E,CAAC,CAAC2K,6BAD5C;AAEsB3K,IAAAA,CAAC,CAAC4K,oBAFxB;AAGW5K,IAAAA,CAAC,CAAC6K,uBAHb;;AAKKxL,IAAAA,aAAa,CAACO,WALnB;AAMkBI,IAAAA,CAAC,CAAC8K,wBANpB;;;AASKzL,IAAAA,aAAa,CAACC,WATnB;AAUkBU,IAAAA,CAAC,CAAC4E,cAVpB,EAU0C5E,CAAC,CAAC2K,6BAV5C;;AAYQtL,IAAAA,aAAa,CAACE,cAZtB;;;;;AAiBD,GApwBgC;;AAswBjCwL,EAAAA,mBAtwBiC,+BAswBb/K,CAtwBa,EAswBH;AAC5B,eAAOC,YAAP;;AAEaD,IAAAA,CAAC,CAAC6K,uBAFf;;;AAKD,GA5wBgC;;AA8wBjCnL,EAAAA,OA9wBiC,qBA8wBvB;AACR,eAAOO,YAAP;;;;;;;AAOD,GAtxBgC;;AAwxBjC+K,EAAAA,WAxxBiC,yBAwxBnB;AACZ,eAAO/K,YAAP;;;;AAID,GA7xBgC;;AA+xBjCgL,EAAAA,iBA/xBiC,+BA+xBb;AAClB,eAAOhL,YAAP;;;AAGD,GAnyBgC;;AAqyBjCiL,EAAAA,eAryBiC,6BAqyBf;AAChB,eAAOjL,YAAP;;;AAGD,GAzyBgC;;AA2yBjCkL,EAAAA,IA3yBiC,gBA2yB5BnL,CA3yB4B,EA2yBlB;AACb,eAAOC,YAAP;;;;AAIaD,IAAAA,CAAC,CAAC4E,cAJf;;AAMD,GAlzBgC;;AAozBjCwG,EAAAA,SApzBiC,qBAozBvBpL,CApzBuB,EAozBb;AAClB,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACqL,cADd;;AAGD,GAxzBgC;;AA0zBjCC,EAAAA,UA1zBiC,sBA0zBtBtL,CA1zBsB,EA0zBZ;AACnB,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACuL,eADd;;AAGD,GA9zBgC;;AAg0BjCC,EAAAA,SAh0BiC,qBAg0BvBxL,CAh0BuB,EAg0Bb;AAClB,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACyL,cADd;;AAGD,GAp0BgC;;AAs0BjCC,EAAAA,MAt0BiC,oBAs0BxB;AACP,eAAOzL,YAAP;;;;AAID,GA30BgC;;AA60BjC0L,EAAAA,SA70BiC,uBA60BrB;AACV,eAAO1L,YAAP;;;;AAID,GAl1BgC;;AAo1BjC2L,EAAAA,cAp1BiC,4BAo1BhB;AACf,eAAO3L,YAAP;;;AAGD,GAx1BgC;;AA01BjC4L,EAAAA,iBA11BiC,+BA01Bb;AAClB,eAAO5L,YAAP;;;AAGD,GA91BgC;;AAg2BjC6L,EAAAA,QAh2BiC,oBAg2BxB9L,CAh2BwB,EAg2Bd;AACjB,eAAOC,YAAP;AACkBD,IAAAA,CAAC,CAAC+L,sBADpB;;AAGD,GAp2BgC;;AAs2BjCC,EAAAA,QAt2BiC,sBAs2BtB;AACT,eAAO/L,YAAP;;;AAGD,GA12BgC;;AA42BjCgM,EAAAA,SA52BiC,uBA42BrB;AACV,eAAOhM,YAAP;;;AAGD,GAh3BgC;;AAk3BjCiM,EAAAA,aAl3BiC,2BAk3BjB;AACd,eAAOjM,YAAP;;;;AAID,GAv3BgC;;AAy3BjCJ,EAAAA,IAz3BiC,kBAy3B1B;AACL,eAAOI,YAAP;;;AAGD,GA73BgC;AA83BjCkM,EAAAA,SA93BiC,qBA83BvBnM,CA93BuB,EA83Bb;AAClB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACO,gBADb;AAEkBP,IAAAA,CAAC,CAACoM,eAFpB;;AAID,GAn4BgC;AAo4BjCC,EAAAA,UAp4BiC,sBAo4BtBrM,CAp4BsB,EAo4BZ;AACnB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACU,iBADb;AAEkBV,IAAAA,CAAC,CAACsM,gBAFpB;;AAID,GAz4BgC;AA04BjCC,EAAAA,SA14BiC,qBA04BvBvM,CA14BuB,EA04Bb;AAClB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACa,gBADb;AAEkBb,IAAAA,CAAC,CAACwM,eAFpB;;AAID,GA/4BgC;;AAi5BjCC,EAAAA,UAj5BiC,wBAi5BpB;AACX,eAAOxM,YAAP;;;;;AAKOZ,IAAAA,aAAa,CAACE,cALrB,EAKyCF,aAAa,CAACG,iBALvD;;;;;AAUD,GA55BgC;;AA85BjCkN,EAAAA,cA95BiC,4BA85BhB;AACf,eAAOzM,YAAP;;;;;;;AAOD,GAt6BgC;;AAw6BjC0M,EAAAA,OAx6BiC,qBAw6BvB;AACR,eAAO1M,YAAP;;;;;;;;;;;;AAYD,GAr7BgC;;AAu7BjC2M,EAAAA,gBAv7BiC,8BAu7Bd;AACjB,eAAO3M,YAAP;;;AAGD,GA37BgC,EAAb,CAAf,C;;;AA87BA,IAAMgE,YAAY,GAAG,2BAAa;AACvCyB,EAAAA,OADuC,oBAC/B1F,CAD+B,EACrB;AAChB,eAAOC,YAAP;;AAEM;AACAD,IAAAA,CAAC,CAAC6M,kBADF;AAEA7M,IAAAA,CAAC,CAAC8M,sBAFF;AAGA9M,IAAAA,CAAC,CAAC+M,2BAHF;AAIA/M,IAAAA,CAAC,CAACgN,8BAJF;AAKAhN,IAAAA,CAAC,CAAC4E,cALF;AAMA5E,IAAAA,CAAC,CAACiN,qBANF,CAFN;;;;AAYD,GAdsC;;AAgBvC3G,EAAAA,OAhBuC,mBAgB/BtG,CAhB+B,EAgBrB;AAChB,eAAOC,YAAP;;AAEM;AACAD,IAAAA,CAAC,CAACkN,kBADF;AAEAlN,IAAAA,CAAC,CAACmN,sBAFF;AAGAnN,IAAAA,CAAC,CAACoN,2BAHF;AAIApN,IAAAA,CAAC,CAACqN,8BAJF;AAKArN,IAAAA,CAAC,CAAC4E,cALF;AAMA5E,IAAAA,CAAC,CAACiN,qBANF,CAFN;;;;AAYD,GA7BsC;;AA+BvC/F,EAAAA,OA/BuC,mBA+B/BlH,CA/B+B,EA+BrB;AAChB,eAAOC,YAAP;;AAEM;AACAD,IAAAA,CAAC,CAACsN,kBADF;AAEAtN,IAAAA,CAAC,CAACuN,sBAFF;AAGAvN,IAAAA,CAAC,CAACwN,2BAHF;AAIAxN,IAAAA,CAAC,CAACyN,8BAJF;AAKAzN,IAAAA,CAAC,CAAC4E,cALF;AAMA5E,IAAAA,CAAC,CAACiN,qBANF,CAFN;;;;AAYD,GA5CsC;;AA8CvCnF,EAAAA,MA9CuC,kBA8ChC9H,CA9CgC,EA8CtB;AACf,eAAOC,YAAP;;AAEM;AACAD,IAAAA,CAAC,CAAC0N,iBADF;AAEA1N,IAAAA,CAAC,CAAC2N,qBAFF;AAGA3N,IAAAA,CAAC,CAAC4N,0BAHF;AAIA5N,IAAAA,CAAC,CAAC6N,6BAJF;AAKA7N,IAAAA,CAAC,CAAC4E,cALF;AAMA5E,IAAAA,CAAC,CAACiN,qBANF,CAFN;;;;AAYD,GA3DsC;;AA6DvCvE,EAAAA,GA7DuC,eA6DnC1I,CA7DmC,EA6DzB;AACZ,eAAOC,YAAP;;AAEM;AACAD,IAAAA,CAAC,CAAC8N,cADF;AAEA9N,IAAAA,CAAC,CAAC+N,kBAFF;AAGA/N,IAAAA,CAAC,CAACgO,uBAHF;AAIAhO,IAAAA,CAAC,CAACiO,0BAJF;AAKAjO,IAAAA,CAAC,CAAC4E,cALF;AAMA5E,IAAAA,CAAC,CAACiN,qBANF,CAFN;;;;AAYD,GA1EsC;;AA4EvCrJ,EAAAA,IA5EuC,gBA4ElC5D,CA5EkC,EA4ExB;AACb,eAAOC,YAAP;;AAEaD,IAAAA,CAAC,CAACkO,kBAFf;;;AAKD,GAlFsC;;AAoFvCvO,EAAAA,IApFuC,gBAoFlCK,CApFkC,EAoFxB;AACb,eAAOC,YAAP;;;AAGkBD,IAAAA,CAAC,CAACmO,eAHpB;;;AAMD,GA3FsC;;AA6FvCxE,EAAAA,QA7FuC,oBA6F9B3J,CA7F8B,EA6FpB;AACjB,eAAOC,YAAP;;;AAGkBD,IAAAA,CAAC,CAACoO,mBAHpB;;;AAMD,GApGsC,EAAb,CAArB,C","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton, resetText } from '../../lib/styles/Mixins';\nimport { isFirefox } from '../../lib/client';\n\nimport {\n buttonUseMixin,\n buttonHoverMixin,\n buttonActiveMixin,\n buttonSizeMixin,\n arrowOutlineMixin,\n buttonSizeMixinIE11,\n} from './Button.mixins';\n\nexport const globalClasses = prefix('button')({\n arrowHelper: 'arrow-helper',\n arrowHelperTop: 'arrow-helper-top',\n arrowHelperBottom: 'arrow-helper-bottom',\n arrow: 'arrow',\n caption: 'caption',\n text: 'text',\n innerShadow: 'inner-shadow',\n icon: 'icon',\n});\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n ${resetButton()};\n ${resetText()};\n\n background-clip: ${t.btnBackgroundClip};\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n cursor: pointer;\n display: inline-block;\n position: relative;\n text-align: center;\n width: 100%;\n height: 100%; // fix height in ie11\n\n .${globalClasses.innerShadow} {\n content: '';\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n }\n\n &::-moz-focus-inner {\n border: 0;\n padding: 0;\n }\n &::after {\n content: '';\n display: inline-block;\n vertical-align: baseline;\n width: 0;\n }\n\n &:hover:enabled svg {\n color: ${t.btnIconHoverColor};\n }\n &:disabled svg {\n color: ${t.btnIconDisabledColor};\n }\n &:enabled svg {\n color: ${t.btnIconColor};\n }\n `;\n },\n\n withArrowIconRightSmall(t: Theme) {\n return css`\n padding-right: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingLeftSmall} + ${t.btnWithIconPaddingLeftSmall});\n `;\n },\n\n withArrowIconRightMedium(t: Theme) {\n return css`\n padding-right: calc(\n ${t.btnIconSizeMedium} + ${t.btnWithIconPaddingLeftMedium} + ${t.btnWithIconPaddingLeftMedium}\n );\n `;\n },\n\n withArrowIconRightLarge(t: Theme) {\n return css`\n padding-right: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLeftLarge} + ${t.btnWithIconPaddingLeftLarge});\n `;\n },\n\n withArrowIconLeftSmall(t: Theme) {\n return css`\n padding-left: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingLeftSmall} + ${t.btnWithIconPaddingLeftSmall});\n `;\n },\n\n withArrowIconLeftMedium(t: Theme) {\n return css`\n padding-left: calc(\n ${t.btnIconSizeMedium} + ${t.btnWithIconPaddingLeftMedium} + ${t.btnWithIconPaddingLeftMedium}\n );\n `;\n },\n\n withArrowIconLeftLarge(t: Theme) {\n return css`\n padding-left: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLeftLarge} + ${t.btnWithIconPaddingLeftLarge});\n `;\n },\n\n simulatedPress() {\n return css`\n &:active .${globalClasses.caption} {\n transform: translateY(1px);\n }\n `;\n },\n\n outline() {\n return css`\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n `;\n },\n\n outlineWarning(t: Theme) {\n return css`\n box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorWarning},\n inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n `;\n },\n\n outlineError(t: Theme) {\n return css`\n box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorError}, inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n `;\n },\n\n outlineLink() {\n return css`\n box-shadow: none;\n left: -2px;\n right: -2px;\n bottom: -2px;\n top: -2px;\n `;\n },\n\n outlineLinkWarning(t: Theme) {\n return css`\n background-color: ${t.btnWarningSecondary};\n `;\n },\n\n outlineLinkError(t: Theme) {\n return css`\n background-color: ${t.btnErrorSecondary};\n `;\n },\n\n sizeSmall(t: Theme) {\n return css`\n border-radius: ${t.btnBorderRadiusSmall};\n\n ${buttonSizeMixin(\n t.btnFontSizeSmall,\n t.btnLineHeightSmall,\n t.btnPaddingXSmall,\n t.btnPaddingYSmall,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeSmallIE11(t: Theme) {\n return css`\n ${buttonSizeMixinIE11(\n t.btnFontSizeSmall,\n t.btnPaddingXSmall,\n t.btnPaddingYSmall,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeMedium(t: Theme) {\n return css`\n border-radius: ${t.btnBorderRadiusMedium};\n\n ${buttonSizeMixin(\n t.btnFontSizeMedium,\n t.btnLineHeightMedium,\n t.btnPaddingXMedium,\n t.btnPaddingYMedium,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeMediumIE11(t: Theme) {\n return css`\n ${buttonSizeMixinIE11(\n t.btnFontSizeMedium,\n t.btnPaddingXMedium,\n t.btnPaddingYMedium,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeLarge(t: Theme) {\n return css`\n border-radius: ${t.btnBorderRadiusLarge};\n\n ${buttonSizeMixin(\n t.btnFontSizeLarge,\n t.btnLineHeightLarge,\n t.btnPaddingXLarge,\n t.btnPaddingYLarge,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeLargeIE11(t: Theme) {\n return css`\n ${buttonSizeMixinIE11(\n t.btnFontSizeLarge,\n t.btnPaddingXLarge,\n t.btnPaddingYLarge,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeSmallWithIcon(t: Theme) {\n return css`\n padding-left: ${t.btnWithIconPaddingLeftSmall};\n `;\n },\n\n sizeMediumWithIcon(t: Theme) {\n return css`\n padding-left: ${t.btnWithIconPaddingLeftMedium};\n `;\n },\n\n sizeLargeWithIcon(t: Theme) {\n return css`\n padding-left: ${t.btnWithIconPaddingLeftLarge};\n `;\n },\n\n sizeSmallWithIconWithoutText(t: Theme) {\n return css`\n padding-right: ${t.btnWithIconPaddingLeftSmall};\n `;\n },\n\n sizeMediumWithIconWithoutText(t: Theme) {\n return css`\n padding-right: ${t.btnWithIconPaddingLeftMedium};\n `;\n },\n\n sizeLargeWithIconWithoutText(t: Theme) {\n return css`\n padding-right: ${t.btnWithIconPaddingLeftLarge};\n `;\n },\n\n link(t: Theme) {\n return css`\n background: none;\n border-radius: ${t.btnLinkBorderRadius};\n border: none;\n box-shadow: none;\n white-space: nowrap;\n color: ${t.btnLinkColor};\n display: inline;\n margin: 0;\n padding: 0 !important; // override size mixin\n height: auto !important; // override size mixin\n\n &:hover:enabled,\n &:active:enabled {\n color: ${t.btnLinkHoverColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n }\n\n &:active:enabled {\n ${activeStyles.link(t)}\n }\n `;\n },\n\n linkLineHeight() {\n return css`\n line-height: inherit !important; // override size mixin\n `;\n },\n\n linkLineHeightSafariFallback() {\n return css`\n /* Safari overrides 'underline' and 'border' if 'line-height' is used */\n margin: -1px 0 -2px;\n `;\n },\n\n linkFocus(t: Theme) {\n return css`\n & {\n color: ${t.btnLinkColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n }\n `;\n },\n\n linkDisabled(t: Theme) {\n return css`\n cursor: default;\n pointer-events: none;\n\n &,\n &:hover:enabled,\n &:active:enabled {\n color: ${t.btnLinkDisabledColor};\n }\n `;\n },\n\n focus(t: Theme) {\n return css`\n position: relative;\n z-index: 2;\n\n &,\n &:hover:enabled,\n &:active:enabled,\n &:active:hover:enabled {\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important; // override root:hover style\n }\n `;\n },\n\n disabled(t: Theme) {\n return css`\n cursor: default;\n pointer-events: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBorderColor};\n\n background-image: none;\n background-color: ${t.btnDisabledBg};\n color: ${t.btnDisabledTextColor};\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 0 ${t.btnDisabledBorderColor};\n }\n `;\n },\n\n arrowWarning(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorWarning, t.btnOutlineWidth, t.btnInsetColor)}\n `;\n },\n\n arrowError(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorError, t.btnOutlineWidth, t.btnInsetColor)}\n `;\n },\n\n arrowFocus(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorFocus, t.btnOutlineWidth, t.btnOutlineColorFocus)}\n `;\n },\n\n arrow() {\n return css`\n background: inherit;\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n\n .${globalClasses.arrowHelper} {\n width: 100%;\n height: 50%;\n position: absolute;\n left: 0;\n background: inherit;\n background-size: 200% 200%;\n border-radius: inherit;\n background-clip: padding-box;\n\n // fix ugly arrow edge\n &:before {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background: inherit;\n border-radius: inherit;\n transform: translateX(${isFirefox ? `0.2px` : `0.3px`});\n }\n }\n\n .${globalClasses.arrowHelperTop} {\n top: 0;\n transform: skewX(30deg);\n transform-origin: top;\n background-position-y: top;\n border-bottom-right-radius: 1px;\n\n // fix ugly line in the\n // middle of the button\n &:before {\n bottom: -1px;\n }\n }\n\n .${globalClasses.arrowHelperBottom} {\n bottom: 0;\n transform: skewX(-30deg);\n transform-origin: bottom;\n background-position-y: bottom;\n border-top-right-radius: 1px;\n\n // fix ugly line in the\n // middle of the button\n &:before {\n top: -1px;\n }\n }\n `;\n },\n\n arrowLeft() {\n return css`\n transform: scaleX(-1);\n `;\n },\n\n arrowIconRoot() {\n return css`\n position: absolute;\n height: 100%;\n top: 0;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: content-box;\n `;\n },\n\n arrowIconRootSmall(t: Theme) {\n return css`\n padding: 0 ${t.btnWithIconPaddingLeftSmall} 0 ${t.btnWithIconPaddingLeftSmall};\n width: ${t.btnIconSizeSmall};\n `;\n },\n\n arrowIconRootMedium(t: Theme) {\n return css`\n padding: 0 ${t.btnWithIconPaddingLeftMedium} 0 ${t.btnWithIconPaddingLeftMedium};\n width: ${t.btnIconSizeMedium};\n `;\n },\n\n arrowIconRootLarge(t: Theme) {\n return css`\n padding: 0 ${t.btnWithIconPaddingLeftLarge} 0 ${t.btnWithIconPaddingLeftLarge};\n width: ${t.btnIconSizeLarge};\n `;\n },\n\n arrowIconLeft() {\n return css`\n left: 0;\n `;\n },\n\n default(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnDefaultBg,\n t.btnDefaultBgStart,\n t.btnDefaultBgEnd,\n t.btnDefaultTextColor,\n t.btnDefaultBorderColor,\n t.btnDefaultBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnDefaultHoverBg,\n t.btnDefaultHoverBgStart,\n t.btnDefaultHoverBgEnd,\n t.btnDefaultHoverBorderColor,\n t.btnDefaultHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.default(t)};\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnPrimaryBg,\n t.btnPrimaryBgStart,\n t.btnPrimaryBgEnd,\n t.btnPrimaryTextColor,\n t.btnPrimaryBorderColor,\n t.btnPrimaryBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnPrimaryHoverBg,\n t.btnPrimaryHoverBgStart,\n t.btnPrimaryHoverBgEnd,\n t.btnPrimaryHoverBorderColor,\n t.btnPrimaryHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.primary(t)}\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnSuccessBg,\n t.btnSuccessBgStart,\n t.btnSuccessBgEnd,\n t.btnSuccessTextColor,\n t.btnSuccessBorderColor,\n t.btnSuccessBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnSuccessHoverBg,\n t.btnSuccessHoverBgStart,\n t.btnSuccessHoverBgEnd,\n t.btnSuccessHoverBorderColor,\n t.btnSuccessHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.success(t)}\n }\n `;\n },\n\n danger(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnDangerBg,\n t.btnDangerBgStart,\n t.btnDangerBgEnd,\n t.btnDangerTextColor,\n t.btnDangerBorderColor,\n t.btnDangerBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnDangerHoverBg,\n t.btnDangerHoverBgStart,\n t.btnDangerHoverBgEnd,\n t.btnDangerHoverBorderColor,\n t.btnDangerHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.danger(t)}\n }\n `;\n },\n\n pay(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnPayBg,\n t.btnPayBgStart,\n t.btnPayBgEnd,\n t.btnPayTextColor,\n t.btnPayBorderColor,\n t.btnPayBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:hover:enabled {\n ${buttonHoverMixin(\n t.btnPayHoverBg,\n t.btnPayHoverBgStart,\n t.btnPayHoverBgEnd,\n t.btnPayHoverBorderColor,\n t.btnPayHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active:enabled {\n ${activeStyles.pay(t)}\n }\n `;\n },\n\n text(t: Theme) {\n return css`\n &,\n &:enabled,\n &:hover:enabled {\n box-shadow: none;\n .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n box-shadow: none;\n }\n }\n\n ${buttonUseMixin(t.btnTextBg, '', '', t.btnTextTextColor, t.btnTextBorderColor, '', t.btnBorderWidth)};\n\n &:hover:enabled {\n ${buttonHoverMixin(t.btnTextHoverBg, '', '', t.btnTextHoverBorderColor, '', t.btnBorderWidth)};\n }\n\n &:active:enabled {\n ${activeStyles.text(t)}\n }\n `;\n },\n\n backless(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnBacklessBg,\n '',\n '',\n t.btnBacklessTextColor,\n t.btnBacklessBorderColor,\n '',\n t.btnBorderWidth,\n )};\n\n color: ${t.btnDefaultTextColor};\n background: transparent;\n\n &:hover:enabled {\n ${buttonHoverMixin(t.btnBacklessHoverBg, '', '', t.btnBacklessHoverBorderColor, '', t.btnBorderWidth)};\n }\n\n &:active:enabled {\n ${activeStyles.backless(t)}\n }\n `;\n },\n\n checked(t: Theme) {\n const checkedStyles = `\n background-image: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDefaultCheckedBorderColor};\n background-color: ${t.btnCheckedBg};\n color: ${t.btnCheckedTextColor};\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: ${t.btnArrowBgImageChecked};\n }\n }\n `;\n\n return css`\n ${checkedStyles}\n\n &:hover:enabled,\n &:active:enabled,\n &:hover:active:enabled {\n ${checkedStyles}\n }\n `;\n },\n\n checked2022(t: Theme) {\n const checkedStyles = `\n background-image: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDefaultCheckedBorderColor} !important;\n background-color: ${t.btnCheckedBg} !important;\n color: ${t.btnCheckedTextColor} !important;\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: ${t.btnArrowBgImageChecked};\n }\n }\n\n :enabled svg {\n color: ${t.btnCheckedTextColor} !important;\n }\n :hover:enabled svg {\n color: ${t.btnCheckedTextColor} !important;\n }\n `;\n\n return css`\n ${checkedStyles}\n\n &:hover:enabled,\n &:active:enabled,\n &:hover:active:enabled {\n ${checkedStyles}\n }\n `;\n },\n\n checkedFocused(t: Theme) {\n return css`\n &:hover:enabled,\n &:hover:active:enabled {\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important;\n border-color: ${t.btnBorderColorFocus} !important;\n }\n `;\n },\n\n checkedDisabled(t: Theme) {\n return css`\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnCheckedDisabledBorderColor};\n background-color: ${t.btnCheckedDisabledBg};\n color: ${t.btnCheckedDisabledColor};\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedDisabledShadow};\n }\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnCheckedDisabledBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: none;\n }\n }\n `;\n },\n\n checkedDisabled2022(t: Theme) {\n return css`\n svg {\n color: ${t.btnCheckedDisabledColor} !important;\n }\n `;\n },\n\n caption() {\n return css`\n position: relative;\n white-space: nowrap;\n display: inline-block;\n width: 100%;\n vertical-align: top;\n `;\n },\n\n captionLink() {\n return css`\n display: inline;\n transform: none !important; // override root:active style\n `;\n },\n\n captionTranslated() {\n return css`\n transform: translateY(1px);\n `;\n },\n\n captionDisabled() {\n return css`\n transform: none !important; // override root:active style\n `;\n },\n\n wrap(t: Theme) {\n return css`\n box-sizing: border-box;\n display: inline-block;\n line-height: normal;\n padding: ${t.btnBorderWidth};\n `;\n },\n\n wrapSmall(t: Theme) {\n return css`\n height: ${t.btnHeightSmall};\n `;\n },\n\n wrapMedium(t: Theme) {\n return css`\n height: ${t.btnHeightMedium};\n `;\n },\n\n wrapLarge(t: Theme) {\n return css`\n height: ${t.btnHeightLarge};\n `;\n },\n\n narrow() {\n return css`\n padding-left: 5px;\n padding-right: 5px;\n `;\n },\n\n noPadding() {\n return css`\n padding-left: 0;\n padding-right: 0;\n `;\n },\n\n noRightPadding() {\n return css`\n padding-right: 0;\n `;\n },\n\n iconNoRightMargin() {\n return css`\n margin-right: 0;\n `;\n },\n\n iconLink(t: Theme) {\n return css`\n margin-right: ${t.btnLinkIconMarginRight};\n `;\n },\n\n wrapLink() {\n return css`\n padding: 0;\n `;\n },\n\n wrapArrow() {\n return css`\n margin-right: 10px;\n `;\n },\n\n wrapArrowLeft() {\n return css`\n margin-right: 0;\n margin-left: 10px;\n `;\n },\n\n icon() {\n return css`\n display: inline-block;\n `;\n },\n iconSmall(t: Theme) {\n return css`\n width: ${t.btnIconSizeSmall};\n margin-right: ${t.btnIconGapSmall};\n `;\n },\n iconMedium(t: Theme) {\n return css`\n width: ${t.btnIconSizeMedium};\n margin-right: ${t.btnIconGapMedium};\n `;\n },\n iconLarge(t: Theme) {\n return css`\n width: ${t.btnIconSizeLarge};\n margin-right: ${t.btnIconGapLarge};\n `;\n },\n\n borderless() {\n return css`\n &:enabled,\n &:active:hover:enabled,\n &:hover:enabled {\n box-shadow: none !important; // override root:hover style\n .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n box-shadow: none !important; // override root:hover style\n }\n }\n `;\n },\n\n borderless2022() {\n return css`\n &,\n &:active:hover,\n &:hover {\n box-shadow: none !important; // override root:hover style\n }\n `;\n },\n\n loading() {\n return css`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n border-radius: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n `;\n },\n\n visibilityHidden() {\n return css`\n visibility: hidden;\n `;\n },\n});\n\nexport const activeStyles = memoizeStyle({\n default(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnDefaultActiveBg,\n t.btnDefaultActiveShadow,\n t.btnDefaultActiveBorderColor,\n t.btnDefaultActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnPrimaryActiveBg,\n t.btnPrimaryActiveShadow,\n t.btnPrimaryActiveBorderColor,\n t.btnPrimaryActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnSuccessActiveBg,\n t.btnSuccessActiveShadow,\n t.btnSuccessActiveBorderColor,\n t.btnSuccessActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n danger(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnDangerActiveBg,\n t.btnDangerActiveShadow,\n t.btnDangerActiveBorderColor,\n t.btnDangerActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n pay(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnPayActiveBg,\n t.btnPayActiveShadow,\n t.btnPayActiveBorderColor,\n t.btnPayActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n link(t: Theme) {\n return css`\n & {\n color: ${t.btnLinkActiveColor};\n }\n `;\n },\n\n text(t: Theme) {\n return css`\n &,\n &:hover {\n background: ${t.btnTextActiveBg};\n }\n `;\n },\n\n backless(t: Theme) {\n return css`\n &,\n &:hover {\n background: ${t.btnBacklessActiveBg};\n }\n `;\n },\n});\n"]}