@plesk/ui-library 3.35.0 → 3.35.2

package/styleguide/images/symbols.svg

@@ -1,4 +1,4 @@
-<svg width="16" height="11760" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="16" height="11856" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <defs>
     <symbol viewBox="0 0 12 12" id="archive:12">
       <path d="M2 1h7v.5a.5.5 0 0 0 1 0V1a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1v-.5a.5.5 0 0 0-1 0v.5H2V1z" />
@@ -58,6 +58,12 @@
     <symbol viewBox="0 0 16 16" id="arrow-left:16">
       <path d="M.2018 8.0966A.4945.4945 0 0 0 0 8.498V8.5a.4945.4945 0 0 0 .2018.4034l3.4513 3.4513a.4961.4961 0 0 0 .7016-.7016L1.7016 9H15.5a.5.5 0 0 0 0-1H1.7016l2.6531-2.6531a.496.496 0 0 0-.7016-.7016L.2018 8.0966z" />
     </symbol>
+    <symbol viewBox="0 0 12 12" id="arrow-right-circle-filled:12">
+      <path fill-rule="evenodd" d="M1 6.5a5.5 5.5 0 1 0 11 0 5.5 5.5 0 0 0-11 0ZM2.5 6a.5.5 0 0 0 0 1h5.8L6.65 8.65a.5.5 0 0 0 .7.7L9.8 6.9a.5.5 0 0 0 .2-.4.5.5 0 0 0-.2-.4L7.35 3.65a.5.5 0 0 0-.7.7L8.3 6H2.5Z" clip-rule="evenodd" />
+    </symbol>
+    <symbol viewBox="0 0 16 16" id="arrow-right-circle-filled:16">
+      <path fill-rule="evenodd" d="M8.5 16a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Zm.15-3.65a.5.5 0 0 1 0-.7L11.3 9H3.5a.5.5 0 0 1 0-1h7.8L8.65 5.35a.5.5 0 0 1 .7-.7L12.8 8.1a.5.5 0 0 1 .2.4.5.5 0 0 1-.2.4l-3.45 3.45c-.2.2-.51.2-.7 0Z" clip-rule="evenodd" />
+    </symbol>
     <symbol viewBox="0 0 12 12" id="arrow-right-in:12">
       <path d="M2 2h9v9H2v-1a.5.5 0 00-1 0v1a1 1 0 001 1h9a1 1 0 001-1V2a1 1 0 00-1-1H2a1 1 0 00-1 1v1a.5.5 0 001 0V2z" />
       <path d="M5.645 4.347a.496.496 0 01.702-.702l2.451 2.452A.499.499 0 019 6.498v.004a.495.495 0 01-.202.401L6.347 9.355a.496.496 0 01-.702-.702L7.298 7H.5a.5.5 0 010-1h6.798L5.645 4.347z" />
@@ -1318,6 +1324,14 @@
     <symbol viewBox="0 0 16 16" id="puzzle:16">
       <path fill-rule="evenodd" d="M7 0a2 2 0 0 0-2 2v1H1a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h1a1 1 0 0 1 0 2H1a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-1a1 1 0 1 1 2 0v1a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-4h1a2 2 0 1 0 0-4h-1V4a1 1 0 0 0-1-1H9V2a2 2 0 0 0-2-2zM2 11H1v4h4v-1a2 2 0 1 1 4 0v1h3v-4a1 1 0 0 1 1-1h1a1 1 0 1 0 0-2h-1a1 1 0 0 1-1-1V4H9a1 1 0 0 1-1-1V2a1 1 0 0 0-2 0v1a1 1 0 0 1-1 1H1v3h1a2 2 0 1 1 0 4z" clip-rule="evenodd" />
     </symbol>
+    <symbol viewBox="0 0 12 12" id="python:12">
+      <path d="M6 2a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm.5 8.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1z" />
+      <path fill-rule="evenodd" d="M8.5 8.5v2.78a4.68 4.68 0 0 1-5 0V8.5H.69a8.08 8.08 0 0 1-.41-.98C.14 7.12 0 6.56 0 6s.14-1.11.28-1.52c.1-.34.25-.66.4-.98H3.5V.72A4.67 4.67 0 0 1 6 0c.9 0 1.74.25 2.5.72V3.5h2.81c.16.32.3.64.41.98A5 5 0 0 1 12 6c0 .56-.14 1.11-.27 1.52-.12.34-.26.66-.41.98H8.5zm-4-5V1.3a3.83 3.83 0 0 1 3 0v3.2c0 .87-.4 1-.5 1H5c-.9 0-1.5.87-1.5 2H1.33a6.06 6.06 0 0 1-.1-.3C1.1 6.84 1 6.4 1 6c0-.4.1-.84.23-1.2a6.06 6.06 0 0 1 .1-.3H6v-1H4.5zm4 1c0 1.13-.6 2-1.5 2H5c-.1 0-.5.13-.5 1v3.2a3.83 3.83 0 0 0 3 0V8.5H6v-1h4.67l.1-.3c.12-.36.23-.8.23-1.2 0-.4-.1-.84-.23-1.2a6.1 6.1 0 0 0-.1-.3H8.5z" clip-rule="evenodd" />
+    </symbol>
+    <symbol viewBox="0 0 16 16" id="python:16">
+      <path d="M8 2.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zM8.5 14a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1z" />
+      <path fill-rule="evenodd" d="M5 11H.66a10.9 10.9 0 0 1-.4-1.17C.15 9.33 0 8.66 0 8a7.45 7.45 0 0 1 .45-2.44L.65 5H5V.66c.39-.15.77-.29 1.17-.4C6.67.15 7.34 0 8 0c.66 0 1.33.14 1.83.27.4.1.78.24 1.17.39V5h4.34c.26.66.04-.18.4 1.17.12.5.26 1.17.26 1.83 0 .66-.14 1.33-.27 1.83-.1.4-.24.78-.39 1.17H11v4.34c-.39.15-.77.29-1.17.4A7.4 7.4 0 0 1 8 16a7.4 7.4 0 0 1-1.83-.27 9.96 9.96 0 0 1-.6-.18l-.57-.2V11zm1-6V1.36l.43-.13A6.46 6.46 0 0 1 8 1a6.46 6.46 0 0 1 2 .36V6.5c0 .38-.13.65-.26.8a.62.62 0 0 1-.24.2h-3c-.37 0-.75.24-1 .56-.3.33-.5.82-.5 1.44v.5H1.36a9.1 9.1 0 0 1-.13-.43A6.5 6.5 0 0 1 1 8c0-.54.11-1.12.23-1.57A9.09 9.09 0 0 1 1.36 6H8V5H6zm4 6H8v-1h6.64a9.11 9.11 0 0 0 .13-.43c.12-.45.23-1.03.23-1.57s-.11-1.12-.23-1.57a9.1 9.1 0 0 0-.13-.43H11v.5c0 .62-.2 1.1-.49 1.45-.26.3-.64.55-1.01.55h-3c.01 0 0 0 0 0a.62.62 0 0 0-.24.2c-.13.16-.26.42-.26.8v5.14l.43.13c.45.12 1.03.23 1.57.23a6.5 6.5 0 0 0 2-.36V11z" clip-rule="evenodd" />
+    </symbol>
     <symbol viewBox="0 0 12 12" id="question-mark-circle-filled:12">
       <path fill-rule="evenodd" d="M12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0zM6.5 6a1 1 0 1 0-1-1 .5.5 0 0 1-1 .005V5A2 2 0 1 1 7 6.937V7a.5.5 0 0 1-1 0v-.5a.5.5 0 0 1 .5-.5zm.625 3a.625.625 0 1 1-1.25 0 .625.625 0 0 1 1.25 0z" clip-rule="evenodd" />
     </symbol>

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.35.0</title>
+    <title>Plesk UI Library 3.35.2</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">
@@ -26,6 +26,6 @@
     <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KWST26V"
     height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
     <!-- End Google Tag Manager (noscript) -->
-    <script src="build/bundle.2a886a79.js"></script>
+    <script src="build/bundle.6318f4a5.js"></script>
   </body>
 </html>

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

@@ -95,11 +95,10 @@ declare type ButtonComponent<Component extends ElementType = 'button'> = {
     defaultProps?: Partial<ButtonProps<Component>>;
     displayName?: string;
 } & (<C extends ElementType = Component>(props: ButtonProps<C>) => ReactElement | null);
-declare const _default: ButtonComponent<"button">;
 /**
  * `Button` component is used for executing actions, changing the application state, opening forms or dialog windows, and submitting data.
  * As a rule, you should not use buttons for navigation between individual pages (use `Link` instead).
- *
- * Since: 0.0.37
+ * @since 0.0.37
  */
+declare const _default: ButtonComponent<"button">;
 export default _default;

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

@@ -0,0 +1,58 @@
+import { Component, CSSProperties, ReactNode } from 'react';
+import { ContentRect } from 'react-measure';
+import './Carousel.less';
+export interface CarouselProps {
+    /**
+     * Slides
+     * @since 0.0.42
+     */
+    children?: ReactNode;
+    /**
+     * @ignore
+     */
+    className?: string;
+    /**
+     * @ignore
+     */
+    baseClassName?: string;
+}
+/**
+ * Carousel component is used for optimizing page space by displaying only some parts
+ * of entire content in a cyclic view.
+ * @since 0.0.42
+ */
+declare class Carousel extends Component<CarouselProps> {
+    static defaultProps: {
+        children: null;
+        className: null;
+        baseClassName: string;
+    };
+    constructor(props: CarouselProps);
+    state: {
+        showControls: boolean;
+        current: number;
+        next: number;
+        moving: boolean;
+        slideWidths: never[];
+        totalWidth: number;
+    };
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    private readonly speed;
+    private readonly playSpeed;
+    private isRtl;
+    private playTimer;
+    private movingCallback;
+    private readonly rootRef;
+    private readonly genuineRef;
+    handlePrevClick(): void;
+    handleNextClick(): void;
+    play(): void;
+    stop(): void;
+    setCurrentSlide(next: number): void;
+    handleResize({ bounds }: ContentRect): void;
+    listStyle(): CSSProperties;
+    render(): JSX.Element;
+}
+export default Carousel;

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

@@ -0,0 +1,2 @@
+export { default } from './Carousel';
+export type { CarouselProps } from './Carousel';

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

@@ -4,7 +4,7 @@ import Form, { FormProps, FormValues } from '../Form';
 import { ButtonProps } from '../Button';
 import '../../helpers/base.less';
 import './Dialog.less';
-declare type ImageType = string | ReactElement | HTMLAttributes<HTMLImageElement>;
+export declare type ImageType = string | ReactElement | HTMLAttributes<HTMLImageElement>;
 export declare type DialogProps<FV extends FormValues = FormValues> = {
     /**
      * Toggles visibility.

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

@@ -1,2 +1,2 @@
 export { default } from './Dialog';
-export type { DialogProps } from './Dialog';
+export type { DialogProps, ImageType } from './Dialog';

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

@@ -1,5 +1,5 @@
 import { Component, ReactNode, ReactElement } from 'react';
-import { ProgressStepProps } from '../ProgressStep';
+import { ProgressStepProps, Status } from '../ProgressStep';
 import './DrawerProgress.less';
 declare type RenderParams = {
     content: ReactElement;
@@ -18,7 +18,7 @@ export declare type DrawerProgressProps = {
     onFail?: () => void;
     cancelable?: boolean;
     onClosableChange?: (closable: boolean) => void;
-    onStatusChange?: (status: ProgressStepProps['status']) => void;
+    onStatusChange?: (status: Status) => void;
     render?: (params: RenderParams) => ReactNode;
 };
 declare type DrawerProgressState = {
@@ -37,7 +37,7 @@ declare class DrawerProgress extends Component<DrawerProgressProps, DrawerProgre
     componentDidUpdate(_prevProps: DrawerProgressProps, prevState: DrawerProgressState): void;
     componentWillUnmount(): void;
     closeTimeout?: number;
-    handleStatusChange: (status: ProgressStepProps['status']) => void;
+    handleStatusChange: (status: Status) => void;
     handleClose: () => void;
     handleCancel: () => void;
     render(): ReactNode;

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

@@ -1,28 +1,12 @@
-import { Component, ReactNode } from 'react';
+import { ReactNode } from 'react';
 import './Header.less';
-declare type HeaderProps = {
+interface HeaderProps {
     baseClassName?: string;
     onClose?: () => void;
     children?: ReactNode;
     backButton?: boolean;
     hideButton?: boolean;
     tabs?: ReactNode;
-};
-export default class Header extends Component<HeaderProps> {
-    static defaultProps: {
-        onClose: null;
-        baseClassName: string;
-        backButton: boolean;
-        hideButton: boolean;
-        tabs: undefined;
-    };
-    componentDidMount(): void;
-    private isRtl;
-    renderBackButton(): JSX.Element;
-    renderHideButton(): JSX.Element;
-    renderCloseButton({ disabled }?: {
-        disabled?: boolean | undefined;
-    }): JSX.Element;
-    render(): JSX.Element;
 }
-export {};
+declare const Header: ({ baseClassName, onClose, children, backButton, hideButton, tabs, ...props }: HeaderProps) => JSX.Element;
+export default Header;

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

@@ -101,5 +101,10 @@ export type { FormValues, FormInstanceHandles };
 declare type FormComponent = <FV extends FormValues>(props: FormProps<FV> & {
     ref?: ForwardedRef<FormInstanceHandles>;
 }) => ReactElement;
+/**
+ * `Form` component is used for entering and submitting of user data.
+ * [More details about designing of forms.](#!/Good%20Forms)
+ * @since 0.0.54
+ */
 declare const _default: FormComponent;
 export default _default;

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

@@ -0,0 +1,53 @@
+import { ComponentProps, ReactNode } from 'react';
+import FormField from '../FormField';
+import '../../helpers/base.less';
+import './FormFieldCheckbox.less';
+export interface FormFieldCheckboxProps extends ComponentProps<typeof FormField> {
+    /**
+     * Disabled state of field.
+     * @since 0.1.0
+     */
+    disabled?: boolean;
+    /**
+     * Custom checked value. Default is boolean true.
+     * @since 0.0.59
+     */
+    checkedValue?: boolean | string;
+    /**
+     * Custom unchecked value. Default is boolean false.
+     * @since 0.0.59
+     */
+    uncheckedValue?: boolean | string;
+    /**
+     * The browser will automatically focus on the component upon rendering the screen
+     * @since 1.9.0
+     */
+    autoFocus?: boolean;
+    /**
+     * @ignore
+     */
+    label?: ReactNode;
+    /**
+     * @ignore
+     */
+    required?: boolean;
+    /**
+     * @ignore
+     */
+    className?: string;
+    /**
+     * @ignore
+     */
+    baseClassName?: string;
+    /**
+     * Adds an info icon with the additional description.
+     */
+    fullDescription?: string;
+}
+/**
+ * `FormFieldCheckbox` component is used for turning an option on or off
+ * and selecting or deselecting an item.
+ * @since 0.0.58
+ */
+declare const FormFieldCheckbox: ({ className, label, autoFocus, required, checkedValue, uncheckedValue, baseClassName, ...props }: FormFieldCheckboxProps) => JSX.Element;
+export default FormFieldCheckbox;

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

@@ -0,0 +1,2 @@
+export { default } from './FormFieldCheckbox';
+export type { FormFieldCheckboxProps } from './FormFieldCheckbox';

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

@@ -0,0 +1,2 @@
+declare const generatePassword: () => string;
+export default generatePassword;

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

@@ -0,0 +1,97 @@
+import { Component, ReactNode } from 'react';
+import { ContentRect } from 'react-measure';
+import './Grid.less';
+declare type ColumnsNumber = 1 | 2 | 3 | 4 | 5 | 6 | 'auto';
+declare type CalculateMaxColumns = (options: {
+    width: number;
+}) => number;
+export interface GridProps {
+    /**
+     * Content of the `Grid`.
+     * @since 0.0.48
+     */
+    children?: ReactNode;
+    /**
+     * @ignore
+     */
+    className?: string;
+    /**
+     * @ignore
+     */
+    baseClassName?: string;
+    /**
+     * Minimal column width
+     * @since 0.0.50
+     */
+    minColumnWidth?: number;
+    /**
+     * Maximum columns number
+     * @since 0.0.53
+     */
+    maxColumnsNumber?: number | CalculateMaxColumns;
+    /**
+     * Number of columns for `xs` breakpoint
+     * @since 0.0.53
+     */
+    xs?: ColumnsNumber;
+    /**
+     * Number of columns for `sm` breakpoint
+     * @since 0.0.48
+     */
+    sm?: ColumnsNumber;
+    /**
+     * Number of columns for `md` breakpoint
+     * @since 0.0.48
+     */
+    md?: ColumnsNumber;
+    /**
+     * Number of columns for `lg` breakpoint
+     * @since 0.0.48
+     */
+    lg?: ColumnsNumber;
+    /**
+     * Number of columns for `xl` breakpoint
+     * @since 0.0.48
+     */
+    xl?: ColumnsNumber;
+    /**
+     * Specifying the gutters between grid items
+     * @since 0.0.53
+     */
+    gap?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     * Columns number change notifier
+     * @since 0.0.50
+     */
+    onColumnsChange?: (columnsNumber: number) => void;
+}
+interface GridState {
+    xs: ColumnsNumber | number | undefined;
+}
+/**
+ * `Grid` component is used to layout and align content based on 12-column system.
+ * @since 0.0.48
+ */
+declare class Grid extends Component<GridProps, GridState> {
+    static defaultProps: {
+        children: null;
+        className: null;
+        baseClassName: string;
+        minColumnWidth: null;
+        maxColumnsNumber: number;
+        xs: null;
+        sm: null;
+        md: null;
+        lg: null;
+        xl: null;
+        gap: null;
+        onColumnsChange: null;
+    };
+    state: {
+        xs: ColumnsNumber | undefined;
+    };
+    handleResize: ({ bounds }: ContentRect) => void;
+    getGapSize(): 0 | 8 | 12 | 16 | 24 | 32;
+    render(): JSX.Element;
+}
+export default Grid;

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

@@ -0,0 +1,2 @@
+export { default } from './Grid';
+export type { GridProps } from './Grid';

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

@@ -0,0 +1,53 @@
+import { ReactNode, HTMLAttributes } from 'react';
+declare type GridColSize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export interface GridColProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Content of the `GridCol`.
+     * @since 0.0.48
+     */
+    children?: ReactNode;
+    /**
+     * @ignore
+     */
+    className?: string;
+    /**
+     * @ignore
+     */
+    baseClassName?: string;
+    /**
+     * Column size for `xs` breakpoint
+     * @type number (1...12)
+     * @since 0.0.53
+     */
+    xs?: GridColSize;
+    /**
+     * Column size for `sm` breakpoint
+     * @type number (1...12)
+     * @since 0.0.53
+     */
+    sm?: GridColSize;
+    /**
+     * Column size for `sm` breakpoint
+     * @type number (1...12)
+     * @since 0.0.53
+     */
+    md?: GridColSize;
+    /**
+     * Column size for `md` breakpoint
+     * @type number (1...12)
+     * @since 0.0.53
+     */
+    lg?: GridColSize;
+    /**
+     * Column size for `lg` breakpoint
+     * @type number (1...12)
+     * @since 0.0.53
+     */
+    xl?: GridColSize;
+}
+/**
+ * `GridCol` component is a part of [Grid](#!/Grid) component.
+ * @since 0.0.48
+ */
+declare const GridCol: ({ baseClassName, className, children, xs, sm, md, lg, xl, ...props }: GridColProps) => JSX.Element;
+export default GridCol;

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

@@ -0,0 +1,2 @@
+export { default } from './GridCol';
+export type { GridColProps } from './GridCol';

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' | 'bar-chart-vertical-lock' | '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-filled' | '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' | 'flag-filled' | 'flag-globe' | 'floppy-disk' | 'folder-closed' | 'folder-key' | 'folder-network' | 'folder-open' | 'folders-tree' | 'forward-circle-filled' | 'four-squares' | 'gear' | 'git' | 'github' | 'globe' | 'hard-drive' | 'hard-drive-key' | 'hat' | 'hexagons' | 'home' | 'info-circle' | 'info-circle-filled' | 'ip-addresses' | 'joomla' | 'kebab' | 'key' | 'laravel' | '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-circle-filled' | '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' | 'redirect-circle-filled' | 'refresh' | 'reload' | 'remove' | 'reset' | 'resource' | 'ribbon' | 'rocket' | 'ruby' | 'sand-clock' | 'scan' | 'screen' | 'search' | 'security-check' | 'send' | 'server' | 'servers' | 'share' | 'shield' | 'shield-attention-filled' | 'shield-chain' | 'shield-filled' | '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' | 'start-filled' | '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' | 'woocommerce' | 'wordpress' | 'zero-circle-filled';
+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-circle-filled' | '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' | 'bar-chart-vertical-lock' | '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-filled' | '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' | 'flag-filled' | 'flag-globe' | 'floppy-disk' | 'folder-closed' | 'folder-key' | 'folder-network' | 'folder-open' | 'folders-tree' | 'forward-circle-filled' | 'four-squares' | 'gear' | 'git' | 'github' | 'globe' | 'hard-drive' | 'hard-drive-key' | 'hat' | 'hexagons' | 'home' | 'info-circle' | 'info-circle-filled' | 'ip-addresses' | 'joomla' | 'kebab' | 'key' | 'laravel' | '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-circle-filled' | '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' | 'python' | 'question-mark-circle' | 'question-mark-circle-filled' | 'ram' | 'react-js' | 'recycle' | 'redirect-circle-filled' | 'refresh' | 'reload' | 'remove' | 'reset' | 'resource' | 'ribbon' | 'rocket' | 'ruby' | 'sand-clock' | 'scan' | 'screen' | 'search' | 'security-check' | 'send' | 'server' | 'servers' | 'share' | 'shield' | 'shield-attention-filled' | 'shield-chain' | 'shield-filled' | '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' | 'start-filled' | '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' | 'woocommerce' | 'wordpress' | 'zero-circle-filled';
 export declare const NAMES: IconName[];

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

@@ -0,0 +1 @@
+export { default } from './ItemList';

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

@@ -42,8 +42,7 @@ export declare type LinkProps<Component extends ElementType = 'a'> = {
 } & PolymorphicComponentProps<Component, BaseLinkProps>;
 /**
  * `Link` is used for navigation purposes.
- *
- * Since: 1.9.0
+ * @since 1.9.0
  */
 declare const Link: <Component extends ElementType<any> = "a">({ baseClassName, className, onClick, disabled, pseudo, component, children, ...other }: LinkProps<Component>) => JSX.Element;
 export default Link;

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

@@ -7,7 +7,7 @@ declare type Messages = {
 declare type Translate = (key: string, params?: {
     [key: string]: unknown;
 }, fallback?: string) => string | ReactNode[];
-export declare const useTranslate: (namespace?: string | undefined) => Translate;
+export declare const useTranslate: (namespace?: string) => Translate;
 declare type LocaleProviderProps = {
     /**
      * Localization messages

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

@@ -0,0 +1 @@
+export { default, ITEMS_PER_PAGE_OPTIONS } from './Pagination';

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

@@ -0,0 +1 @@
+export { default } from './Panel';

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

@@ -0,0 +1,49 @@
+import { Component, ReactNode } from 'react';
+import { Status } from '../ProgressStep';
+import '../../helpers/base.less';
+import './Progress.less';
+export interface ProgressProps {
+    /**
+     * Content of the `Progress`.
+     * @since 1.10.0
+     */
+    children: ReactNode;
+    /**
+     * On overall status event handler.
+     * @since 1.10.0
+     */
+    onStatusChange?: (status: Status) => void;
+    /**
+     * @ignore
+     */
+    className?: string;
+    /**
+     * @ignore
+     */
+    baseClassName?: string;
+}
+declare type ProgressState = {
+    status: Status | null;
+};
+/**
+ * `Progress` is used for showing progress of performing long operations.
+ * @since 1.10.0
+ */
+declare class Progress extends Component<ProgressProps, ProgressState> {
+    static defaultProps: {
+        onStatusChange: null;
+        children: null;
+        className: null;
+        baseClassName: string;
+    };
+    state: {
+        status: null;
+    };
+    static getDerivedStateFromProps({ children }: ProgressProps): {
+        status: string;
+    };
+    componentDidMount(): void;
+    componentDidUpdate(_: ProgressProps, prevState: ProgressState): void;
+    render(): JSX.Element;
+}
+export default Progress;

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

@@ -0,0 +1,2 @@
+export { default } from './Progress';
+export type { ProgressProps } from './Progress';