@plesk/ui-library 3.31.3 → 3.32.0

package/styleguide/build/{bundle.bab12e1d.js.LICENSE.txt → bundle.57b0e524.js.LICENSE.txt}

@@ -54,7 +54,7 @@ object-assign
  * @public
  */
 
-/** @license React v0.19.1
+/** @license React v0.20.2
  * scheduler.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -63,7 +63,7 @@ object-assign
  * LICENSE file in the root directory of this source tree.
  */
 
-/** @license React v16.14.0
+/** @license React v17.0.2
  * react-dom.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -72,7 +72,16 @@ object-assign
  * LICENSE file in the root directory of this source tree.
  */
 
-/** @license React v16.14.0
+/** @license React v17.0.2
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v17.0.2
  * react.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.

package/styleguide/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>Plesk UI Library 3.31.3</title>
+    <title>Plesk UI Library 3.32.0</title>
     <meta name="msapplication-TileColor" content="#da532c">
     <meta name="theme-color" content="#ffffff">
     <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
@@ -40,6 +40,6 @@
     </script>
     <noscript><div><img src="https://mc.yandex.ru/watch/56446840" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
     <!-- /Yandex.Metrika counter -->
-    <script src="build/bundle.bab12e1d.js"></script>
+    <script src="build/bundle.57b0e524.js"></script>
   </body>
 </html>

package/types/src/components/Alert/Alert.stories.d.ts

@@ -1,14 +1,11 @@
-import React from 'react';
+import { ComponentProps } from 'react';
+import Alert from './Alert';
+declare type Args = ComponentProps<typeof Alert>;
 export declare const Basic: {
-    (args: React.PropsWithChildren<{
-        baseClassName?: string | undefined;
-        className?: string | undefined;
-        intent?: "success" | "info" | "warning" | "danger" | undefined;
-        children?: React.ReactNode;
-        onClose?: ((e: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-    }>): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: {
         children: string;
     };
 };
-export declare const Intents: () => React.JSX.Element;
+export declare const Intents: () => JSX.Element;
+export {};

package/types/src/components/AutoClosable/AutoClosable.d.ts

@@ -1,4 +1,4 @@
-import React, { Component, ReactElement, ReactInstance, RefObject } from 'react';
+import { Component, ReactElement, ReactInstance, RefObject } from 'react';
 declare type AutoClosableProps = {
     /**
      * onClose handler
@@ -31,29 +31,8 @@ declare class AutoClosable extends Component<AutoClosableProps> {
     children: AutoClosable[];
     addChild: (child: AutoClosable) => void;
     removeChild: (child: AutoClosable) => void;
-    getIgnoreNodes: () => (Element | {
-        new (): Node;
-        prototype: Node;
-        readonly ATTRIBUTE_NODE: number;
-        readonly CDATA_SECTION_NODE: number;
-        readonly COMMENT_NODE: number;
-        readonly DOCUMENT_FRAGMENT_NODE: number;
-        readonly DOCUMENT_NODE: number;
-        readonly DOCUMENT_POSITION_CONTAINED_BY: number;
-        readonly DOCUMENT_POSITION_CONTAINS: number;
-        readonly DOCUMENT_POSITION_DISCONNECTED: number;
-        readonly DOCUMENT_POSITION_FOLLOWING: number;
-        readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: number;
-        readonly DOCUMENT_POSITION_PRECEDING: number;
-        readonly DOCUMENT_TYPE_NODE: number;
-        readonly ELEMENT_NODE: number;
-        readonly ENTITY_NODE: number;
-        readonly ENTITY_REFERENCE_NODE: number;
-        readonly NOTATION_NODE: number;
-        readonly PROCESSING_INSTRUCTION_NODE: number;
-        readonly TEXT_NODE: number;
-    } | React.Component<any, {}, any> | React.RefObject<HTMLElement> | null)[];
+    getIgnoreNodes: () => Array<ReactInstance | typeof Node | RefObject<HTMLElement> | null>;
     onOutsideClick: (event: MouseEvent) => void;
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }
 export default AutoClosable;

package/types/src/components/Button/Button.stories.d.ts

@@ -1,16 +1,17 @@
-import React from 'react';
+declare type Args = any;
 export declare const Basic: {
-    (args: any): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: {
         children: string;
     };
 };
 export declare const Ghost: {
-    (args: any): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: {
         icon: string;
     };
 };
-export declare const Intents: () => React.JSX.Element;
-export declare const Arrows: () => React.JSX.Element;
-export declare const States: () => React.JSX.Element[];
+export declare const Intents: () => JSX.Element;
+export declare const Arrows: () => JSX.Element;
+export declare const States: () => JSX.Element[];
+export {};

package/types/src/components/Button/ButtonContext.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
 export declare type ButtonContextValue = {
     defaultProps: {
         size?: 'md' | 'lg';
     };
 };
-export declare const ButtonContext: React.Context<ButtonContextValue>;
+export declare const ButtonContext: import("react").Context<ButtonContextValue>;
 export declare const getButtonContextValue: (value: Partial<ButtonContextValue>) => ButtonContextValue;
 export default ButtonContext;

package/types/src/components/Card/PreviewPanel.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode, CSSProperties } from 'react';
+import { ReactNode, CSSProperties } from 'react';
 import './PreviewPanel.less';
 declare type PreviewPanelProps = {
     /**
@@ -49,5 +49,5 @@ declare type PreviewPanelProps = {
  * `PreviewPanel` component is used for displaying website preview.
  * @since 0.3.0
  */
-declare const PreviewPanel: ({ background, image, padding, alt, children, className, baseClassName, html, ...props }: PreviewPanelProps) => React.JSX.Element;
+declare const PreviewPanel: ({ background, image, padding, alt, children, className, baseClassName, html, ...props }: PreviewPanelProps) => JSX.Element;
 export default PreviewPanel;

package/types/src/components/ClosingConfirmation/useClosingConfirmation.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
+import { ReactElement } from 'react';
 declare type ClosingConfirmationProps = {
     onClose?: () => void;
     closingConfirmation?: boolean;
 };
 declare const useClosingConfirmation: ({ onClose, closingConfirmation }: ClosingConfirmationProps) => {
     onCloseWithConfirmation: any;
-    closingConfirmationDialog: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | null;
+    closingConfirmationDialog: ReactElement<any, string | ((props: any) => ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)> | null;
 };
 export default useClosingConfirmation;

package/types/src/components/ComboBox/ComboBox.d.ts

@@ -1,4 +1,4 @@
-import React, { ComponentProps, ReactElement } from 'react';
+import { ComponentProps, ReactElement } from 'react';
 import ComboBoxOption from './ComboBoxOption';
 import './ComboBox.less';
 declare type ComboBoxProps = {
@@ -52,7 +52,7 @@ declare type ComboBoxProps = {
     children: ReactElement<ComponentProps<typeof ComboBoxOption>>[];
 };
 declare const _default: {
-    (props: ComboBoxProps): React.JSX.Element;
+    (props: ComboBoxProps): JSX.Element;
     displayName: string;
 };
 export default _default;

package/types/src/components/ComboBoxDropdown/ComboBoxDropdown.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactElement, ReactNode, RefObject } from 'react';
+import { ReactElement, ReactNode, RefObject } from 'react';
 import { EventEmitter } from '../utils';
 import './ComboBoxDropdown.less';
 declare type ValueType = any;
@@ -36,5 +36,5 @@ declare type ComboBoxDropdownProps = {
     noOptions?: ReactNode;
     emitter?: EventEmitter;
 };
-declare const ComboBoxDropdown: ({ baseClassName, className, control, controlRef, opened, disabled, groups, options, onHighlightedIndexChange, onClose, value, highlightedIndex, onSelect, noOptions, emitter, ...props }: ComboBoxDropdownProps) => React.JSX.Element;
+declare const ComboBoxDropdown: ({ baseClassName, className, control, controlRef, opened, disabled, groups, options, onHighlightedIndexChange, onClose, value, highlightedIndex, onSelect, noOptions, emitter, ...props }: ComboBoxDropdownProps) => JSX.Element;
 export default ComboBoxDropdown;

package/types/src/components/ConsoleOutput/ConsoleOutput.d.ts

@@ -1,4 +1,4 @@
-import React, { PureComponent, ReactNode, RefObject } from 'react';
+import { PureComponent, ReactNode, RefObject } from 'react';
 import './ConsoleOutput.less';
 declare type ConsoleOutputProps = {
     /**
@@ -47,6 +47,6 @@ declare class ConsoleOutput extends PureComponent<ConsoleOutputProps> {
     prevScrollTop: number;
     autoscrollCancelled: boolean;
     handleScroll: () => void;
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }
 export default ConsoleOutput;

package/types/src/components/ContentLoader/IconsLoader.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactElement } from 'react';
+import { ReactElement } from 'react';
 import { IconName, IconProps } from '../Icon';
 import './IconsLoader.less';
 declare type IconsLoaderProps = {
@@ -8,5 +8,5 @@ declare type IconsLoaderProps = {
     icons?: (IconName | IconProps | ReactElement<any>)[];
     size?: IconProps['size'];
 };
-declare const IconsLoader: ({ baseClassName, className, icons, size, style, ...props }: IconsLoaderProps) => React.JSX.Element;
+declare const IconsLoader: ({ baseClassName, className, icons, size, style, ...props }: IconsLoaderProps) => JSX.Element;
 export default IconsLoader;

package/types/src/components/Cuttable/Cuttable.d.ts

@@ -1,4 +1,4 @@
-import React, { Component, ReactNode } from 'react';
+import { Component, ReactNode } from 'react';
 import './Cuttable.less';
 declare type CuttableProps = {
     /**
@@ -55,9 +55,9 @@ declare class Cuttable extends Component<CuttableProps, CuttableState> {
         collapsed: undefined;
         autofit: boolean;
     };
-    contentRef: React.RefObject<HTMLDivElement>;
+    contentRef: import("react").RefObject<HTMLDivElement>;
     handleToggle: () => void;
     handleResize: () => void;
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }
 export default Cuttable;

package/types/src/components/Cuttable/Cuttable.stories.d.ts

@@ -1,34 +1,17 @@
-import React from 'react';
+import { ComponentProps } from 'react';
+import Cuttable from './Cuttable';
+declare type Args = ComponentProps<typeof Cuttable>;
 export declare const Basic: {
-    (args: {
-        children: React.ReactNode;
-        collapsed?: boolean | undefined;
-        maxHeight?: string | undefined;
-        locale: {
-            showMore: string;
-            showLess: string;
-        };
-        className?: string | undefined;
-        baseClassName?: string | undefined;
-    }): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: {
-        children: React.JSX.Element;
+        children: JSX.Element;
     };
 };
 export declare const WithItemList: {
-    (args: {
-        children: React.ReactNode;
-        collapsed?: boolean | undefined;
-        maxHeight?: string | undefined;
-        locale: {
-            showMore: string;
-            showLess: string;
-        };
-        className?: string | undefined;
-        baseClassName?: string | undefined;
-    }): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: {
         maxHeight: number;
-        children: React.JSX.Element;
+        children: JSX.Element;
     };
 };
+export {};

package/types/src/components/Dialog/Dialog.stories.d.ts

@@ -1,6 +1,8 @@
-import React from 'react';
+import { ComponentProps } from 'react';
+import Dialog from './Dialog';
+declare type Args = ComponentProps<typeof Dialog>;
 export declare const Basic: {
-    (args: any): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: {
         children: string;
         title: string;
@@ -8,10 +10,10 @@ export declare const Basic: {
     };
 };
 export declare const WithSideBanner: {
-    (args: any): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: {
         size: string;
-        sideBanner: React.JSX.Element;
+        sideBanner: JSX.Element;
         sideBannerContainer: {
             background: string;
         };
@@ -20,3 +22,4 @@ export declare const WithSideBanner: {
         subtitle: string;
     };
 };
+export {};

package/types/src/components/Drawer/Drawer.stories.d.ts

@@ -1,6 +1,8 @@
-import React from 'react';
+import { ComponentProps } from 'react';
+import Drawer from './Drawer';
+declare type Args = ComponentProps<typeof Drawer>;
 export declare const Basic: {
-    (args: any): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: {
         children: string;
         title: string;
@@ -8,7 +10,7 @@ export declare const Basic: {
     };
 };
 export declare const WithForm: {
-    (args: any): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: {
         form: {};
         children: string;
@@ -17,10 +19,10 @@ export declare const WithForm: {
     };
 };
 export declare const WithSideBanner: {
-    (args: any): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: {
         size: string;
-        sideBanner: React.JSX.Element;
+        sideBanner: JSX.Element;
         sideBannerContainer: {
             background: string;
         };
@@ -30,7 +32,7 @@ export declare const WithSideBanner: {
     };
 };
 export declare const WithClosingConfirmation: {
-    (args: any): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: {
         closingConfirmation: boolean;
         children: string;
@@ -38,3 +40,4 @@ export declare const WithClosingConfirmation: {
         subtitle: string;
     };
 };
+export {};

package/types/src/components/Drawer/DrawerProgress.d.ts

@@ -37,7 +37,7 @@ declare class DrawerProgress extends Component<DrawerProgressProps, DrawerProgre
     componentDidUpdate(_prevProps: DrawerProgressProps, prevState: DrawerProgressState): void;
     componentWillUnmount(): void;
     closeTimeout?: number;
-    handleStatusChange: (status: "error" | "running" | "done" | "canceled" | "not_started" | undefined) => void;
+    handleStatusChange: (status: ProgressStepProps['status']) => void;
     handleClose: () => void;
     handleCancel: () => void;
     render(): {} | null | undefined;

package/types/src/components/FocusTrap/FocusTrap.d.ts

@@ -1,7 +1,7 @@
-import React, { ReactNode, FocusEvent } from 'react';
+import { ReactNode, FocusEvent } from 'react';
 declare type FocusTrapProps = {
     children: ReactNode;
     onFocus?: (e: FocusEvent<HTMLElement>) => void;
 };
-declare const _default: React.ForwardRefExoticComponent<FocusTrapProps & React.RefAttributes<HTMLElement>>;
+declare const _default: import("react").ForwardRefExoticComponent<FocusTrapProps & import("react").RefAttributes<HTMLElement>>;
 export default _default;

package/types/src/components/Form/Form.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode, ComponentPropsWithRef, ReactElement, MutableRefObject, HTMLProps } from 'react';
+import { ReactNode, ComponentPropsWithRef, ReactElement, MutableRefObject, HTMLProps } from 'react';
 import Button from '../Button';
 import { FormInstanceHandles, FormValues, FormErrors } from './types';
 import './Form.less';
@@ -102,12 +102,12 @@ export declare type FormProps<FV extends FormValues> = {
  * [More details about designing of forms.](#!/Good%20Forms)
  * @since 0.0.54
  */
-declare const RefForwardingForm: React.ForwardRefExoticComponent<{
+declare const RefForwardingForm: import("react").ForwardRefExoticComponent<{
     /**
      * Required mark.
      * @since 0.0.54
      */
-    requiredMark?: React.ReactNode;
+    requiredMark?: ReactNode;
     /**
      * Hide required legend.
      * @ignore
@@ -133,7 +133,7 @@ declare const RefForwardingForm: React.ForwardRefExoticComponent<{
      * Content of the `Form`.
      * @since 0.0.54
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /**
      * Submit button visibility or custom configuration
      * @since 0.0.58
@@ -153,7 +153,7 @@ declare const RefForwardingForm: React.ForwardRefExoticComponent<{
      * Additional buttons
      * @since 0.0.58
      */
-    additionalButtons?: React.ReactNode[] | undefined;
+    additionalButtons?: ReactNode[] | undefined;
     /**
      * A callback function, can be executed when some field value is changing.
      * @since 3.1.0
@@ -188,13 +188,13 @@ declare const RefForwardingForm: React.ForwardRefExoticComponent<{
      */
     render?: ((params: {
         renderForm: (params: {
-            actionButtons?: React.ReactNode;
-        }) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
-        renderActionButtons: () => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
-    }) => React.ReactNode) | undefined;
+            actionButtons?: ReactNode;
+        }) => ReactElement;
+        renderActionButtons: () => ReactElement;
+    }) => ReactNode) | undefined;
     /**
      * @ignore
      */
-    innerRef?: React.MutableRefObject<HTMLFormElement | null> | undefined;
-} & Pick<React.HTMLProps<HTMLFormElement>, "max" | "required" | "low" | "high" | "disabled" | "default" | "start" | "open" | "media" | "hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "color" | "content" | "size" | "wrap" | "multiple" | "height" | "translate" | "width" | "children" | "className" | "id" | "lang" | "method" | "min" | "name" | "target" | "type" | "role" | "tabIndex" | "crossOrigin" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "list" | "classID" | "useMap" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "nonce" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "as" | "hrefLang" | "integrity" | "sizes" | "charSet" | "kind" | "src" | "srcLang" | "value" | "download" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dateTime" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "step" | "htmlFor" | "httpEquiv" | "optimum" | "reversed" | "selected" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "poster" | "challenge" | "keyType" | "keyParams"> & React.RefAttributes<FormInstanceHandles>>;
+    innerRef?: MutableRefObject<HTMLFormElement | null> | undefined;
+} & Pick<HTMLProps<HTMLFormElement>, "max" | "required" | "default" | "high" | "low" | "disabled" | "start" | "open" | "media" | "hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "color" | "content" | "size" | "wrap" | "multiple" | "height" | "translate" | "width" | "children" | "key" | "list" | "step" | "target" | "role" | "resource" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "name" | "noValidate" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "type" | "useMap" | "value" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("react").RefAttributes<FormInstanceHandles>>;
 export default RefForwardingForm;

package/types/src/components/Form/Form.stories.d.ts

@@ -1,12 +1,13 @@
-import React from 'react';
+declare type Args = any;
 export declare const Basic: {
-    (args: any): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: {
         values: {
             field1: string;
             field2: string;
             field3: boolean;
         };
-        children: React.JSX.Element[];
+        children: JSX.Element[];
     };
 };
+export {};

package/types/src/components/FormFieldCheckbox/FormFieldCheckbox.stories.d.ts

@@ -1,13 +1,15 @@
-import React from 'react';
+import { ComponentProps } from 'react';
+import FormFieldCheckbox from './FormFieldCheckbox';
+declare type Args = ComponentProps<typeof FormFieldCheckbox>;
 export declare const Basic: {
-    (args: any): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: {
         name: string;
         label: string;
     };
 };
 export declare const WithFullDescription: {
-    (args: any): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: {
         label: string;
         fullDescription: string;
@@ -15,3 +17,4 @@ export declare const WithFullDescription: {
         name: string;
     };
 };
+export {};

package/types/src/components/FormFieldPassword/FormFieldPassword.d.ts

@@ -1,4 +1,4 @@
-import React, { Component, ComponentProps, ComponentPropsWithRef, ReactElement, RefObject } from 'react';
+import { Component, ComponentProps, ComponentPropsWithRef, ReactElement, RefObject } from 'react';
 import Button from '../Button';
 import FormField from '../FormField';
 import { PasswordMeterProps } from './PasswordMeter';
@@ -85,7 +85,7 @@ declare class FormFieldPassword extends Component<FormFieldPasswordProps, FormFi
     renderGenerateButton({ setValue, isDisabled, }: {
         setValue: (value: any) => void;
         isDisabled: () => boolean;
-    }): React.JSX.Element;
-    render(): React.JSX.Element;
+    }): JSX.Element;
+    render(): JSX.Element;
 }
 export default FormFieldPassword;

package/types/src/components/FormFieldSelect/FormFieldSelect.d.ts

@@ -1,4 +1,3 @@
-import { Omit } from '../../utils';
 import { FunctionComponent, ComponentProps } from 'react';
 import Select from '../Select';
 import './FormFieldSelect.less';

package/types/src/components/Icon/Icon.d.ts

@@ -1,4 +1,3 @@
-import { Omit } from '../../utils';
 import { ReactNode, FunctionComponent, HTMLProps } from 'react';
 import { IconName } from './constants';
 import '../../helpers/base.less';

package/types/src/components/Icon/Icon.stories.d.ts

@@ -1,6 +1,7 @@
-import React from 'react';
+declare type Args = any;
 export declare const Basic: {
-    (args: any): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: {};
 };
-export declare const All: () => React.JSX.Element;
+export declare const All: () => JSX.Element;
+export {};

package/types/src/components/Input/Input.d.ts

@@ -1,4 +1,3 @@
-import { Omit } from '../../utils';
 import { FunctionComponent, HTMLProps, ReactNode, MutableRefObject } from 'react';
 import '../../helpers/base.less';
 import './Input.less';

package/types/src/components/InputFile/InputFile.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import './InputFile.less';
 declare type InputFileProps = {
     /**
@@ -50,5 +50,5 @@ declare type InputFileProps = {
  * `InputFile` component is used for browsing and choosing a file from the local disk.
  * @since 3.2.0
  */
-declare const InputFile: ({ baseClassName, className, onChange, name, disabled, locale, testId, accept, ...props }: InputFileProps) => React.JSX.Element;
+declare const InputFile: ({ baseClassName, className, onChange, name, disabled, locale, testId, accept, ...props }: InputFileProps) => JSX.Element;
 export default InputFile;

package/types/src/components/ItemLink/ItemLink.stories.d.ts

@@ -1,14 +1,12 @@
-import React from 'react';
+import { ComponentProps } from 'react';
+import ItemLink from './ItemLink';
+declare type Args = ComponentProps<typeof ItemLink>;
 export declare const Basic: {
-    (args: React.PropsWithChildren<{
-        baseClassName?: string | undefined;
-        className?: string | undefined;
-        hoverable?: boolean | undefined;
-        children: React.ReactNode;
-    } & React.HTMLProps<HTMLDivElement>>): React.JSX.Element;
+    (args: Args): JSX.Element;
     args: {
         children: string;
         onClick: () => void;
         'data-test': string;
     };
 };
+export {};