@skbkontur/react-ui 5.4.7-1b16b.0 → 5.4.7-7ccf0.0

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

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

package/components/Kebab/Kebab/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Kebab/Kebab.js",
+  "module": "Kebab",
+  "types": "../Kebab.d.ts",
+  "sideEffects": false
+}

package/components/Kebab/Kebab.d.ts

@@ -1,11 +1,11 @@
 import type { AriaAttributes, HTMLAttributes } from 'react';
 import React from 'react';
-import type { PopupMenuProps } from '../../internal/PopupMenu/index.js';
-import type { Nullable } from '../../typings/utility-types.js';
-import type { PopupPositionsType } from '../../internal/Popup/index.js';
-import type { CommonProps } from '../../internal/CommonWrapper/index.js';
-import type { TGetRootNode } from '../../lib/rootNode/index.js';
-import type { SizeProp } from '../../lib/types/props.js';
+import type { PopupMenuProps } from '../../internal/PopupMenu';
+import type { Nullable } from '../../typings/utility-types';
+import type { PopupPositionsType } from '../../internal/Popup';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
+import type { SizeProp } from '../../lib/types/props';
 export interface KebabProps extends Pick<AriaAttributes, 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'popupMenuId' | 'preventIconsOffset'>, CommonProps {
     /** Делает компонент недоступным. */
     disabled?: boolean;

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

@@ -0,0 +1,32 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+import { memoizeGetStyles } from "../../../lib/theming/Emotion";
+export var getStyles = memoizeGetStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    kebab: function kebab(t) {
+      return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      border: ", ";\n      box-sizing: border-box;\n      border-radius: ", ";\n      user-select: none;\n      cursor: pointer;\n      outline: 0;\n      transition: background 0.12s ease-out;\n      background: ", ";\n\n      &:hover {\n        background: ", ";\n      }\n\n      &:active {\n        background: ", ";\n      }\n    "])), t.kebabBorder, t.kebabBorderRadius, t.kebabBackground, t.kebabBackgroundHover, t.kebabBackgroundActive);
+    },
+    kebabSmall: function kebabSmall(t) {
+      return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      height: ", ";\n    "])), t.kebabSizeSmall, t.kebabSizeSmall);
+    },
+    kebabMedium: function kebabMedium(t) {
+      return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      height: ", ";\n    "])), t.kebabSizeMedium, t.kebabSizeMedium);
+    },
+    kebabLarge: function kebabLarge(t) {
+      return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      height: ", ";\n    "])), t.kebabSizeLarge, t.kebabSizeLarge);
+    },
+    focused: function focused(t) {
+      return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      border-color: ", ";\n    "])), t.kebabBackgroundHover, t.borderColorFocus);
+    },
+    opened: function opened(t) {
+      return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      background: ", " !important; // override kebab:hover style\n      cursor: default;\n    "])), t.kebabBackgroundActive);
+    },
+    disabled: function disabled() {
+      return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n\n      &:hover {\n        background: none;\n      }\n    "])));
+    },
+    menu: function menu(t) {
+      return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      overflow: hidden;\n      border-radius: ", ";\n    "])), t.popupBorderRadius);
+    }
+  };
+});

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

@@ -0,0 +1 @@
+{"version":3,"names":["memoizeGetStyles","getStyles","_ref","css","kebab","t","_templateObject","_taggedTemplateLiteralLoose","kebabBorder","kebabBorderRadius","kebabBackground","kebabBackgroundHover","kebabBackgroundActive","kebabSmall","_templateObject2","kebabSizeSmall","kebabMedium","_templateObject3","kebabSizeMedium","kebabLarge","_templateObject4","kebabSizeLarge","focused","_templateObject5","borderColorFocus","opened","_templateObject6","disabled","_templateObject7","menu","_templateObject8","popupBorderRadius"],"sources":["Kebab.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\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":";;AAEA,SAASA,gBAAgB,QAAQ,2BAA2B;;;AAG5D,OAAO,IAAMC,SAAS,GAAGD,gBAAgB,CAAC,UAAAE,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,KAAK,WAAAA,MAACC,CAAQ,EAAE;MACd,OAAOF,GAAG,CAAAG,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;MAKEF,CAAC,CAACG,WAAW;;MAENH,CAAC,CAACI,iBAAiB;;;;;MAKtBJ,CAAC,CAACK,eAAe;;;MAGfL,CAAC,CAACM,oBAAoB;;;;MAItBN,CAAC,CAACO,qBAAqB;;;IAG3C,CAAC;;IAEDC,UAAU,WAAAA,WAACR,CAAQ,EAAE;MACnB,OAAOF,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;MACCF,CAAC,CAACU,cAAc;MACfV,CAAC,CAACU,cAAc;;IAE9B,CAAC;;IAEDC,WAAW,WAAAA,YAACX,CAAQ,EAAE;MACpB,OAAOF,GAAG,CAAAc,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;MACCF,CAAC,CAACa,eAAe;MAChBb,CAAC,CAACa,eAAe;;IAE/B,CAAC;;IAEDC,UAAU,WAAAA,WAACd,CAAQ,EAAE;MACnB,OAAOF,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;MACCF,CAAC,CAACgB,cAAc;MACfhB,CAAC,CAACgB,cAAc;;IAE9B,CAAC;;IAEDC,OAAO,WAAAA,QAACjB,CAAQ,EAAE;MAChB,OAAOF,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAhB,2BAAA;MACMF,CAAC,CAACM,oBAAoB;MACpBN,CAAC,CAACmB,gBAAgB;;IAEtC,CAAC;;IAEDC,MAAM,WAAAA,OAACpB,CAAQ,EAAE;MACf,OAAOF,GAAG,CAAAuB,gBAAA,KAAAA,gBAAA,GAAAnB,2BAAA;MACMF,CAAC,CAACO,qBAAqB;;;IAGzC,CAAC;;IAEDe,QAAQ,WAAAA,SAAA,EAAG;MACT,OAAOxB,GAAG,CAAAyB,gBAAA,KAAAA,gBAAA,GAAArB,2BAAA;;;;;;;IAOZ,CAAC;;IAEDsB,IAAI,WAAAA,KAACxB,CAAQ,EAAE;MACb,OAAOF,GAAG,CAAA2B,gBAAA,KAAAA,gBAAA,GAAAvB,2BAAA;;MAESF,CAAC,CAAC0B,iBAAiB;;IAExC;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

package/components/Kebab/Kebab.styles/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Kebab/Kebab.styles.js",
+  "module": "Kebab.styles",
+  "types": "../Kebab.styles.d.ts",
+  "sideEffects": false
+}

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

@@ -1,5 +1,5 @@
-import type { Theme } from '../../lib/theming/Theme.js';
-export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
+import type { Theme } from '../../lib/theming/Theme';
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     kebab(t: Theme): string;
     kebabSmall(t: Theme): string;
     kebabMedium(t: Theme): string;

package/components/Kebab/KebabIcon/KebabIcon.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { iconSizer } from "../../../internal/icons2022/iconSizer";
+import { UiMenuDotsThreeVIcon16Light } from "../../../internal/icons2022/UiMenuDotsThreeVIcon/UiMenuDotsThreeVIcon16Light";
+import { UiMenuDotsThreeVIcon20Regular } from "../../../internal/icons2022/UiMenuDotsThreeVIcon/UiMenuDotsThreeVIcon20Regular";
+import { UiMenuDotsThreeVIcon24Regular } from "../../../internal/icons2022/UiMenuDotsThreeVIcon/UiMenuDotsThreeVIcon24Regular";
+export var KebabIcon = iconSizer({
+  small: function small() {
+    return /*#__PURE__*/React.createElement(UiMenuDotsThreeVIcon16Light, null);
+  },
+  medium: function medium() {
+    return /*#__PURE__*/React.createElement(UiMenuDotsThreeVIcon20Regular, null);
+  },
+  large: function large() {
+    return /*#__PURE__*/React.createElement(UiMenuDotsThreeVIcon24Regular, null);
+  }
+}, 'KebabIcon');

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","iconSizer","UiMenuDotsThreeVIcon16Light","UiMenuDotsThreeVIcon20Regular","UiMenuDotsThreeVIcon24Regular","KebabIcon","small","createElement","medium","large"],"sources":["KebabIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\nimport { UiMenuDotsThreeVIcon16Light } from '../../internal/icons2022/UiMenuDotsThreeVIcon/UiMenuDotsThreeVIcon16Light';\nimport { UiMenuDotsThreeVIcon20Regular } from '../../internal/icons2022/UiMenuDotsThreeVIcon/UiMenuDotsThreeVIcon20Regular';\nimport { UiMenuDotsThreeVIcon24Regular } from '../../internal/icons2022/UiMenuDotsThreeVIcon/UiMenuDotsThreeVIcon24Regular';\n\nexport const KebabIcon = iconSizer(\n  {\n    small: () => <UiMenuDotsThreeVIcon16Light />,\n    medium: () => <UiMenuDotsThreeVIcon20Regular />,\n    large: () => <UiMenuDotsThreeVIcon24Regular />,\n  },\n  'KebabIcon',\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,SAAS,QAAQ,oCAAoC;AAC9D,SAASC,2BAA2B,QAAQ,2EAA2E;AACvH,SAASC,6BAA6B,QAAQ,6EAA6E;AAC3H,SAASC,6BAA6B,QAAQ,6EAA6E;;AAE3H,OAAO,IAAMC,SAAS,GAAGJ,SAAS;EAChC;IACEK,KAAK,EAAE,SAAAA,MAAA,uBAAMN,KAAA,CAAAO,aAAA,CAACL,2BAA2B,MAAE,CAAC;IAC5CM,MAAM,EAAE,SAAAA,OAAA,uBAAMR,KAAA,CAAAO,aAAA,CAACJ,6BAA6B,MAAE,CAAC;IAC/CM,KAAK,EAAE,SAAAA,MAAA,uBAAMT,KAAA,CAAAO,aAAA,CAACH,6BAA6B,MAAE,CAAC;EAChD,CAAC;EACD;AACF,CAAC","ignoreList":[]}

package/components/Kebab/KebabIcon/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Kebab/KebabIcon.js",
+  "module": "KebabIcon",
+  "types": "../KebabIcon.d.ts",
+  "sideEffects": false
+}

package/components/Kebab/KebabIcon.d.ts

@@ -1,3 +1,3 @@
-export declare const KebabIcon: import("../../lib/forwardRefAndName.js").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon.js").IconProps, "size"> & {
-    size?: import("../../internal/icons2022/BaseIcon.js").IconProps["size"] | import("../../internal/icons2022/iconConstants.js").IconSizeAliases;
+export declare const KebabIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: import("../../internal/icons2022/BaseIcon").IconProps["size"] | import("../../internal/icons2022/iconConstants").IconSizeAliases;
 }>;

package/components/Kebab/__stories__/Kebab.items/Kebab.items.js

@@ -0,0 +1,38 @@
+export var defaultItemsList = [{
+  text: 'First',
+  action: 'First'
+}, {
+  text: 'Second',
+  action: 'Second'
+}, {
+  text: 'Uno',
+  action: 'Uno'
+}];
+export var manyItemsList = [{
+  text: 'Edit',
+  action: 'Edit'
+}, {
+  text: 'Remove',
+  action: 'Remove'
+}, {
+  text: 'Communicate',
+  action: 'Communicate'
+}, {
+  text: 'Grade',
+  action: 'Grade'
+}, {
+  text: 'Dispatch',
+  action: 'Dispatch'
+}, {
+  text: 'Disable',
+  action: 'Disable'
+}, {
+  text: 'Rate',
+  action: 'Rate'
+}, {
+  text: 'Collaborate',
+  action: 'Collaborate'
+}, {
+  text: 'Contribute',
+  action: 'Contribute'
+}];

package/components/Kebab/__stories__/Kebab.items/Kebab.items.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultItemsList","text","action","manyItemsList"],"sources":["Kebab.items.tsx"],"sourcesContent":["export const defaultItemsList = [\n  {\n    text: 'First',\n    action: 'First',\n  },\n  {\n    text: 'Second',\n    action: 'Second',\n  },\n  {\n    text: 'Uno',\n    action: 'Uno',\n  },\n];\n\nexport const manyItemsList = [\n  {\n    text: 'Edit',\n    action: 'Edit',\n  },\n  {\n    text: 'Remove',\n    action: 'Remove',\n  },\n  {\n    text: 'Communicate',\n    action: 'Communicate',\n  },\n  {\n    text: 'Grade',\n    action: 'Grade',\n  },\n  {\n    text: 'Dispatch',\n    action: 'Dispatch',\n  },\n  {\n    text: 'Disable',\n    action: 'Disable',\n  },\n  {\n    text: 'Rate',\n    action: 'Rate',\n  },\n  {\n    text: 'Collaborate',\n    action: 'Collaborate',\n  },\n  {\n    text: 'Contribute',\n    action: 'Contribute',\n  },\n];\n"],"mappings":"AAAA,OAAO,IAAMA,gBAAgB,GAAG;AAC9B;EACEC,IAAI,EAAE,OAAO;EACbC,MAAM,EAAE;AACV,CAAC;AACD;EACED,IAAI,EAAE,QAAQ;EACdC,MAAM,EAAE;AACV,CAAC;AACD;EACED,IAAI,EAAE,KAAK;EACXC,MAAM,EAAE;AACV,CAAC,CACF;;;AAED,OAAO,IAAMC,aAAa,GAAG;AAC3B;EACEF,IAAI,EAAE,MAAM;EACZC,MAAM,EAAE;AACV,CAAC;AACD;EACED,IAAI,EAAE,QAAQ;EACdC,MAAM,EAAE;AACV,CAAC;AACD;EACED,IAAI,EAAE,aAAa;EACnBC,MAAM,EAAE;AACV,CAAC;AACD;EACED,IAAI,EAAE,OAAO;EACbC,MAAM,EAAE;AACV,CAAC;AACD;EACED,IAAI,EAAE,UAAU;EAChBC,MAAM,EAAE;AACV,CAAC;AACD;EACED,IAAI,EAAE,SAAS;EACfC,MAAM,EAAE;AACV,CAAC;AACD;EACED,IAAI,EAAE,MAAM;EACZC,MAAM,EAAE;AACV,CAAC;AACD;EACED,IAAI,EAAE,aAAa;EACnBC,MAAM,EAAE;AACV,CAAC;AACD;EACED,IAAI,EAAE,YAAY;EAClBC,MAAM,EAAE;AACV,CAAC,CACF","ignoreList":[]}

package/components/Kebab/__stories__/Kebab.items/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/components/Kebab/__stories__/Kebab.items.js",
+  "module": "Kebab.items",
+  "types": "../Kebab.items.d.ts",
+  "sideEffects": false
+}

package/components/Kebab/index/index.js

@@ -0,0 +1 @@
+export * from "../Kebab";

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './Kebab';\n"],"mappings":"AAAA,cAAc,SAAS","ignoreList":[]}

package/components/Kebab/index/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Kebab/index.js",
+  "module": "index",
+  "types": "../index.d.ts",
+  "sideEffects": false
+}

package/components/Kebab/index.d.ts

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

package/components/Kebab/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/components/Kebab/index.js",
+  "module": "index",
+  "types": "index.d.ts",
+  "sideEffects": false
+}

package/components/Link/Link/Link.js

@@ -0,0 +1,193 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _excluded = ["disabled", "icon", "rightIcon", "use", "loading", "_button", "_buttonOpened", "component", "focused", "error", "warning", "tabIndex", "theme"];
+var _class, _Link;
+import React from 'react';
+import { KeyListener } from "../../../lib/events/keyListener";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { isExternalLink } from "../../../lib/utils";
+import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { rootNode } from "../../../lib/rootNode";
+import { createPropsGetter } from "../../../lib/createPropsGetter";
+import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
+import { getVisualStateDataAttributes } from "../../../internal/CommonWrapper/utils/getVisualStateDataAttributes";
+import { withRenderEnvironment } from "../../../lib/renderEnvironment";
+import { getStyles } from "../Link.styles";
+import { LinkIcon } from "../LinkIcon";
+var LINK_DEFAULT_COMPONENT = 'a';
+export var LinkDataTids = {
+  root: 'Link__root'
+};
+
+/**
+ * С помощью ссылки пользователь может перейти на другую страницу, раздел приложения или внешний URL.
+ */
+export var Link = withRenderEnvironment(_class = rootNode(_class = (_Link = /*#__PURE__*/function (_React$Component) {
+  function Link() {
+    var _this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.getProps = createPropsGetter(Link.defaultProps);
+    _this.state = {
+      focusedByTab: false
+    };
+    _this.getTabIndex = function (_ref) {
+      var nonInteractive = _ref.nonInteractive,
+        _ref$tabIndex = _ref.tabIndex,
+        tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex;
+      return nonInteractive ? -1 : tabIndex;
+    };
+    _this.getRel = function () {
+      if (isAnchorProps(_this.props)) {
+        var _this$props = _this.props,
+          rel = _this$props.rel,
+          href = _this$props.href;
+        if (!rel && href) {
+          return "noopener" + (isExternalLink(href, _this.globalObject) ? ' noreferrer' : '');
+        }
+        return rel;
+      }
+      return undefined;
+    };
+    _this.renderMain = function (props) {
+      var _this$cx;
+      var disabled = 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 = _objectWithoutPropertiesLoose(props, _excluded);
+      var arrow = null;
+      if (_button) {
+        arrow = /*#__PURE__*/React.createElement("span", {
+          className: _this.styles.arrow()
+        });
+      }
+      var isFocused = !disabled && (_this.state.focusedByTab || focused);
+      var leftIconElement = icon && /*#__PURE__*/React.createElement(LinkIcon, {
+        icon: icon,
+        loading: loading,
+        position: "left"
+      });
+      var rightIconElement = rightIcon && /*#__PURE__*/
+      React.createElement(LinkIcon, {
+        hasBothIcons: !!icon && !!rightIcon,
+        icon: rightIcon,
+        loading: loading,
+        position: "right"
+      });
+      var nonInteractive = disabled || loading;
+      var getUseStyles = function getUseStyles() {
+        switch (use) {
+          case 'default':
+            return _this.styles["default"](_this.theme);
+          case 'danger':
+            return _this.styles.danger(_this.theme);
+          case 'success':
+            return _this.styles.success(_this.theme);
+          case 'grayed':
+            return _this.styles.grayed(_this.theme);
+        }
+      };
+      var getUseLineFocusStyles = function getUseLineFocusStyles() {
+        switch (use) {
+          case 'default':
+            return _this.styles.lineFocus(_this.theme);
+          case 'danger':
+            return _this.styles.lineFocusDanger(_this.theme);
+          case 'success':
+            return _this.styles.lineFocusSuccess(_this.theme);
+          case 'grayed':
+            return _this.styles.lineFocusGrayed(_this.theme);
+        }
+      };
+      var rootProps = _extends({}, rest, {
+        className: _this.cx((_this$cx = {}, _this$cx[_this.styles.root(_this.theme)] = true, _this$cx[_this.styles.reserButton()] = Root === 'button', _this$cx[_this.styles.focus(_this.theme)] = isFocused, _this$cx[_this.styles.disabled(_this.theme)] = disabled || loading, _this$cx[getUseStyles()] = true, _this$cx[_this.styles.useGrayedFocus(_this.theme)] = use === 'grayed' && focused, _this$cx[_this.styles.button(_this.theme)] = !!_button, _this$cx[_this.styles.buttonOpened(_this.theme)] = !!_buttonOpened, _this$cx[_this.styles.warning(_this.theme)] = warning, _this$cx[_this.styles.error(_this.theme)] = error, _this$cx[getUseLineFocusStyles()] = isFocused, _this$cx)),
+        onClick: _this.handleClick,
+        onFocus: _this.handleFocus,
+        onBlur: _this.handleBlur,
+        tabIndex: _this.getTabIndex({
+          nonInteractive: nonInteractive,
+          tabIndex: tabIndex
+        }),
+        rel: _this.getRel()
+      });
+      var buttonOnlyProps = Root === 'button' ? {
+        disabled: nonInteractive
+      } : {};
+      return /*#__PURE__*/(
+        React.createElement(Root, _extends({
+          "data-tid": LinkDataTids.root
+        }, rootProps, buttonOnlyProps, getVisualStateDataAttributes({
+          disabled: disabled
+        })), leftIconElement, _this.props.children, rightIconElement, arrow)
+      );
+    };
+    _this.handleFocus = function () {
+      if (!_this.props.disabled) {
+        // focus event fires before keyDown eventlistener
+        // so we should check tabPressed in async way
+        _this.globalObject.requestAnimationFrame == null || _this.globalObject.requestAnimationFrame(function () {
+          if (_this.keyListener.isTabPressed) {
+            _this.setState({
+              focusedByTab: true
+            });
+          }
+        });
+      }
+    };
+    _this.handleBlur = function () {
+      _this.setState({
+        focusedByTab: false
+      });
+    };
+    _this.handleClick = function (event) {
+      var _this$props2 = _this.props,
+        onClick = _this$props2.onClick,
+        disabled = _this$props2.disabled,
+        loading = _this$props2.loading;
+      if (disabled) {
+        event.preventDefault();
+        event.stopPropagation();
+      }
+      if (onClick && !disabled && !loading) {
+        onClick(event);
+      }
+    };
+    return _this;
+  }
+  _inheritsLoose(Link, _React$Component);
+  var _proto = Link.prototype;
+  _proto.componentDidMount = function componentDidMount() {
+    this.keyListener = new KeyListener(this.globalObject);
+  };
+  _proto.render = function render() {
+    var _this2 = this;
+    this.styles = getStyles(this.emotion);
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = _this2.props.theme ? ThemeFactory.create(_this2.props.theme, theme) : theme;
+      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+        rootNodeRef: _this2.setRootNode
+      }, _this2.getProps()), _this2.renderMain);
+    });
+  };
+  return Link;
+}(React.Component), _Link.__KONTUR_REACT_UI__ = 'Link', _Link.displayName = 'Link', _Link.defaultProps = {
+  use: 'default',
+  component: LINK_DEFAULT_COMPONENT
+}, _Link)) || _class) || _class;
+var isAnchorProps = function isAnchorProps(props) {
+  return props.component === 'a';
+};

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","KeyListener","ThemeContext","isExternalLink","CommonWrapper","rootNode","createPropsGetter","ThemeFactory","getVisualStateDataAttributes","withRenderEnvironment","getStyles","LinkIcon","LINK_DEFAULT_COMPONENT","LinkDataTids","root","Link","_class","_Link","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","focusedByTab","getTabIndex","_ref","nonInteractive","_ref$tabIndex","tabIndex","getRel","isAnchorProps","props","_this$props","rel","href","globalObject","undefined","renderMain","_this$cx","disabled","icon","rightIcon","use","loading","_button","_buttonOpened","Root","component","_props$focused","focused","error","warning","theme","rest","_objectWithoutPropertiesLoose","_excluded","arrow","createElement","className","styles","isFocused","leftIconElement","position","rightIconElement","hasBothIcons","getUseStyles","danger","success","grayed","getUseLineFocusStyles","lineFocus","lineFocusDanger","lineFocusSuccess","lineFocusGrayed","rootProps","_extends","cx","reserButton","focus","useGrayedFocus","button","buttonOpened","onClick","handleClick","onFocus","handleFocus","onBlur","handleBlur","buttonOnlyProps","children","requestAnimationFrame","keyListener","isTabPressed","setState","event","_this$props2","preventDefault","stopPropagation","_inheritsLoose","_proto","prototype","componentDidMount","render","_this2","emotion","Consumer","create","rootNodeRef","setRootNode","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Link.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { GlobalObject } from '../../lib/globalObject';\nimport type { ButtonLinkAllowedValues } from '../../lib/types/button-link';\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 type { TGetRootNode, 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';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getStyles } 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 * С помощью ссылки пользователь может перейти на другую страницу, раздел приложения или внешний URL.\n */\n@withRenderEnvironment\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 globalObject!: GlobalObject;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private keyListener!: KeyListener;\n\n  public componentDidMount() {\n    this.keyListener = new KeyListener(this.globalObject);\n  }\n\n  public render(): JSX.Element {\n    this.styles = getStyles(this.emotion);\n\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, this.globalObject) ? ' 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={this.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 this.styles.default(this.theme);\n        case 'danger':\n          return this.styles.danger(this.theme);\n        case 'success':\n          return this.styles.success(this.theme);\n        case 'grayed':\n          return this.styles.grayed(this.theme);\n      }\n    };\n    const getUseLineFocusStyles = () => {\n      switch (use) {\n        case 'default':\n          return this.styles.lineFocus(this.theme);\n        case 'danger':\n          return this.styles.lineFocusDanger(this.theme);\n        case 'success':\n          return this.styles.lineFocusSuccess(this.theme);\n        case 'grayed':\n          return this.styles.lineFocusGrayed(this.theme);\n      }\n    };\n\n    const rootProps = {\n      ...rest,\n      className: this.cx({\n        [this.styles.root(this.theme)]: true,\n        [this.styles.reserButton()]: Root === 'button',\n        [this.styles.focus(this.theme)]: isFocused,\n        [this.styles.disabled(this.theme)]: disabled || loading,\n        [getUseStyles()]: true,\n        [this.styles.useGrayedFocus(this.theme)]: use === 'grayed' && focused,\n        [this.styles.button(this.theme)]: !!_button,\n        [this.styles.buttonOpened(this.theme)]: !!_buttonOpened,\n        [this.styles.warning(this.theme)]: warning,\n        [this.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    const buttonOnlyProps = Root === 'button' ? { disabled: nonInteractive } : {};\n\n    return (\n      <Root\n        data-tid={LinkDataTids.root}\n        {...rootProps}\n        {...buttonOnlyProps}\n        {...getVisualStateDataAttributes({ disabled })}\n      >\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      this.globalObject.requestAnimationFrame?.(() => {\n        if (this.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 (disabled) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\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/components/Link/Link/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Link/Link.js",
+  "module": "Link",
+  "types": "../Link.d.ts",
+  "sideEffects": false
+}

package/components/Link/Link.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import type { ButtonLinkAllowedValues } from '../../lib/types/button-link.js';
-import type { PolymorphicPropsWithoutRef } from '../../lib/types/polymorphic-component.js';
-import type { ThemeIn } from '../../lib/theming/Theme.js';
-import type { CommonProps } from '../../internal/CommonWrapper/index.js';
-import type { TGetRootNode } from '../../lib/rootNode/index.js';
+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';
+import type { TGetRootNode } from '../../lib/rootNode';
 export interface LinkInnerProps extends CommonProps {
     /** Ссылка меняет цвет на серый и становится недоступна для нажатия. */
     disabled?: boolean;

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

@@ -0,0 +1,6 @@
+export var linkDisabledMixin = function linkDisabledMixin() {
+  return "\n    box-shadow: none;\n    cursor: default;\n  ";
+};
+export var linkUseColorsMixin = function linkUseColorsMixin(mainColor, hoverColor, activeColor) {
+  return "\n    color: " + mainColor + ";\n\n    &:hover {\n      color: " + hoverColor + ";\n    }\n\n    &:active {\n      color: " + activeColor + ";\n    }\n  ";
+};

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

@@ -0,0 +1 @@
+{"version":3,"names":["linkDisabledMixin","linkUseColorsMixin","mainColor","hoverColor","activeColor"],"sources":["Link.mixins.ts"],"sourcesContent":["export const linkDisabledMixin = () => {\n  return `\n    box-shadow: none;\n    cursor: default;\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":"AAAA,OAAO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAA,EAAS;EACrC;;;;AAIF,CAAC;;AAED,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,SAAiB,EAAEC,UAAkB,EAAEC,WAAmB,EAAK;EAChG;EACWF,SAAS;;;EAGPC,UAAU;;;;EAIVC,WAAW;;;AAG1B,CAAC","ignoreList":[]}

package/components/Link/Link.mixins/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Link/Link.mixins.js",
+  "module": "Link.mixins",
+  "types": "../Link.mixins.d.ts",
+  "sideEffects": false
+}