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

package/cjs/components/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_globalObject","_keyListener","_ThemeContext","_utils","_CommonWrapper","_Emotion","_rootNode","_createPropsGetter","_ThemeFactory","_ThemeHelpers","_client","_getVisualStateDataAttributes","_Link2","_LinkIcon","_excluded","_class","_Link","LinkDataTids","exports","root","Link","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","focusedByTab","renderMain","props","disabled","href","icon","rightIcon","use","loading","_button","_buttonOpened","relOrigin","rel","Component","as","_props$focused","focused","rest","_objectWithoutPropertiesLoose2","default","_isTheme2022","isTheme2022","theme","arrow","createElement","className","styles","isExternalLink","isFocused","leftIconElement","LinkIcon","position","rightIconElement","hasBothIcons","linkProps","cx","useRoot","useDefault","useSuccess","useDanger","useGrayed","button","buttonOpened","getLinkClassName","Boolean","onClick","handleClick","onFocus","handleFocus","onBlur","handleBlur","tabIndex","child","children","_cx","_cx2","globalClasses","textWrapper","lineTextWrapper","lineTextWrapperFocused","text","lineText","isIE11","lineTextIE11","_extends2","getVisualStateDataAttributes","globalObject","requestAnimationFrame","keyListener","isTabPressed","setState","event","_this$props","preventDefault","_inheritsLoose2","_proto","prototype","render","_this2","ThemeContext","Consumer","ThemeFactory","create","CommonWrapper","rootNodeRef","setRootNode","_this$getProps","isBorderBottom","parseInt","linkLineBorderBottomWidth","focus","useGrayedFocus","lineRoot","isDarkTheme","disabledDark22Theme","lineFocus","lineFocusSuccess","lineFocusDanger","lineFocusGrayed","focus2022","React","__KONTUR_REACT_UI__","displayName","propTypes","PropTypes","bool","string","node","oneOf"],"sources":["Link.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react';\nimport PropTypes from 'prop-types';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { Override } from '../../typings/utility-types';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isExternalLink } from '../../lib/utils';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter, DefaultizedProps } from '../../lib/createPropsGetter';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { isDarkTheme, isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { isIE11 } from '../../lib/client';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\n\nimport { globalClasses, styles } from './Link.styles';\nimport { LinkIcon } from './LinkIcon';\n\nexport interface LinkProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    CommonProps,\n    Override<\n      React.AnchorHTMLAttributes<HTMLAnchorElement>,\n      {\n        /**\n         * Отключенное состояние.\n         */\n        disabled?: boolean;\n        /**\n         * HTML-атрибут `href`.\n         */\n        href?: string;\n        /**\n         * Добавляет ссылке иконку слева.\n         */\n        icon?: React.ReactElement;\n        /**\n         * Добавляет ссылке иконку справа.\n         */\n        rightIcon?: React.ReactElement;\n        /**\n         * Тема ссылки.\n         */\n        use?: 'default' | 'success' | 'danger' | 'grayed';\n        /**\n         * @ignore\n         */\n        _button?: boolean;\n        /**\n         * @ignore\n         */\n        _buttonOpened?: boolean;\n        /**\n         * HTML-атрибут `tabindex`.\n         */\n        tabIndex?: number;\n        /**\n         * Переводит ссылку в состояние загрузки.\n         */\n        loading?: boolean;\n        /**\n         * HTML-событие `onclick`.\n         */\n        onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;\n\n        /**\n         * Обычный объект с переменными темы.\n         * Он будет объединён с темой из контекста.\n         */\n        theme?: ThemeIn;\n        /**\n         * Компонент, используемый в качестве корневого узла.\n         * @ignore\n         */\n        as?: React.ElementType | keyof React.ReactHTML;\n        /**\n         * @ignore\n         */\n        focused?: boolean;\n      }\n    > {}\n\nexport interface LinkState {\n  focusedByTab: boolean;\n}\n\nexport const LinkDataTids = {\n  root: 'Link__root',\n} as const;\n\ntype DefaultProps = Required<Pick<LinkProps, 'href' | 'use' | 'as'>>;\ntype DefaultizedLinkProps = DefaultizedProps<LinkProps, DefaultProps>;\n\n/**\n * Элемент ссылки из HTML.\n */\n@rootNode\nexport class Link extends React.Component<LinkProps, LinkState> {\n  public static __KONTUR_REACT_UI__ = 'Link';\n  public static displayName = 'Link';\n\n  public static propTypes = {\n    disabled: PropTypes.bool,\n\n    href: PropTypes.string,\n\n    icon: PropTypes.node,\n\n    use: PropTypes.oneOf(['default', 'success', 'danger', 'grayed']),\n  };\n\n  public static defaultProps: DefaultProps = {\n    href: '',\n    use: 'default',\n    as: 'a',\n  };\n\n  private getProps = createPropsGetter(Link.defaultProps);\n\n  public state: LinkState = {\n    focusedByTab: false,\n  };\n\n  private theme!: Theme;\n  private setRootNode!: TSetRootNode;\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<DefaultizedLinkProps>) => {\n    const {\n      disabled,\n      href,\n      icon,\n      rightIcon,\n      use,\n      loading,\n      _button,\n      _buttonOpened,\n      rel: relOrigin,\n      as: Component,\n      focused = false,\n      ...rest\n    } = props;\n    const _isTheme2022 = isTheme2022(this.theme);\n\n    let arrow = null;\n    if (_button) {\n      arrow = <span className={styles.arrow()} />;\n    }\n\n    let rel = relOrigin;\n    if (typeof rel === 'undefined' && href) {\n      rel = `noopener${isExternalLink(href) ? ' noreferrer' : ''}`;\n    }\n\n    const isFocused = !disabled && (this.state.focusedByTab || focused);\n\n    const leftIconElement = icon && <LinkIcon icon={icon} loading={loading} position=\"left\" />;\n    const rightIconElement = rightIcon && (\n      <LinkIcon hasBothIcons={!!icon && !!rightIcon} icon={rightIcon} loading={loading} position=\"right\" />\n    );\n\n    const linkProps = {\n      className: cx(\n        styles.useRoot(),\n        use === 'default' && styles.useDefault(this.theme),\n        use === 'success' && styles.useSuccess(this.theme),\n        use === 'danger' && styles.useDanger(this.theme),\n        use === 'grayed' && styles.useGrayed(this.theme),\n        !!_button && styles.button(this.theme),\n        !!_buttonOpened && styles.buttonOpened(this.theme),\n        this.getLinkClassName(isFocused, Boolean(disabled || loading), _isTheme2022),\n      ),\n      href,\n      rel,\n      onClick: this.handleClick,\n      onFocus: this.handleFocus,\n      onBlur: this.handleBlur,\n      tabIndex: disabled || loading ? -1 : this.props.tabIndex,\n    };\n\n    let child = this.props.children;\n    if (_isTheme2022) {\n      // lineTextWrapper нужен для реализации transition у подчеркивания\n      child = (\n        <span\n          className={cx(globalClasses.textWrapper, styles.lineTextWrapper(this.theme), {\n            [styles.lineTextWrapperFocused(this.theme)]: isFocused,\n          })}\n        >\n          <span\n            className={cx(globalClasses.text, {\n              [styles.lineText(this.theme)]: !isIE11,\n              [styles.lineTextIE11(this.theme)]: isIE11,\n            })}\n          >\n            {this.props.children}\n          </span>\n        </span>\n      );\n    }\n\n    return (\n      <Component data-tid={LinkDataTids.root} {...rest} {...linkProps} {...getVisualStateDataAttributes({ disabled })}>\n        {leftIconElement}\n        {child}\n        {rightIconElement}\n        {arrow}\n      </Component>\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({ focusedByTab: false });\n  };\n\n  private handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n    const { onClick, disabled, loading } = this.props;\n    const href = this.getProps().href;\n    if (!href) {\n      event.preventDefault();\n    }\n    if (onClick && !disabled && !loading) {\n      onClick(event);\n    }\n  };\n\n  private getLinkClassName(focused: boolean, disabled: boolean, _isTheme2022: boolean): string {\n    const { use } = this.getProps();\n    const isBorderBottom = parseInt(this.theme.linkLineBorderBottomWidth) > 0;\n    const isFocused = focused && !disabled;\n\n    return !isBorderBottom\n      ? cx(\n          styles.root(this.theme),\n          isFocused && styles.focus(this.theme),\n          disabled && styles.disabled(this.theme),\n          use === 'grayed' && focused && styles.useGrayedFocus(this.theme),\n        )\n      : cx(\n          styles.lineRoot(),\n          disabled && styles.disabled(this.theme),\n          disabled && _isTheme2022 && isDarkTheme(this.theme) && styles.disabledDark22Theme(this.theme),\n          isFocused && use === 'default' && styles.lineFocus(this.theme),\n          isFocused && use === 'success' && styles.lineFocusSuccess(this.theme),\n          isFocused && use === 'danger' && styles.lineFocusDanger(this.theme),\n          isFocused && use === 'grayed' && styles.lineFocusGrayed(this.theme),\n          isFocused && _isTheme2022 && styles.focus2022(this.theme),\n        );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_Mixins","_keyListener","_ThemeContext","_utils","_CommonWrapper","_Emotion","_rootNode","_createPropsGetter","_ThemeFactory","_getVisualStateDataAttributes","_Link2","_LinkIcon","_excluded","_class","_Link","LINK_DEFAULT_COMPONENT","LinkDataTids","exports","root","Link","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","focusedByTab","getTabIndex","_ref","nonInteractive","_ref$tabIndex","tabIndex","getRel","isAnchorProps","props","_this$props","rel","href","isExternalLink","undefined","renderMain","_cx","disabled","icon","rightIcon","use","loading","_button","_buttonOpened","Root","component","_props$focused","focused","error","warning","theme","rest","_objectWithoutPropertiesLoose2","default","arrow","createElement","className","styles","isFocused","leftIconElement","LinkIcon","position","rightIconElement","hasBothIcons","getUseStyles","danger","success","grayed","getUseLineFocusStyles","lineFocus","lineFocusDanger","lineFocusSuccess","lineFocusGrayed","rootProps","_extends2","cx","resetButton","focus","useGrayedFocus","button","buttonOpened","onClick","handleClick","onFocus","handleFocus","onBlur","handleBlur","getVisualStateDataAttributes","children","globalObject","requestAnimationFrame","keyListener","isTabPressed","setState","event","_this$props2","_inheritsLoose2","_proto","prototype","render","_this2","ThemeContext","Consumer","ThemeFactory","create","CommonWrapper","rootNodeRef","setRootNode","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Link.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { ButtonLinkAllowedValues } from '../../lib/types/button-link';\nimport { resetButton } from '../../lib/styles/Mixins';\nimport type { PolymorphicPropsWithoutRef } from '../../lib/types/polymorphic-component';\nimport { keyListener } from '../../lib/events/keyListener';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isExternalLink } from '../../lib/utils';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport type { DefaultizedProps } from '../../lib/createPropsGetter';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\n\nimport { styles } from './Link.styles';\nimport { LinkIcon } from './LinkIcon';\n\nexport interface LinkInnerProps extends CommonProps {\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n\n  /** Добавляет иконку слева. */\n  icon?: React.ReactElement;\n\n  /** Добавляет иконку справа. */\n  rightIcon?: React.ReactElement;\n\n  /** Задает тему ссылки. */\n  use?: 'default' | 'success' | 'danger' | 'grayed';\n\n  /** @ignore */\n  _button?: boolean;\n\n  /** @ignore */\n  _buttonOpened?: boolean;\n\n  /** Задает HTML-атрибут `tabindex`. */\n  tabIndex?: number;\n\n  /** Переводит кнопку в состояние загрузки. */\n  loading?: boolean;\n\n  /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */\n  theme?: ThemeIn;\n\n  /** Задает состояние фокуса.\n   * @ignore */\n  focused?: boolean;\n\n  /** Переводит контрол в состояние валидации \"ошибка\". */\n  error?: boolean;\n\n  /** Переводит контрол в состояние валидации \"предупреждение\". */\n  warning?: boolean;\n}\n\nconst LINK_DEFAULT_COMPONENT = 'a';\n\nexport type LinkProps<C extends ButtonLinkAllowedValues = typeof LINK_DEFAULT_COMPONENT> = PolymorphicPropsWithoutRef<\n  LinkInnerProps,\n  C\n>;\nexport interface LinkState {\n  focusedByTab: boolean;\n}\n\nexport const LinkDataTids = {\n  root: 'Link__root',\n} as const;\n\ntype DefaultProps = Required<Pick<LinkProps<ButtonLinkAllowedValues>, 'use' | 'component'>>;\ntype DefaultizedLinkProps = DefaultizedProps<LinkProps<ButtonLinkAllowedValues>, DefaultProps>;\n\n/**\n * Элемент ссылки из HTML.\n */\n@rootNode\nexport class Link<C extends ButtonLinkAllowedValues = typeof LINK_DEFAULT_COMPONENT> extends React.Component<\n  LinkProps<C>,\n  LinkState\n> {\n  public static __KONTUR_REACT_UI__ = 'Link';\n  public static displayName = 'Link';\n\n  public static defaultProps: DefaultProps = {\n    use: 'default',\n    component: LINK_DEFAULT_COMPONENT,\n  };\n\n  private getProps = createPropsGetter(Link.defaultProps);\n\n  public state: LinkState = {\n    focusedByTab: false,\n  };\n\n  private theme!: Theme;\n  private setRootNode!: TSetRootNode;\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private getTabIndex = ({\n    nonInteractive,\n    tabIndex = 0,\n  }: {\n    nonInteractive: boolean | undefined;\n    tabIndex: number | undefined;\n  }) => {\n    return nonInteractive ? -1 : tabIndex;\n  };\n\n  private getRel = () => {\n    if (isAnchorProps(this.props)) {\n      const { rel, href } = this.props;\n      if (!rel && href) {\n        return `noopener${isExternalLink(href) ? ' noreferrer' : ''}`;\n      }\n      return rel;\n    }\n\n    return undefined;\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<DefaultizedLinkProps>) => {\n    const {\n      disabled,\n      icon,\n      rightIcon,\n      use,\n      loading,\n      _button,\n      _buttonOpened,\n      component: Root,\n      focused = false,\n      error,\n      warning,\n      tabIndex,\n      theme,\n      ...rest\n    } = props;\n\n    let arrow = null;\n    if (_button) {\n      arrow = <span className={styles.arrow()} />;\n    }\n\n    const isFocused = !disabled && (this.state.focusedByTab || focused);\n\n    const leftIconElement = icon && <LinkIcon icon={icon} loading={loading} position=\"left\" />;\n    const rightIconElement = rightIcon && (\n      <LinkIcon hasBothIcons={!!icon && !!rightIcon} icon={rightIcon} loading={loading} position=\"right\" />\n    );\n    const nonInteractive = disabled || loading;\n    const getUseStyles = () => {\n      switch (use) {\n        case 'default':\n          return styles.default(this.theme);\n        case 'danger':\n          return styles.danger(this.theme);\n        case 'success':\n          return styles.success(this.theme);\n        case 'grayed':\n          return styles.grayed(this.theme);\n      }\n    };\n    const getUseLineFocusStyles = () => {\n      switch (use) {\n        case 'default':\n          return styles.lineFocus(this.theme);\n        case 'danger':\n          return styles.lineFocusDanger(this.theme);\n        case 'success':\n          return styles.lineFocusSuccess(this.theme);\n        case 'grayed':\n          return styles.lineFocusGrayed(this.theme);\n      }\n    };\n    const rootProps = {\n      ...rest,\n      className: cx({\n        [styles.root(this.theme)]: true,\n        [resetButton()]: Root === 'button',\n        [styles.focus(this.theme)]: isFocused,\n        [styles.disabled(this.theme)]: disabled || loading,\n        [getUseStyles()]: true,\n        [styles.useGrayedFocus(this.theme)]: use === 'grayed' && focused,\n        [styles.button(this.theme)]: !!_button,\n        [styles.buttonOpened(this.theme)]: !!_buttonOpened,\n        [styles.warning(this.theme)]: warning,\n        [styles.error(this.theme)]: error,\n        [getUseLineFocusStyles()]: isFocused,\n      }),\n      onClick: this.handleClick,\n      onFocus: this.handleFocus,\n      onBlur: this.handleBlur,\n      tabIndex: this.getTabIndex({ nonInteractive, tabIndex }),\n      rel: this.getRel(),\n    };\n\n    return (\n      <Root data-tid={LinkDataTids.root} {...rootProps} {...getVisualStateDataAttributes({ disabled })}>\n        {leftIconElement}\n        {this.props.children}\n        {rightIconElement}\n        {arrow}\n      </Root>\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({ focusedByTab: false });\n  };\n\n  private handleClick = (event: React.MouseEvent) => {\n    const { onClick, disabled, loading } = this.props;\n\n    if (onClick && !disabled && !loading) {\n      onClick(event);\n    }\n  };\n}\n\nconst isAnchorProps = (props: LinkProps<any>): props is LinkProps<'a'> => {\n  return props.component === 'a';\n};\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Link/Link.md

@@ -1,10 +1,32 @@
-Базовый пример ссылки.
+### Базовый пример
 
 ```jsx harmony
-<Link>Обычная ссылка</Link>
+<Link href="https://kontur.ru" target="_blank">Обычная ссылка</Link>
 ```
 
-Ссылка может иметь различные стили, а также быть отключенной.
+### Корневой элемент
+Cсылка может рендерить кнопку в качестве корневого элемента, c помощью пропа `component`. Cсылка принимает все пропы переданного в `component` компонента.
+Рекомендуется к использованию вместо кнопки с `use=link`, если нужна кнопка с визуалом ссылки.
+
+```jsx harmony
+import { Link } from '@skbkontur/react-ui';
+
+<Link component='button'>Кнопка, но выглядит как ссылка</Link>
+```
+
+### Проп `component`
+С помощью пропа `component`, ссылка может рендерить компонент `Link` из `react router` в качестве корневого элемента.
+
+```jsx static
+import { Link } from '@skbkontur/react-ui';
+import { Link as RouterLink, BrowserRouter } from 'react-router-dom';
+
+<BrowserRouter>
+  <Link to='/dashboard' component={RouterLink}>react-router-dom link</Link>
+</BrowserRouter>
+```
+
+### Стили и disabled
 
 ```jsx harmony
 import { Gapped } from '@skbkontur/react-ui';
@@ -18,7 +40,7 @@ import { Gapped } from '@skbkontur/react-ui';
 </Gapped>;
 ```
 
-Пример ссылки с иконкой.
+### Иконка
 
 ```jsx harmony
 import { Gapped } from '@skbkontur/react-ui';
@@ -31,7 +53,7 @@ import { CheckAIcon16Light } from '@skbkontur/icons/CheckAIcon16Light';
 </Gapped>
 ```
 
-Пример ссылок ведущих на внешние ресурсы.
+### Ссылки, ведущие на внешние ресурсы
 
 _Примечание_:
 
@@ -52,7 +74,7 @@ import { Gapped } from '@skbkontur/react-ui';
 </Gapped>
 ```
 
-Ссылка в состоянии загрузки.
+### Состояние загрузки
 
 **Поведение**: если у ссылки есть иконка, она заменяется на спиннер, когда иконки две заменяется только левая.
 
@@ -73,7 +95,7 @@ const [isLoading, setIsLoading] = React.useState(false);
 </Gapped>
 ```
 
-Ссылка может иметь кастомное действие при нажатии.
+### Кастомное действие при нажатии
 
 ```jsx harmony
 import { Toast } from '@skbkontur/react-ui';
@@ -81,7 +103,7 @@ import { Toast } from '@skbkontur/react-ui';
 <Link onClick={() => Toast.push("Ты нажал на ссылку!")}>Ссылка с кастомным действием</Link>
 ```
 
-Пример ссылки с пропом `theme`
+### Проп `theme`
 
 ```jsx harmony
 import { Link, Gapped } from '@skbkontur/react-ui';
@@ -93,19 +115,18 @@ import { Link, Gapped } from '@skbkontur/react-ui';
 ```
 
 
-Пример кастомизации ссылки
+### Кастомизация ссылки
 
 ```jsx harmony
 import { Toast, Button } from "@skbkontur/react-ui";
 import { CopyIcon16Regular } from "@skbkontur/icons/CopyIcon16Regular"
 
 const textDecorationStyles = {
-  linkLineBorderBottomWidth: '0',
-  linkHoverTextDecoration: 'underline'
+  linkTextUnderlineOffset: '1px'
 }
 
 const underlineOnHoverStyles = {
-  linkLineBorderBottomColor: 'transparent',
+  linkTextDecorationColor: 'transparent',
 }
 
 const differentColorStyles = {
@@ -133,7 +154,7 @@ const tdStyle = {
   padding: '8px',
 };
 
-const renderExampleRow = (title, styles, index) => {
+const renderExampleRow = (title, styles) => {
     return (
         <tr>
           <td style={tdStyle}>{title}</td>
@@ -154,9 +175,8 @@ const renderExampleRow = (title, styles, index) => {
     <th style={tdStyle}>Пример</th>
     <th style={tdStyle}>Переменные темы</th>
   </tr>
-  {renderExampleRow('Ссылка с подчеркиванием через text-decoration', textDecorationStyles)}
+  {renderExampleRow('Ссылка с подчеркиванием без отступа', textDecorationStyles)}
   {renderExampleRow('Ссылка с подчеркиванием при наведении', underlineOnHoverStyles)}
   {renderExampleRow('Изменение цвета ссылки', differentColorStyles)}
 </table>
 ```
-

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

@@ -1,4 +1,2 @@
-export declare const linkMixin: (hoverTextDecoration: string) => string;
-export declare const linkDisabledMixin: () => string;
-export declare const linkUseColorsMixin: (mainColor: string, hoverColor: string, activeColor: string) => string;
-export declare const linkUseLineHovered: (linkLineHoverBorderBottomStyle: string) => string;
+export declare const linkDisabledMixin: () => string;
+export declare const linkUseColorsMixin: (mainColor: string, hoverColor: string, activeColor: string) => string;

package/cjs/components/Link/Link.mixins.js

@@ -1,22 +1,5 @@
-"use strict";exports.__esModule = true;exports.linkUseLineHovered = exports.linkUseColorsMixin = exports.linkMixin = exports.linkDisabledMixin = void 0;var linkMixin = exports.linkMixin = function linkMixin(hoverTextDecoration) {
-  return "\n    border-radius: 1px;\n    outline: none;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: " +
-
-
-
-
-
-  hoverTextDecoration + ";\n    }\n  ";
-
-
-};
-
-var linkDisabledMixin = exports.linkDisabledMixin = function linkDisabledMixin() {
-  return "\n    box-shadow: none;\n    cursor: default;\n    pointer-events: none;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: none;\n    }\n  ";
-
-
-
-
-
+"use strict";exports.__esModule = true;exports.linkUseColorsMixin = exports.linkDisabledMixin = void 0;var linkDisabledMixin = exports.linkDisabledMixin = function linkDisabledMixin() {
+  return "\n    box-shadow: none;\n    cursor: default;\n    pointer-events: none;\n  ";
 
 
 
@@ -35,11 +18,4 @@ var linkUseColorsMixin = exports.linkUseColorsMixin = function linkUseColorsMixi
   activeColor + ";\n    }\n  ";
 
 
-};
-
-var linkUseLineHovered = exports.linkUseLineHovered = function linkUseLineHovered(linkLineHoverBorderBottomStyle) {
-  return "\n    animation: none !important;\n    border-bottom-style: " +
-
-  linkLineHoverBorderBottomStyle + ";\n  ";
-
 };

package/cjs/components/Link/Link.mixins.js.map

@@ -1 +1 @@
-{"version":3,"names":["linkMixin","exports","hoverTextDecoration","linkDisabledMixin","linkUseColorsMixin","mainColor","hoverColor","activeColor","linkUseLineHovered","linkLineHoverBorderBottomStyle"],"sources":["Link.mixins.ts"],"sourcesContent":["export const linkMixin = (hoverTextDecoration: string) => {\n  return `\n    border-radius: 1px;\n    outline: none;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: ${hoverTextDecoration};\n    }\n  `;\n};\n\nexport const linkDisabledMixin = () => {\n  return `\n    box-shadow: none;\n    cursor: default;\n    pointer-events: none;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: none;\n    }\n  `;\n};\n\nexport const linkUseColorsMixin = (mainColor: string, hoverColor: string, activeColor: string) => {\n  return `\n    color: ${mainColor};\n\n    &:hover {\n      color: ${hoverColor};\n    }\n\n    &:active {\n      color: ${activeColor};\n    }\n  `;\n};\n\nexport const linkUseLineHovered = (linkLineHoverBorderBottomStyle: string) => {\n  return `\n    animation: none !important;\n    border-bottom-style: ${linkLineHoverBorderBottomStyle};\n  `;\n};\n"],"mappings":"wJAAO,IAAMA,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAIE,mBAA2B,EAAK;EACxD;;;;;;EAMuBA,mBAAmB;;;AAG5C,CAAC;;AAEM,IAAMC,iBAAiB,GAAAF,OAAA,CAAAE,iBAAA,GAAG,SAApBA,iBAAiBA,CAAA,EAAS;EACrC;;;;;;;;;;AAUF,CAAC;;AAEM,IAAMC,kBAAkB,GAAAH,OAAA,CAAAG,kBAAA,GAAG,SAArBA,kBAAkBA,CAAIC,SAAiB,EAAEC,UAAkB,EAAEC,WAAmB,EAAK;EAChG;EACWF,SAAS;;;EAGPC,UAAU;;;;EAIVC,WAAW;;;AAG1B,CAAC;;AAEM,IAAMC,kBAAkB,GAAAP,OAAA,CAAAO,kBAAA,GAAG,SAArBA,kBAAkBA,CAAIC,8BAAsC,EAAK;EAC5E;;EAEyBA,8BAA8B;;AAEzD,CAAC","ignoreList":[]}
+{"version":3,"names":["linkDisabledMixin","exports","linkUseColorsMixin","mainColor","hoverColor","activeColor"],"sources":["Link.mixins.ts"],"sourcesContent":["export const linkDisabledMixin = () => {\n  return `\n    box-shadow: none;\n    cursor: default;\n    pointer-events: none;\n  `;\n};\n\nexport const linkUseColorsMixin = (mainColor: string, hoverColor: string, activeColor: string) => {\n  return `\n    color: ${mainColor};\n\n    &:hover {\n      color: ${hoverColor};\n    }\n\n    &:active {\n      color: ${activeColor};\n    }\n  `;\n};\n"],"mappings":"uGAAO,IAAMA,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAA,EAAS;EACrC;;;;;AAKF,CAAC;;AAEM,IAAME,kBAAkB,GAAAD,OAAA,CAAAC,kBAAA,GAAG,SAArBA,kBAAkBA,CAAIC,SAAiB,EAAEC,UAAkB,EAAEC,WAAmB,EAAK;EAChG;EACWF,SAAS;;;EAGPC,UAAU;;;;EAIVC,WAAW;;;AAG1B,CAAC","ignoreList":[]}

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

@@ -1,33 +1,23 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const globalClasses: {
-    textWrapper: string;
-    text: string;
-};
-export declare const styles: {
-    root(t: Theme): string;
-    lineRoot(): string;
-    lineTextWrapper(t: Theme): string;
-    lineTextWrapperFocused(t: Theme): string;
-    lineText(t: Theme): string;
-    lineTextIE11(t: Theme): string;
-    lineFocus(t: Theme): string;
-    lineFocusSuccess(t: Theme): string;
-    lineFocusDanger(t: Theme): string;
-    lineFocusGrayed(t: Theme): string;
-    button(t: Theme): string;
-    buttonOpened(t: Theme): string;
-    arrow(): string;
-    useRoot(): string;
-    useDefault(t: Theme): string;
-    useSuccess(t: Theme): string;
-    useDanger(t: Theme): string;
-    useGrayed(t: Theme): string;
-    useGrayedFocus(t: Theme): string;
-    focus(t: Theme): string;
-    focus2022(t: Theme): string;
-    disabled(t: Theme): string;
-    disabledDark22Theme(t: Theme): string;
-    icon(): string;
-    iconLeft(t: Theme): string;
-    iconRight(t: Theme): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    lineFocus(t: Theme): string;
+    lineFocusSuccess(t: Theme): string;
+    lineFocusDanger(t: Theme): string;
+    lineFocusGrayed(t: Theme): string;
+    button(t: Theme): string;
+    buttonOpened(t: Theme): string;
+    arrow(): string;
+    default(t: Theme): string;
+    success(t: Theme): string;
+    danger(t: Theme): string;
+    grayed(t: Theme): string;
+    useGrayedFocus(t: Theme): string;
+    focus(t: Theme): string;
+    disabled(t: Theme): string;
+    icon(): string;
+    iconLeft(t: Theme): string;
+    iconRight(t: Theme): string;
+    warning(t: Theme): string;
+    error(t: Theme): string;
+};