@plesk/ui-library 3.27.1 → 3.27.2

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

@@ -1,17 +1,17 @@
-/// <reference types="react" />
-export declare const Basic: {
-    (args: any): JSX.Element;
-    args: {
-        name: string;
-        label: string;
-    };
-};
-export declare const WithFullDescription: {
-    (args: any): JSX.Element;
-    args: {
-        label: string;
-        fullDescription: string;
-        required: boolean;
-        name: string;
-    };
-};
+/// <reference types="react" />
+export declare const Basic: {
+    (args: any): JSX.Element;
+    args: {
+        name: string;
+        label: string;
+    };
+};
+export declare const WithFullDescription: {
+    (args: any): JSX.Element;
+    args: {
+        label: string;
+        fullDescription: string;
+        required: boolean;
+        name: string;
+    };
+};

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

@@ -1,13 +1,13 @@
-import { Omit } from '../../utils';
-import { FunctionComponent, ComponentProps } from 'react';
-import Select from '../Select';
-import './FormFieldSelect.less';
-declare type SelectProps = ComponentProps<typeof Select>;
-declare type FormFieldSelectProps = Omit<SelectProps, 'value' | 'defaultValue' | 'onChange'>;
-/**
- * `FormFieldSelect` componentis is used for making a choice among a set of related options.
- * See description of `Select` for [the full list of properties](#!/Select) of this component.
- * @since 1.12.3
- */
-declare const FormFieldSelect: FunctionComponent<FormFieldSelectProps>;
-export default FormFieldSelect;
+import { Omit } from '../../utils';
+import { FunctionComponent, ComponentProps } from 'react';
+import Select from '../Select';
+import './FormFieldSelect.less';
+declare type SelectProps = ComponentProps<typeof Select>;
+declare type FormFieldSelectProps = Omit<SelectProps, 'value' | 'defaultValue' | 'onChange'>;
+/**
+ * `FormFieldSelect` componentis is used for making a choice among a set of related options.
+ * See description of `Select` for [the full list of properties](#!/Select) of this component.
+ * @since 1.12.3
+ */
+declare const FormFieldSelect: FunctionComponent<FormFieldSelectProps>;
+export default FormFieldSelect;

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

@@ -1 +1 @@
-export { default } from './FormFieldSelect';
+export { default } from './FormFieldSelect';

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

@@ -1,39 +1,39 @@
-import { ReactNode, ReactElement, ElementType, FunctionComponent } from 'react';
-import { IconName, IconProps } from '../Icon';
-import './Heading.less';
-declare type HeadingProps = {
-    /**
-     * Importance of the `Title`. Render as h1, h2, etc.
-     * @since 2.3.0
-     */
-    level?: 1 | 2 | 3 | 4 | 5 | 6;
-    /**
-     * Icon of the `Heading`.
-     * @since 3.10.0
-     */
-    icon?: IconName | IconProps | ReactElement<any>;
-    /**
-     * Content of the `Heading`.
-     * @since 2.3.0
-     */
-    children: ReactNode;
-    /**
-     * Component to render as the root element.
-     * @since 2.3.0
-     */
-    component?: string | ElementType;
-    /**
-     * @ignore
-     */
-    className?: string;
-    /**
-     * @ignore
-     */
-    baseClassName?: string;
-};
-/**
- * `Heading` is used as a text title (or a subtitle) to define the hierarchy and the structure of the content.
- * @since 2.3.0
- */
-declare const Heading: FunctionComponent<HeadingProps>;
-export default Heading;
+import { ReactNode, ReactElement, ElementType, FunctionComponent } from 'react';
+import { IconName, IconProps } from '../Icon';
+import './Heading.less';
+declare type HeadingProps = {
+    /**
+     * Importance of the `Title`. Render as h1, h2, etc.
+     * @since 2.3.0
+     */
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * Icon of the `Heading`.
+     * @since 3.10.0
+     */
+    icon?: IconName | IconProps | ReactElement<any>;
+    /**
+     * Content of the `Heading`.
+     * @since 2.3.0
+     */
+    children: ReactNode;
+    /**
+     * Component to render as the root element.
+     * @since 2.3.0
+     */
+    component?: string | ElementType;
+    /**
+     * @ignore
+     */
+    className?: string;
+    /**
+     * @ignore
+     */
+    baseClassName?: string;
+};
+/**
+ * `Heading` is used as a text title (or a subtitle) to define the hierarchy and the structure of the content.
+ * @since 2.3.0
+ */
+declare const Heading: FunctionComponent<HeadingProps>;
+export default Heading;

package/types/src/components/Heading/index.d.ts

@@ -1 +1 @@
-export { default } from './Heading';
+export { default } from './Heading';

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

@@ -1,24 +1,24 @@
-import { ReactNode, FunctionComponent } from 'react';
-import '../../helpers/base.less';
-import './Hint.less';
-declare type HintProps = {
-    /**
-     * Content of the `Hint`.
-     * @since 0.0.47
-     */
-    children: ReactNode;
-    /**
-     * @ignore
-     */
-    className?: string;
-    /**
-     * @ignore
-     */
-    baseClassName?: string;
-};
-/**
- * `Hint` component is used for auxiliary text like advice, suggestion or other useful practical information.
- * @since 0.0.35
- */
-declare const Hint: FunctionComponent<HintProps>;
-export default Hint;
+import { ReactNode, FunctionComponent } from 'react';
+import '../../helpers/base.less';
+import './Hint.less';
+declare type HintProps = {
+    /**
+     * Content of the `Hint`.
+     * @since 0.0.47
+     */
+    children: ReactNode;
+    /**
+     * @ignore
+     */
+    className?: string;
+    /**
+     * @ignore
+     */
+    baseClassName?: string;
+};
+/**
+ * `Hint` component is used for auxiliary text like advice, suggestion or other useful practical information.
+ * @since 0.0.35
+ */
+declare const Hint: FunctionComponent<HintProps>;
+export default Hint;

package/types/src/components/Hint/index.d.ts

@@ -1 +1 @@
-export { default } from './Hint';
+export { default } from './Hint';

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

@@ -1,88 +1,88 @@
-import { Omit } from '../../utils';
-import { ReactNode, FunctionComponent, HTMLProps } from 'react';
-import { IconName } from './constants';
-import '../../helpers/base.less';
-import './Icon.less';
-export * from './constants';
-declare type IconSize = '12' | '16' | '24' | '32' | '48' | '64' | '96' | '128' | '192';
-export declare const ICON_SIZE_12: IconSize;
-export declare const ICON_SIZE_16: IconSize;
-export declare const ICON_SIZE_24: IconSize;
-export declare const ICON_SIZE_32: IconSize;
-export declare const ICON_SIZE_48: IconSize;
-export declare const ICON_SIZE_64: IconSize;
-export declare const ICON_SIZE_96: IconSize;
-export declare const ICON_SIZE_128: IconSize;
-export declare const ICON_SIZE_192: IconSize;
-export declare type IconProps = {
-    /**
-     * @ignore
-     */
-    baseClassName?: string;
-    /**
-     * @ignore
-     */
-    className?: string;
-    /**
-     * Name of the icon
-     * @since 0.0.42
-     */
-    name?: IconName;
-    /**
-     * Url to custom image
-     * @since 0.0.42
-     */
-    src?: string;
-    /**
-     * IconSize of the icon
-     * @since 0.0.42
-     */
-    size?: IconSize;
-    /**
-     * Visual intent color to apply to component.
-     * @since 2.2.0
-     */
-    intent?: 'info' | 'success' | 'warning' | 'danger' | 'inactive';
-    /**
-     * Animation for icon
-     * @since 1.0.0
-     */
-    animation?: 'spin';
-    /**
-     * Rotate by degree
-     * @since 1.0.0
-     */
-    rotate?: 90 | 180 | 270;
-    /**
-     * Flip icon horizontal
-     * @since 1.0.0
-     */
-    flipHorizontal?: boolean;
-    /**
-     * Flip icon vertical
-     * @since 1.0.0
-     */
-    flipVertical?: boolean;
-    /**
-     * Alternative text for image
-     * @since 0.0.42
-     */
-    alt?: string;
-    /**
-     * Content of the icon
-     * @since 0.0.42
-     */
-    children?: ReactNode;
-} & Omit<HTMLProps<HTMLSpanElement>, 'size'>;
-declare type StaticMethods = {
-    create: (...args: any) => any;
-};
-/**
- * `Icons` are small symbolic images used for two things: to help quickly find the right control on the screen and to
- * bring user attention to something that requires consideration. In the former case, `Icon` typically acts as a part
- * of a [Button](#!/Button) and helps differentiate this particular [Button](#!/Button) from others. `Icons` come in several
- * standard sizes.
- * @since 0.0.35
- */
-declare const Icon: FunctionComponent<IconProps> & StaticMethods;
-export default Icon;
+import { Omit } from '../../utils';
+import { ReactNode, FunctionComponent, HTMLProps } from 'react';
+import { IconName } from './constants';
+import '../../helpers/base.less';
+import './Icon.less';
+export * from './constants';
+declare type IconSize = '12' | '16' | '24' | '32' | '48' | '64' | '96' | '128' | '192';
+export declare const ICON_SIZE_12: IconSize;
+export declare const ICON_SIZE_16: IconSize;
+export declare const ICON_SIZE_24: IconSize;
+export declare const ICON_SIZE_32: IconSize;
+export declare const ICON_SIZE_48: IconSize;
+export declare const ICON_SIZE_64: IconSize;
+export declare const ICON_SIZE_96: IconSize;
+export declare const ICON_SIZE_128: IconSize;
+export declare const ICON_SIZE_192: IconSize;
+export declare type IconProps = {
+    /**
+     * @ignore
+     */
+    baseClassName?: string;
+    /**
+     * @ignore
+     */
+    className?: string;
+    /**
+     * Name of the icon
+     * @since 0.0.42
+     */
+    name?: IconName;
+    /**
+     * Url to custom image
+     * @since 0.0.42
+     */
+    src?: string;
+    /**
+     * IconSize of the icon
+     * @since 0.0.42
+     */
+    size?: IconSize;
+    /**
+     * Visual intent color to apply to component.
+     * @since 2.2.0
+     */
+    intent?: 'info' | 'success' | 'warning' | 'danger' | 'inactive';
+    /**
+     * Animation for icon
+     * @since 1.0.0
+     */
+    animation?: 'spin';
+    /**
+     * Rotate by degree
+     * @since 1.0.0
+     */
+    rotate?: 90 | 180 | 270;
+    /**
+     * Flip icon horizontal
+     * @since 1.0.0
+     */
+    flipHorizontal?: boolean;
+    /**
+     * Flip icon vertical
+     * @since 1.0.0
+     */
+    flipVertical?: boolean;
+    /**
+     * Alternative text for image
+     * @since 0.0.42
+     */
+    alt?: string;
+    /**
+     * Content of the icon
+     * @since 0.0.42
+     */
+    children?: ReactNode;
+} & Omit<HTMLProps<HTMLSpanElement>, 'size'>;
+declare type StaticMethods = {
+    create: (...args: any) => any;
+};
+/**
+ * `Icons` are small symbolic images used for two things: to help quickly find the right control on the screen and to
+ * bring user attention to something that requires consideration. In the former case, `Icon` typically acts as a part
+ * of a [Button](#!/Button) and helps differentiate this particular [Button](#!/Button) from others. `Icons` come in several
+ * standard sizes.
+ * @since 0.0.35
+ */
+declare const Icon: FunctionComponent<IconProps> & StaticMethods;
+export default Icon;

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-export declare const Basic: {
-    (args: any): JSX.Element;
-    args: {};
-};
-export declare const All: () => JSX.Element;
+/// <reference types="react" />
+export declare const Basic: {
+    (args: any): JSX.Element;
+    args: {};
+};
+export declare const All: () => JSX.Element;

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

@@ -1,3 +1,3 @@
-export declare const NAMES_12: IconName[];
-export declare type IconName = 'archive' | 'arrow-back' | 'arrow-diagonal-out' | 'arrow-down' | 'arrow-down-in' | 'arrow-down-out' | 'arrow-down-tray' | 'arrow-left' | 'arrow-right' | 'arrow-right-in' | 'arrow-right-out' | 'arrow-up' | 'arrow-up-circle' | 'arrow-up-in' | 'arrow-up-in-cloud' | 'arrow-up-out' | 'arrow-up-tray' | 'arrows-four-directions' | 'arrows-inward' | 'arrows-loop' | 'arrows-opposite' | 'arrows-outward' | 'backup' | 'backup2' | 'bar-chart-vertical' | 'bar-chart-vertical-arrow-up' | 'bell' | 'book-email' | 'boundary' | 'box-diagonal-bottom-in' | 'box-diagonal-top-in' | 'brush' | 'bug' | 'calendar' | 'calendar-clock' | 'camera' | 'card' | 'card-ribbon' | 'card-row' | 'card-tile' | 'cd' | 'cd-up-in-cloud' | 'chain' | 'chain-broken' | 'chat' | 'check-list' | 'check-mark' | 'check-mark-circle' | 'check-mark-circle-filled' | 'chevron-double-down' | 'chevron-double-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'circle-diagonal' | 'clean' | 'clip' | 'clock' | 'clone' | 'cloud' | 'cloud-checkmark' | 'cloud-crossed' | 'cloud-graph' | 'code' | 'connection' | 'console' | 'console-filled' | 'copy' | 'copy-indicator' | 'cpu' | 'crane' | 'credit-cards' | 'cross-mark' | 'cross-mark-circle' | 'cross-mark-circle-filled' | 'crown-transfer' | 'dashboard' | 'database' | 'database-box' | 'database-plus' | 'deploy' | 'docker-filled' | 'dollar' | 'dollar-filled' | 'dot' | 'emoticon-confused' | 'emoticon-dead' | 'emoticon-excited' | 'emoticon-happy' | 'emoticon-neutral' | 'emoticon-sad' | 'emoticon-smile' | 'enter' | 'exclamation-mark-circle' | 'exclamation-mark-circle-filled' | 'eye' | 'eye-closed' | 'facebook' | 'facebook-filled' | 'feedback' | 'filter' | 'filter-check-mark' | 'fire' | 'flag-globe' | 'floppy-disk' | 'folder-closed' | 'folder-key' | 'folder-network' | 'folder-open' | 'folders-tree' | 'four-squares' | 'gear' | 'git' | 'github' | 'globe' | 'hard-drive' | 'hard-drive-key' | 'hat' | 'hexagons' | 'home' | 'info-circle' | 'info-circle-filled' | 'ip-addresses' | 'kebab' | 'key' | 'lifebuoy' | 'lightbulb' | 'limit' | 'linux' | 'list' | 'list-check-mark' | 'location' | 'lock-closed' | 'lock-closed-check' | 'lock-closed-filled' | 'lock-open' | 'lock-open-cross' | 'lock-open-filled' | 'mail' | 'mail-settings' | 'megaphone' | 'menu' | 'menu-thin' | 'microsoft' | 'minimize' | 'minus' | 'minus-circle' | 'minus-circle-filled' | 'monitoring' | 'monitoring-off' | 'my-little-admin' | 'net' | 'nine-dots' | 'node-js' | 'package' | 'panel' | 'panel-check' | 'panel-eye' | 'panel-key' | 'panel-settings' | 'panels' | 'pause-circle' | 'pencil' | 'pencil-dialog' | 'php' | 'phpmyadmin' | 'pin' | 'pipette' | 'plans' | 'plugins' | 'plus' | 'power' | 'projects' | 'puzzle' | 'question-mark-circle' | 'question-mark-circle-filled' | 'ram' | 'react-js' | 'recycle' | 'refresh' | 'reload' | 'remove' | 'reset' | 'resource' | 'ribbon' | 'rocket' | 'ruby' | 'sand-clock' | 'scan' | 'screen' | 'search' | 'security-check' | 'send' | 'servers' | 'share' | 'shield' | 'shield-chain' | 'shopping-cart' | 'sidebar-right-hide' | 'sidebar-right-show' | 'signal-light' | 'site-page' | 'sleep' | 'sliders' | 'square-with-circles' | 'star' | 'star-circle-filled' | 'star-filled' | 'star-half-filled' | 'start' | 'start-circle' | 'stop' | 'stop-circle' | 'storage' | 'themes' | 'three-dots-horizontal' | 'three-dots-vertical' | 'tools' | 'transfer' | 'triangle-exclamation-mark' | 'triangle-exclamation-mark-filled' | 'unarchive' | 'user' | 'volume' | 'web' | 'web-plus' | 'web-settings' | 'windows' | 'wordpress';
-export declare const NAMES: IconName[];
+export declare const NAMES_12: IconName[];
+export declare type IconName = 'archive' | 'arrow-back' | 'arrow-diagonal-out' | 'arrow-down' | 'arrow-down-in' | 'arrow-down-out' | 'arrow-down-tray' | 'arrow-left' | 'arrow-right' | 'arrow-right-in' | 'arrow-right-out' | 'arrow-up' | 'arrow-up-circle' | 'arrow-up-in' | 'arrow-up-in-cloud' | 'arrow-up-out' | 'arrow-up-tray' | 'arrows-four-directions' | 'arrows-inward' | 'arrows-loop' | 'arrows-opposite' | 'arrows-outward' | 'backup' | 'backup2' | 'bar-chart-vertical' | 'bar-chart-vertical-arrow-up' | 'bell' | 'book-email' | 'boundary' | 'box-diagonal-bottom-in' | 'box-diagonal-top-in' | 'brush' | 'bug' | 'calendar' | 'calendar-clock' | 'camera' | 'card' | 'card-ribbon' | 'card-row' | 'card-tile' | 'cd' | 'cd-up-in-cloud' | 'chain' | 'chain-broken' | 'chat' | 'check-list' | 'check-mark' | 'check-mark-circle' | 'check-mark-circle-filled' | 'chevron-double-down' | 'chevron-double-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'circle-diagonal' | 'clean' | 'clip' | 'clock' | 'clone' | 'cloud' | 'cloud-checkmark' | 'cloud-crossed' | 'cloud-graph' | 'code' | 'connection' | 'console' | 'console-filled' | 'copy' | 'copy-indicator' | 'cpu' | 'crane' | 'credit-cards' | 'cross-mark' | 'cross-mark-circle' | 'cross-mark-circle-filled' | 'crown-transfer' | 'dashboard' | 'database' | 'database-box' | 'database-plus' | 'deploy' | 'docker-filled' | 'dollar' | 'dollar-filled' | 'dot' | 'emoticon-confused' | 'emoticon-dead' | 'emoticon-excited' | 'emoticon-happy' | 'emoticon-neutral' | 'emoticon-sad' | 'emoticon-smile' | 'enter' | 'exclamation-mark-circle' | 'exclamation-mark-circle-filled' | 'eye' | 'eye-closed' | 'facebook' | 'facebook-filled' | 'feedback' | 'filter' | 'filter-check-mark' | 'fire' | 'flag-globe' | 'floppy-disk' | 'folder-closed' | 'folder-key' | 'folder-network' | 'folder-open' | 'folders-tree' | 'four-squares' | 'gear' | 'git' | 'github' | 'globe' | 'hard-drive' | 'hard-drive-key' | 'hat' | 'hexagons' | 'home' | 'info-circle' | 'info-circle-filled' | 'ip-addresses' | 'kebab' | 'key' | 'lifebuoy' | 'lightbulb' | 'limit' | 'linux' | 'list' | 'list-check-mark' | 'location' | 'lock-closed' | 'lock-closed-check' | 'lock-closed-filled' | 'lock-open' | 'lock-open-cross' | 'lock-open-filled' | 'mail' | 'mail-settings' | 'megaphone' | 'menu' | 'menu-thin' | 'microsoft' | 'minimize' | 'minus' | 'minus-circle' | 'minus-circle-filled' | 'monitoring' | 'monitoring-off' | 'my-little-admin' | 'net' | 'nine-dots' | 'node-js' | 'package' | 'panel' | 'panel-check' | 'panel-eye' | 'panel-key' | 'panel-settings' | 'panels' | 'pause-circle' | 'pencil' | 'pencil-dialog' | 'php' | 'phpmyadmin' | 'pin' | 'pipette' | 'plans' | 'plugins' | 'plus' | 'power' | 'projects' | 'puzzle' | 'question-mark-circle' | 'question-mark-circle-filled' | 'ram' | 'react-js' | 'recycle' | 'refresh' | 'reload' | 'remove' | 'reset' | 'resource' | 'ribbon' | 'rocket' | 'ruby' | 'sand-clock' | 'scan' | 'screen' | 'search' | 'security-check' | 'send' | 'servers' | 'share' | 'shield' | 'shield-chain' | 'shopping-cart' | 'sidebar-right-hide' | 'sidebar-right-show' | 'signal-light' | 'site-page' | 'sleep' | 'sliders' | 'square-with-circles' | 'star' | 'star-circle-filled' | 'star-filled' | 'star-half-filled' | 'start' | 'start-circle' | 'stop' | 'stop-circle' | 'storage' | 'themes' | 'three-dots-horizontal' | 'three-dots-vertical' | 'tools' | 'transfer' | 'triangle-exclamation-mark' | 'triangle-exclamation-mark-filled' | 'unarchive' | 'user' | 'volume' | 'web' | 'web-plus' | 'web-settings' | 'windows' | 'wordpress';
+export declare const NAMES: IconName[];

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

@@ -1,2 +1,2 @@
-export { default } from './Icon';
-export * from './Icon';
+export { default } from './Icon';
+export * from './Icon';

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

@@ -1,5 +1,5 @@
-import { IconName } from './constants';
-declare const oldIconNames: {
-    [index: string]: IconName;
-};
-export default oldIconNames;
+import { IconName } from './constants';
+declare const oldIconNames: {
+    [index: string]: IconName;
+};
+export default oldIconNames;

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

@@ -1,57 +1,57 @@
-import { Omit } from '../../utils';
-import { FunctionComponent, HTMLProps, ReactNode, MutableRefObject } from 'react';
-import '../../helpers/base.less';
-import './Input.less';
-declare type RootProps = {
-    [k: string]: any;
-} & HTMLProps<HTMLSpanElement>;
-declare type InputProps = {
-    /**
-     * The HTML input type.
-     * @since 0.0.57
-     */
-    type?: string;
-    /**
-     * Size of the input.
-     * @since 0.0.57
-     */
-    size?: number | 'sm' | 'md' | 'lg' | 'xl' | 'fill';
-    /**
-     * Text alignment inside input.
-     * @since 2.2.0
-     */
-    textAlign?: 'left' | 'center' | 'right';
-    /**
-     * The place for an icon (or a ghost button) before the input.
-     * @since 2.2.0
-     */
-    prefix?: ReactNode;
-    /**
-     * The place for an icon (or a ghost button) after the input.
-     * @since 2.2.0
-     */
-    suffix?: ReactNode;
-    /**
-     * Props for the root element.
-     * @since 2.2.0
-     */
-    rootProps?: RootProps;
-    /**
-     * @ignore
-     */
-    className?: string;
-    /**
-     * @ignore
-     */
-    baseClassName?: string;
-    /**
-     * @ignore
-     */
-    innerRef?: MutableRefObject<null | HTMLInputElement> | ((el: HTMLInputElement) => void);
-} & Omit<HTMLProps<HTMLInputElement>, 'size' | 'prefix'>;
-/**
- * `Input` component is used for entering short text (like user name or email address).
- * @since 0.0.57
- */
-declare const Input: FunctionComponent<InputProps>;
-export default Input;
+import { Omit } from '../../utils';
+import { FunctionComponent, HTMLProps, ReactNode, MutableRefObject } from 'react';
+import '../../helpers/base.less';
+import './Input.less';
+declare type RootProps = {
+    [k: string]: any;
+} & HTMLProps<HTMLSpanElement>;
+declare type InputProps = {
+    /**
+     * The HTML input type.
+     * @since 0.0.57
+     */
+    type?: string;
+    /**
+     * Size of the input.
+     * @since 0.0.57
+     */
+    size?: number | 'sm' | 'md' | 'lg' | 'xl' | 'fill';
+    /**
+     * Text alignment inside input.
+     * @since 2.2.0
+     */
+    textAlign?: 'left' | 'center' | 'right';
+    /**
+     * The place for an icon (or a ghost button) before the input.
+     * @since 2.2.0
+     */
+    prefix?: ReactNode;
+    /**
+     * The place for an icon (or a ghost button) after the input.
+     * @since 2.2.0
+     */
+    suffix?: ReactNode;
+    /**
+     * Props for the root element.
+     * @since 2.2.0
+     */
+    rootProps?: RootProps;
+    /**
+     * @ignore
+     */
+    className?: string;
+    /**
+     * @ignore
+     */
+    baseClassName?: string;
+    /**
+     * @ignore
+     */
+    innerRef?: MutableRefObject<null | HTMLInputElement> | ((el: HTMLInputElement) => void);
+} & Omit<HTMLProps<HTMLInputElement>, 'size' | 'prefix'>;
+/**
+ * `Input` component is used for entering short text (like user name or email address).
+ * @since 0.0.57
+ */
+declare const Input: FunctionComponent<InputProps>;
+export default Input;

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

@@ -1 +1 @@
-export { default } from './Input';
+export { default } from './Input';