@skbkontur/react-ui 5.2.0 → 5.3.0

package/components/Autocomplete/getAutocompleteTheme.d.ts

@@ -1,2 +1,2 @@
-import type { Theme } from '../../lib/theming/Theme';
-export declare const getAutocompleteTheme: (theme: Theme) => Theme;
+import type { Theme } from '../../lib/theming/Theme';
+export declare const getAutocompleteTheme: (theme: Theme) => Theme;

package/components/Autocomplete/index.d.ts

@@ -1 +1 @@
-export * from './Autocomplete';
+export * from './Autocomplete';

package/components/Autocomplete/locale/index.d.ts

@@ -1,4 +1,4 @@
-import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
-import type { AutocompleteLocale } from './types';
-export * from './types';
-export declare const AutocompleteLocaleHelper: LocaleHelper<AutocompleteLocale>;
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
+import type { AutocompleteLocale } from './types';
+export * from './types';
+export declare const AutocompleteLocaleHelper: LocaleHelper<AutocompleteLocale>;

package/components/Autocomplete/locale/locales/en.d.ts

@@ -1,2 +1,2 @@
-import type { AutocompleteLocale } from '../types';
-export declare const componentsLocales: AutocompleteLocale;
+import type { AutocompleteLocale } from '../types';
+export declare const componentsLocales: AutocompleteLocale;

package/components/Autocomplete/locale/locales/ru.d.ts

@@ -1,2 +1,2 @@
-import type { AutocompleteLocale } from '../types';
-export declare const componentsLocales: AutocompleteLocale;
+import type { AutocompleteLocale } from '../types';
+export declare const componentsLocales: AutocompleteLocale;

package/components/Autocomplete/locale/types.d.ts

@@ -1,5 +1,5 @@
-export interface AutocompleteLocale {
-    enterValue: string;
-    notFound: string;
-    updateValue: string;
-}
+export interface AutocompleteLocale {
+    enterValue: string;
+    notFound: string;
+    updateValue: string;
+}

package/components/Button/ArrowLeftIcon.d.ts

@@ -1,3 +1,3 @@
-export declare const ArrowLeftIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
-    size?: number | "small" | "medium" | "large" | undefined;
-}>;
+export declare const ArrowLeftIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

package/components/Button/ArrowRightIcon.d.ts

@@ -1,3 +1,3 @@
-export declare const ArrowRightIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
-    size?: number | "small" | "medium" | "large" | undefined;
-}>;
+export declare const ArrowRightIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

package/components/Button/Button/Button.js

@@ -9,6 +9,7 @@ import { globalObject } from '@skbkontur/global-object';
 import { isKonturIcon } from "../../../lib/utils";
 import { isIE11, isEdge, isSafari } from "../../../lib/client";
 import { keyListener } from "../../../lib/events/keyListener";
+import { isThemeGTE } from "../../../lib/theming/ThemeHelpers";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { cx } from "../../../lib/theming/Emotion";
@@ -269,15 +270,35 @@ export var Button = rootNode(_class = (_Button = /*#__PURE__*/function (_React$C
     return icon;
   };
   _proto.getSizeClassName = function getSizeClassName() {
-    var _cx6, _cx7, _cx8;
-    switch (this.getProps().size) {
+    var _this$getProps2 = this.getProps(),
+      icon = _this$getProps2.icon,
+      rightIcon = _this$getProps2.rightIcon,
+      children = _this$getProps2.children,
+      size = _this$getProps2.size;
+    var isThemeGTE_5_3 = isThemeGTE(this.theme, '5.3');
+    switch (size) {
       case 'large':
-        return cx(styles.sizeLarge(this.theme), (_cx6 = {}, _cx6[styles.sizeLargeIE11(this.theme)] = isIE11 || isEdge, _cx6[styles.sizeLargeWithIcon(this.theme)] = !!this.props.icon, _cx6[styles.sizeLargeWithIconWithoutText(this.theme)] = !!this.props.icon && !this.props.children, _cx6));
+        {
+          var _commonClasses, _themeSpecificClasses;
+          var commonClasses = (_commonClasses = {}, _commonClasses[styles.sizeLargeIE11(this.theme)] = isIE11 || isEdge, _commonClasses[styles.sizeLargeWithIcon(this.theme)] = !!icon, _commonClasses[styles.sizeLargeWithIconWithoutText(this.theme)] = !!icon && !children, _commonClasses);
+          var themeSpecificClasses = (_themeSpecificClasses = {}, _themeSpecificClasses[styles.sizeLargeWithRightIcon(this.theme)] = !!rightIcon, _themeSpecificClasses[styles.sizeLargeWithIconWithoutText5_3(this.theme)] = (!!icon || !!rightIcon) && !children, _themeSpecificClasses);
+          return cx(styles.sizeLarge(this.theme), commonClasses, isThemeGTE_5_3 && themeSpecificClasses);
+        }
       case 'medium':
-        return cx(styles.sizeMedium(this.theme), (_cx7 = {}, _cx7[styles.sizeMediumIE11(this.theme)] = isIE11 || isEdge, _cx7[styles.sizeMediumWithIcon(this.theme)] = !!this.props.icon, _cx7[styles.sizeMediumWithIconWithoutText(this.theme)] = !!this.props.icon && !this.props.children, _cx7));
+        {
+          var _commonClasses3, _themeSpecificClasses3;
+          var _commonClasses2 = (_commonClasses3 = {}, _commonClasses3[styles.sizeMediumIE11(this.theme)] = isIE11 || isEdge, _commonClasses3[styles.sizeMediumWithIcon(this.theme)] = !!icon, _commonClasses3[styles.sizeMediumWithIconWithoutText(this.theme)] = !!icon && !children, _commonClasses3);
+          var _themeSpecificClasses2 = (_themeSpecificClasses3 = {}, _themeSpecificClasses3[styles.sizeMediumWithRightIcon(this.theme)] = !!rightIcon, _themeSpecificClasses3[styles.sizeMediumWithIconWithoutText5_3(this.theme)] = (!!icon || !!rightIcon) && !children, _themeSpecificClasses3);
+          return cx(styles.sizeMedium(this.theme), _commonClasses2, isThemeGTE_5_3 && _themeSpecificClasses2);
+        }
       case 'small':
       default:
-        return cx(styles.sizeSmall(this.theme), (_cx8 = {}, _cx8[styles.sizeSmallIE11(this.theme)] = isIE11 || isEdge, _cx8[styles.sizeSmallWithIcon(this.theme)] = !!this.props.icon, _cx8[styles.sizeSmallWithIconWithoutText(this.theme)] = !!this.props.icon && !this.props.children, _cx8));
+        {
+          var _commonClasses5, _themeSpecificClasses5;
+          var _commonClasses4 = (_commonClasses5 = {}, _commonClasses5[styles.sizeSmallIE11(this.theme)] = isIE11 || isEdge, _commonClasses5[styles.sizeSmallWithIcon(this.theme)] = !!icon, _commonClasses5[styles.sizeSmallWithIconWithoutText(this.theme)] = !!icon && !children, _commonClasses5);
+          var _themeSpecificClasses4 = (_themeSpecificClasses5 = {}, _themeSpecificClasses5[styles.sizeSmallWithRightIcon(this.theme)] = !!rightIcon, _themeSpecificClasses5[styles.sizeSmallWithIconWithoutText5_3(this.theme)] = (!!icon || !!rightIcon) && !children, _themeSpecificClasses5);
+          return cx(styles.sizeSmall(this.theme), _commonClasses4, isThemeGTE_5_3 && _themeSpecificClasses4);
+        }
     }
   };
   _proto.getSizeWrapClassName = function getSizeWrapClassName() {

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

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

package/components/Button/Button.d.ts

@@ -1,109 +1,111 @@
-import React from 'react';
-import type { ButtonLinkAllowedValues } from '../../lib/types/button-link';
-import type { ThemeIn } from '../../lib/theming/Theme';
-import type { CommonProps } from '../../internal/CommonWrapper';
-import type { SizeProp } from '../../lib/types/props';
-import type { PolymorphicPropsWithoutRef } from '../../lib/types/polymorphic-component';
-export type ButtonType = 'button' | 'submit' | 'reset';
-export type ButtonUse = 'default' | 'primary' | 'success' | 'danger' | 'pay' | 'link' | 'text' | 'backless';
-export interface ButtonInnerProps extends CommonProps {
-    /** @ignore */
-    _noPadding?: boolean;
-    /** @ignore */
-    _noRightPadding?: boolean;
-    /** Применяет к кнопке стили псевдокласса `:active`. */
-    active?: boolean;
-    /** Задаёт выравнивание тексту в кнопке. */
-    align?: React.CSSProperties['textAlign'];
-    /** Превращает обычную кнопку в кнопку со стрелкой. */
-    arrow?: boolean | 'left';
-    /** Устанавливает фокус на контроле после окончания загрузки страницы.*/
-    autoFocus?: boolean;
-    /** Убирает обводку у кнопки. */
-    borderless?: boolean;
-    /** @ignore */
-    checked?: boolean;
-    /** @ignore */
-    children?: React.ReactNode;
-    /** @ignore */
-    corners?: React.CSSProperties;
-    /** Делает компонент недоступным. */
-    disabled?: boolean;
-    /** @ignore */
-    disableFocus?: boolean;
-    /** Переводит контрол в состояние валидации "ошибка". */
-    error?: boolean;
-    /** Добавляет иконку слева от текста кнопки. */
-    icon?: React.ReactElement;
-    /** Добавляет иконку справа от текста кнопки. */
-    rightIcon?: React.ReactElement;
-    /** Переводит кнопку в состояние загрузки. */
-    loading?: boolean;
-    /** Сужает кнопку. */
-    narrow?: boolean;
-    /** Задаёт размер кнопки. */
-    size?: SizeProp;
-    /** Задаёт HTML-атрибут `type`. */
-    type?: ButtonType;
-    /** Задаёт HTML-атрибут `title`. */
-    title?: string;
-    /** Задаёт стиль кнопки.
-     * **Вариант `link` устарел.**
-     * Если нужна кнопка, выглядящая как ссылка, используйте `Link component=button`.
-     */
-    use?: ButtonUse;
-    /** @ignore */
-    visuallyFocused?: boolean;
-    /** Переводит контрол в состояние валидации "предупреждение". */
-    warning?: boolean;
-    /** Задаёт ширину кнопки. */
-    width?: number | string;
-    /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */
-    theme?: ThemeIn;
-}
-export declare const BUTTON_DEFAULT_COMPONENT = "button";
-export type ButtonProps<C extends ButtonLinkAllowedValues = typeof BUTTON_DEFAULT_COMPONENT> = PolymorphicPropsWithoutRef<ButtonInnerProps, C>;
-export interface ButtonState {
-    focusedByTab: boolean;
-}
-export declare const ButtonDataTids: {
-    readonly rootElement: "Button__rootElement";
-    readonly root: "Button__root";
-    readonly spinner: "Button__spinner";
-};
-type DefaultProps = Required<Pick<ButtonProps<ButtonLinkAllowedValues>, 'use' | 'size' | 'type' | 'component'>>;
-export declare class Button<C extends ButtonLinkAllowedValues = typeof BUTTON_DEFAULT_COMPONENT> extends React.Component<ButtonProps<C>, ButtonState> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static __BUTTON__: boolean;
-    static defaultProps: DefaultProps;
-    private getProps;
-    state: {
-        focusedByTab: boolean;
-    };
-    private theme;
-    private node;
-    private setRootNode;
-    componentDidMount(): void;
-    static getDerivedStateFromProps(props: ButtonProps): {
-        focusedByTab: boolean;
-    } | null;
-    /**
-     * @public
-     */
-    focus(): void;
-    /**
-     * @public
-     */
-    blur(): void;
-    render(): JSX.Element;
-    private getTabIndex;
-    private renderMain;
-    private renderIcon2022;
-    private getSizeClassName;
-    private getSizeWrapClassName;
-    private handleFocus;
-    private handleBlur;
-    private _ref;
-}
-export {};
+import React from 'react';
+import type { ButtonLinkAllowedValues } from '../../lib/types/button-link';
+import type { ThemeIn } from '../../lib/theming/Theme';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
+import type { SizeProp } from '../../lib/types/props';
+import type { PolymorphicPropsWithoutRef } from '../../lib/types/polymorphic-component';
+export type ButtonType = 'button' | 'submit' | 'reset';
+export type ButtonUse = 'default' | 'primary' | 'success' | 'danger' | 'pay' | 'link' | 'text' | 'backless';
+export interface ButtonInnerProps extends CommonProps {
+    /** @ignore */
+    _noPadding?: boolean;
+    /** @ignore */
+    _noRightPadding?: boolean;
+    /** Применяет к кнопке стили псевдокласса `:active`. */
+    active?: boolean;
+    /** Задаёт выравнивание тексту в кнопке. */
+    align?: React.CSSProperties['textAlign'];
+    /** Превращает обычную кнопку в кнопку со стрелкой. */
+    arrow?: boolean | 'left';
+    /** Устанавливает фокус на контроле после окончания загрузки страницы.*/
+    autoFocus?: boolean;
+    /** Убирает обводку у кнопки. */
+    borderless?: boolean;
+    /** @ignore */
+    checked?: boolean;
+    /** @ignore */
+    children?: React.ReactNode;
+    /** @ignore */
+    corners?: React.CSSProperties;
+    /** Делает компонент недоступным. */
+    disabled?: boolean;
+    /** @ignore */
+    disableFocus?: boolean;
+    /** Переводит контрол в состояние валидации "ошибка". */
+    error?: boolean;
+    /** Добавляет иконку слева от текста кнопки. */
+    icon?: React.ReactElement;
+    /** Добавляет иконку справа от текста кнопки. */
+    rightIcon?: React.ReactElement;
+    /** Переводит кнопку в состояние загрузки. */
+    loading?: boolean;
+    /** Сужает кнопку. */
+    narrow?: boolean;
+    /** Задаёт размер кнопки. */
+    size?: SizeProp;
+    /** Задаёт HTML-атрибут `type`. */
+    type?: ButtonType;
+    /** Задаёт HTML-атрибут `title`. */
+    title?: string;
+    /** Задаёт стиль кнопки.
+     * **Вариант `link` устарел.**
+     * Если нужна кнопка, выглядящая как ссылка, используйте `Link component=button`.
+     */
+    use?: ButtonUse;
+    /** @ignore */
+    visuallyFocused?: boolean;
+    /** Переводит контрол в состояние валидации "предупреждение". */
+    warning?: boolean;
+    /** Задаёт ширину кнопки. */
+    width?: number | string;
+    /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */
+    theme?: ThemeIn;
+}
+export declare const BUTTON_DEFAULT_COMPONENT = "button";
+export type ButtonProps<C extends ButtonLinkAllowedValues = typeof BUTTON_DEFAULT_COMPONENT> = PolymorphicPropsWithoutRef<ButtonInnerProps, C>;
+export interface ButtonState {
+    focusedByTab: boolean;
+}
+export declare const ButtonDataTids: {
+    readonly rootElement: "Button__rootElement";
+    readonly root: "Button__root";
+    readonly spinner: "Button__spinner";
+};
+type DefaultProps = Required<Pick<ButtonProps<ButtonLinkAllowedValues>, 'use' | 'size' | 'type' | 'component'>>;
+export declare class Button<C extends ButtonLinkAllowedValues = typeof BUTTON_DEFAULT_COMPONENT> extends React.Component<ButtonProps<C>, ButtonState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static __BUTTON__: boolean;
+    static defaultProps: DefaultProps;
+    private getProps;
+    state: {
+        focusedByTab: boolean;
+    };
+    private theme;
+    private node;
+    getRootNode: TGetRootNode;
+    private setRootNode;
+    componentDidMount(): void;
+    static getDerivedStateFromProps(props: ButtonProps): {
+        focusedByTab: boolean;
+    } | null;
+    /**
+     * @public
+     */
+    focus(): void;
+    /**
+     * @public
+     */
+    blur(): void;
+    render(): JSX.Element;
+    private getTabIndex;
+    private renderMain;
+    private renderIcon2022;
+    private getSizeClassName;
+    private getSizeWrapClassName;
+    private handleFocus;
+    private handleBlur;
+    private _ref;
+}
+export {};

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

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