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

package/internal/FileUploaderControl/FileUploaderFile/FileUploaderFileStatusIcon.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-import { FileUploaderFileStatus } from '../fileUtils';
-import { SizeProp } from '../../../lib/types/props';
-interface FileUploaderFileStatusIconProps {
-    hovered: boolean;
-    focusedByTab: boolean;
-    isInvalid: boolean;
-    status: FileUploaderFileStatus;
-    size: SizeProp;
-}
-export declare const FileUploaderFileStatusIcon: React.FunctionComponent<FileUploaderFileStatusIconProps>;
-export {};
+import React from 'react';
+import { FileUploaderFileStatus } from '../fileUtils';
+import { SizeProp } from '../../../lib/types/props';
+interface FileUploaderFileStatusIconProps {
+    hovered: boolean;
+    focusedByTab: boolean;
+    isInvalid: boolean;
+    status: FileUploaderFileStatus;
+    size: SizeProp;
+}
+export declare const FileUploaderFileStatusIcon: React.FunctionComponent<FileUploaderFileStatusIconProps>;
+export {};

package/internal/FileUploaderControl/FileUploaderFile/OkIcon.d.ts

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

package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.d.ts

@@ -1,17 +1,17 @@
-import React from 'react';
-import { FileUploaderAttachedFile } from '../fileUtils';
-import { SizeProp } from '../../../lib/types/props';
-interface FileUploaderFileListProps {
-    renderFile: (file: FileUploaderAttachedFile, fileNode: React.ReactElement) => React.ReactNode;
-    size: SizeProp;
-    onRemove(fileId: string): void;
-}
-export declare const FileUploaderFileDataTids: {
-    readonly fileList: "FileUploader__fileList";
-};
-export declare const FileUploaderFileList: {
-    (props: FileUploaderFileListProps): React.JSX.Element;
-    __KONTUR_REACT_UI__: string;
-    displayName: string;
-};
-export {};
+import React from 'react';
+import { FileUploaderAttachedFile } from '../fileUtils';
+import { SizeProp } from '../../../lib/types/props';
+interface FileUploaderFileListProps {
+    renderFile: (file: FileUploaderAttachedFile, fileNode: React.ReactElement) => React.ReactNode;
+    size: SizeProp;
+    onRemove(fileId: string): void;
+}
+export declare const FileUploaderFileDataTids: {
+    readonly fileList: "FileUploader__fileList";
+};
+export declare const FileUploaderFileList: {
+    (props: FileUploaderFileListProps): React.JSX.Element;
+    __KONTUR_REACT_UI__: string;
+    displayName: string;
+};
+export {};

package/internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.styles.d.ts

@@ -1,8 +1,8 @@
-import { Theme } from '../../../lib/theming/Theme';
-export declare const jsStyles: {
-    file(): string;
-    fileWrapper(): string;
-    fileWrapperSmall(t: Theme): string;
-    fileWrapperMedium(t: Theme): string;
-    fileWrapperLarge(t: Theme): string;
-};
+import { Theme } from '../../../lib/theming/Theme';
+export declare const jsStyles: {
+    file(): string;
+    fileWrapper(): string;
+    fileWrapperSmall(t: Theme): string;
+    fileWrapperMedium(t: Theme): string;
+    fileWrapperLarge(t: Theme): string;
+};

package/internal/FileUploaderControl/FileUploaderFileValidationResult.d.ts

@@ -1,7 +1,7 @@
-export declare class FileUploaderFileValidationResult {
-    readonly isValid: boolean;
-    readonly message?: string;
-    constructor(isValid: boolean, message?: string);
-    static error(message: string): FileUploaderFileValidationResult;
-    static ok(): FileUploaderFileValidationResult;
-}
+export declare class FileUploaderFileValidationResult {
+    readonly isValid: boolean;
+    readonly message?: string;
+    constructor(isValid: boolean, message?: string);
+    static error(message: string): FileUploaderFileValidationResult;
+    static ok(): FileUploaderFileValidationResult;
+}

package/internal/FileUploaderControl/__creevey__/FileUploaderFile.creevey.d.mts

@@ -1 +1 @@
-export {};
+export {};

package/internal/FileUploaderControl/fileUtils/fileUtils.js

@@ -1,12 +1,12 @@
 import { getUid } from "../../../lib/uidUtils";
 import { FileUploaderFileValidationResult } from "../FileUploaderFileValidationResult";
-export var FileUploaderFileStatus;
-(function (FileUploaderFileStatus) {
+export var FileUploaderFileStatus = /*#__PURE__*/function (FileUploaderFileStatus) {
   FileUploaderFileStatus["Attached"] = "Attached";
   FileUploaderFileStatus["Loading"] = "Loading";
   FileUploaderFileStatus["Uploaded"] = "Uploaded";
   FileUploaderFileStatus["Error"] = "Error";
-})(FileUploaderFileStatus || (FileUploaderFileStatus = {}));
+  return FileUploaderFileStatus;
+}({});
 export var getAttachedFile = function getAttachedFile(file) {
   return {
     id: getUid(),

package/internal/FileUploaderControl/fileUtils/fileUtils.js.map

@@ -1 +1 @@
-{"version":3,"names":["getUid","FileUploaderFileValidationResult","FileUploaderFileStatus","getAttachedFile","file","id","originalFile","status","Attached","validationResult","ok"],"sources":["fileUtils.ts"],"sourcesContent":["import { getUid } from '../../lib/uidUtils';\n\nimport { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult';\n\nexport enum FileUploaderFileStatus {\n  Attached = 'Attached',\n  Loading = 'Loading',\n  Uploaded = 'Uploaded',\n  Error = 'Error',\n}\n\nexport interface FileUploaderAttachedFile {\n  id: string;\n  originalFile: File;\n  status: FileUploaderFileStatus;\n  validationResult: FileUploaderFileValidationResult;\n}\n\nexport const getAttachedFile = (file: File): FileUploaderAttachedFile => {\n  return {\n    id: getUid(),\n    originalFile: file,\n    status: FileUploaderFileStatus.Attached,\n    validationResult: FileUploaderFileValidationResult.ok(),\n  };\n};\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,oBAAoB;;AAE3C,SAASC,gCAAgC,QAAQ,oCAAoC;;AAErF,WAAYC,sBAAsB,CAKjC,WALWA,sBAAsB,GAAtBA,sBAAsB,0BAAtBA,sBAAsB,wBAAtBA,sBAAsB,0BAAtBA,sBAAsB,uBAAtBA,sBAAsB,KAAtBA,sBAAsB;;;;;;;;;;;;;;AAclC,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAAU,EAA+B;EACvE,OAAO;IACLC,EAAE,EAAEL,MAAM,CAAC,CAAC;IACZM,YAAY,EAAEF,IAAI;IAClBG,MAAM,EAAEL,sBAAsB,CAACM,QAAQ;IACvCC,gBAAgB,EAAER,gCAAgC,CAACS,EAAE,CAAC;EACxD,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["getUid","FileUploaderFileValidationResult","FileUploaderFileStatus","getAttachedFile","file","id","originalFile","status","Attached","validationResult","ok"],"sources":["fileUtils.ts"],"sourcesContent":["import { getUid } from '../../lib/uidUtils';\n\nimport { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult';\n\nexport enum FileUploaderFileStatus {\n  Attached = 'Attached',\n  Loading = 'Loading',\n  Uploaded = 'Uploaded',\n  Error = 'Error',\n}\n\nexport interface FileUploaderAttachedFile {\n  id: string;\n  originalFile: File;\n  status: FileUploaderFileStatus;\n  validationResult: FileUploaderFileValidationResult;\n}\n\nexport const getAttachedFile = (file: File): FileUploaderAttachedFile => {\n  return {\n    id: getUid(),\n    originalFile: file,\n    status: FileUploaderFileStatus.Attached,\n    validationResult: FileUploaderFileValidationResult.ok(),\n  };\n};\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,oBAAoB;;AAE3C,SAASC,gCAAgC,QAAQ,oCAAoC;;AAErF,WAAYC,sBAAsB,0BAAtBA,sBAAsB,GAAtBA,sBAAsB,0BAAtBA,sBAAsB,wBAAtBA,sBAAsB,0BAAtBA,sBAAsB,2BAAtBA,sBAAsB;;;;;;;;;;;;;;AAclC,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAAU,EAA+B;EACvE,OAAO;IACLC,EAAE,EAAEL,MAAM,CAAC,CAAC;IACZM,YAAY,EAAEF,IAAI;IAClBG,MAAM,EAAEL,sBAAsB,CAACM,QAAQ;IACvCC,gBAAgB,EAAER,gCAAgC,CAACS,EAAE,CAAC;EACxD,CAAC;AACH,CAAC","ignoreList":[]}

package/internal/FileUploaderControl/fileUtils.d.ts

@@ -1,14 +1,14 @@
-import { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult';
-export declare enum FileUploaderFileStatus {
-    Attached = "Attached",
-    Loading = "Loading",
-    Uploaded = "Uploaded",
-    Error = "Error"
-}
-export interface FileUploaderAttachedFile {
-    id: string;
-    originalFile: File;
-    status: FileUploaderFileStatus;
-    validationResult: FileUploaderFileValidationResult;
-}
-export declare const getAttachedFile: (file: File) => FileUploaderAttachedFile;
+import { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult';
+export declare enum FileUploaderFileStatus {
+    Attached = "Attached",
+    Loading = "Loading",
+    Uploaded = "Uploaded",
+    Error = "Error"
+}
+export interface FileUploaderAttachedFile {
+    id: string;
+    originalFile: File;
+    status: FileUploaderFileStatus;
+    validationResult: FileUploaderFileValidationResult;
+}
+export declare const getAttachedFile: (file: File) => FileUploaderAttachedFile;

package/internal/FileUploaderControl/hooks/useControlLocale.d.ts

@@ -1 +1 @@
-export declare const useControlLocale: () => import("../../../components/FileUploader/locale").FileUploaderLocale;
+export declare const useControlLocale: () => import("../../../components/FileUploader/locale").FileUploaderLocale;

package/internal/FileUploaderControl/hooks/useFileUploaderSize.d.ts

@@ -1,2 +1,2 @@
-import { SizeProp } from '../../../lib/types/props';
-export declare function useFileUploaderSize<T>(size: SizeProp, { small, medium, large }: Record<SizeProp, T>): T;
+import { SizeProp } from '../../../lib/types/props';
+export declare function useFileUploaderSize<T>(size: SizeProp, { small, medium, large }: Record<SizeProp, T>): T;

package/internal/FileUploaderControl/hooks/useUpload.d.ts

@@ -1,3 +1,3 @@
-import { Nullable } from '../../../typings/utility-types';
-import { FileUploaderAttachedFile } from '../fileUtils';
-export declare const useUpload: (request: Nullable<(file: FileUploaderAttachedFile) => Promise<void>>, onRequestSuccess?: Nullable<(fileId: string) => void>, onRequestError?: Nullable<(fileId: string) => void>) => (file: FileUploaderAttachedFile) => Promise<void>;
+import { Nullable } from '../../../typings/utility-types';
+import { FileUploaderAttachedFile } from '../fileUtils';
+export declare const useUpload: (request: Nullable<(file: FileUploaderAttachedFile) => Promise<void>>, onRequestSuccess?: Nullable<(fileId: string) => void>, onRequestError?: Nullable<(fileId: string) => void>) => (file: FileUploaderAttachedFile) => Promise<void>;

package/internal/FileUploaderControl/withFileUploaderControlProvider.d.ts

@@ -1,3 +1,3 @@
-import React, { ComponentType } from 'react';
-import { FileUploaderControlProviderProps } from './FileUploaderControlProvider';
-export declare const withFileUploaderControlProvider: <TProps extends Record<string, any>, TRef extends Record<string, any>>(Component: React.ComponentType<Pick<TProps & FileUploaderControlProviderProps, Exclude<keyof TProps, keyof FileUploaderControlProviderProps>>>) => React.MemoExoticComponent<React.ForwardRefExoticComponent<React.PropsWithoutRef<TProps & FileUploaderControlProviderProps> & React.RefAttributes<TRef>>>;
+import React, { ComponentType } from 'react';
+import { FileUploaderControlProviderProps } from './FileUploaderControlProvider';
+export declare const withFileUploaderControlProvider: <TProps extends Record<string, any>, TRef extends Record<string, any>>(Component: React.ComponentType<Pick<TProps & FileUploaderControlProviderProps, Exclude<keyof TProps, keyof FileUploaderControlProviderProps>>>) => React.MemoExoticComponent<React.ForwardRefExoticComponent<React.PropsWithoutRef<TProps & FileUploaderControlProviderProps> & React.RefAttributes<TRef>>>;

package/internal/FocusControlWrapper/FocusControlWrapper.d.ts

@@ -1,17 +1,17 @@
-import React, { PropsWithChildren } from 'react';
-interface Props {
-    /**
-     * Использовать только когда на children нет пропса disabled
-     */
-    disabled?: boolean;
-    /**
-     * Событие вызывается когда элемент потеряет фокус, и при этом он задисэйблен
-     */
-    onBlurWhenDisabled(): void | undefined;
-}
-export declare function FocusControlWrapper({ disabled, children, onBlurWhenDisabled, ...rest }: PropsWithChildren<Props>): React.JSX.Element | null;
-export declare namespace FocusControlWrapper {
-    var __KONTUR_REACT_UI__: string;
-    var displayName: string;
-}
-export {};
+import React, { PropsWithChildren } from 'react';
+interface Props {
+    /**
+     * Использовать только когда на children нет пропса disabled
+     */
+    disabled?: boolean;
+    /**
+     * Событие вызывается когда элемент потеряет фокус, и при этом он задисэйблен
+     */
+    onBlurWhenDisabled(): void | undefined;
+}
+export declare function FocusControlWrapper({ disabled, children, onBlurWhenDisabled, ...rest }: PropsWithChildren<Props>): React.JSX.Element | null;
+export declare namespace FocusControlWrapper {
+    var __KONTUR_REACT_UI__: string;
+    var displayName: string;
+}
+export {};

package/internal/FocusControlWrapper/FocusControlWrapper.stories.d.ts

@@ -1,4 +1,4 @@
-import type { Story } from '../../typings/stories';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
-export default _default;
-export declare const Input: Story;
+import type { Story } from '../../typings/stories';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Input: Story;

package/internal/FocusControlWrapper/index.d.ts

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

package/internal/FocusControlWrapper/useFocusControl.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-interface Props {
-    disabled?: boolean;
-    onFocus?: React.FocusEventHandler;
-    onBlur?: React.FocusEventHandler;
-    onBlurWhenDisabled?(): void;
-}
-export declare function useFocusControl({ disabled, onFocus, onBlur, onBlurWhenDisabled }: Props): {
-    handleFocus: (e: React.FocusEvent) => void;
-    handleBlur: (e: React.FocusEvent) => void;
-};
-export {};
+import React from 'react';
+interface Props {
+    disabled?: boolean;
+    onFocus?: React.FocusEventHandler;
+    onBlur?: React.FocusEventHandler;
+    onBlurWhenDisabled?(): void;
+}
+export declare function useFocusControl({ disabled, onFocus, onBlur, onBlurWhenDisabled }: Props): {
+    handleFocus: (e: React.FocusEvent) => void;
+    handleBlur: (e: React.FocusEvent) => void;
+};
+export {};

package/internal/FocusTrap/FocusTrap.d.ts

@@ -1,18 +1,18 @@
-import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface FocusTrapProps extends CommonProps {
-    children: React.ReactElement<any>;
-    onBlur?: (event: FocusEvent) => void;
-}
-export declare class FocusTrap extends React.PureComponent<FocusTrapProps> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    private setRootNode;
-    private focusOutsideListenerToken;
-    componentWillUnmount(): void;
-    render(): React.JSX.Element;
-    private onClickOutside;
-    private attachListeners;
-    private detachListeners;
-    private handleNativeDocClick;
-}
+import React from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface FocusTrapProps extends CommonProps {
+    children: React.ReactElement<any>;
+    onBlur?: (event: FocusEvent) => void;
+}
+export declare class FocusTrap extends React.PureComponent<FocusTrapProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    private setRootNode;
+    private focusOutsideListenerToken;
+    componentWillUnmount(): void;
+    render(): React.JSX.Element;
+    private onClickOutside;
+    private attachListeners;
+    private detachListeners;
+    private handleNativeDocClick;
+}

package/internal/FocusTrap/index.d.ts

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

package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
-export declare class HideBodyVerticalScroll extends React.Component {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    private initialScroll;
-    private master;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    componentWillUnmount(): void;
-    render(): null;
-    static updateScrollVisibility: () => void;
-    static hideScroll: () => void;
-    static attachStyle: (element: HTMLElement, className: string) => () => void;
-    private restoreStyles;
-}
+import React from 'react';
+export declare class HideBodyVerticalScroll extends React.Component {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    private initialScroll;
+    private master;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    render(): null;
+    static updateScrollVisibility: () => void;
+    static hideScroll: () => void;
+    static attachStyle: (element: HTMLElement, className: string) => () => void;
+    private restoreStyles;
+}

package/internal/HideBodyVerticalScroll/__creevey__/HideBodyVerticalScroll.creevey.d.mts

@@ -1 +1 @@
-export {};
+export {};

package/internal/HideBodyVerticalScroll/index.d.ts

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

package/internal/IgnoreLayerClick/IgnoreLayerClick.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-export interface IgnoreLayerClickProps {
-    children: React.ReactNode;
-    active: boolean;
-}
-export declare class IgnoreLayerClick extends React.Component<IgnoreLayerClickProps> {
-    render(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
-}
+import React from 'react';
+export interface IgnoreLayerClickProps {
+    children: React.ReactNode;
+    active: boolean;
+}
+export declare class IgnoreLayerClick extends React.Component<IgnoreLayerClickProps> {
+    render(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
+}

package/internal/IgnoreLayerClick/index.d.ts

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

package/internal/InputLikeText/HiddenInput.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
-interface Props extends React.HTMLAttributes<HTMLInputElement> {
-    nodeRef: (ref: HTMLInputElement | null) => void;
-}
-/**
- * В **IE11** событие `onPaste` вызывается только у редактируемых элементов: `input`, `textarea`, `[contenteditable]`.
- * Для решения этой проблемы, перед "вставкой" фокусируемся на инпуте
- * после этого `onPaste` вызывается у инпута и всплывает.
- */
-export declare class HiddenInput extends React.Component<Props> {
-    render(): React.JSX.Element;
-}
-export {};
+import React from 'react';
+interface Props extends React.HTMLAttributes<HTMLInputElement> {
+    nodeRef: (ref: HTMLInputElement | null) => void;
+}
+/**
+ * В **IE11** событие `onPaste` вызывается только у редактируемых элементов: `input`, `textarea`, `[contenteditable]`.
+ * Для решения этой проблемы, перед "вставкой" фокусируемся на инпуте
+ * после этого `onPaste` вызывается у инпута и всплывает.
+ */
+export declare class HiddenInput extends React.Component<Props> {
+    render(): React.JSX.Element;
+}
+export {};

package/internal/InputLikeText/InputLikeText/InputLikeText.js

@@ -1,7 +1,7 @@
 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 = ["innerRef", "tabIndex", "placeholder", "align", "borderless", "width", "size", "error", "warning", "onValueChange", "disabled", "prefix", "suffix", "leftIcon", "rightIcon", "value", "onMouseDragStart", "onMouseDragEnd", "takeContentWidth", "aria-describedby", "aria-label", "aria-labelledby"];
+var _excluded = ["innerRef", "tabIndex", "placeholder", "align", "borderless", "width", "size", "error", "warning", "onValueChange", "disabled", "prefix", "suffix", "leftIcon", "rightIcon", "value", "onMouseDragStart", "onMouseDragEnd", "takeContentWidth", "aria-describedby", "aria-label", "aria-labelledby", "showClearIcon", "onClearCrossClick"];
 var _class, _InputLikeText;
 import React from 'react';
 import ReactDOM from 'react-dom';
@@ -12,6 +12,7 @@ import { isKeyTab, isShortcutPaste } from "../../../lib/events/keyboard/identifi
 import { MouseDrag } from "../../../lib/events/MouseDrag";
 import { isEdge, isIE11, isMobile } from "../../../lib/client";
 import { removeAllSelections, selectNodeContents } from "../../../lib/dom/selectionHelpers";
+import { calculateClearCrossShowedState, InputDataTids } from "../../../components/Input";
 import { styles as jsInputStyles } from "../../../components/Input/Input.styles";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../CommonWrapper";
@@ -23,6 +24,7 @@ import { InputLayoutAside } from "../../../components/Input/InputLayout/InputLay
 import { InputLayoutContext, InputLayoutContextDefault } from "../../../components/Input/InputLayout/InputLayoutContext";
 import { isInstanceOf } from "../../../lib/isInstanceOf";
 import { FocusControlWrapper } from "../../FocusControlWrapper";
+import { ClearCrossIcon } from "../../ClearCrossIcon/ClearCrossIcon";
 import { HiddenInput } from "../HiddenInput";
 import { styles } from "../InputLikeText.styles";
 export var InputLikeTextDataTids = {
@@ -38,9 +40,25 @@ export var InputLikeText = rootNode(_class = (_InputLikeText = /*#__PURE__*/func
     }
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
     _this.getProps = createPropsGetter(InputLikeText.defaultProps);
+    _this.getClearCrossShowed = function (_ref) {
+      var focused = _ref.focused,
+        hovered = _ref.hovered;
+      if (_this.props.disabled) {
+        return false;
+      }
+      return calculateClearCrossShowedState({
+        showClearIcon: _this.getProps().showClearIcon,
+        notEmptyValue: Boolean(_this.props.children),
+        focused: focused,
+        hovered: hovered
+      });
+    };
     _this.state = {
       blinking: false,
-      focused: false
+      focused: false,
+      clearCrossShowed: _this.getClearCrossShowed({
+        focused: false
+      })
     };
     _this.node = null;
     _this.hiddenInput = null;
@@ -100,17 +118,30 @@ export var InputLikeText = rootNode(_class = (_InputLikeText = /*#__PURE__*/func
         ariaDescribedby = props['aria-describedby'],
         ariaLabel = props['aria-label'],
         ariaLabelledby = props['aria-labelledby'],
+        showClearIcon = props.showClearIcon,
+        onClearCrossClick = props.onClearCrossClick,
         rest = _objectWithoutPropertiesLoose(props, _excluded);
       var _this$state = _this.state,
         focused = _this$state.focused,
         blinking = _this$state.blinking;
+      var getRightIcon = function getRightIcon() {
+        return _this.state.clearCrossShowed ? /*#__PURE__*/
+        React.createElement(ClearCrossIcon, {
+          "data-tid": InputDataTids.clearCross,
+          size: size,
+          onFocus: function onFocus(event) {
+            return event.stopPropagation();
+          },
+          onClick: onClearCrossClick
+        }) : rightIcon;
+      };
       var leftSide = /*#__PURE__*/React.createElement(InputLayoutAside, {
         icon: leftIcon,
         text: prefix,
         side: "left"
       });
       var rightSide = /*#__PURE__*/React.createElement(InputLayoutAside, {
-        icon: rightIcon,
+        icon: getRightIcon(),
         text: suffix,
         side: "right"
       });
@@ -137,6 +168,8 @@ export var InputLikeText = rootNode(_class = (_InputLikeText = /*#__PURE__*/func
           },
           tabIndex: disabled ? -1 : 0,
           onFocus: _this.handleFocus,
+          onMouseEnter: _this.handleHover,
+          onMouseLeave: _this.handleUnhover,
           onBlur: _this.handleBlur,
           ref: _this.innerRef,
           onKeyDown: _this.handleKeyDown,
@@ -310,6 +343,22 @@ export var InputLikeText = rootNode(_class = (_InputLikeText = /*#__PURE__*/func
       });
       _this.props.onBlur == null || _this.props.onBlur(e);
     };
+    _this.handleHover = function () {
+      _this.setState({
+        clearCrossShowed: _this.getClearCrossShowed({
+          focused: _this.state.focused,
+          hovered: true
+        })
+      });
+    };
+    _this.handleUnhover = function () {
+      _this.setState({
+        clearCrossShowed: _this.getClearCrossShowed({
+          focused: _this.state.focused,
+          hovered: false
+        })
+      });
+    };
     _this.hiddenInputRef = function (el) {
       _this.hiddenInput = el;
     };
@@ -401,5 +450,6 @@ export var InputLikeText = rootNode(_class = (_InputLikeText = /*#__PURE__*/func
   };
   return InputLikeText;
 }(React.Component), _InputLikeText.__KONTUR_REACT_UI__ = 'InputLikeText', _InputLikeText.displayName = 'InputLikeText', _InputLikeText.defaultProps = {
-  size: 'small'
+  size: 'small',
+  showClearIcon: 'never'
 }, _InputLikeText)) || _class;