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

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

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

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

@@ -1,9 +1,11 @@
-"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 _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
+"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 _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 
 
 var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   kebab: function kebab(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      text-align: center;\n      border: ", ";\n      box-sizing: border-box;\n      border-radius: ", ";\n      user-select: none;\n      cursor: pointer;\n      outline: 0;\n      transition: background 0.12s ease-out;\n      background: ", ";\n\n      &:hover {\n        background: ", ";\n      }\n\n      &:active {\n        background: ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      border: ", ";\n      box-sizing: border-box;\n      border-radius: ", ";\n      user-select: none;\n      cursor: pointer;\n      outline: 0;\n      transition: background 0.12s ease-out;\n      background: ", ";\n\n      &:hover {\n        background: ", ";\n      }\n\n      &:active {\n        background: ", ";\n      }\n    "])),
+
+
 
 
     t.kebabBorder,
@@ -44,72 +46,34 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
     t.kebabSizeLarge,
     t.kebabSizeLarge);
 
-  },
-
-  kebab2022: function kebab2022() {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    "])));
-
-
-
-
   },
 
   focused: function focused(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      border-color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      border-color: ", ";\n    "])),
     t.kebabBackgroundHover,
     t.borderColorFocus);
 
   },
 
   opened: function opened(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", " !important; // override kebab:hover style\n      cursor: default;\n    "])),
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", " !important; // override kebab:hover style\n      cursor: default;\n    "])),
     t.kebabBackgroundActive);
 
 
   },
 
   disabled: function disabled() {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n\n      &:hover {\n        background: none;\n      }\n    "])));
-
-
-
-
-
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n\n      &:hover {\n        background: none;\n      }\n    "])));
 
-  },
-
-  icon: function icon(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      line-height: 1;\n    "])),
-    t.kebabIconColor);
-
-
-  },
-
-  iconsmall: function iconsmall(t) {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-top: 2px;\n      font-size: ", ";\n    "])),
-
-    t.kebabIconSizeSmall);
 
-  },
-
-  iconmedium: function iconmedium(t) {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-top: -1px;\n      margin-left: 0.5px;\n      font-size: ", ";\n    "])),
-
-
-    t.kebabIconSizeMedium);
-
-  },
 
-  iconlarge: function iconlarge(t) {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-top: -2px;\n      margin-left: 1px;\n      font-size: ", ";\n    "])),
 
 
-    t.kebabIconSizeLarge);
 
   },
 
   menu: function menu(t) {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      overflow: hidden;\n      border-radius: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      overflow: hidden;\n      border-radius: ", ";\n    "])),
 
     t.popupBorderRadius);
 

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","styles","exports","memoizeStyle","kebab","t","css","_taggedTemplateLiteralLoose2","default","kebabBorder","kebabBorderRadius","kebabBackground","kebabBackgroundHover","kebabBackgroundActive","kebabSmall","kebabSizeSmall","kebabMedium","kebabSizeMedium","kebabLarge","kebabSizeLarge","kebab2022","focused","borderColorFocus","opened","disabled","icon","kebabIconColor","iconsmall","kebabIconSizeSmall","iconmedium","kebabIconSizeMedium","iconlarge","kebabIconSizeLarge","menu","popupBorderRadius"],"sources":["Kebab.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  kebab(t: Theme) {\n    return css`\n      display: inline-block;\n      text-align: center;\n      border: ${t.kebabBorder};\n      box-sizing: border-box;\n      border-radius: ${t.kebabBorderRadius};\n      user-select: none;\n      cursor: pointer;\n      outline: 0;\n      transition: background 0.12s ease-out;\n      background: ${t.kebabBackground};\n\n      &:hover {\n        background: ${t.kebabBackgroundHover};\n      }\n\n      &:active {\n        background: ${t.kebabBackgroundActive};\n      }\n    `;\n  },\n\n  kebabSmall(t: Theme) {\n    return css`\n      width: ${t.kebabSizeSmall};\n      height: ${t.kebabSizeSmall};\n    `;\n  },\n\n  kebabMedium(t: Theme) {\n    return css`\n      width: ${t.kebabSizeMedium};\n      height: ${t.kebabSizeMedium};\n    `;\n  },\n\n  kebabLarge(t: Theme) {\n    return css`\n      width: ${t.kebabSizeLarge};\n      height: ${t.kebabSizeLarge};\n    `;\n  },\n\n  kebab2022() {\n    return css`\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    `;\n  },\n\n  focused(t: Theme) {\n    return css`\n      background: ${t.kebabBackgroundHover};\n      border-color: ${t.borderColorFocus};\n    `;\n  },\n\n  opened(t: Theme) {\n    return css`\n      background: ${t.kebabBackgroundActive} !important; // override kebab:hover style\n      cursor: default;\n    `;\n  },\n\n  disabled() {\n    return css`\n      cursor: default;\n\n      &:hover {\n        background: none;\n      }\n    `;\n  },\n\n  icon(t: Theme) {\n    return css`\n      color: ${t.kebabIconColor};\n      line-height: 1;\n    `;\n  },\n\n  iconsmall(t: Theme) {\n    return css`\n      margin-top: 2px;\n      font-size: ${t.kebabIconSizeSmall};\n    `;\n  },\n\n  iconmedium(t: Theme) {\n    return css`\n      margin-top: -1px;\n      margin-left: 0.5px;\n      font-size: ${t.kebabIconSizeMedium};\n    `;\n  },\n\n  iconlarge(t: Theme) {\n    return css`\n      margin-top: -2px;\n      margin-left: 1px;\n      font-size: ${t.kebabIconSizeLarge};\n    `;\n  },\n\n  menu(t: Theme) {\n    return css`\n      overflow: hidden;\n      border-radius: ${t.popupBorderRadius};\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","styles","exports","memoizeStyle","kebab","t","css","_taggedTemplateLiteralLoose2","default","kebabBorder","kebabBorderRadius","kebabBackground","kebabBackgroundHover","kebabBackgroundActive","kebabSmall","kebabSizeSmall","kebabMedium","kebabSizeMedium","kebabLarge","kebabSizeLarge","focused","borderColorFocus","opened","disabled","menu","popupBorderRadius"],"sources":["Kebab.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  kebab(t: Theme) {\n    return css`\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      border: ${t.kebabBorder};\n      box-sizing: border-box;\n      border-radius: ${t.kebabBorderRadius};\n      user-select: none;\n      cursor: pointer;\n      outline: 0;\n      transition: background 0.12s ease-out;\n      background: ${t.kebabBackground};\n\n      &:hover {\n        background: ${t.kebabBackgroundHover};\n      }\n\n      &:active {\n        background: ${t.kebabBackgroundActive};\n      }\n    `;\n  },\n\n  kebabSmall(t: Theme) {\n    return css`\n      width: ${t.kebabSizeSmall};\n      height: ${t.kebabSizeSmall};\n    `;\n  },\n\n  kebabMedium(t: Theme) {\n    return css`\n      width: ${t.kebabSizeMedium};\n      height: ${t.kebabSizeMedium};\n    `;\n  },\n\n  kebabLarge(t: Theme) {\n    return css`\n      width: ${t.kebabSizeLarge};\n      height: ${t.kebabSizeLarge};\n    `;\n  },\n\n  focused(t: Theme) {\n    return css`\n      background: ${t.kebabBackgroundHover};\n      border-color: ${t.borderColorFocus};\n    `;\n  },\n\n  opened(t: Theme) {\n    return css`\n      background: ${t.kebabBackgroundActive} !important; // override kebab:hover style\n      cursor: default;\n    `;\n  },\n\n  disabled() {\n    return css`\n      cursor: default;\n\n      &:hover {\n        background: none;\n      }\n    `;\n  },\n\n  menu(t: Theme) {\n    return css`\n      overflow: hidden;\n      border-radius: ${t.popupBorderRadius};\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAGvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,KAAK,WAAAA,MAACC,CAAQ,EAAE;IACd,WAAOC,YAAG,EAAAb,eAAA,KAAAA,eAAA,OAAAc,4BAAA,CAAAC,OAAA;;;;;IAKEH,CAAC,CAACI,WAAW;;IAENJ,CAAC,CAACK,iBAAiB;;;;;IAKtBL,CAAC,CAACM,eAAe;;;IAGfN,CAAC,CAACO,oBAAoB;;;;IAItBP,CAAC,CAACQ,qBAAqB;;;EAG3C,CAAC;;EAEDC,UAAU,WAAAA,WAACT,CAAQ,EAAE;IACnB,WAAOC,YAAG,EAAAZ,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAACU,cAAc;IACfV,CAAC,CAACU,cAAc;;EAE9B,CAAC;;EAEDC,WAAW,WAAAA,YAACX,CAAQ,EAAE;IACpB,WAAOC,YAAG,EAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAACY,eAAe;IAChBZ,CAAC,CAACY,eAAe;;EAE/B,CAAC;;EAEDC,UAAU,WAAAA,WAACb,CAAQ,EAAE;IACnB,WAAOC,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAACc,cAAc;IACfd,CAAC,CAACc,cAAc;;EAE9B,CAAC;;EAEDC,OAAO,WAAAA,QAACf,CAAQ,EAAE;IAChB,WAAOC,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACMH,CAAC,CAACO,oBAAoB;IACpBP,CAAC,CAACgB,gBAAgB;;EAEtC,CAAC;;EAEDC,MAAM,WAAAA,OAACjB,CAAQ,EAAE;IACf,WAAOC,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;IACMH,CAAC,CAACQ,qBAAqB;;;EAGzC,CAAC;;EAEDU,QAAQ,WAAAA,SAAA,EAAG;IACT,WAAOjB,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;;;;;EAOZ,CAAC;;EAEDgB,IAAI,WAAAA,KAACnB,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;IAESH,CAAC,CAACoB,iBAAiB;;EAExC;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/components/Kebab/KebabIcon.d.ts

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

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

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

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

@@ -1,94 +1,61 @@
-import React, { AriaAttributes } from 'react';
-import PropTypes from 'prop-types';
-import { Override } from '../../typings/utility-types';
-import { ThemeIn } from '../../lib/theming/Theme';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface LinkProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps, Override<React.AnchorHTMLAttributes<HTMLAnchorElement>, {
-    /**
-     * Отключенное состояние.
-     */
-    disabled?: boolean;
-    /**
-     * HTML-атрибут `href`.
-     */
-    href?: string;
-    /**
-     * Добавляет ссылке иконку слева.
-     */
-    icon?: React.ReactElement;
-    /**
-     * Добавляет ссылке иконку справа.
-     */
-    rightIcon?: React.ReactElement;
-    /**
-     * Тема ссылки.
-     */
-    use?: 'default' | 'success' | 'danger' | 'grayed';
-    /**
-     * @ignore
-     */
-    _button?: boolean;
-    /**
-     * @ignore
-     */
-    _buttonOpened?: boolean;
-    /**
-     * HTML-атрибут `tabindex`.
-     */
-    tabIndex?: number;
-    /**
-     * Переводит ссылку в состояние загрузки.
-     */
-    loading?: boolean;
-    /**
-     * HTML-событие `onclick`.
-     */
-    onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
-    /**
-     * Обычный объект с переменными темы.
-     * Он будет объединён с темой из контекста.
-     */
-    theme?: ThemeIn;
-    /**
-     * Компонент, используемый в качестве корневого узла.
-     * @ignore
-     */
-    as?: React.ElementType | keyof React.ReactHTML;
-    /**
-     * @ignore
-     */
-    focused?: boolean;
-}> {
-}
-export interface LinkState {
-    focusedByTab: boolean;
-}
-export declare const LinkDataTids: {
-    readonly root: "Link__root";
-};
-type DefaultProps = Required<Pick<LinkProps, 'href' | 'use' | 'as'>>;
-/**
- * Элемент ссылки из HTML.
- */
-export declare class Link extends React.Component<LinkProps, LinkState> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static propTypes: {
-        disabled: PropTypes.Requireable<boolean>;
-        href: PropTypes.Requireable<string>;
-        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        use: PropTypes.Requireable<string>;
-    };
-    static defaultProps: DefaultProps;
-    private getProps;
-    state: LinkState;
-    private theme;
-    private setRootNode;
-    render(): JSX.Element;
-    private renderMain;
-    private handleFocus;
-    private handleBlur;
-    private handleClick;
-    private getLinkClassName;
-}
-export {};
+import React from 'react';
+import type { ButtonLinkAllowedValues } from '../../lib/types/button-link';
+import type { PolymorphicPropsWithoutRef } from '../../lib/types/polymorphic-component';
+import type { ThemeIn } from '../../lib/theming/Theme';
+import type { CommonProps } from '../../internal/CommonWrapper';
+export interface LinkInnerProps extends CommonProps {
+    /** Делает компонент недоступным. */
+    disabled?: boolean;
+    /** Добавляет иконку слева. */
+    icon?: React.ReactElement;
+    /** Добавляет иконку справа. */
+    rightIcon?: React.ReactElement;
+    /** Задает тему ссылки. */
+    use?: 'default' | 'success' | 'danger' | 'grayed';
+    /** @ignore */
+    _button?: boolean;
+    /** @ignore */
+    _buttonOpened?: boolean;
+    /** Задает HTML-атрибут `tabindex`. */
+    tabIndex?: number;
+    /** Переводит кнопку в состояние загрузки. */
+    loading?: boolean;
+    /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */
+    theme?: ThemeIn;
+    /** Задает состояние фокуса.
+     * @ignore */
+    focused?: boolean;
+    /** Переводит контрол в состояние валидации "ошибка". */
+    error?: boolean;
+    /** Переводит контрол в состояние валидации "предупреждение". */
+    warning?: boolean;
+}
+declare const LINK_DEFAULT_COMPONENT = "a";
+export type LinkProps<C extends ButtonLinkAllowedValues = typeof LINK_DEFAULT_COMPONENT> = PolymorphicPropsWithoutRef<LinkInnerProps, C>;
+export interface LinkState {
+    focusedByTab: boolean;
+}
+export declare const LinkDataTids: {
+    readonly root: "Link__root";
+};
+type DefaultProps = Required<Pick<LinkProps<ButtonLinkAllowedValues>, 'use' | 'component'>>;
+/**
+ * Элемент ссылки из HTML.
+ */
+export declare class Link<C extends ButtonLinkAllowedValues = typeof LINK_DEFAULT_COMPONENT> extends React.Component<LinkProps<C>, LinkState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    state: LinkState;
+    private theme;
+    private setRootNode;
+    render(): JSX.Element;
+    private getTabIndex;
+    private getRel;
+    private renderMain;
+    private handleFocus;
+    private handleBlur;
+    private handleClick;
+}
+export {};

package/cjs/components/Link/Link.js

@@ -1,43 +1,25 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.LinkDataTids = exports.Link = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _globalObject = require("@skbkontur/global-object");
 
 
+var _Mixins = require("../../lib/styles/Mixins");
+
 var _keyListener = require("../../lib/events/keyListener");
 
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _utils = require("../../lib/utils");
+
 var _CommonWrapper = require("../../internal/CommonWrapper");
 var _Emotion = require("../../lib/theming/Emotion");
+
 var _rootNode = require("../../lib/rootNode");
+
 var _createPropsGetter = require("../../lib/createPropsGetter");
 var _ThemeFactory = require("../../lib/theming/ThemeFactory");
-var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
-var _client = require("../../lib/client");
 var _getVisualStateDataAttributes = require("../../internal/CommonWrapper/utils/getVisualStateDataAttributes");
 
 var _Link2 = require("./Link.styles");
-var _LinkIcon = require("./LinkIcon");var _excluded = ["disabled", "href", "icon", "rightIcon", "use", "loading", "_button", "_buttonOpened", "rel", "as", "focused"];var _class, _Link;
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+var _LinkIcon = require("./LinkIcon");var _excluded = ["disabled", "icon", "rightIcon", "use", "loading", "_button", "_buttonOpened", "component", "focused", "error", "warning", "tabIndex", "theme"];var _class, _Link;
 
 
 
@@ -78,6 +60,7 @@ var _LinkIcon = require("./LinkIcon");var _excluded = ["disabled", "href", "icon
 
 
 
+var LINK_DEFAULT_COMPONENT = 'a';
 
 
 
@@ -110,7 +93,11 @@ Link = exports.Link = (0, _rootNode.rootNode)(_class = (_Link = /*#__PURE__*/fun
 
 
 
+    getProps = (0, _createPropsGetter.createPropsGetter)(Link.defaultProps);_this.
 
+    state = {
+      focusedByTab: false
+    };_this.
 
 
 
@@ -118,11 +105,7 @@ Link = exports.Link = (0, _rootNode.rootNode)(_class = (_Link = /*#__PURE__*/fun
 
 
 
-    getProps = (0, _createPropsGetter.createPropsGetter)(Link.defaultProps);_this.
 
-    state = {
-      focusedByTab: false
-    };_this.
 
 
 
@@ -134,15 +117,29 @@ Link = exports.Link = (0, _rootNode.rootNode)(_class = (_Link = /*#__PURE__*/fun
 
 
 
+    getTabIndex = function (_ref)
 
 
 
 
 
+    {var nonInteractive = _ref.nonInteractive,_ref$tabIndex = _ref.tabIndex,tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex;
+      return nonInteractive ? -1 : tabIndex;
+    };_this.
 
+    getRel = function () {
+      if (isAnchorProps(_this.props)) {
+        var _this$props = _this.props,rel = _this$props.rel,href = _this$props.href;
+        if (!rel && href) {
+          return "noopener" + ((0, _utils.isExternalLink)(href) ? ' noreferrer' : '');
+        }
+        return rel;
+      }
 
+      return undefined;
+    };_this.
 
-    renderMain = function (props) {
+    renderMain = function (props) {var _cx;
       var
         disabled =
 
@@ -156,70 +153,72 @@ Link = exports.Link = (0, _rootNode.rootNode)(_class = (_Link = /*#__PURE__*/fun
 
 
 
-        props.disabled,href = props.href,icon = props.icon,rightIcon = props.rightIcon,use = props.use,loading = props.loading,_button = props._button,_buttonOpened = props._buttonOpened,relOrigin = props.rel,Component = props.as,_props$focused = props.focused,focused = _props$focused === void 0 ? false : _props$focused,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-      var _isTheme2022 = (0, _ThemeHelpers.isTheme2022)(_this.theme);
+
+
+        props.disabled,icon = props.icon,rightIcon = props.rightIcon,use = props.use,loading = props.loading,_button = props._button,_buttonOpened = props._buttonOpened,Root = props.component,_props$focused = props.focused,focused = _props$focused === void 0 ? false : _props$focused,error = props.error,warning = props.warning,tabIndex = props.tabIndex,theme = props.theme,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
 
       var arrow = null;
       if (_button) {
         arrow = /*#__PURE__*/_react.default.createElement("span", { className: _Link2.styles.arrow() });
       }
 
-      var rel = relOrigin;
-      if (typeof rel === 'undefined' && href) {
-        rel = "noopener" + ((0, _utils.isExternalLink)(href) ? ' noreferrer' : '');
-      }
-
       var isFocused = !disabled && (_this.state.focusedByTab || focused);
 
       var leftIconElement = icon && /*#__PURE__*/_react.default.createElement(_LinkIcon.LinkIcon, { icon: icon, loading: loading, position: "left" });
       var rightIconElement = rightIcon && /*#__PURE__*/
       _react.default.createElement(_LinkIcon.LinkIcon, { hasBothIcons: !!icon && !!rightIcon, icon: rightIcon, loading: loading, position: "right" });
 
-
-      var linkProps = {
-        className: (0, _Emotion.cx)(
-          _Link2.styles.useRoot(),
-          use === 'default' && _Link2.styles.useDefault(_this.theme),
-          use === 'success' && _Link2.styles.useSuccess(_this.theme),
-          use === 'danger' && _Link2.styles.useDanger(_this.theme),
-          use === 'grayed' && _Link2.styles.useGrayed(_this.theme),
-          !!_button && _Link2.styles.button(_this.theme),
-          !!_buttonOpened && _Link2.styles.buttonOpened(_this.theme),
-          _this.getLinkClassName(isFocused, Boolean(disabled || loading), _isTheme2022)
+      var nonInteractive = disabled || loading;
+      var getUseStyles = function getUseStyles() {
+        switch (use) {
+          case 'default':
+            return _Link2.styles.default(_this.theme);
+          case 'danger':
+            return _Link2.styles.danger(_this.theme);
+          case 'success':
+            return _Link2.styles.success(_this.theme);
+          case 'grayed':
+            return _Link2.styles.grayed(_this.theme);
+        }
+      };
+      var getUseLineFocusStyles = function getUseLineFocusStyles() {
+        switch (use) {
+          case 'default':
+            return _Link2.styles.lineFocus(_this.theme);
+          case 'danger':
+            return _Link2.styles.lineFocusDanger(_this.theme);
+          case 'success':
+            return _Link2.styles.lineFocusSuccess(_this.theme);
+          case 'grayed':
+            return _Link2.styles.lineFocusGrayed(_this.theme);
+        }
+      };
+      var rootProps = (0, _extends2.default)({},
+      rest, {
+        className: (0, _Emotion.cx)((_cx = {}, _cx[
+        _Link2.styles.root(_this.theme)] = true, _cx[
+        (0, _Mixins.resetButton)()] = Root === 'button', _cx[
+        _Link2.styles.focus(_this.theme)] = isFocused, _cx[
+        _Link2.styles.disabled(_this.theme)] = disabled || loading, _cx[
+        getUseStyles()] = true, _cx[
+        _Link2.styles.useGrayedFocus(_this.theme)] = use === 'grayed' && focused, _cx[
+        _Link2.styles.button(_this.theme)] = !!_button, _cx[
+        _Link2.styles.buttonOpened(_this.theme)] = !!_buttonOpened, _cx[
+        _Link2.styles.warning(_this.theme)] = warning, _cx[
+        _Link2.styles.error(_this.theme)] = error, _cx[
+        getUseLineFocusStyles()] = isFocused, _cx)
         ),
-        href: href,
-        rel: rel,
         onClick: _this.handleClick,
         onFocus: _this.handleFocus,
         onBlur: _this.handleBlur,
-        tabIndex: disabled || loading ? -1 : _this.props.tabIndex
-      };
+        tabIndex: _this.getTabIndex({ nonInteractive: nonInteractive, tabIndex: tabIndex }),
+        rel: _this.getRel() });
 
-      var child = _this.props.children;
-      if (_isTheme2022) {var _cx, _cx2;
-        // lineTextWrapper нужен для реализации transition у подчеркивания
-        child = /*#__PURE__*/
-        _react.default.createElement("span", {
-          className: (0, _Emotion.cx)(_Link2.globalClasses.textWrapper, _Link2.styles.lineTextWrapper(_this.theme), (_cx = {}, _cx[
-          _Link2.styles.lineTextWrapperFocused(_this.theme)] = isFocused, _cx)
-          ) }, /*#__PURE__*/
-
-        _react.default.createElement("span", {
-          className: (0, _Emotion.cx)(_Link2.globalClasses.text, (_cx2 = {}, _cx2[
-          _Link2.styles.lineText(_this.theme)] = !_client.isIE11, _cx2[
-          _Link2.styles.lineTextIE11(_this.theme)] = _client.isIE11, _cx2)
-          ) },
-
-        _this.props.children
-        )
-        );
-
-      }
 
       return /*#__PURE__*/(
-        _react.default.createElement(Component, (0, _extends2.default)({ "data-tid": LinkDataTids.root }, rest, linkProps, (0, _getVisualStateDataAttributes.getVisualStateDataAttributes)({ disabled: disabled })),
+        _react.default.createElement(Root, (0, _extends2.default)({ "data-tid": LinkDataTids.root }, rootProps, (0, _getVisualStateDataAttributes.getVisualStateDataAttributes)({ disabled: disabled })),
         leftIconElement,
-        child,
+        _this.props.children,
         rightIconElement,
         arrow
         ));
@@ -243,36 +242,14 @@ Link = exports.Link = (0, _rootNode.rootNode)(_class = (_Link = /*#__PURE__*/fun
     };_this.
 
     handleClick = function (event) {
-      var _this$props = _this.props,onClick = _this$props.onClick,disabled = _this$props.disabled,loading = _this$props.loading;
-      var href = _this.getProps().href;
-      if (!href) {
-        event.preventDefault();
-      }
+      var _this$props2 = _this.props,onClick = _this$props2.onClick,disabled = _this$props2.disabled,loading = _this$props2.loading;
+
       if (onClick && !disabled && !loading) {
         onClick(event);
       }
-    };return _this;}(0, _inheritsLoose2.default)(Link, _React$Component);var _proto = Link.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = _this2.props.theme ? _ThemeFactory.ThemeFactory.create(_this2.props.theme, theme) : theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.getProps()), _this2.renderMain);});};_proto.
-
-  getLinkClassName = function getLinkClassName(focused, disabled, _isTheme2022) {
-    var _this$getProps = this.getProps(),use = _this$getProps.use;
-    var isBorderBottom = parseInt(this.theme.linkLineBorderBottomWidth) > 0;
-    var isFocused = focused && !disabled;
-
-    return !isBorderBottom ?
-    (0, _Emotion.cx)(
-      _Link2.styles.root(this.theme),
-      isFocused && _Link2.styles.focus(this.theme),
-      disabled && _Link2.styles.disabled(this.theme),
-      use === 'grayed' && focused && _Link2.styles.useGrayedFocus(this.theme)
-    ) :
-    (0, _Emotion.cx)(
-      _Link2.styles.lineRoot(),
-      disabled && _Link2.styles.disabled(this.theme),
-      disabled && _isTheme2022 && (0, _ThemeHelpers.isDarkTheme)(this.theme) && _Link2.styles.disabledDark22Theme(this.theme),
-      isFocused && use === 'default' && _Link2.styles.lineFocus(this.theme),
-      isFocused && use === 'success' && _Link2.styles.lineFocusSuccess(this.theme),
-      isFocused && use === 'danger' && _Link2.styles.lineFocusDanger(this.theme),
-      isFocused && use === 'grayed' && _Link2.styles.lineFocusGrayed(this.theme),
-      isFocused && _isTheme2022 && _Link2.styles.focus2022(this.theme)
-    );
-  };return Link;}(_react.default.Component), _Link.__KONTUR_REACT_UI__ = 'Link', _Link.displayName = 'Link', _Link.propTypes = { disabled: _propTypes.default.bool, href: _propTypes.default.string, icon: _propTypes.default.node, use: _propTypes.default.oneOf(['default', 'success', 'danger', 'grayed']) }, _Link.defaultProps = { href: '', use: 'default', as: 'a' }, _Link)) || _class;
+    };return _this;}(0, _inheritsLoose2.default)(Link, _React$Component);var _proto = Link.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = _this2.props.theme ? _ThemeFactory.ThemeFactory.create(_this2.props.theme, theme) : theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.getProps()), _this2.renderMain);});};return Link;}(_react.default.Component), _Link.__KONTUR_REACT_UI__ = 'Link', _Link.displayName = 'Link', _Link.defaultProps = { use: 'default', component: LINK_DEFAULT_COMPONENT }, _Link)) || _class;
+
+
+var isAnchorProps = function isAnchorProps(props) {
+  return props.component === 'a';
+};