@skbkontur/react-ui 5.1.0-next.1 → 5.1.0

package/cjs/components/MenuItem/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_globalObject","_scrollYCenterIntoNearestScrollable","_utils","_ThemeContext","_CommonWrapper","_Emotion","_rootNode","_MenuContext","_getVisualStateDataAttributes","_MenuItem2","_excluded","_class","_MenuItem","MenuItemDataTids","exports","root","content","comment","MenuItem","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","iconOffsetTop","highlighted","mouseEntered","rootRef","contentRef","React","createRef","highlight","setState","unhighlight","select","event","handleClick","isEnabled","props","disabled","navigate","href","target","window","open","location","renderMain","_cx2","_cx3","_cx4","_this$props","link","icon","loose","size","_enableIconPadding","component","onMouseEnter","onMouseLeave","isMobile","scrollIntoView","_this$props$rel","rel","isExternalLink","isNotSelectable","children","unusedClasses","className","style","dataTid","rest","_objectWithoutPropertiesLoose2","default","iconElement","_cx","createElement","top","cx","styles","getIconSizeClassName","theme","getRootSizeClassName","rootMobile","hover","isHover","selected","isSelected","getWithIconSizeClassName","Boolean","context","enableIconPadding","isFunction","Component","getComponent","CommonWrapper","_extends2","rootNodeRef","setRootNode","getVisualStateDataAttributes","ref","setRootRef","activeState","onMouseOver","handleMouseEnterFix","handleMouseLeave","onClick","undefined","tabIndex","mobileContentWithIcon","isNonNullable","commentHover","e","_this$context$navigat","navigation","_this$context$navigat2","onItemClick","element","_this$props2","hasIconAmongItems","_this$context$navigat3","items","some","item","_inheritsLoose2","_proto","prototype","render","_this2","ThemeContext","Consumer","componentDidMount","scrollYCenterIntoNearestScrollable","isBrowser","globalObject","getComputedStyle","getPropertyValue","current","_this$context$navigat4","add","_this$context$setEnab","_this$context","setEnableIconPadding","componentWillUnmount","_this$context$navigat5","_this$context$setEnab2","_this$context2","remove","componentDidUpdate","prevProps","_this$context$setEnab3","_this$context3","_this$context$navigat6","_this$context$navigat7","rootLarge","rootMedium","rootSmall","iconLarge","iconMedium","iconSmall","withIconLarge","withIconMedium","withIconSmall","_createClass2","key","get","__KONTUR_REACT_UI__","displayName","__MENU_ITEM__","propTypes","PropTypes","node","bool","string","func","contextType","MenuContext","isMenuItem","isReactUIComponent"],"sources":["MenuItem.tsx"],"sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\nimport PropTypes from 'prop-types';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport { scrollYCenterIntoNearestScrollable } from '../../lib/dom/scrollYCenterIntoNearestScrollable';\nimport { Nullable } from '../../typings/utility-types';\nimport { isExternalLink, isFunction, isNonNullable, isReactUIComponent } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { SizeProp } from '../../lib/types/props';\nimport { MenuContext, MenuContextType } from '../../internal/Menu/MenuContext';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\n\nimport { styles } from './MenuItem.styles';\n\nexport type MenuItemState = null | 'hover' | 'selected' | void;\n\nexport interface MenuItemProps\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    Omit<CommonProps, 'children'> {\n  /** Добавляет отступ иконке.\n   * @ignore */\n  _enableIconPadding?: boolean;\n\n  /** Добавляет описание для элемента меню. */\n  comment?: React.ReactNode;\n\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n\n  /** Добавляет иконку элементу меню. */\n  icon?: React.ReactElement<any>;\n  /**\n   * Меняет цвет текста на синий.\n   * @deprecated\n   */\n  link?: boolean;\n\n  /** Задает размер контрола. */\n  size?: SizeProp;\n\n  /** @ignore */\n  loose?: boolean;\n\n  /** @ignore */\n  state?: MenuItemState;\n\n  /** Задает функцию, которая вызывается при клике. */\n  onClick?: (event: React.SyntheticEvent<HTMLElement>) => void;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). */\n  onMouseEnter?: React.MouseEventHandler;\n\n  /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: React.MouseEventHandler;\n\n  /** @ignore */\n  children?: React.ReactNode | ((state: MenuItemState) => React.ReactNode);\n\n  /** Задает HTML-атрибут `target`. */\n  target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];\n\n  /** Задает HTML-атрибут `title`. */\n  title?: React.AnchorHTMLAttributes<HTMLAnchorElement>['title'];\n\n  /** Задает HTML-атрибут `href` - адрес, на который следует перейти. */\n  href?: React.AnchorHTMLAttributes<HTMLAnchorElement>['href'];\n\n  /** Задает HTML-атрибут `rel`. Для внешних ссылок аттрибут rel по умолчанию равен \"noopener noreferrer\". */\n  rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>['rel'];\n\n  /** Заменяет корневой элемент, на компонент переданный в проп.\n   * По умолчанию корневой элемент рендерится как `button`. <br />Если передан `href`, то вместо `button` рендерится `a`. */\n  component?: React.ComponentType<any>;\n\n  /** Запрещает выделение и выбор данного пункта меню. */\n  isNotSelectable?: boolean;\n\n  /** Устанавливает стиль для отображения в мобильной версии. */\n  isMobile?: boolean;\n  /** @ignore */\n  scrollIntoView?: boolean;\n}\n\nexport const MenuItemDataTids = {\n  root: 'MenuItem__root',\n  content: 'MenuItem__content',\n  comment: 'MenuItem__comment',\n} as const;\n\n/**\n * `MenuItem` - это вложенный компонент, задающий базовые стили для элемента меню и позволяющий навигироваться по элементам меню с помощью клавиатуры.\n *\n * Сущности в которых может быть использован `MenuItem`: DropdownMenu, Kebab, TooltipMenu и Select.\n */\n@rootNode\nexport class MenuItem extends React.Component<MenuItemProps> {\n  public static __KONTUR_REACT_UI__ = 'MenuItem';\n  public static displayName = 'MenuItem';\n  public static __MENU_ITEM__ = true;\n\n  public static propTypes = {\n    comment: PropTypes.node,\n\n    disabled: PropTypes.bool,\n\n    href: PropTypes.string,\n\n    icon: PropTypes.node,\n\n    loose: PropTypes.bool,\n\n    state: PropTypes.string,\n\n    target: PropTypes.string,\n\n    onClick: PropTypes.func,\n\n    size: PropTypes.string,\n  };\n\n  public state = {\n    iconOffsetTop: 0,\n    highlighted: false,\n  };\n\n  private theme!: Theme;\n  private mouseEntered = false;\n  private setRootNode!: TSetRootNode;\n  private rootRef: Nullable<HTMLElement> = null;\n  private contentRef = React.createRef<HTMLElement>();\n  static contextType = MenuContext;\n\n  public context!: MenuContextType;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public componentDidMount() {\n    if (this.props.scrollIntoView && this.rootRef) {\n      scrollYCenterIntoNearestScrollable(this.rootRef);\n    }\n    if (this.rootRef && isBrowser(globalObject)) {\n      this.setState({ iconOffsetTop: globalObject.getComputedStyle(this.rootRef).getPropertyValue('padding-top') });\n    }\n    if (this.contentRef.current && !this.props.isNotSelectable) {\n      this.context.navigation?.add(this.contentRef.current, this);\n    }\n    if (this.props.icon) {\n      this.context.setEnableIconPadding?.(true);\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.contentRef.current) {\n      !this.props.isNotSelectable && this.context.navigation?.remove(this.contentRef.current);\n      this.context.setEnableIconPadding?.(this.hasIconAmongItems());\n    }\n  }\n\n  public componentDidUpdate(prevProps: Readonly<MenuItemProps>) {\n    if (prevProps.icon !== this.props.icon) {\n      this.context.setEnableIconPadding?.(!!this.props.icon || this.hasIconAmongItems());\n    }\n    if (this.contentRef.current && prevProps.isNotSelectable !== this.props.isNotSelectable) {\n      if (this.props.isNotSelectable) {\n        this.unhighlight();\n        this.context.navigation?.remove(this.contentRef.current);\n      } else {\n        this.context.navigation?.add(this.contentRef.current, this);\n      }\n    }\n  }\n\n  public highlight = () => {\n    this.setState({ highlighted: true });\n  };\n\n  public unhighlight = () => {\n    this.setState({ highlighted: false });\n  };\n\n  public select = (event: React.SyntheticEvent<HTMLElement>) => {\n    this.handleClick(event as React.MouseEvent<HTMLElement>);\n  };\n\n  public isEnabled = () => {\n    return !this.props.disabled;\n  };\n\n  public navigate = () => {\n    if (!this.props.href) {\n      return;\n    }\n    if (this.props.target) {\n      window.open(this.props.href, this.props.target);\n    } else {\n      location.href = this.props.href;\n    }\n  };\n\n  private getRootSizeClassName() {\n    switch (this.props.size) {\n      case 'large':\n        return styles.rootLarge(this.theme);\n      case 'medium':\n        return styles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return styles.rootSmall(this.theme);\n    }\n  }\n\n  private getIconSizeClassName() {\n    switch (this.props.size) {\n      case 'large':\n        return styles.iconLarge(this.theme);\n      case 'medium':\n        return styles.iconMedium(this.theme);\n      case 'small':\n      default:\n        return styles.iconSmall(this.theme);\n    }\n  }\n\n  private getWithIconSizeClassName() {\n    switch (this.props.size) {\n      case 'large':\n        return styles.withIconLarge(this.theme);\n      case 'medium':\n        return styles.withIconMedium(this.theme);\n      case 'small':\n      default:\n        return styles.withIconSmall(this.theme);\n    }\n  }\n\n  private renderMain = () => {\n    const {\n      link,\n      comment,\n      icon,\n      loose,\n      state,\n      size,\n      _enableIconPadding,\n      component,\n      onMouseEnter,\n      onMouseLeave,\n      isMobile,\n      href,\n      disabled,\n      scrollIntoView,\n      rel = href && isExternalLink(href) ? 'noopener noreferrer' : this.props.rel,\n      isNotSelectable,\n      children,\n      className: unusedClasses,\n      style,\n      'data-tid': dataTid,\n      ...rest\n    } = this.props;\n\n    let iconElement = null;\n    if (icon) {\n      iconElement = (\n        <div\n          style={{ top: this.state.iconOffsetTop }}\n          className={cx({\n            [styles.icon()]: true,\n            [this.getIconSizeClassName()]: true,\n          })}\n        >\n          {icon}\n        </div>\n      );\n    }\n\n    const className = cx({\n      [styles.root(this.theme)]: true,\n      [this.getRootSizeClassName()]: true,\n      [styles.rootMobile(this.theme)]: isMobile,\n      [styles.loose()]: !!loose,\n      [styles.hover(this.theme)]: this.isHover,\n      [styles.selected(this.theme)]: this.isSelected,\n      [styles.link(this.theme)]: !!link,\n      [this.getWithIconSizeClassName()]: Boolean(iconElement) || !!_enableIconPadding || this.context.enableIconPadding,\n      [styles.disabled(this.theme)]: !!disabled,\n    });\n\n    let content = children;\n    if (isFunction(children)) {\n      content = children(state);\n    }\n\n    const Component = this.getComponent();\n\n    return (\n      <CommonWrapper\n        rootNodeRef={this.setRootNode}\n        {...getVisualStateDataAttributes({\n          hover: this.isHover,\n          selected: this.isSelected,\n        })}\n        {...this.props}\n      >\n        <Component\n          ref={this.setRootRef}\n          data-tid={MenuItemDataTids.root}\n          {...rest}\n          disabled={disabled}\n          state={this.activeState}\n          onMouseOver={this.handleMouseEnterFix}\n          onMouseLeave={this.handleMouseLeave}\n          onClick={this.handleClick}\n          className={className}\n          href={href}\n          rel={href ? rel : undefined}\n          tabIndex={-1}\n        >\n          {iconElement}\n          <span\n            className={cx({\n              [styles.mobileContentWithIcon()]: isMobile && isNonNullable(icon),\n            })}\n            ref={this.contentRef}\n            data-tid={MenuItemDataTids.content}\n          >\n            {typeof content === 'function' ? content() : content}\n          </span>\n          {comment && (\n            <div\n              data-tid={MenuItemDataTids.comment}\n              className={cx({\n                [styles.comment(this.theme)]: true,\n                [styles.commentHover(this.theme)]: this.isHover,\n              })}\n            >\n              {comment}\n            </div>\n          )}\n        </Component>\n      </CommonWrapper>\n    );\n  };\n\n  private get activeState() {\n    return this.state.highlighted ? 'hover' : this.props.state;\n  }\n\n  private get isHover(): boolean {\n    return (this.state.highlighted || this.props.state === 'hover') && !this.props.disabled;\n  }\n\n  private get isSelected(): boolean {\n    return this.props.state === 'selected' && !this.state.highlighted;\n  }\n\n  // https://github.com/facebook/react/issues/10109\n  // Mouseenter event not triggered when cursor moves from disabled button\n  private handleMouseEnterFix = (e: React.MouseEvent<HTMLElement>) => {\n    if (!this.mouseEntered) {\n      this.mouseEntered = true;\n      this.props.onMouseEnter?.(e);\n      !this.props.isNotSelectable && this.context.navigation?.highlight(this);\n    }\n  };\n\n  private handleMouseLeave = (e: React.MouseEvent<HTMLElement>) => {\n    this.mouseEntered = false;\n    this.props.onMouseLeave?.(e);\n    !this.props.isNotSelectable && this.context.navigation?.unhighlight();\n  };\n\n  private handleClick = (e: React.MouseEvent<HTMLElement>) => {\n    if (this.props.isNotSelectable) {\n      return;\n    }\n    this.props.onClick?.(e);\n    this.context.onItemClick?.(e);\n  };\n\n  private setRootRef = (element: HTMLElement) => {\n    this.rootRef = element;\n  };\n\n  private getComponent = () => {\n    const { disabled, component, href } = this.props;\n\n    if (component) {\n      return component;\n    }\n\n    if (disabled) {\n      return 'button';\n    }\n\n    if (href) {\n      return 'a';\n    }\n\n    return 'button';\n  };\n\n  private hasIconAmongItems = () => {\n    return Boolean(this.context.navigation?.items.some((item) => item.props.icon));\n  };\n}\n\nexport const isMenuItem = isReactUIComponent('MenuItem');\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_globalObject","_scrollYCenterIntoNearestScrollable","_utils","_ThemeContext","_CommonWrapper","_Emotion","_rootNode","_MenuContext","_getVisualStateDataAttributes","_MenuItem2","_excluded","_class","_MenuItem","MenuItemDataTids","exports","root","content","comment","MenuItem","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","iconOffsetTop","highlighted","mouseEntered","rootRef","contentRef","React","createRef","highlight","setState","unhighlight","select","event","handleClick","isEnabled","props","disabled","navigate","href","target","window","open","location","renderMain","_cx2","_cx3","_cx4","_this$props","link","icon","loose","size","_enableIconPadding","component","onMouseEnter","onMouseLeave","isMobile","scrollIntoView","_this$props$rel","rel","isExternalLink","isNotSelectable","children","unusedClasses","className","style","dataTid","rest","_objectWithoutPropertiesLoose2","default","iconElement","_cx","createElement","top","cx","styles","getIconSizeClassName","theme","getRootSizeClassName","rootMobile","hover","isHover","selected","isSelected","getWithIconSizeClassName","Boolean","context","enableIconPadding","isFunction","activeState","Component","getComponent","CommonWrapper","_extends2","rootNodeRef","setRootNode","getVisualStateDataAttributes","ref","setRootRef","onMouseOver","handleMouseEnterFix","handleMouseLeave","onClick","undefined","tabIndex","mobileContentWithIcon","isNonNullable","commentHover","e","_this$context$navigat","navigation","_this$context$navigat2","onItemClick","element","_this$props2","hasIconAmongItems","_this$context$navigat3","items","some","item","_inheritsLoose2","_proto","prototype","render","_this2","ThemeContext","Consumer","componentDidMount","scrollYCenterIntoNearestScrollable","isBrowser","globalObject","getComputedStyle","getPropertyValue","current","_this$context$navigat4","add","_this$context$setEnab","_this$context","setEnableIconPadding","componentWillUnmount","_this$context$navigat5","_this$context$setEnab2","_this$context2","remove","componentDidUpdate","prevProps","_this$context$setEnab3","_this$context3","_this$context$navigat6","_this$context$navigat7","rootLarge","rootMedium","rootSmall","iconLarge","iconMedium","iconSmall","withIconLarge","withIconMedium","withIconSmall","_createClass2","key","get","__KONTUR_REACT_UI__","displayName","__MENU_ITEM__","propTypes","PropTypes","node","bool","string","func","contextType","MenuContext","isMenuItem","isReactUIComponent"],"sources":["MenuItem.tsx"],"sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\nimport PropTypes from 'prop-types';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport { scrollYCenterIntoNearestScrollable } from '../../lib/dom/scrollYCenterIntoNearestScrollable';\nimport { Nullable } from '../../typings/utility-types';\nimport { isExternalLink, isFunction, isNonNullable, isReactUIComponent } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { SizeProp } from '../../lib/types/props';\nimport { MenuContext, MenuContextType } from '../../internal/Menu/MenuContext';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\n\nimport { styles } from './MenuItem.styles';\n\nexport type MenuItemState = null | 'hover' | 'selected' | void;\n\nexport interface MenuItemProps\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    Omit<CommonProps, 'children'> {\n  /** Добавляет отступ иконке.\n   * @ignore */\n  _enableIconPadding?: boolean;\n\n  /** Добавляет описание для элемента меню. */\n  comment?: React.ReactNode;\n\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n\n  /** Добавляет иконку элементу меню. */\n  icon?: React.ReactElement<any>;\n  /**\n   * Меняет цвет текста на синий.\n   * @deprecated\n   */\n  link?: boolean;\n\n  /** Задает размер контрола. */\n  size?: SizeProp;\n\n  /** @ignore */\n  loose?: boolean;\n\n  /** @ignore */\n  state?: MenuItemState;\n\n  /** Задает функцию, которая вызывается при клике. */\n  onClick?: (event: React.SyntheticEvent<HTMLElement>) => void;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). */\n  onMouseEnter?: React.MouseEventHandler;\n\n  /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: React.MouseEventHandler;\n\n  /** @ignore */\n  children?: React.ReactNode | ((state: MenuItemState) => React.ReactNode);\n\n  /** Задает HTML-атрибут `target`. */\n  target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];\n\n  /** Задает HTML-атрибут `title`. */\n  title?: React.AnchorHTMLAttributes<HTMLAnchorElement>['title'];\n\n  /** Задает HTML-атрибут `href` - адрес, на который следует перейти. */\n  href?: React.AnchorHTMLAttributes<HTMLAnchorElement>['href'];\n\n  /** Задает HTML-атрибут `rel`. Для внешних ссылок аттрибут rel по умолчанию равен \"noopener noreferrer\". */\n  rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>['rel'];\n\n  /** Заменяет корневой элемент, на компонент переданный в проп.\n   * По умолчанию корневой элемент рендерится как `button`. <br />Если передан `href`, то вместо `button` рендерится `a`. */\n  component?: React.ComponentType<any>;\n\n  /** Запрещает выделение и выбор данного пункта меню. */\n  isNotSelectable?: boolean;\n\n  /** Устанавливает стиль для отображения в мобильной версии. */\n  isMobile?: boolean;\n  /** @ignore */\n  scrollIntoView?: boolean;\n}\n\nexport const MenuItemDataTids = {\n  root: 'MenuItem__root',\n  content: 'MenuItem__content',\n  comment: 'MenuItem__comment',\n} as const;\n\n/**\n * `MenuItem` - это вложенный компонент, задающий базовые стили для элемента меню и позволяющий навигироваться по элементам меню с помощью клавиатуры.\n *\n * Сущности в которых может быть использован `MenuItem`: DropdownMenu, Kebab, TooltipMenu и Select.\n */\n@rootNode\nexport class MenuItem extends React.Component<MenuItemProps> {\n  public static __KONTUR_REACT_UI__ = 'MenuItem';\n  public static displayName = 'MenuItem';\n  public static __MENU_ITEM__ = true;\n\n  public static propTypes = {\n    comment: PropTypes.node,\n\n    disabled: PropTypes.bool,\n\n    href: PropTypes.string,\n\n    icon: PropTypes.node,\n\n    loose: PropTypes.bool,\n\n    state: PropTypes.string,\n\n    target: PropTypes.string,\n\n    onClick: PropTypes.func,\n\n    size: PropTypes.string,\n  };\n\n  public state = {\n    iconOffsetTop: 0,\n    highlighted: false,\n  };\n\n  private theme!: Theme;\n  private mouseEntered = false;\n  private setRootNode!: TSetRootNode;\n  private rootRef: Nullable<HTMLElement> = null;\n  private contentRef = React.createRef<HTMLElement>();\n  static contextType = MenuContext;\n\n  public context!: MenuContextType;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public componentDidMount() {\n    if (this.props.scrollIntoView && this.rootRef) {\n      scrollYCenterIntoNearestScrollable(this.rootRef);\n    }\n    if (this.rootRef && isBrowser(globalObject)) {\n      this.setState({ iconOffsetTop: globalObject.getComputedStyle(this.rootRef).getPropertyValue('padding-top') });\n    }\n    if (this.contentRef.current && !this.props.isNotSelectable) {\n      this.context.navigation?.add(this.contentRef.current, this);\n    }\n    if (this.props.icon) {\n      this.context.setEnableIconPadding?.(true);\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.contentRef.current) {\n      !this.props.isNotSelectable && this.context.navigation?.remove(this.contentRef.current);\n      this.context.setEnableIconPadding?.(this.hasIconAmongItems());\n    }\n  }\n\n  public componentDidUpdate(prevProps: Readonly<MenuItemProps>) {\n    if (prevProps.icon !== this.props.icon) {\n      this.context.setEnableIconPadding?.(!!this.props.icon || this.hasIconAmongItems());\n    }\n    if (this.contentRef.current && prevProps.isNotSelectable !== this.props.isNotSelectable) {\n      if (this.props.isNotSelectable) {\n        this.unhighlight();\n        this.context.navigation?.remove(this.contentRef.current);\n      } else {\n        this.context.navigation?.add(this.contentRef.current, this);\n      }\n    }\n  }\n\n  public highlight = () => {\n    this.setState({ highlighted: true });\n  };\n\n  public unhighlight = () => {\n    this.setState({ highlighted: false });\n  };\n\n  public select = (event: React.SyntheticEvent<HTMLElement>) => {\n    this.handleClick(event as React.MouseEvent<HTMLElement>);\n  };\n\n  public isEnabled = () => {\n    return !this.props.disabled;\n  };\n\n  public navigate = () => {\n    if (!this.props.href) {\n      return;\n    }\n    if (this.props.target) {\n      window.open(this.props.href, this.props.target);\n    } else {\n      location.href = this.props.href;\n    }\n  };\n\n  private getRootSizeClassName() {\n    switch (this.props.size) {\n      case 'large':\n        return styles.rootLarge(this.theme);\n      case 'medium':\n        return styles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return styles.rootSmall(this.theme);\n    }\n  }\n\n  private getIconSizeClassName() {\n    switch (this.props.size) {\n      case 'large':\n        return styles.iconLarge(this.theme);\n      case 'medium':\n        return styles.iconMedium(this.theme);\n      case 'small':\n      default:\n        return styles.iconSmall(this.theme);\n    }\n  }\n\n  private getWithIconSizeClassName() {\n    switch (this.props.size) {\n      case 'large':\n        return styles.withIconLarge(this.theme);\n      case 'medium':\n        return styles.withIconMedium(this.theme);\n      case 'small':\n      default:\n        return styles.withIconSmall(this.theme);\n    }\n  }\n\n  private renderMain = () => {\n    const {\n      link,\n      comment,\n      icon,\n      loose,\n      state,\n      size,\n      _enableIconPadding,\n      component,\n      onMouseEnter,\n      onMouseLeave,\n      isMobile,\n      href,\n      disabled,\n      scrollIntoView,\n      rel = href && isExternalLink(href) ? 'noopener noreferrer' : this.props.rel,\n      isNotSelectable,\n      children,\n      className: unusedClasses,\n      style,\n      'data-tid': dataTid,\n      ...rest\n    } = this.props;\n\n    let iconElement = null;\n    if (icon) {\n      iconElement = (\n        <div\n          style={{ top: this.state.iconOffsetTop }}\n          className={cx({\n            [styles.icon()]: true,\n            [this.getIconSizeClassName()]: true,\n          })}\n        >\n          {icon}\n        </div>\n      );\n    }\n\n    const className = cx({\n      [styles.root(this.theme)]: true,\n      [this.getRootSizeClassName()]: true,\n      [styles.rootMobile(this.theme)]: isMobile,\n      [styles.loose()]: !!loose,\n      [styles.hover(this.theme)]: this.isHover,\n      [styles.selected(this.theme)]: this.isSelected,\n      [styles.link(this.theme)]: !!link,\n      [this.getWithIconSizeClassName()]: Boolean(iconElement) || !!_enableIconPadding || this.context.enableIconPadding,\n      [styles.disabled(this.theme)]: !!disabled,\n    });\n\n    let content = children;\n    if (isFunction(children)) {\n      content = children(this.activeState);\n    }\n\n    const Component = this.getComponent();\n\n    return (\n      <CommonWrapper\n        rootNodeRef={this.setRootNode}\n        {...getVisualStateDataAttributes({\n          hover: this.isHover,\n          selected: this.isSelected,\n        })}\n        {...this.props}\n      >\n        <Component\n          ref={this.setRootRef}\n          data-tid={MenuItemDataTids.root}\n          {...rest}\n          disabled={disabled}\n          state={this.activeState}\n          onMouseOver={this.handleMouseEnterFix}\n          onMouseLeave={this.handleMouseLeave}\n          onClick={this.handleClick}\n          className={className}\n          href={href}\n          rel={href ? rel : undefined}\n          tabIndex={-1}\n        >\n          {iconElement}\n          <span\n            className={cx({\n              [styles.mobileContentWithIcon()]: isMobile && isNonNullable(icon),\n            })}\n            ref={this.contentRef}\n            data-tid={MenuItemDataTids.content}\n          >\n            {typeof content === 'function' ? content() : content}\n          </span>\n          {comment && (\n            <div\n              data-tid={MenuItemDataTids.comment}\n              className={cx({\n                [styles.comment(this.theme)]: true,\n                [styles.commentHover(this.theme)]: this.isHover,\n              })}\n            >\n              {comment}\n            </div>\n          )}\n        </Component>\n      </CommonWrapper>\n    );\n  };\n\n  private get activeState() {\n    return this.state.highlighted ? 'hover' : this.props.state;\n  }\n\n  private get isHover(): boolean {\n    return (this.state.highlighted || this.props.state === 'hover') && !this.props.disabled;\n  }\n\n  private get isSelected(): boolean {\n    return this.props.state === 'selected' && !this.state.highlighted;\n  }\n\n  // https://github.com/facebook/react/issues/10109\n  // Mouseenter event not triggered when cursor moves from disabled button\n  private handleMouseEnterFix = (e: React.MouseEvent<HTMLElement>) => {\n    if (!this.mouseEntered) {\n      this.mouseEntered = true;\n      this.props.onMouseEnter?.(e);\n      !this.props.isNotSelectable && this.context.navigation?.highlight(this);\n    }\n  };\n\n  private handleMouseLeave = (e: React.MouseEvent<HTMLElement>) => {\n    this.mouseEntered = false;\n    this.props.onMouseLeave?.(e);\n    !this.props.isNotSelectable && this.context.navigation?.unhighlight();\n  };\n\n  private handleClick = (e: React.MouseEvent<HTMLElement>) => {\n    if (this.props.isNotSelectable) {\n      return;\n    }\n    this.props.onClick?.(e);\n    this.context.onItemClick?.(e);\n  };\n\n  private setRootRef = (element: HTMLElement) => {\n    this.rootRef = element;\n  };\n\n  private getComponent = () => {\n    const { disabled, component, href } = this.props;\n\n    if (component) {\n      return component;\n    }\n\n    if (disabled) {\n      return 'button';\n    }\n\n    if (href) {\n      return 'a';\n    }\n\n    return 'button';\n  };\n\n  private hasIconAmongItems = () => {\n    return Boolean(this.context.navigation?.items.some((item) => item.props.icon));\n  };\n}\n\nexport const isMenuItem = isReactUIComponent('MenuItem');\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/MenuItem/MenuItem.mixins.d.ts

@@ -1,3 +1,3 @@
-export declare const menuItemSizeMixin: (menuItemPaddingX: string, menuItemPaddingY: string, menuItemLineHeight: string, menuItemFontSize: string) => string;
-export declare const iconSizeMixin: (menuItemIconWidth: string, menuItemPaddingX: string) => string;
-export declare const withIconSizeMixin: (menuItemPaddingForIcon: string) => string;
+export declare const menuItemSizeMixin: (menuItemPaddingX: string, menuItemPaddingY: string, menuItemLineHeight: string, menuItemFontSize: string) => string;
+export declare const iconSizeMixin: (menuItemIconWidth: string, menuItemPaddingX: string) => string;
+export declare const withIconSizeMixin: (menuItemPaddingForIcon: string) => string;

package/cjs/components/MenuItem/MenuItem.styles.d.ts

@@ -1,27 +1,27 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const getMenuItemPaddings: ({ menuItemPaddingX, menuItemPaddingY, }: Record<'menuItemPaddingX' | 'menuItemPaddingY', string>) => {
-    paddingX: string;
-    paddingY: string;
-};
-export declare const styles: {
-    root(t: Theme): string;
-    rootSmall(t: Theme): string;
-    rootMedium(t: Theme): string;
-    rootLarge(t: Theme): string;
-    rootMobile(t: Theme): string;
-    hover(t: Theme): string;
-    selected(t: Theme): string;
-    disabled(t: Theme): string;
-    link(t: Theme): string;
-    loose(): string;
-    withIconSmall(t: Theme): string;
-    withIconMedium(t: Theme): string;
-    withIconLarge(t: Theme): string;
-    comment(t: Theme): string;
-    commentHover(t: Theme): string;
-    icon(): string;
-    iconSmall(t: Theme): string;
-    iconMedium(t: Theme): string;
-    iconLarge(t: Theme): string;
-    mobileContentWithIcon(): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const getMenuItemPaddings: ({ menuItemPaddingX, menuItemPaddingY, }: Record<'menuItemPaddingX' | 'menuItemPaddingY', string>) => {
+    paddingX: string;
+    paddingY: string;
+};
+export declare const styles: {
+    root(t: Theme): string;
+    rootSmall(t: Theme): string;
+    rootMedium(t: Theme): string;
+    rootLarge(t: Theme): string;
+    rootMobile(t: Theme): string;
+    hover(t: Theme): string;
+    selected(t: Theme): string;
+    disabled(t: Theme): string;
+    link(t: Theme): string;
+    loose(): string;
+    withIconSmall(t: Theme): string;
+    withIconMedium(t: Theme): string;
+    withIconLarge(t: Theme): string;
+    comment(t: Theme): string;
+    commentHover(t: Theme): string;
+    icon(): string;
+    iconSmall(t: Theme): string;
+    iconMedium(t: Theme): string;
+    iconLarge(t: Theme): string;
+    mobileContentWithIcon(): string;
+};

package/cjs/components/MenuItem/index.d.ts

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

package/cjs/components/MenuSeparator/MenuSeparator.d.ts

@@ -1,17 +1,17 @@
-import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-export type MenuSeparatorProps = CommonProps;
-export declare const MenuSeparatorDataTids: {
-    readonly root: "MenuSeparator__root";
-};
-/**
- * `MenuSeparator` добавляет разделительную линию между элементами меню.
- *
- * Сущности в которых может быть использован `MenuSeparator`: DropdownMenu, Kebab, TooltipMenu и Select.
- */
-declare function MenuSeparator(props: MenuSeparatorProps): React.JSX.Element;
-declare namespace MenuSeparator {
-    var __KONTUR_REACT_UI__: string;
-    var displayName: string;
-}
-export { MenuSeparator };
+import React from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+export type MenuSeparatorProps = CommonProps;
+export declare const MenuSeparatorDataTids: {
+    readonly root: "MenuSeparator__root";
+};
+/**
+ * `MenuSeparator` добавляет разделительную линию между элементами меню.
+ *
+ * Сущности в которых может быть использован `MenuSeparator`: DropdownMenu, Kebab, TooltipMenu и Select.
+ */
+declare function MenuSeparator(props: MenuSeparatorProps): React.JSX.Element;
+declare namespace MenuSeparator {
+    var __KONTUR_REACT_UI__: string;
+    var displayName: string;
+}
+export { MenuSeparator };

package/cjs/components/MenuSeparator/MenuSeparator.styles.d.ts

@@ -1,5 +1,5 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(t: Theme): string;
-    rootMobile(t: Theme): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    rootMobile(t: Theme): string;
+};

package/cjs/components/MenuSeparator/index.d.ts

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

package/cjs/components/MiniModal/MiniModal.d.ts

@@ -1,24 +1,24 @@
-import { Modal, ModalProps } from '../Modal';
-import { MiniModalFooter } from './MiniModalFooter';
-import { MiniModalHeader } from './MiniModalHeader';
-import { MiniModalBody } from './MiniModalBody';
-import { MiniModalIndent } from './MiniModalIndent';
-export declare const MiniModalDataTids: {
-    readonly icon: "MiniModal__icon";
-    readonly title: "MiniModal__title";
-    readonly description: "MiniModal__description";
-    readonly actions: "MiniModal__actions";
-    readonly indent: "MiniModal__indent";
-};
-/**
- * `MiniModal` — модальное диалоговое окно, которое предполагает обязательный отклик пользователя по одному из доступных действий. Обёртка над Modal.
- * Закрытие окна по клику на фон или "крестик" не рекомендуется, т.к. у этих действий нет однозначного описания в отличие от кнопок с названиями, наподобие "Сохранить", "Подтвердить" и т.п.
- *
- * По макету предполагается, что все кнопки должны быть среднего размера `size = medium`.
- */
-export declare const MiniModal: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<Modal, ModalProps> & {
-    Header: typeof MiniModalHeader;
-    Indent: typeof MiniModalIndent;
-    Footer: typeof MiniModalFooter;
-    Body: typeof MiniModalBody;
-};
+import { Modal, ModalProps } from '../Modal';
+import { MiniModalFooter } from './MiniModalFooter';
+import { MiniModalHeader } from './MiniModalHeader';
+import { MiniModalBody } from './MiniModalBody';
+import { MiniModalIndent } from './MiniModalIndent';
+export declare const MiniModalDataTids: {
+    readonly icon: "MiniModal__icon";
+    readonly title: "MiniModal__title";
+    readonly description: "MiniModal__description";
+    readonly actions: "MiniModal__actions";
+    readonly indent: "MiniModal__indent";
+};
+/**
+ * `MiniModal` — модальное диалоговое окно, которое предполагает обязательный отклик пользователя по одному из доступных действий. Обёртка над Modal.
+ * Закрытие окна по клику на фон или "крестик" не рекомендуется, т.к. у этих действий нет однозначного описания в отличие от кнопок с названиями, наподобие "Сохранить", "Подтвердить" и т.п.
+ *
+ * По макету предполагается, что все кнопки должны быть среднего размера `size = medium`.
+ */
+export declare const MiniModal: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<Modal, ModalProps> & {
+    Header: typeof MiniModalHeader;
+    Indent: typeof MiniModalIndent;
+    Footer: typeof MiniModalFooter;
+    Body: typeof MiniModalBody;
+};

package/cjs/components/MiniModal/MiniModal.styles.d.ts

@@ -1,14 +1,11 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    icon(): string;
-    description(): string;
-    title(): string;
-    titleWithIcon(t: Theme): string;
-    actions(t: Theme): string;
-    actionsIndent(t: Theme): string;
-    actionsIndentIE11Fallback(t: Theme): string;
-    actionsRow(): string;
-    actionsColumn(): string;
-    actionsRowIE11Fallback(t: Theme): string;
-    actionsColumnIE11Fallback(t: Theme): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    icon(): string;
+    description(): string;
+    title(): string;
+    titleWithIcon(t: Theme): string;
+    actions(): string;
+    actionsIndent(t: Theme): string;
+    actionsRow(t: Theme): string;
+    actionsColumn(t: Theme): string;
+};

package/cjs/components/MiniModal/MiniModal.styles.js

@@ -1,6 +1,6 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
 
-var _Button = require("../Button/Button.styles");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+var _Button = require("../Button/Button.styles");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 
 var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   icon: function icon() {
@@ -27,12 +27,11 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
   },
 
-  actions: function actions(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      justify-content: stretch;\n      text-align: center;\n      gap: ", ";\n\n      .", " {\n        width: 100%;\n      }\n    "])),
+  actions: function actions() {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      justify-content: stretch;\n      text-align: center;\n\n      .", " {\n        width: 100%;\n      }\n    "])),
 
 
 
-    t.miniModalActionGap,
 
     _Button.globalClasses.root);
 
@@ -41,31 +40,14 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   actionsIndent: function actionsIndent(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " 0;\n    "])),
     t.miniModalCancelIndent);
 
   },
 
-  actionsIndentIE11Fallback: function actionsIndentIE11Fallback(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " 0;\n    "])),
-    t.miniModalCancelIndent);
-
-  },
+  actionsRow: function actionsRow(t) {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex-direction: row;\n      > *:nth-of-type(1) {\n        margin-right: calc(", " / 2);\n      }\n      > *:nth-of-type(2) {\n        margin-left: calc(", " / 2);\n      }\n    "])),
 
-  actionsRow: function actionsRow() {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex-direction: row;\n    "])));
-
-
-  },
-
-  actionsColumn: function actionsColumn() {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex-direction: column;\n    "])));
-
-
-  },
-
-  actionsRowIE11Fallback: function actionsRowIE11Fallback(t) {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      > *:nth-of-type(1) {\n        margin-right: calc(", " / 2);\n      }\n      > *:nth-of-type(2) {\n        margin-left: calc(", " / 2);\n      }\n    "])),
 
     t.miniModalActionGap,
 
@@ -75,8 +57,9 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
   },
 
-  actionsColumnIE11Fallback: function actionsColumnIE11Fallback(t) {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      > *:nth-of-type(2) {\n        margin-top: ", ";\n      }\n      > *:nth-of-type(3) {\n        margin-top: ", ";\n      }\n    "])),
+  actionsColumn: function actionsColumn(t) {
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex-direction: column;\n      > *:nth-of-type(2) {\n        margin-top: ", ";\n      }\n      > *:nth-of-type(3) {\n        margin-top: ", ";\n      }\n    "])),
+
 
     t.miniModalActionGap,
 

package/cjs/components/MiniModal/MiniModal.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_Button","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","styles","exports","memoizeStyle","icon","css","_taggedTemplateLiteralLoose2","default","description","title","titleWithIcon","t","miniModalTitleMarginTop","actions","miniModalActionGap","buttonGlobalClasses","root","actionsIndent","miniModalCancelIndent","actionsIndentIE11Fallback","actionsRow","actionsColumn","actionsRowIE11Fallback","actionsColumnIE11Fallback"],"sources":["MiniModal.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { globalClasses as buttonGlobalClasses } from '../Button/Button.styles';\n\nexport const styles = memoizeStyle({\n  icon() {\n    return css`\n      text-align: center;\n    `;\n  },\n\n  description() {\n    return css`\n      text-align: center;\n    `;\n  },\n\n  title() {\n    return css`\n      text-align: center;\n    `;\n  },\n\n  titleWithIcon(t: Theme) {\n    return css`\n      margin-top: ${t.miniModalTitleMarginTop};\n    `;\n  },\n\n  actions(t: Theme) {\n    return css`\n      display: flex;\n      justify-content: stretch;\n      text-align: center;\n      gap: ${t.miniModalActionGap};\n\n      .${buttonGlobalClasses.root} {\n        width: 100%;\n      }\n    `;\n  },\n\n  actionsIndent(t: Theme) {\n    return css`\n      height: ${t.miniModalCancelIndent};\n    `;\n  },\n\n  actionsIndentIE11Fallback(t: Theme) {\n    return css`\n      padding: ${t.miniModalCancelIndent} 0;\n    `;\n  },\n\n  actionsRow() {\n    return css`\n      flex-direction: row;\n    `;\n  },\n\n  actionsColumn() {\n    return css`\n      flex-direction: column;\n    `;\n  },\n\n  actionsRowIE11Fallback(t: Theme) {\n    return css`\n      > *:nth-of-type(1) {\n        margin-right: calc(${t.miniModalActionGap} / 2);\n      }\n      > *:nth-of-type(2) {\n        margin-left: calc(${t.miniModalActionGap} / 2);\n      }\n    `;\n  },\n\n  actionsColumnIE11Fallback(t: Theme) {\n    return css`\n      > *:nth-of-type(2) {\n        margin-top: ${t.miniModalActionGap};\n      }\n      > *:nth-of-type(3) {\n        margin-top: ${t.miniModalActionGap};\n      }\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA,4BAA+E,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,iBAAA,EAAAC,iBAAA;;AAExE,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOC,YAAG,EAAAf,eAAA,KAAAA,eAAA,OAAAgB,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDC,WAAW,WAAAA,YAAA,EAAG;IACZ,WAAOH,YAAG,EAAAd,gBAAA,KAAAA,gBAAA,OAAAe,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDE,KAAK,WAAAA,MAAA,EAAG;IACN,WAAOJ,YAAG,EAAAb,gBAAA,KAAAA,gBAAA,OAAAc,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDG,aAAa,WAAAA,cAACC,CAAQ,EAAE;IACtB,WAAON,YAAG,EAAAZ,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA;IACMI,CAAC,CAACC,uBAAuB;;EAE3C,CAAC;;EAEDC,OAAO,WAAAA,QAACF,CAAQ,EAAE;IAChB,WAAON,YAAG,EAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;;;;IAIDI,CAAC,CAACG,kBAAkB;;IAExBC,qBAAmB,CAACC,IAAI;;;;EAI/B,CAAC;;EAEDC,aAAa,WAAAA,cAACN,CAAQ,EAAE;IACtB,WAAON,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;IACEI,CAAC,CAACO,qBAAqB;;EAErC,CAAC;;EAEDC,yBAAyB,WAAAA,0BAACR,CAAQ,EAAE;IAClC,WAAON,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACGI,CAAC,CAACO,qBAAqB;;EAEtC,CAAC;;EAEDE,UAAU,WAAAA,WAAA,EAAG;IACX,WAAOf,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDc,aAAa,WAAAA,cAAA,EAAG;IACd,WAAOhB,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDe,sBAAsB,WAAAA,uBAACX,CAAQ,EAAE;IAC/B,WAAON,YAAG,EAAAN,iBAAA,KAAAA,iBAAA,OAAAO,4BAAA,CAAAC,OAAA;;IAEeI,CAAC,CAACG,kBAAkB;;;IAGrBH,CAAC,CAACG,kBAAkB;;;EAG9C,CAAC;;EAEDS,yBAAyB,WAAAA,0BAACZ,CAAQ,EAAE;IAClC,WAAON,YAAG,EAAAL,iBAAA,KAAAA,iBAAA,OAAAM,4BAAA,CAAAC,OAAA;;IAEQI,CAAC,CAACG,kBAAkB;;;IAGpBH,CAAC,CAACG,kBAAkB;;;EAGxC;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_Button","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","styles","exports","memoizeStyle","icon","css","_taggedTemplateLiteralLoose2","default","description","title","titleWithIcon","t","miniModalTitleMarginTop","actions","buttonGlobalClasses","root","actionsIndent","miniModalCancelIndent","actionsRow","miniModalActionGap","actionsColumn"],"sources":["MiniModal.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { globalClasses as buttonGlobalClasses } from '../Button/Button.styles';\n\nexport const styles = memoizeStyle({\n  icon() {\n    return css`\n      text-align: center;\n    `;\n  },\n\n  description() {\n    return css`\n      text-align: center;\n    `;\n  },\n\n  title() {\n    return css`\n      text-align: center;\n    `;\n  },\n\n  titleWithIcon(t: Theme) {\n    return css`\n      margin-top: ${t.miniModalTitleMarginTop};\n    `;\n  },\n\n  actions() {\n    return css`\n      display: flex;\n      justify-content: stretch;\n      text-align: center;\n\n      .${buttonGlobalClasses.root} {\n        width: 100%;\n      }\n    `;\n  },\n\n  actionsIndent(t: Theme) {\n    return css`\n      padding: ${t.miniModalCancelIndent} 0;\n    `;\n  },\n\n  actionsRow(t: Theme) {\n    return css`\n      flex-direction: row;\n      > *:nth-of-type(1) {\n        margin-right: calc(${t.miniModalActionGap} / 2);\n      }\n      > *:nth-of-type(2) {\n        margin-left: calc(${t.miniModalActionGap} / 2);\n      }\n    `;\n  },\n\n  actionsColumn(t: Theme) {\n    return css`\n      flex-direction: column;\n      > *:nth-of-type(2) {\n        margin-top: ${t.miniModalActionGap};\n      }\n      > *:nth-of-type(3) {\n        margin-top: ${t.miniModalActionGap};\n      }\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA,4BAA+E,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAExE,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOC,YAAG,EAAAZ,eAAA,KAAAA,eAAA,OAAAa,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDC,WAAW,WAAAA,YAAA,EAAG;IACZ,WAAOH,YAAG,EAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDE,KAAK,WAAAA,MAAA,EAAG;IACN,WAAOJ,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDG,aAAa,WAAAA,cAACC,CAAQ,EAAE;IACtB,WAAON,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACMI,CAAC,CAACC,uBAAuB;;EAE3C,CAAC;;EAEDC,OAAO,WAAAA,QAAA,EAAG;IACR,WAAOR,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;;;IAKLO,qBAAmB,CAACC,IAAI;;;;EAI/B,CAAC;;EAEDC,aAAa,WAAAA,cAACL,CAAQ,EAAE;IACtB,WAAON,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;IACGI,CAAC,CAACM,qBAAqB;;EAEtC,CAAC;;EAEDC,UAAU,WAAAA,WAACP,CAAQ,EAAE;IACnB,WAAON,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;IAGeI,CAAC,CAACQ,kBAAkB;;;IAGrBR,CAAC,CAACQ,kBAAkB;;;EAG9C,CAAC;;EAEDC,aAAa,WAAAA,cAACT,CAAQ,EAAE;IACtB,WAAON,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;IAGQI,CAAC,CAACQ,kBAAkB;;;IAGpBR,CAAC,CAACQ,kBAAkB;;;EAGxC;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/components/MiniModal/MiniModalBody.d.ts

@@ -1,7 +1,7 @@
-import { ModalBodyProps } from '../Modal';
-/**
- * Обёртка над Modal.Body
- *
- * @visibleName MiniModal.Body
- */
-export declare const MiniModalBody: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLDivElement, ModalBodyProps> & Record<never, never>;
+import { ModalBodyProps } from '../Modal';
+/**
+ * Обёртка над Modal.Body
+ *
+ * @visibleName MiniModal.Body
+ */
+export declare const MiniModalBody: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLDivElement, ModalBodyProps> & Record<never, never>;

package/cjs/components/MiniModal/MiniModalFooter.d.ts

@@ -1,13 +1,13 @@
-import { ModalFooterProps } from '../Modal';
-interface MiniModalFooterProps extends ModalFooterProps {
-    /** Задает направление позиционирования кнопок. `row` работает только для 2 элементов, в других случаях автоматически включиться `column`.
-     * @default row */
-    direction?: 'row' | 'column';
-}
-/**
- * Обёртка над Modal.Footer
- *
- * @visibleName MiniModal.Footer
- */
-export declare const MiniModalFooter: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLDivElement, MiniModalFooterProps> & Record<never, never>;
-export {};
+import { ModalFooterProps } from '../Modal';
+interface MiniModalFooterProps extends ModalFooterProps {
+    /** Задает направление позиционирования кнопок. `row` работает только для 2 элементов, в других случаях автоматически включиться `column`.
+     * @default row */
+    direction?: 'row' | 'column';
+}
+/**
+ * Обёртка над Modal.Footer
+ *
+ * @visibleName MiniModal.Footer
+ */
+export declare const MiniModalFooter: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLDivElement, MiniModalFooterProps> & Record<never, never>;
+export {};

package/cjs/components/MiniModal/MiniModalFooter.js

@@ -3,7 +3,6 @@
 var _Modal = require("../Modal");
 var _forwardRefAndName = require("../../lib/forwardRefAndName");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
-var _client = require("../../lib/client");
 var _Emotion = require("../../lib/theming/Emotion");
 
 var _MiniModal = require("./MiniModal.styles");
@@ -28,24 +27,15 @@ var MiniModalFooter = exports.MiniModalFooter = (0, _forwardRefAndName.forwardRe
     var childrenCount = _react.default.Children.count(children);
     var _direction = childrenCount > 2 || childrenCount === 1 ? 'column' : direction;
 
-    // IE11 does not support CSS property `gap`
-    var IE11FallbackClasses =
-    _client.isIE11 &&
-    (0, _Emotion.cx)(
-      _direction === 'row' && _MiniModal.styles.actionsRowIE11Fallback(theme),
-      _direction === 'column' && _MiniModal.styles.actionsColumnIE11Fallback(theme)
-    );
-
     return /*#__PURE__*/(
       _react.default.createElement(_Modal.Modal.Footer, rest, /*#__PURE__*/
       _react.default.createElement("div", {
         ref: ref,
         "data-tid": _MiniModal2.MiniModalDataTids.actions,
         className: (0, _Emotion.cx)(
-          _MiniModal.styles.actions(theme),
-          _direction === 'row' && _MiniModal.styles.actionsRow(),
-          _direction === 'column' && _MiniModal.styles.actionsColumn(),
-          IE11FallbackClasses
+          _MiniModal.styles.actions(),
+          _direction === 'row' && _MiniModal.styles.actionsRow(theme),
+          _direction === 'column' && _MiniModal.styles.actionsColumn(theme)
         ) },
 
       children

package/cjs/components/MiniModal/MiniModalFooter.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Modal","_forwardRefAndName","_ThemeContext","_client","_Emotion","_MiniModal","_MiniModal2","_excluded","MiniModalFooter","exports","forwardRefAndName","_ref","ref","_ref$direction","direction","children","rest","_objectWithoutPropertiesLoose2","default","theme","useContext","ThemeContext","childrenCount","React","Children","count","_direction","IE11FallbackClasses","isIE11","cx","styles","actionsRowIE11Fallback","actionsColumnIE11Fallback","createElement","Modal","Footer","MiniModalDataTids","actions","className","actionsRow","actionsColumn"],"sources":["MiniModalFooter.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Modal, ModalFooterProps } from '../Modal';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isIE11 } from '../../lib/client';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './MiniModal.styles';\nimport { MiniModalDataTids } from './MiniModal';\n\ninterface MiniModalFooterProps extends ModalFooterProps {\n  /** Задает направление позиционирования кнопок. `row` работает только для 2 элементов, в других случаях автоматически включиться `column`.\n   * @default row */\n  direction?: 'row' | 'column';\n}\n\n/**\n * Обёртка над Modal.Footer\n *\n * @visibleName MiniModal.Footer\n */\nexport const MiniModalFooter = forwardRefAndName<HTMLDivElement, MiniModalFooterProps>(\n  'MiniModalFooter',\n  ({ direction = 'row', children, ...rest }, ref) => {\n    const theme = useContext(ThemeContext);\n\n    const childrenCount = React.Children.count(children);\n    const _direction = childrenCount > 2 || childrenCount === 1 ? 'column' : direction;\n\n    // IE11 does not support CSS property `gap`\n    const IE11FallbackClasses =\n      isIE11 &&\n      cx(\n        _direction === 'row' && styles.actionsRowIE11Fallback(theme),\n        _direction === 'column' && styles.actionsColumnIE11Fallback(theme),\n      );\n\n    return (\n      <Modal.Footer {...rest}>\n        <div\n          ref={ref}\n          data-tid={MiniModalDataTids.actions}\n          className={cx(\n            styles.actions(theme),\n            _direction === 'row' && styles.actionsRow(),\n            _direction === 'column' && styles.actionsColumn(),\n            IE11FallbackClasses,\n          )}\n        >\n          {children}\n        </div>\n      </Modal.Footer>\n    );\n  },\n);\n"],"mappings":"gYAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;;AAEA,IAAAM,UAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA,gBAAgD,IAAAQ,SAAA;;;;;;;;AAQhD;AACA;AACA;AACA;AACA;AACO,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,oCAAiB;EAC9C,iBAAiB;EACjB,UAAAC,IAAA,EAA2CC,GAAG,EAAK,KAAAC,cAAA,GAAAF,IAAA,CAAhDG,SAAS,CAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA,CAAEE,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAKC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAP,IAAA,EAAAJ,SAAA;IACrC,IAAMY,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;IAEtC,IAAMC,aAAa,GAAGC,cAAK,CAACC,QAAQ,CAACC,KAAK,CAACV,QAAQ,CAAC;IACpD,IAAMW,UAAU,GAAGJ,aAAa,GAAG,CAAC,IAAIA,aAAa,KAAK,CAAC,GAAG,QAAQ,GAAGR,SAAS;;IAElF;IACA,IAAMa,mBAAmB;IACvBC,cAAM;IACN,IAAAC,WAAE;MACAH,UAAU,KAAK,KAAK,IAAII,iBAAM,CAACC,sBAAsB,CAACZ,KAAK,CAAC;MAC5DO,UAAU,KAAK,QAAQ,IAAII,iBAAM,CAACE,yBAAyB,CAACb,KAAK;IACnE,CAAC;;IAEH;MACEtB,MAAA,CAAAqB,OAAA,CAAAe,aAAA,CAACjC,MAAA,CAAAkC,KAAK,CAACC,MAAM,EAAKnB,IAAI;MACpBnB,MAAA,CAAAqB,OAAA,CAAAe,aAAA;QACErB,GAAG,EAAEA,GAAI;QACT,YAAUwB,6BAAiB,CAACC,OAAQ;QACpCC,SAAS,EAAE,IAAAT,WAAE;UACXC,iBAAM,CAACO,OAAO,CAAClB,KAAK,CAAC;UACrBO,UAAU,KAAK,KAAK,IAAII,iBAAM,CAACS,UAAU,CAAC,CAAC;UAC3Cb,UAAU,KAAK,QAAQ,IAAII,iBAAM,CAACU,aAAa,CAAC,CAAC;UACjDb;QACF,CAAE;;MAEDZ;MACE;MACO,CAAC;;EAEnB;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Modal","_forwardRefAndName","_ThemeContext","_Emotion","_MiniModal","_MiniModal2","_excluded","MiniModalFooter","exports","forwardRefAndName","_ref","ref","_ref$direction","direction","children","rest","_objectWithoutPropertiesLoose2","default","theme","useContext","ThemeContext","childrenCount","React","Children","count","_direction","createElement","Modal","Footer","MiniModalDataTids","actions","className","cx","styles","actionsRow","actionsColumn"],"sources":["MiniModalFooter.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Modal, ModalFooterProps } from '../Modal';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './MiniModal.styles';\nimport { MiniModalDataTids } from './MiniModal';\n\ninterface MiniModalFooterProps extends ModalFooterProps {\n  /** Задает направление позиционирования кнопок. `row` работает только для 2 элементов, в других случаях автоматически включиться `column`.\n   * @default row */\n  direction?: 'row' | 'column';\n}\n\n/**\n * Обёртка над Modal.Footer\n *\n * @visibleName MiniModal.Footer\n */\nexport const MiniModalFooter = forwardRefAndName<HTMLDivElement, MiniModalFooterProps>(\n  'MiniModalFooter',\n  ({ direction = 'row', children, ...rest }, ref) => {\n    const theme = useContext(ThemeContext);\n\n    const childrenCount = React.Children.count(children);\n    const _direction = childrenCount > 2 || childrenCount === 1 ? 'column' : direction;\n\n    return (\n      <Modal.Footer {...rest}>\n        <div\n          ref={ref}\n          data-tid={MiniModalDataTids.actions}\n          className={cx(\n            styles.actions(),\n            _direction === 'row' && styles.actionsRow(theme),\n            _direction === 'column' && styles.actionsColumn(theme),\n          )}\n        >\n          {children}\n        </div>\n      </Modal.Footer>\n    );\n  },\n);\n"],"mappings":"gYAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;;AAEA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA,gBAAgD,IAAAO,SAAA;;;;;;;;AAQhD;AACA;AACA;AACA;AACA;AACO,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,oCAAiB;EAC9C,iBAAiB;EACjB,UAAAC,IAAA,EAA2CC,GAAG,EAAK,KAAAC,cAAA,GAAAF,IAAA,CAAhDG,SAAS,CAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA,CAAEE,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAKC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAP,IAAA,EAAAJ,SAAA;IACrC,IAAMY,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;IAEtC,IAAMC,aAAa,GAAGC,cAAK,CAACC,QAAQ,CAACC,KAAK,CAACV,QAAQ,CAAC;IACpD,IAAMW,UAAU,GAAGJ,aAAa,GAAG,CAAC,IAAIA,aAAa,KAAK,CAAC,GAAG,QAAQ,GAAGR,SAAS;;IAElF;MACEhB,MAAA,CAAAoB,OAAA,CAAAS,aAAA,CAAC1B,MAAA,CAAA2B,KAAK,CAACC,MAAM,EAAKb,IAAI;MACpBlB,MAAA,CAAAoB,OAAA,CAAAS,aAAA;QACEf,GAAG,EAAEA,GAAI;QACT,YAAUkB,6BAAiB,CAACC,OAAQ;QACpCC,SAAS,EAAE,IAAAC,WAAE;UACXC,iBAAM,CAACH,OAAO,CAAC,CAAC;UAChBL,UAAU,KAAK,KAAK,IAAIQ,iBAAM,CAACC,UAAU,CAAChB,KAAK,CAAC;UAChDO,UAAU,KAAK,QAAQ,IAAIQ,iBAAM,CAACE,aAAa,CAACjB,KAAK;QACvD,CAAE;;MAEDJ;MACE;MACO,CAAC;;EAEnB;AACF,CAAC","ignoreList":[]}

package/cjs/components/MiniModal/MiniModalHeader.d.ts

@@ -1,14 +1,14 @@
-import { ReactNode } from 'react';
-import { ModalHeaderProps } from '../Modal';
-interface MiniModalHeaderProps extends ModalHeaderProps {
-    /** Задает иконку в шапку компонента.
-     * @default InfoCircleIcon64Regular */
-    icon?: ReactNode;
-}
-/**
- * Обёртка над Modal.Header
- *
- * @visibleName MiniModal.Header
- */
-export declare const MiniModalHeader: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLDivElement, MiniModalHeaderProps> & Record<never, never>;
-export {};
+import { ReactNode } from 'react';
+import { ModalHeaderProps } from '../Modal';
+interface MiniModalHeaderProps extends ModalHeaderProps {
+    /** Задает иконку в шапку компонента.
+     * @default InfoCircleIcon64Regular */
+    icon?: ReactNode;
+}
+/**
+ * Обёртка над Modal.Header
+ *
+ * @visibleName MiniModal.Header
+ */
+export declare const MiniModalHeader: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLDivElement, MiniModalHeaderProps> & Record<never, never>;
+export {};

package/cjs/components/MiniModal/MiniModalIndent.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-/**
- * Отступ между кнопками
- *
- * @visibleName MiniModal.Indent
- */
-export declare const MiniModalIndent: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLDivElement, React.InputHTMLAttributes<HTMLDivElement>> & Record<never, never>;
+import React from 'react';
+/**
+ * Отступ между кнопками
+ *
+ * @visibleName MiniModal.Indent
+ */
+export declare const MiniModalIndent: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLDivElement, React.InputHTMLAttributes<HTMLDivElement>> & Record<never, never>;

package/cjs/components/MiniModal/MiniModalIndent.js

@@ -2,8 +2,6 @@
 
 var _forwardRefAndName = require("../../lib/forwardRefAndName");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
-var _Emotion = require("../../lib/theming/Emotion");
-var _client = require("../../lib/client");
 
 var _MiniModal = require("./MiniModal.styles");
 var _MiniModal2 = require("./MiniModal");var _excluded = ["children"];
@@ -18,13 +16,6 @@ var MiniModalIndent = exports.MiniModalIndent = (0, _forwardRefAndName.forwardRe
   function (_ref, ref) {var children = _ref.children,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
     var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
 
-    return /*#__PURE__*/(
-      _react.default.createElement("div", (0, _extends2.default)({
-        "data-tid": _MiniModal2.MiniModalDataTids.indent,
-        ref: ref,
-        className: (0, _Emotion.cx)(!_client.isIE11 ? _MiniModal.styles.actionsIndent(theme) : _MiniModal.styles.actionsIndentIE11Fallback(theme)) },
-      rest)
-      ));
-
+    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({ "data-tid": _MiniModal2.MiniModalDataTids.indent, ref: ref, className: _MiniModal.styles.actionsIndent(theme) }, rest));
   }
 );