@skbkontur/react-ui 0.0.0-b408db2ccf → 0.0.0-b4710fb038

package/components/Kebab/Kebab/Kebab.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","PropTypes","isElement","globalObject","isKonturIcon","isKeyArrowVertical","isKeyEnter","isKeySpace","someKeys","LayoutEvents","keyListener","PopupMenu","ThemeContext","MenuKebabIcon","isTestEnv","ThemeFactory","CommonWrapper","cx","rootNode","createPropsGetter","isTheme2022","getVisualStateDataAttributes","styles","KebabIcon","KebabDataTids","caption","Kebab","_class","_Kebab","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","focusedByTab","anchor","listener","remove","undefined","renderCaption","captionProps","_this$getProps","disabled","size","handleCaptionKeyDown","event","openMenu","handleCaptionClick","toggleMenu","createElement","role","tabIndex","onClick","onKeyDown","onFocus","handleFocus","onBlur","handleBlur","className","kebab","theme","kebabSmall","kebabMedium","kebabLarge","kebab2022","opened","focused","props","renderIcon2022","renderIcon","e","preventDefault","handleChangeMenuState","isOpened","restoreFocus","setState","requestAnimationFrame","isTabPressed","_inheritsLoose","_proto","prototype","componentDidMount","addListener","componentWillUnmount","render","_this2","Consumer","Provider","value","create","popupPinOffset","kebabPinOffset","popupMargin","kebabMargin","popupPinSize","kebabPinSize","menuScrollContainerContentWrapperPaddingY","menuLegacyPaddingY","renderMain","_this$getProps2","positions","disableAnimations","onOpen","onClose","hasPin","_extends","rootNodeRef","setRootNode","popupHasPin","preventIconsOffset","onChangeMenuState","menuMaxHeight","popupMenuId","children","_cx","_this$getProps3","_this$getProps3$icon","icon","iconsmall","iconmedium","iconlarge","_this$getProps4","_this$getProps4$icon","_icon$props$size","_icon$props$color","sizes","small","parseInt","kebabIconSizeSmall","medium","kebabIconSizeMedium","large","kebabIconSizeLarge","cloneElement","color","kebabIconColor","Component","__KONTUR_REACT_UI__","displayName","propTypes","node","bool","oneOfType","string","number","func"],"sources":["Kebab.tsx"],"sourcesContent":["import React, { AriaAttributes, ReactElement } from 'react';\nimport PropTypes from 'prop-types';\nimport { isElement } from 'react-is';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { isKonturIcon } from '../../lib/utils';\nimport { isKeyArrowVertical, isKeyEnter, isKeySpace, someKeys } from '../../lib/events/keyboard/identifiers';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { PopupMenu, PopupMenuCaptionProps, PopupMenuProps } from '../../internal/PopupMenu';\nimport { Nullable } from '../../typings/utility-types';\nimport { PopupPositionsType } from '../../internal/Popup';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { MenuKebabIcon } from '../../internal/icons/16px';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { SizeProp } from '../../lib/types/props';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\n\nimport { styles } from './Kebab.styles';\nimport { KebabIcon } from './KebabIcon';\n\nexport interface KebabProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'popupMenuId' | 'preventIconsOffset'>,\n    CommonProps {\n  disabled?: boolean;\n  size?: SizeProp;\n  /**\n   * Список позиций доступных для расположения выпадашки.\n   *\n   * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.\n   *\n   * **Возможные значения**: `top left`, `top center`, `top right`, `right top`, `right middle`, `right bottom`, `bottom left`, `bottom center`, `bottom right`, `left top`, `left middle`, `left bottom`\n   * @default ['bottom left', 'bottom right', 'top left', 'top right']\n   */\n  positions?: PopupPositionsType[];\n  menuMaxHeight?: number | string;\n  /**\n   * Не показывать анимацию\n   */\n  disableAnimations?: boolean;\n  /**\n   * Кастомная иконка\n   */\n  icon?: React.ReactNode;\n  /**\n   * Атрибут для указания id элемента(-ов), описывающих его\n   */\n  'aria-describedby'?: AriaAttributes['aria-describedby'];\n}\n\nexport const KebabDataTids = {\n  caption: 'Kebab__caption',\n} as const;\n\nexport interface KebabState {\n  anchor: Nullable<HTMLElement>;\n  focusedByTab: boolean;\n}\n\ntype DefaultProps = Required<Pick<KebabProps, 'onOpen' | 'onClose' | 'positions' | 'size' | 'disableAnimations'>>;\n\n@rootNode\nexport class Kebab extends React.Component<KebabProps, KebabState> {\n  public static __KONTUR_REACT_UI__ = 'Kebab';\n  public static displayName = 'Kebab';\n\n  public static propTypes = {};\n\n  public static defaultProps: DefaultProps = {\n    onOpen: () => undefined,\n    onClose: () => undefined,\n    positions: ['bottom left', 'bottom right', 'top left', 'top right'],\n    size: 'small',\n    disableAnimations: isTestEnv,\n  };\n\n  private getProps = createPropsGetter(Kebab.defaultProps);\n\n  public state: KebabState = {\n    focusedByTab: false,\n    anchor: null,\n  };\n\n  private theme!: Theme;\n  private setRootNode!: TSetRootNode;\n\n  private listener: {\n    remove: () => void;\n  } = {\n    remove: () => undefined,\n  };\n\n  public componentDidMount() {\n    /** addListener'у нужен колбэк в аргумент */\n    this.listener = LayoutEvents.addListener(() => undefined);\n  }\n\n  public componentWillUnmount() {\n    this.listener.remove();\n  }\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  popupPinOffset: theme.kebabPinOffset,\n                  popupMargin: theme.kebabMargin,\n                  popupPinSize: theme.kebabPinSize,\n                  menuScrollContainerContentWrapperPaddingY: theme.menuLegacyPaddingY,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { disabled } = this.props;\n    const { positions, disableAnimations, onOpen, onClose } = this.getProps();\n    const hasPin = !isTheme2022(this.theme);\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props} {...getVisualStateDataAttributes({ disabled })}>\n        <PopupMenu\n          popupHasPin={hasPin}\n          preventIconsOffset={this.props.preventIconsOffset}\n          positions={positions}\n          onChangeMenuState={this.handleChangeMenuState}\n          caption={this.renderCaption}\n          disableAnimations={disableAnimations}\n          menuMaxHeight={this.props.menuMaxHeight}\n          onOpen={onOpen}\n          onClose={onClose}\n          popupMenuId={this.props.popupMenuId}\n          aria-label={this.props['aria-label']}\n        >\n          {!disabled && this.props.children}\n        </PopupMenu>\n      </CommonWrapper>\n    );\n  }\n\n  private renderCaption = (captionProps: PopupMenuCaptionProps) => {\n    const { disabled, size } = this.getProps();\n    const handleCaptionKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!disabled) {\n        this.handleCaptionKeyDown(event, captionProps.openMenu);\n      }\n    };\n\n    const handleCaptionClick = () => {\n      if (!disabled) {\n        captionProps.toggleMenu();\n      }\n    };\n\n    return (\n      <span\n        role=\"button\"\n        data-tid={KebabDataTids.caption}\n        tabIndex={disabled ? -1 : 0}\n        onClick={handleCaptionClick}\n        onKeyDown={handleCaptionKeyDown}\n        onFocus={this.handleFocus}\n        onBlur={this.handleBlur}\n        className={cx(\n          styles.kebab(this.theme),\n          size === 'small' && styles.kebabSmall(this.theme),\n          size === 'medium' && styles.kebabMedium(this.theme),\n          size === 'large' && styles.kebabLarge(this.theme),\n          isTheme2022(this.theme) && styles.kebab2022(),\n          captionProps.opened && styles.opened(this.theme),\n          disabled && styles.disabled(),\n          this.state.focusedByTab && styles.focused(this.theme),\n        )}\n        aria-describedby={this.props['aria-describedby']}\n      >\n        {isTheme2022(this.theme) ? this.renderIcon2022() : this.renderIcon()}\n      </span>\n    );\n  };\n\n  private handleCaptionKeyDown = (\n    e: React.KeyboardEvent<HTMLDivElement>,\n    openMenu: PopupMenuCaptionProps['openMenu'],\n  ) => {\n    if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {\n      e.preventDefault();\n      openMenu(true);\n    }\n  };\n\n  private handleChangeMenuState = (isOpened: boolean, restoreFocus: boolean): void => {\n    this.setState({\n      focusedByTab: !isOpened && restoreFocus,\n    });\n  };\n\n  private handleFocus = () => {\n    if (!this.props.disabled) {\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    }\n  };\n\n  private handleBlur = () => {\n    this.setState({\n      focusedByTab: false,\n    });\n  };\n\n  private renderIcon() {\n    const { size, icon = <MenuKebabIcon /> } = this.getProps();\n    return (\n      <div\n        className={cx({\n          [styles.icon(this.theme)]: true,\n          [styles.iconsmall(this.theme)]: size === 'small',\n          [styles.iconmedium(this.theme)]: size === 'medium',\n          [styles.iconlarge(this.theme)]: size === 'large',\n        })}\n      >\n        {icon}\n      </div>\n    );\n  }\n\n  private renderIcon2022() {\n    const { size, icon = <KebabIcon /> } = this.getProps();\n\n    if (isElement(icon) && isKonturIcon(icon as ReactElement)) {\n      const sizes: Record<SizeProp, number> = {\n        small: parseInt(this.theme.kebabIconSizeSmall),\n        medium: parseInt(this.theme.kebabIconSizeMedium),\n        large: parseInt(this.theme.kebabIconSizeLarge),\n      };\n\n      return React.cloneElement(icon as ReactElement, {\n        size: icon.props.size ?? sizes[size],\n        color: icon.props.color ?? this.theme.kebabIconColor,\n      });\n    }\n\n    return icon;\n  }\n}\n\nKebab.propTypes = {\n  children: PropTypes.node,\n  disabled: PropTypes.bool,\n  menuMaxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /**\n   * Размер кебаба small 14px | large 20px\n   */\n  size: PropTypes.string,\n\n  /**\n   * Коллбек, вызывающийся перед закрытием кебаба\n   */\n  onClose: PropTypes.func,\n\n  /**\n   * Коллбек, вызывающийся перед открытием кебаба\n   */\n  onOpen: PropTypes.func,\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","PropTypes","isElement","globalObject","isKonturIcon","isKeyArrowVertical","isKeyEnter","isKeySpace","someKeys","LayoutEvents","keyListener","PopupMenu","ThemeContext","isTestEnv","ThemeFactory","CommonWrapper","cx","rootNode","createPropsGetter","getVisualStateDataAttributes","styles","KebabIcon","KebabDataTids","caption","Kebab","_class","_Kebab","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","focusedByTab","anchor","listener","remove","undefined","renderCaption","captionProps","_this$getProps","disabled","size","handleCaptionKeyDown","event","openMenu","handleCaptionClick","toggleMenu","createElement","role","tabIndex","onClick","onKeyDown","onFocus","handleFocus","onBlur","handleBlur","className","kebab","theme","kebabSmall","kebabMedium","kebabLarge","opened","focused","props","renderIcon","e","preventDefault","handleChangeMenuState","isOpened","restoreFocus","setState","requestAnimationFrame","isTabPressed","_inheritsLoose","_proto","prototype","componentDidMount","addListener","componentWillUnmount","render","_this2","Consumer","Provider","value","create","popupMargin","kebabMargin","renderMain","_this$getProps2","positions","disableAnimations","onOpen","onClose","_extends","rootNodeRef","setRootNode","id","popupHasPin","preventIconsOffset","onChangeMenuState","menuMaxHeight","popupMenuId","children","_this$getProps3","_this$getProps3$icon","icon","_icon$props$size","_icon$props$color","sizes","small","parseInt","kebabIconSizeSmall","medium","kebabIconSizeMedium","large","kebabIconSizeLarge","cloneElement","color","kebabIconColor","Component","__KONTUR_REACT_UI__","displayName","propTypes","node","bool","oneOfType","string","number","func"],"sources":["Kebab.tsx"],"sourcesContent":["import type { AriaAttributes, ReactElement, HTMLAttributes } from 'react';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { isElement } from 'react-is';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { isKonturIcon } from '../../lib/utils';\nimport { isKeyArrowVertical, isKeyEnter, isKeySpace, someKeys } from '../../lib/events/keyboard/identifiers';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { keyListener } from '../../lib/events/keyListener';\nimport type { PopupMenuCaptionProps, PopupMenuProps } from '../../internal/PopupMenu';\nimport { PopupMenu } from '../../internal/PopupMenu';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { PopupPositionsType } from '../../internal/Popup';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { CommonProps } 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 { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { SizeProp } from '../../lib/types/props';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\n\nimport { styles } from './Kebab.styles';\nimport { KebabIcon } from './KebabIcon';\n\nexport interface KebabProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'popupMenuId' | 'preventIconsOffset'>,\n    CommonProps {\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n\n  /** Задает размер контрола. */\n  size?: SizeProp;\n\n  /** Определяет список позиций, доступных для расположения выпадашки относительно `kebab`.\n   * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.\n   * @default ['bottom left', 'bottom right', 'top left', 'top right']. */\n  positions?: PopupPositionsType[];\n  positions2?: string;\n\n  /** Задает максимальную высоту меню. */\n  menuMaxHeight?: number | string;\n\n  /** Отключает анимацию. */\n  disableAnimations?: boolean;\n\n  /** Добавляет иконку слева. */\n  icon?: React.ReactNode;\n\n  /** @ignore */\n  'aria-describedby'?: AriaAttributes['aria-describedby'];\n}\n\nexport const KebabDataTids = {\n  caption: 'Kebab__caption',\n} as const;\n\nexport interface KebabState {\n  anchor: Nullable<HTMLElement>;\n  focusedByTab: boolean;\n}\n\ntype DefaultProps = Required<Pick<KebabProps, 'onOpen' | 'onClose' | 'positions' | 'size' | 'disableAnimations'>>;\n\n/**\n * Кебаб-меню `Kebab` содержит действия с объектом.\n */\n@rootNode\nexport class Kebab extends React.Component<KebabProps, KebabState> {\n  public static __KONTUR_REACT_UI__ = 'Kebab';\n  public static displayName = 'Kebab';\n\n  public static propTypes = {};\n\n  public static defaultProps: DefaultProps = {\n    onOpen: () => undefined,\n    onClose: () => undefined,\n    positions: ['bottom left', 'bottom right', 'top left', 'top right'],\n    size: 'small',\n    disableAnimations: isTestEnv,\n  };\n\n  private getProps = createPropsGetter(Kebab.defaultProps);\n\n  public state: KebabState = {\n    focusedByTab: false,\n    anchor: null,\n  };\n\n  private theme!: Theme;\n  private setRootNode!: TSetRootNode;\n\n  private listener: {\n    remove: () => void;\n  } = {\n    remove: () => undefined,\n  };\n\n  public componentDidMount() {\n    /** addListener'у нужен колбэк в аргумент */\n    this.listener = LayoutEvents.addListener(() => undefined);\n  }\n\n  public componentWillUnmount() {\n    this.listener.remove();\n  }\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  popupMargin: theme.kebabMargin,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { disabled } = this.props;\n    const { positions, disableAnimations, onOpen, onClose } = this.getProps();\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props} {...getVisualStateDataAttributes({ disabled })}>\n        <PopupMenu\n          id={this.props.id}\n          popupHasPin={false}\n          preventIconsOffset={this.props.preventIconsOffset}\n          positions={positions}\n          onChangeMenuState={this.handleChangeMenuState}\n          caption={this.renderCaption}\n          disableAnimations={disableAnimations}\n          menuMaxHeight={this.props.menuMaxHeight}\n          onOpen={onOpen}\n          onClose={onClose}\n          popupMenuId={this.props.popupMenuId}\n          aria-label={this.props['aria-label']}\n        >\n          {!disabled && this.props.children}\n        </PopupMenu>\n      </CommonWrapper>\n    );\n  }\n\n  private renderCaption = (captionProps: PopupMenuCaptionProps) => {\n    const { disabled, size } = this.getProps();\n    const handleCaptionKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!disabled) {\n        this.handleCaptionKeyDown(event, captionProps.openMenu);\n      }\n    };\n\n    const handleCaptionClick = () => {\n      if (!disabled) {\n        captionProps.toggleMenu();\n      }\n    };\n\n    return (\n      <span\n        role=\"button\"\n        data-tid={KebabDataTids.caption}\n        tabIndex={disabled ? -1 : 0}\n        onClick={handleCaptionClick}\n        onKeyDown={handleCaptionKeyDown}\n        onFocus={this.handleFocus}\n        onBlur={this.handleBlur}\n        className={cx(\n          styles.kebab(this.theme),\n          size === 'small' && styles.kebabSmall(this.theme),\n          size === 'medium' && styles.kebabMedium(this.theme),\n          size === 'large' && styles.kebabLarge(this.theme),\n          captionProps.opened && styles.opened(this.theme),\n          disabled && styles.disabled(),\n          this.state.focusedByTab && styles.focused(this.theme),\n        )}\n        aria-describedby={this.props['aria-describedby']}\n      >\n        {this.renderIcon()}\n      </span>\n    );\n  };\n\n  private handleCaptionKeyDown = (\n    e: React.KeyboardEvent<HTMLDivElement>,\n    openMenu: PopupMenuCaptionProps['openMenu'],\n  ) => {\n    if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {\n      e.preventDefault();\n      openMenu(true);\n    }\n  };\n\n  private handleChangeMenuState = (isOpened: boolean, restoreFocus: boolean): void => {\n    this.setState({\n      focusedByTab: !isOpened && restoreFocus,\n    });\n  };\n\n  private handleFocus = () => {\n    if (!this.props.disabled) {\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    }\n  };\n\n  private handleBlur = () => {\n    this.setState({\n      focusedByTab: false,\n    });\n  };\n\n  private renderIcon() {\n    const { size, icon = <KebabIcon /> } = this.getProps();\n\n    if (isElement(icon) && isKonturIcon(icon as ReactElement)) {\n      const sizes: Record<SizeProp, number> = {\n        small: parseInt(this.theme.kebabIconSizeSmall),\n        medium: parseInt(this.theme.kebabIconSizeMedium),\n        large: parseInt(this.theme.kebabIconSizeLarge),\n      };\n\n      return React.cloneElement(icon as ReactElement, {\n        size: icon.props.size ?? sizes[size],\n        color: icon.props.color ?? this.theme.kebabIconColor,\n      });\n    }\n\n    return icon;\n  }\n}\n\nKebab.propTypes = {\n  children: PropTypes.node,\n  disabled: PropTypes.bool,\n  menuMaxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /**\n   * Размер кебаба small 14px | large 20px\n   */\n  size: PropTypes.string,\n\n  /**\n   * Коллбек, вызывающийся перед закрытием кебаба\n   */\n  onClose: PropTypes.func,\n\n  /**\n   * Коллбек, вызывающийся перед открытием кебаба\n   */\n  onOpen: PropTypes.func,\n};\n"],"mappings":"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","ignoreList":[]}

package/components/Kebab/Kebab.d.ts

@@ -1,63 +1,59 @@
-import React, { AriaAttributes } from 'react';
-import { PopupMenuProps } from '../../internal/PopupMenu';
-import { Nullable } from '../../typings/utility-types';
-import { PopupPositionsType } from '../../internal/Popup';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { SizeProp } from '../../lib/types/props';
-export interface KebabProps extends Pick<AriaAttributes, 'aria-label'>, Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'popupMenuId' | 'preventIconsOffset'>, CommonProps {
-    disabled?: boolean;
-    size?: SizeProp;
-    /**
-     * Список позиций доступных для расположения выпадашки.
-     *
-     * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.
-     *
-     * **Возможные значения**: `top left`, `top center`, `top right`, `right top`, `right middle`, `right bottom`, `bottom left`, `bottom center`, `bottom right`, `left top`, `left middle`, `left bottom`
-     * @default ['bottom left', 'bottom right', 'top left', 'top right']
-     */
-    positions?: PopupPositionsType[];
-    menuMaxHeight?: number | string;
-    /**
-     * Не показывать анимацию
-     */
-    disableAnimations?: boolean;
-    /**
-     * Кастомная иконка
-     */
-    icon?: React.ReactNode;
-    /**
-     * Атрибут для указания id элемента(-ов), описывающих его
-     */
-    'aria-describedby'?: AriaAttributes['aria-describedby'];
-}
-export declare const KebabDataTids: {
-    readonly caption: "Kebab__caption";
-};
-export interface KebabState {
-    anchor: Nullable<HTMLElement>;
-    focusedByTab: boolean;
-}
-type DefaultProps = Required<Pick<KebabProps, 'onOpen' | 'onClose' | 'positions' | 'size' | 'disableAnimations'>>;
-export declare class Kebab extends React.Component<KebabProps, KebabState> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static propTypes: {};
-    static defaultProps: DefaultProps;
-    private getProps;
-    state: KebabState;
-    private theme;
-    private setRootNode;
-    private listener;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    private renderMain;
-    private renderCaption;
-    private handleCaptionKeyDown;
-    private handleChangeMenuState;
-    private handleFocus;
-    private handleBlur;
-    private renderIcon;
-    private renderIcon2022;
-}
-export {};
+import type { AriaAttributes, HTMLAttributes } from 'react';
+import React from 'react';
+import type { PopupMenuProps } from '../../internal/PopupMenu';
+import type { Nullable } from '../../typings/utility-types';
+import type { PopupPositionsType } from '../../internal/Popup';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { SizeProp } from '../../lib/types/props';
+export interface KebabProps extends Pick<AriaAttributes, 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'popupMenuId' | 'preventIconsOffset'>, CommonProps {
+    /** Делает компонент недоступным. */
+    disabled?: boolean;
+    /** Задает размер контрола. */
+    size?: SizeProp;
+    /** Определяет список позиций, доступных для расположения выпадашки относительно `kebab`.
+     * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.
+     * @default ['bottom left', 'bottom right', 'top left', 'top right']. */
+    positions?: PopupPositionsType[];
+    positions2?: string;
+    /** Задает максимальную высоту меню. */
+    menuMaxHeight?: number | string;
+    /** Отключает анимацию. */
+    disableAnimations?: boolean;
+    /** Добавляет иконку слева. */
+    icon?: React.ReactNode;
+    /** @ignore */
+    'aria-describedby'?: AriaAttributes['aria-describedby'];
+}
+export declare const KebabDataTids: {
+    readonly caption: "Kebab__caption";
+};
+export interface KebabState {
+    anchor: Nullable<HTMLElement>;
+    focusedByTab: boolean;
+}
+type DefaultProps = Required<Pick<KebabProps, 'onOpen' | 'onClose' | 'positions' | 'size' | 'disableAnimations'>>;
+/**
+ * Кебаб-меню `Kebab` содержит действия с объектом.
+ */
+export declare class Kebab extends React.Component<KebabProps, KebabState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static propTypes: {};
+    static defaultProps: DefaultProps;
+    private getProps;
+    state: KebabState;
+    private theme;
+    private setRootNode;
+    private listener;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+    private renderMain;
+    private renderCaption;
+    private handleCaptionKeyDown;
+    private handleChangeMenuState;
+    private handleFocus;
+    private handleBlur;
+    private renderIcon;
+}
+export {};

package/components/Kebab/Kebab.md

@@ -1,4 +1,4 @@
-Базовый пример кебаб-меню.
+### Базовый пример
 
 ```jsx harmony
 import EditIcon from '@skbkontur/react-icons/Edit';
@@ -44,7 +44,7 @@ let Card = ({ name, post }) => (
 </Gapped>;
 ```
 
-Различные размеры кебаб-меню.
+### Размер
 
 ```jsx harmony
 import EditIcon from '@skbkontur/react-icons/Edit';
@@ -84,7 +84,7 @@ let Card = ({ title, size }) => (
 </Gapped>
 ```
 
-Кебаб-меню с выпадашкой слева.
+### Кебаб-меню с выпадашкой слева
 
 ```jsx harmony
 import EditIcon from '@skbkontur/react-icons/Edit';
@@ -121,7 +121,7 @@ let Card = ({ title }) => (
 <Card title="С выпадашкой слева" />
 ```
 
-С кастомным действием при открытии.
+### Кастомное действие при открытии
 
 ```jsx harmony
 import EditIcon from '@skbkontur/react-icons/Edit';
@@ -160,7 +160,7 @@ let Card = ({ title }) => (
 <Card title="С кастомным действием" />
 ```
 
-С иконками и включенным по-умолчанию автоматическим выравниванием текста.
+### Иконка и автовыравнивание
 
 ```jsx harmony
 import { Button, MenuHeader, MenuItem, MenuSeparator, Kebab } from '@skbkontur/react-ui';
@@ -174,7 +174,7 @@ import OkIcon from '@skbkontur/react-icons/Ok';
 </Kebab>;
 ```
 
-С иконками и отключенным автоматическим выравниванием текста.
+### Иконка и отключенное автовыравнивание
 
 ```jsx harmony
 import { Button, MenuHeader, MenuItem, MenuSeparator, Kebab } from '@skbkontur/react-ui';
@@ -188,7 +188,7 @@ import OkIcon from '@skbkontur/react-icons/Ok';
 </Kebab>
 ```
 
-Отключенное кебаб-меню.
+### Отключенное кебаб-меню
 
 ```jsx harmony
 import EditIcon from '@skbkontur/react-icons/Edit';
@@ -224,7 +224,7 @@ let Card = ({ title }) => (
 <Card title="Не нажимается :(" />
 ```
 
-Кебаб-меню с отключенной анимацией.
+### Отключенная анимация
 
 ```jsx harmony
 import EditIcon from '@skbkontur/react-icons/Edit';
@@ -260,7 +260,7 @@ let Card = ({ title }) => (
 <Card title="Без анимации" />
 ```
 
-Кебаб-меню с заданной высотой.
+### Высота
 
 ```jsx harmony
 import EditIcon from '@skbkontur/react-icons/Edit';

package/components/Kebab/Kebab.styles/Kebab.styles.js

@@ -1,9 +1,9 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 export var styles = memoizeStyle({
   kebab: function kebab(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      text-align: center;\n      border: ", ";\n      box-sizing: border-box;\n      border-radius: ", ";\n      user-select: none;\n      cursor: pointer;\n      outline: 0;\n      transition: background 0.12s ease-out;\n      background: ", ";\n\n      &:hover {\n        background: ", ";\n      }\n\n      &:active {\n        background: ", ";\n      }\n    "])), t.kebabBorder, t.kebabBorderRadius, t.kebabBackground, t.kebabBackgroundHover, t.kebabBackgroundActive);
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      border: ", ";\n      box-sizing: border-box;\n      border-radius: ", ";\n      user-select: none;\n      cursor: pointer;\n      outline: 0;\n      transition: background 0.12s ease-out;\n      background: ", ";\n\n      &:hover {\n        background: ", ";\n      }\n\n      &:active {\n        background: ", ";\n      }\n    "])), t.kebabBorder, t.kebabBorderRadius, t.kebabBackground, t.kebabBackgroundHover, t.kebabBackgroundActive);
   },
   kebabSmall: function kebabSmall(t) {
     return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      height: ", ";\n    "])), t.kebabSizeSmall, t.kebabSizeSmall);
@@ -14,31 +14,16 @@ export var styles = memoizeStyle({
   kebabLarge: function kebabLarge(t) {
     return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      height: ", ";\n    "])), t.kebabSizeLarge, t.kebabSizeLarge);
   },
-  kebab2022: function kebab2022() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    "])));
-  },
   focused: function focused(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      border-color: ", ";\n    "])), t.kebabBackgroundHover, t.borderColorFocus);
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      border-color: ", ";\n    "])), t.kebabBackgroundHover, t.borderColorFocus);
   },
   opened: function opened(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      background: ", " !important; // override kebab:hover style\n      cursor: default;\n    "])), t.kebabBackgroundActive);
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      background: ", " !important; // override kebab:hover style\n      cursor: default;\n    "])), t.kebabBackgroundActive);
   },
   disabled: function disabled() {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n\n      &:hover {\n        background: none;\n      }\n    "])));
-  },
-  icon: function icon(t) {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      line-height: 1;\n    "])), t.kebabIconColor);
-  },
-  iconsmall: function iconsmall(t) {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      margin-top: 2px;\n      font-size: ", ";\n    "])), t.kebabIconSizeSmall);
-  },
-  iconmedium: function iconmedium(t) {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      margin-top: -1px;\n      margin-left: 0.5px;\n      font-size: ", ";\n    "])), t.kebabIconSizeMedium);
-  },
-  iconlarge: function iconlarge(t) {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      margin-top: -2px;\n      margin-left: 1px;\n      font-size: ", ";\n    "])), t.kebabIconSizeLarge);
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n\n      &:hover {\n        background: none;\n      }\n    "])));
   },
   menu: function menu(t) {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      overflow: hidden;\n      border-radius: ", ";\n    "])), t.popupBorderRadius);
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      overflow: hidden;\n      border-radius: ", ";\n    "])), t.popupBorderRadius);
   }
 });

package/components/Kebab/Kebab.styles/Kebab.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","kebab","t","_templateObject","_taggedTemplateLiteralLoose","kebabBorder","kebabBorderRadius","kebabBackground","kebabBackgroundHover","kebabBackgroundActive","kebabSmall","_templateObject2","kebabSizeSmall","kebabMedium","_templateObject3","kebabSizeMedium","kebabLarge","_templateObject4","kebabSizeLarge","kebab2022","_templateObject5","focused","_templateObject6","borderColorFocus","opened","_templateObject7","disabled","_templateObject8","icon","_templateObject9","kebabIconColor","iconsmall","_templateObject10","kebabIconSizeSmall","iconmedium","_templateObject11","kebabIconSizeMedium","iconlarge","_templateObject12","kebabIconSizeLarge","menu","_templateObject13","popupBorderRadius"],"sources":["Kebab.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  kebab(t: Theme) {\n    return css`\n      display: inline-block;\n      text-align: center;\n      border: ${t.kebabBorder};\n      box-sizing: border-box;\n      border-radius: ${t.kebabBorderRadius};\n      user-select: none;\n      cursor: pointer;\n      outline: 0;\n      transition: background 0.12s ease-out;\n      background: ${t.kebabBackground};\n\n      &:hover {\n        background: ${t.kebabBackgroundHover};\n      }\n\n      &:active {\n        background: ${t.kebabBackgroundActive};\n      }\n    `;\n  },\n\n  kebabSmall(t: Theme) {\n    return css`\n      width: ${t.kebabSizeSmall};\n      height: ${t.kebabSizeSmall};\n    `;\n  },\n\n  kebabMedium(t: Theme) {\n    return css`\n      width: ${t.kebabSizeMedium};\n      height: ${t.kebabSizeMedium};\n    `;\n  },\n\n  kebabLarge(t: Theme) {\n    return css`\n      width: ${t.kebabSizeLarge};\n      height: ${t.kebabSizeLarge};\n    `;\n  },\n\n  kebab2022() {\n    return css`\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    `;\n  },\n\n  focused(t: Theme) {\n    return css`\n      background: ${t.kebabBackgroundHover};\n      border-color: ${t.borderColorFocus};\n    `;\n  },\n\n  opened(t: Theme) {\n    return css`\n      background: ${t.kebabBackgroundActive} !important; // override kebab:hover style\n      cursor: default;\n    `;\n  },\n\n  disabled() {\n    return css`\n      cursor: default;\n\n      &:hover {\n        background: none;\n      }\n    `;\n  },\n\n  icon(t: Theme) {\n    return css`\n      color: ${t.kebabIconColor};\n      line-height: 1;\n    `;\n  },\n\n  iconsmall(t: Theme) {\n    return css`\n      margin-top: 2px;\n      font-size: ${t.kebabIconSizeSmall};\n    `;\n  },\n\n  iconmedium(t: Theme) {\n    return css`\n      margin-top: -1px;\n      margin-left: 0.5px;\n      font-size: ${t.kebabIconSizeMedium};\n    `;\n  },\n\n  iconlarge(t: Theme) {\n    return css`\n      margin-top: -2px;\n      margin-left: 1px;\n      font-size: ${t.kebabIconSizeLarge};\n    `;\n  },\n\n  menu(t: Theme) {\n    return css`\n      overflow: hidden;\n      border-radius: ${t.popupBorderRadius};\n    `;\n  },\n});\n"],"mappings":"gVAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,KAAK,WAAAA,MAACC,CAAQ,EAAE;IACd,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;IAGEF,CAAC,CAACG,WAAW;;IAENH,CAAC,CAACI,iBAAiB;;;;;IAKtBJ,CAAC,CAACK,eAAe;;;IAGfL,CAAC,CAACM,oBAAoB;;;;IAItBN,CAAC,CAACO,qBAAqB;;;EAG3C,CAAC;;EAEDC,UAAU,WAAAA,WAACR,CAAQ,EAAE;IACnB,OAAOJ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;IACCF,CAAC,CAACU,cAAc;IACfV,CAAC,CAACU,cAAc;;EAE9B,CAAC;;EAEDC,WAAW,WAAAA,YAACX,CAAQ,EAAE;IACpB,OAAOJ,GAAG,CAAAgB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;IACCF,CAAC,CAACa,eAAe;IAChBb,CAAC,CAACa,eAAe;;EAE/B,CAAC;;EAEDC,UAAU,WAAAA,WAACd,CAAQ,EAAE;IACnB,OAAOJ,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;IACCF,CAAC,CAACgB,cAAc;IACfhB,CAAC,CAACgB,cAAc;;EAE9B,CAAC;;EAEDC,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOrB,GAAG,CAAAsB,gBAAA,KAAAA,gBAAA,GAAAhB,2BAAA;;;;;EAKZ,CAAC;;EAEDiB,OAAO,WAAAA,QAACnB,CAAQ,EAAE;IAChB,OAAOJ,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;IACMF,CAAC,CAACM,oBAAoB;IACpBN,CAAC,CAACqB,gBAAgB;;EAEtC,CAAC;;EAEDC,MAAM,WAAAA,OAACtB,CAAQ,EAAE;IACf,OAAOJ,GAAG,CAAA2B,gBAAA,KAAAA,gBAAA,GAAArB,2BAAA;IACMF,CAAC,CAACO,qBAAqB;;;EAGzC,CAAC;;EAEDiB,QAAQ,WAAAA,SAAA,EAAG;IACT,OAAO5B,GAAG,CAAA6B,gBAAA,KAAAA,gBAAA,GAAAvB,2BAAA;;;;;;;EAOZ,CAAC;;EAEDwB,IAAI,WAAAA,KAAC1B,CAAQ,EAAE;IACb,OAAOJ,GAAG,CAAA+B,gBAAA,KAAAA,gBAAA,GAAAzB,2BAAA;IACCF,CAAC,CAAC4B,cAAc;;;EAG7B,CAAC;;EAEDC,SAAS,WAAAA,UAAC7B,CAAQ,EAAE;IAClB,OAAOJ,GAAG,CAAAkC,iBAAA,KAAAA,iBAAA,GAAA5B,2BAAA;;IAEKF,CAAC,CAAC+B,kBAAkB;;EAErC,CAAC;;EAEDC,UAAU,WAAAA,WAAChC,CAAQ,EAAE;IACnB,OAAOJ,GAAG,CAAAqC,iBAAA,KAAAA,iBAAA,GAAA/B,2BAAA;;;IAGKF,CAAC,CAACkC,mBAAmB;;EAEtC,CAAC;;EAEDC,SAAS,WAAAA,UAACnC,CAAQ,EAAE;IAClB,OAAOJ,GAAG,CAAAwC,iBAAA,KAAAA,iBAAA,GAAAlC,2BAAA;;;IAGKF,CAAC,CAACqC,kBAAkB;;EAErC,CAAC;;EAEDC,IAAI,WAAAA,KAACtC,CAAQ,EAAE;IACb,OAAOJ,GAAG,CAAA2C,iBAAA,KAAAA,iBAAA,GAAArC,2BAAA;;IAESF,CAAC,CAACwC,iBAAiB;;EAExC;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","kebab","t","_templateObject","_taggedTemplateLiteralLoose","kebabBorder","kebabBorderRadius","kebabBackground","kebabBackgroundHover","kebabBackgroundActive","kebabSmall","_templateObject2","kebabSizeSmall","kebabMedium","_templateObject3","kebabSizeMedium","kebabLarge","_templateObject4","kebabSizeLarge","focused","_templateObject5","borderColorFocus","opened","_templateObject6","disabled","_templateObject7","menu","_templateObject8","popupBorderRadius"],"sources":["Kebab.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  kebab(t: Theme) {\n    return css`\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      border: ${t.kebabBorder};\n      box-sizing: border-box;\n      border-radius: ${t.kebabBorderRadius};\n      user-select: none;\n      cursor: pointer;\n      outline: 0;\n      transition: background 0.12s ease-out;\n      background: ${t.kebabBackground};\n\n      &:hover {\n        background: ${t.kebabBackgroundHover};\n      }\n\n      &:active {\n        background: ${t.kebabBackgroundActive};\n      }\n    `;\n  },\n\n  kebabSmall(t: Theme) {\n    return css`\n      width: ${t.kebabSizeSmall};\n      height: ${t.kebabSizeSmall};\n    `;\n  },\n\n  kebabMedium(t: Theme) {\n    return css`\n      width: ${t.kebabSizeMedium};\n      height: ${t.kebabSizeMedium};\n    `;\n  },\n\n  kebabLarge(t: Theme) {\n    return css`\n      width: ${t.kebabSizeLarge};\n      height: ${t.kebabSizeLarge};\n    `;\n  },\n\n  focused(t: Theme) {\n    return css`\n      background: ${t.kebabBackgroundHover};\n      border-color: ${t.borderColorFocus};\n    `;\n  },\n\n  opened(t: Theme) {\n    return css`\n      background: ${t.kebabBackgroundActive} !important; // override kebab:hover style\n      cursor: default;\n    `;\n  },\n\n  disabled() {\n    return css`\n      cursor: default;\n\n      &:hover {\n        background: none;\n      }\n    `;\n  },\n\n  menu(t: Theme) {\n    return css`\n      overflow: hidden;\n      border-radius: ${t.popupBorderRadius};\n    `;\n  },\n});\n"],"mappings":"kPAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,KAAK,WAAAA,MAACC,CAAQ,EAAE;IACd,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;IAKEF,CAAC,CAACG,WAAW;;IAENH,CAAC,CAACI,iBAAiB;;;;;IAKtBJ,CAAC,CAACK,eAAe;;;IAGfL,CAAC,CAACM,oBAAoB;;;;IAItBN,CAAC,CAACO,qBAAqB;;;EAG3C,CAAC;;EAEDC,UAAU,WAAAA,WAACR,CAAQ,EAAE;IACnB,OAAOJ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;IACCF,CAAC,CAACU,cAAc;IACfV,CAAC,CAACU,cAAc;;EAE9B,CAAC;;EAEDC,WAAW,WAAAA,YAACX,CAAQ,EAAE;IACpB,OAAOJ,GAAG,CAAAgB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;IACCF,CAAC,CAACa,eAAe;IAChBb,CAAC,CAACa,eAAe;;EAE/B,CAAC;;EAEDC,UAAU,WAAAA,WAACd,CAAQ,EAAE;IACnB,OAAOJ,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;IACCF,CAAC,CAACgB,cAAc;IACfhB,CAAC,CAACgB,cAAc;;EAE9B,CAAC;;EAEDC,OAAO,WAAAA,QAACjB,CAAQ,EAAE;IAChB,OAAOJ,GAAG,CAAAsB,gBAAA,KAAAA,gBAAA,GAAAhB,2BAAA;IACMF,CAAC,CAACM,oBAAoB;IACpBN,CAAC,CAACmB,gBAAgB;;EAEtC,CAAC;;EAEDC,MAAM,WAAAA,OAACpB,CAAQ,EAAE;IACf,OAAOJ,GAAG,CAAAyB,gBAAA,KAAAA,gBAAA,GAAAnB,2BAAA;IACMF,CAAC,CAACO,qBAAqB;;;EAGzC,CAAC;;EAEDe,QAAQ,WAAAA,SAAA,EAAG;IACT,OAAO1B,GAAG,CAAA2B,gBAAA,KAAAA,gBAAA,GAAArB,2BAAA;;;;;;;EAOZ,CAAC;;EAEDsB,IAAI,WAAAA,KAACxB,CAAQ,EAAE;IACb,OAAOJ,GAAG,CAAA6B,gBAAA,KAAAA,gBAAA,GAAAvB,2BAAA;;IAESF,CAAC,CAAC0B,iBAAiB;;EAExC;AACF,CAAC,CAAC","ignoreList":[]}

package/components/Kebab/Kebab.styles.d.ts

@@ -1,16 +1,11 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    kebab(t: Theme): string;
-    kebabSmall(t: Theme): string;
-    kebabMedium(t: Theme): string;
-    kebabLarge(t: Theme): string;
-    kebab2022(): string;
-    focused(t: Theme): string;
-    opened(t: Theme): string;
-    disabled(): string;
-    icon(t: Theme): string;
-    iconsmall(t: Theme): string;
-    iconmedium(t: Theme): string;
-    iconlarge(t: Theme): string;
-    menu(t: Theme): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    kebab(t: Theme): string;
+    kebabSmall(t: Theme): string;
+    kebabMedium(t: Theme): string;
+    kebabLarge(t: Theme): string;
+    focused(t: Theme): string;
+    opened(t: Theme): string;
+    disabled(): string;
+    menu(t: Theme): string;
+};

package/components/Kebab/KebabIcon.d.ts

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

package/components/Kebab/index.d.ts

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

package/components/Link/Link/Link.js

@@ -1,11 +1,11 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-var _excluded = ["disabled", "href", "icon", "rightIcon", "use", "loading", "_button", "_buttonOpened", "rel", "as", "focused"];
+var _excluded = ["disabled", "icon", "rightIcon", "use", "loading", "_button", "_buttonOpened", "component", "focused", "error", "warning", "tabIndex", "theme"];
 var _class, _Link;
 import React from 'react';
-import PropTypes from 'prop-types';
 import { globalObject } from '@skbkontur/global-object';
+import { resetButton } from "../../../lib/styles/Mixins";
 import { keyListener } from "../../../lib/events/keyListener";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { isExternalLink } from "../../../lib/utils";
@@ -14,11 +14,10 @@ import { cx } from "../../../lib/theming/Emotion";
 import { rootNode } from "../../../lib/rootNode";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
-import { isDarkTheme, isTheme2022 } from "../../../lib/theming/ThemeHelpers";
-import { isIE11 } from "../../../lib/client";
 import { getVisualStateDataAttributes } from "../../../internal/CommonWrapper/utils/getVisualStateDataAttributes";
-import { globalClasses, styles } from "../Link.styles";
+import { styles } from "../Link.styles";
 import { LinkIcon } from "../LinkIcon";
+var LINK_DEFAULT_COMPONENT = 'a';
 export var LinkDataTids = {
   root: 'Link__root'
 };
@@ -37,31 +36,47 @@ export var Link = rootNode(_class = (_Link = /*#__PURE__*/function (_React$Compo
     _this.state = {
       focusedByTab: false
     };
+    _this.getTabIndex = function (_ref) {
+      var nonInteractive = _ref.nonInteractive,
+        _ref$tabIndex = _ref.tabIndex,
+        tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex;
+      return nonInteractive ? -1 : tabIndex;
+    };
+    _this.getRel = function () {
+      if (isAnchorProps(_this.props)) {
+        var _this$props = _this.props,
+          rel = _this$props.rel,
+          href = _this$props.href;
+        if (!rel && href) {
+          return "noopener" + (isExternalLink(href) ? ' noreferrer' : '');
+        }
+        return rel;
+      }
+      return undefined;
+    };
     _this.renderMain = function (props) {
+      var _cx;
       var disabled = props.disabled,
-        href = props.href,
         icon = props.icon,
         rightIcon = props.rightIcon,
         use = props.use,
         loading = props.loading,
         _button = props._button,
         _buttonOpened = props._buttonOpened,
-        relOrigin = props.rel,
-        Component = props.as,
+        Root = props.component,
         _props$focused = props.focused,
         focused = _props$focused === void 0 ? false : _props$focused,
+        error = props.error,
+        warning = props.warning,
+        tabIndex = props.tabIndex,
+        theme = props.theme,
         rest = _objectWithoutPropertiesLoose(props, _excluded);
-      var _isTheme2022 = isTheme2022(_this.theme);
       var arrow = null;
       if (_button) {
         arrow = /*#__PURE__*/React.createElement("span", {
           className: styles.arrow()
         });
       }
-      var rel = relOrigin;
-      if (typeof rel === 'undefined' && href) {
-        rel = "noopener" + (isExternalLink(href) ? ' noreferrer' : '');
-      }
       var isFocused = !disabled && (_this.state.focusedByTab || focused);
       var leftIconElement = icon && /*#__PURE__*/React.createElement(LinkIcon, {
         icon: icon,
@@ -75,34 +90,48 @@ export var Link = rootNode(_class = (_Link = /*#__PURE__*/function (_React$Compo
         loading: loading,
         position: "right"
       });
-      var linkProps = {
-        className: cx(styles.useRoot(), use === 'default' && styles.useDefault(_this.theme), use === 'success' && styles.useSuccess(_this.theme), use === 'danger' && styles.useDanger(_this.theme), use === 'grayed' && styles.useGrayed(_this.theme), !!_button && styles.button(_this.theme), !!_buttonOpened && styles.buttonOpened(_this.theme), _this.getLinkClassName(isFocused, Boolean(disabled || loading), _isTheme2022)),
-        href: href,
-        rel: rel,
+      var nonInteractive = disabled || loading;
+      var getUseStyles = function getUseStyles() {
+        switch (use) {
+          case 'default':
+            return styles["default"](_this.theme);
+          case 'danger':
+            return styles.danger(_this.theme);
+          case 'success':
+            return styles.success(_this.theme);
+          case 'grayed':
+            return styles.grayed(_this.theme);
+        }
+      };
+      var getUseLineFocusStyles = function getUseLineFocusStyles() {
+        switch (use) {
+          case 'default':
+            return styles.lineFocus(_this.theme);
+          case 'danger':
+            return styles.lineFocusDanger(_this.theme);
+          case 'success':
+            return styles.lineFocusSuccess(_this.theme);
+          case 'grayed':
+            return styles.lineFocusGrayed(_this.theme);
+        }
+      };
+      var rootProps = _extends({}, rest, {
+        className: cx((_cx = {}, _cx[styles.root(_this.theme)] = true, _cx[resetButton()] = Root === 'button', _cx[styles.focus(_this.theme)] = isFocused, _cx[styles.disabled(_this.theme)] = disabled || loading, _cx[getUseStyles()] = true, _cx[styles.useGrayedFocus(_this.theme)] = use === 'grayed' && focused, _cx[styles.button(_this.theme)] = !!_button, _cx[styles.buttonOpened(_this.theme)] = !!_buttonOpened, _cx[styles.warning(_this.theme)] = warning, _cx[styles.error(_this.theme)] = error, _cx[getUseLineFocusStyles()] = isFocused, _cx)),
         onClick: _this.handleClick,
         onFocus: _this.handleFocus,
         onBlur: _this.handleBlur,
-        tabIndex: disabled || loading ? -1 : _this.props.tabIndex
-      };
-      var child = _this.props.children;
-      if (_isTheme2022) {
-        var _cx, _cx2;
-        // lineTextWrapper нужен для реализации transition у подчеркивания
-        child = /*#__PURE__*/
-        React.createElement("span", {
-          className: cx(globalClasses.textWrapper, styles.lineTextWrapper(_this.theme), (_cx = {}, _cx[styles.lineTextWrapperFocused(_this.theme)] = isFocused, _cx))
-        }, /*#__PURE__*/
-
-        React.createElement("span", {
-          className: cx(globalClasses.text, (_cx2 = {}, _cx2[styles.lineText(_this.theme)] = !isIE11, _cx2[styles.lineTextIE11(_this.theme)] = isIE11, _cx2))
-        }, _this.props.children));
-      }
+        tabIndex: _this.getTabIndex({
+          nonInteractive: nonInteractive,
+          tabIndex: tabIndex
+        }),
+        rel: _this.getRel()
+      });
       return /*#__PURE__*/(
-        React.createElement(Component, _extends({
+        React.createElement(Root, _extends({
           "data-tid": LinkDataTids.root
-        }, rest, linkProps, getVisualStateDataAttributes({
+        }, rootProps, getVisualStateDataAttributes({
           disabled: disabled
-        })), leftIconElement, child, rightIconElement, arrow)
+        })), leftIconElement, _this.props.children, rightIconElement, arrow)
       );
     };
     _this.handleFocus = function () {
@@ -124,14 +153,10 @@ export var Link = rootNode(_class = (_Link = /*#__PURE__*/function (_React$Compo
       });
     };
     _this.handleClick = function (event) {
-      var _this$props = _this.props,
-        onClick = _this$props.onClick,
-        disabled = _this$props.disabled,
-        loading = _this$props.loading;
-      var href = _this.getProps().href;
-      if (!href) {
-        event.preventDefault();
-      }
+      var _this$props2 = _this.props,
+        onClick = _this$props2.onClick,
+        disabled = _this$props2.disabled,
+        loading = _this$props2.loading;
       if (onClick && !disabled && !loading) {
         onClick(event);
       }
@@ -149,21 +174,11 @@ export var Link = rootNode(_class = (_Link = /*#__PURE__*/function (_React$Compo
       }, _this2.getProps()), _this2.renderMain);
     });
   };
-  _proto.getLinkClassName = function getLinkClassName(focused, disabled, _isTheme2022) {
-    var _this$getProps = this.getProps(),
-      use = _this$getProps.use;
-    var isBorderBottom = parseInt(this.theme.linkLineBorderBottomWidth) > 0;
-    var isFocused = focused && !disabled;
-    return !isBorderBottom ? cx(styles.root(this.theme), isFocused && styles.focus(this.theme), disabled && styles.disabled(this.theme), use === 'grayed' && focused && styles.useGrayedFocus(this.theme)) : cx(styles.lineRoot(), disabled && styles.disabled(this.theme), disabled && _isTheme2022 && isDarkTheme(this.theme) && styles.disabledDark22Theme(this.theme), isFocused && use === 'default' && styles.lineFocus(this.theme), isFocused && use === 'success' && styles.lineFocusSuccess(this.theme), isFocused && use === 'danger' && styles.lineFocusDanger(this.theme), isFocused && use === 'grayed' && styles.lineFocusGrayed(this.theme), isFocused && _isTheme2022 && styles.focus2022(this.theme));
-  };
   return Link;
-}(React.Component), _Link.__KONTUR_REACT_UI__ = 'Link', _Link.displayName = 'Link', _Link.propTypes = {
-  disabled: PropTypes.bool,
-  href: PropTypes.string,
-  icon: PropTypes.node,
-  use: PropTypes.oneOf(['default', 'success', 'danger', 'grayed'])
-}, _Link.defaultProps = {
-  href: '',
+}(React.Component), _Link.__KONTUR_REACT_UI__ = 'Link', _Link.displayName = 'Link', _Link.defaultProps = {
   use: 'default',
-  as: 'a'
-}, _Link)) || _class;
+  component: LINK_DEFAULT_COMPONENT
+}, _Link)) || _class;
+var isAnchorProps = function isAnchorProps(props) {
+  return props.component === 'a';
+};