@plesk/ui-library 3.40.4 → 3.40.6

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.40.4</title>
+    <title>Plesk UI Library 3.40.6</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.f82c55df.js"></script>
+    <script src="build/bundle.9eeb2c9d.js"></script>
   </body>
 </html>

package/styleguide/placeholders/placeholder_400x200.svg

@@ -1,6 +1,6 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="400" height="200" viewBox="0 100 600 200">
-  <path fill="#28aade" d="M0 0h600v400H0z"/>
-  <path fill="#fff" d="M234.54 148.5v103h130.92v-103H234.54zm120.37 91.83H245.7v-80.66h109.2v80.66z"/>
-  <path fill="#fff" d="M251.58 231.64l22.51-23.66 8.43 3.65 26.61-28.32 10.47 12.53 4.73-2.86 25.57 38.66z"/>
-  <circle cx="277.58" cy="180.18" r="9.83" fill="#fff"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="200" viewBox="0 100 600 200">
+  <path fill="#28aade" d="M0 0h600v400H0z"/>
+  <path fill="#fff" d="M234.54 148.5v103h130.92v-103H234.54zm120.37 91.83H245.7v-80.66h109.2v80.66z"/>
+  <path fill="#fff" d="M251.58 231.64l22.51-23.66 8.43 3.65 26.61-28.32 10.47 12.53 4.73-2.86 25.57 38.66z"/>
+  <circle cx="277.58" cy="180.18" r="9.83" fill="#fff"/>
 </svg>

package/styleguide/placeholders/placeholder_400x400.svg

@@ -1,6 +1,6 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="200 100 200 200">
-<path fill="#28aade" d="M0 0h600v400H0z"/>
-<path fill="#fff" d="M234.54 148.5v103h130.92v-103H234.54zm120.37 91.83H245.7v-80.66h109.2v80.66z"/>
-<path fill="#fff" d="M251.58 231.64l22.51-23.66 8.43 3.65 26.61-28.32 10.47 12.53 4.73-2.86 25.57 38.66z"/>
-<circle cx="277.58" cy="180.18" r="9.83" fill="#fff"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="200 100 200 200">
+<path fill="#28aade" d="M0 0h600v400H0z"/>
+<path fill="#fff" d="M234.54 148.5v103h130.92v-103H234.54zm120.37 91.83H245.7v-80.66h109.2v80.66z"/>
+<path fill="#fff" d="M251.58 231.64l22.51-23.66 8.43 3.65 26.61-28.32 10.47 12.53 4.73-2.86 25.57 38.66z"/>
+<circle cx="277.58" cy="180.18" r="9.83" fill="#fff"/>
 </svg>

package/styleguide/placeholders/placeholder_600x400.svg

@@ -1,6 +1,6 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="600" height="400" viewBox="0 0 600 400">
-  <path fill="#28aade" d="M0 0h600v400H0z"/>
-  <path fill="#fff" d="M234.54 148.5v103h130.92v-103H234.54zm120.37 91.83H245.7v-80.66h109.2v80.66z"/>
-  <path fill="#fff" d="M251.58 231.64l22.51-23.66 8.43 3.65 26.61-28.32 10.47 12.53 4.73-2.86 25.57 38.66z"/>
-  <circle cx="277.58" cy="180.18" r="9.83" fill="#fff"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="400" viewBox="0 0 600 400">
+  <path fill="#28aade" d="M0 0h600v400H0z"/>
+  <path fill="#fff" d="M234.54 148.5v103h130.92v-103H234.54zm120.37 91.83H245.7v-80.66h109.2v80.66z"/>
+  <path fill="#fff" d="M251.58 231.64l22.51-23.66 8.43 3.65 26.61-28.32 10.47 12.53 4.73-2.86 25.57 38.66z"/>
+  <circle cx="277.58" cy="180.18" r="9.83" fill="#fff"/>
 </svg>

package/styleguide/safari-pinned-tab.svg

@@ -1,28 +1,28 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="666.000000pt" height="666.000000pt" viewBox="0 0 666.000000 666.000000"
- preserveAspectRatio="xMidYMid meet">
-<metadata>
-Created by potrace 1.11, written by Peter Selinger 2001-2013
-</metadata>
-<g transform="translate(0.000000,666.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
-<path d="M3110 6654 c-19 -2 -84 -9 -145 -15 -1439 -143 -2649 -1266 -2909
--2699 -42 -231 -51 -342 -51 -610 0 -268 9 -379 51 -610 244 -1344 1320 -2420
-2664 -2664 231 -42 342 -51 610 -51 268 0 379 9 610 51 1344 244 2420 1320
-2664 2664 42 231 51 342 51 610 0 268 -9 379 -51 610 -213 1177 -1066 2160
--2209 2547 -207 70 -419 118 -657 149 -115 15 -547 27 -628 18z m-1368 -2031
-l28 -27 0 -872 c0 -520 4 -914 10 -975 40 -401 260 -587 670 -565 260 13 410
-100 500 288 77 159 73 109 77 1173 l4 950 26 27 27 28 181 0 181 0 28 -29 27
--28 -4 -934 c-3 -832 -5 -944 -20 -1029 -50 -270 -117 -418 -260 -567 -200
--209 -446 -297 -822 -296 -362 1 -625 96 -810 295 -142 151 -217 319 -261 580
--15 91 -18 210 -21 1027 l-4 924 27 28 28 29 180 0 180 0 28 -27z m3555 5 c22
--21 23 -28 23 -167 0 -198 8 -191 -197 -191 l-153 0 0 -1035 0 -1035 152 0
-c206 0 198 7 198 -189 0 -135 -1 -146 -22 -168 l-21 -23 -542 0 -541 0 -27 28
-c-27 28 -27 30 -27 163 0 135 0 135 28 162 28 27 29 27 180 27 l152 0 0 1035
-0 1035 -153 0 -153 0 -27 28 c-27 28 -27 30 -27 162 0 132 0 134 27 162 l27
-28 540 0 540 0 23 -22z"/>
-</g>
-</svg>
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="666.000000pt" height="666.000000pt" viewBox="0 0 666.000000 666.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,666.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M3110 6654 c-19 -2 -84 -9 -145 -15 -1439 -143 -2649 -1266 -2909
+-2699 -42 -231 -51 -342 -51 -610 0 -268 9 -379 51 -610 244 -1344 1320 -2420
+2664 -2664 231 -42 342 -51 610 -51 268 0 379 9 610 51 1344 244 2420 1320
+2664 2664 42 231 51 342 51 610 0 268 -9 379 -51 610 -213 1177 -1066 2160
+-2209 2547 -207 70 -419 118 -657 149 -115 15 -547 27 -628 18z m-1368 -2031
+l28 -27 0 -872 c0 -520 4 -914 10 -975 40 -401 260 -587 670 -565 260 13 410
+100 500 288 77 159 73 109 77 1173 l4 950 26 27 27 28 181 0 181 0 28 -29 27
+-28 -4 -934 c-3 -832 -5 -944 -20 -1029 -50 -270 -117 -418 -260 -567 -200
+-209 -446 -297 -822 -296 -362 1 -625 96 -810 295 -142 151 -217 319 -261 580
+-15 91 -18 210 -21 1027 l-4 924 27 28 28 29 180 0 180 0 28 -27z m3555 5 c22
+-21 23 -28 23 -167 0 -198 8 -191 -197 -191 l-153 0 0 -1035 0 -1035 152 0
+c206 0 198 7 198 -189 0 -135 -1 -146 -22 -168 l-21 -23 -542 0 -541 0 -27 28
+c-27 28 -27 30 -27 163 0 135 0 135 28 162 28 27 29 27 180 27 l152 0 0 1035
+0 1035 -153 0 -153 0 -27 28 c-27 28 -27 30 -27 162 0 132 0 134 27 162 l27
+28 540 0 540 0 23 -22z"/>
+</g>
+</svg>

package/styleguide/site.webmanifest

@@ -1,19 +1,19 @@
-{
-    "name": "",
-    "short_name": "",
-    "icons": [
-        {
-            "src": "android-chrome-192x192.png",
-            "sizes": "192x192",
-            "type": "image/png"
-        },
-        {
-            "src": "android-chrome-512x512.png",
-            "sizes": "512x512",
-            "type": "image/png"
-        }
-    ],
-    "theme_color": "#ffffff",
-    "background_color": "#ffffff",
-    "display": "standalone"
-}
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}

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

@@ -33,7 +33,7 @@ declare class AutoClosable extends Component<AutoClosableProps> {
     children: AutoClosable[];
     addChild: (child: AutoClosable) => void;
     removeChild: (child: AutoClosable) => void;
-    getIgnoreNodes: () => (Text | {
+    getIgnoreNodes: () => (RefObject<HTMLElement> | ReactInstance | {
         new (): Node;
         prototype: Node;
         readonly ELEMENT_NODE: 1;
@@ -54,7 +54,7 @@ declare class AutoClosable extends Component<AutoClosableProps> {
         readonly DOCUMENT_POSITION_CONTAINS: 8;
         readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
         readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
-    } | ReactInstance | RefObject<HTMLElement> | null | undefined)[];
+    } | Text | null | undefined)[];
     onOutsideClick: (event: MouseEvent) => void;
     render(): import("react/jsx-runtime").JSX.Element;
 }

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

@@ -1,11 +1,11 @@
-import { Component } from 'react';
+import { Component, ComponentPropsWithoutRef } from 'react';
 import CM, { Editor, EditorChange, EditorConfiguration, ModeSpec, ModeSpecOptions, ScrollInfo } from 'codemirror';
 import './CodeEditor.less';
 type ExtendedEditorConfiguration = EditorConfiguration & {
     enterMode?: string;
     tabMode?: string;
 };
-export interface CodeEditorProps {
+interface CodeEditorBaseProps {
     /**
      * The mode to use. When not given, this will default to the first mode that was loaded.
      * @since 0.0.61
@@ -73,6 +73,8 @@ export interface CodeEditorProps {
      */
     baseClassName?: string;
 }
+export interface CodeEditorProps extends CodeEditorBaseProps, Omit<ComponentPropsWithoutRef<'textarea'>, keyof CodeEditorBaseProps> {
+}
 type CodeEditorState = {
     lineSeparator: string;
     content?: string;
@@ -99,7 +101,7 @@ declare class CodeEditor extends Component<CodeEditorProps, CodeEditorState> {
         onScroll: undefined;
     };
     state: CodeEditorState;
-    static getDerivedStateFromProps({ readOnly, autofocus, options }: CodeEditorProps, state: CodeEditorState): {
+    static getDerivedStateFromProps({ readOnly, autofocus, options }: Readonly<CodeEditorProps>, state: CodeEditorState): {
         options: {
             autofocus: boolean | undefined;
             readOnly: string | boolean | undefined;
@@ -114,7 +116,7 @@ declare class CodeEditor extends Component<CodeEditorProps, CodeEditorState> {
             electricChars?: boolean | undefined;
             specialChars?: RegExp | undefined;
             specialCharPlaceholder?: ((char: string) => HTMLElement) | undefined;
-            direction?: "ltr" | "rtl" | undefined;
+            direction?: "rtl" | "ltr" | undefined;
             rtlMoveVisually?: boolean | undefined;
             keyMap?: string | undefined;
             extraKeys?: string | CM.KeyMap | undefined;

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

@@ -40,6 +40,6 @@ declare class DrawerProgress extends Component<DrawerProgressProps, DrawerProgre
     handleStatusChange: (status: Status) => void;
     handleClose: () => void;
     handleCancel: () => void;
-    render(): string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+    render(): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null | undefined;
 }
 export default DrawerProgress;

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

@@ -1,6 +1,6 @@
 import { FunctionComponent, ReactNode } from 'react';
 import './ExtendedStatusMessage.less';
-type ExtendedStatusMessageProps = {
+export type ExtendedStatusMessageProps = {
     /**
      * @since 0.0.47
      */

package/types/src/components/ExtendedStatusMessage/ExtendedStatusMessageActions.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent, ReactNode } from 'react';
-type ExtendedStatusMessageActionsProps = {
+export type ExtendedStatusMessageActionsProps = {
     /**
      * Content of the `ExtendedStatusMessageActions`.
      * @since 0.0.47

package/types/src/components/ExtendedStatusMessage/ExtendedStatusMessageDescription.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent, ReactNode } from 'react';
-type ExtendedStatusMessageDescriptionProps = {
+export type ExtendedStatusMessageDescriptionProps = {
     /**
      * Content of the `ExtendedStatusMessageDescription`.
      * @since 0.0.47

package/types/src/components/ExtendedStatusMessage/ExtendedStatusMessageSeparator.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
-type ExtendedStatusMessageSeparatorProps = {
+export type ExtendedStatusMessageSeparatorProps = {
     /**
      * @ignore
      */

package/types/src/components/ExtendedStatusMessage/ExtendedStatusMessageTitle.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent, ReactNode } from 'react';
-type ExtendedStatusMessageTitleProps = {
+export type ExtendedStatusMessageTitleProps = {
     /**
      * Content of the `ExtendedStatusMessageTitle`.
      * @since 0.0.47

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

@@ -1,5 +1,10 @@
 export { default } from './ExtendedStatusMessage';
+export type { ExtendedStatusMessageProps } from './ExtendedStatusMessage';
 export { default as ExtendedStatusMessageActions } from './ExtendedStatusMessageActions';
+export type { ExtendedStatusMessageActionsProps } from './ExtendedStatusMessageActions';
 export { default as ExtendedStatusMessageDescription } from './ExtendedStatusMessageDescription';
+export type { ExtendedStatusMessageDescriptionProps } from './ExtendedStatusMessageDescription';
 export { default as ExtendedStatusMessageSeparator } from './ExtendedStatusMessageSeparator';
+export type { ExtendedStatusMessageSeparatorProps } from './ExtendedStatusMessageSeparator';
 export { default as ExtendedStatusMessageTitle } from './ExtendedStatusMessageTitle';
+export type { ExtendedStatusMessageTitleProps } from './ExtendedStatusMessageTitle';

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode, ComponentPropsWithoutRef } from 'react';
 import type { FormContextProps, FormErrors, FormValues } from '../Form/types';
 import './FormField.less';
 export declare const BASE_FORM_FIELD_CLASS_NAME: string;
@@ -14,7 +14,7 @@ export type FormFieldApi = {
     getErrors: () => FormErrors | undefined;
     getSeparator?: () => ReactNode;
 };
-export interface FormFieldProps {
+export interface FormFieldProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
     /**
      * Field name.
      * @since 0.0.54

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

@@ -1,2 +1,3 @@
 export { default } from './FormFieldPassword';
+export type { FormFieldPasswordProps } from './FormFieldPassword';
 export { default as generatePassword } from './generatePassword';

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

@@ -1,11 +1,11 @@
-import { Component, ReactNode } from 'react';
+import { Component, ReactNode, ComponentPropsWithoutRef } from 'react';
 import { ContentRect } from 'react-measure';
 import './Grid.less';
 type ColumnsNumber = 1 | 2 | 3 | 4 | 5 | 6 | 'auto';
 type CalculateMaxColumns = (options: {
     width: number;
 }) => number;
-export interface GridProps {
+export interface GridProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Content of the `Grid`.
      * @since 0.0.48
@@ -91,7 +91,7 @@ declare class Grid extends Component<GridProps, GridState> {
         xs: ColumnsNumber | undefined;
     };
     handleResize: ({ bounds }: ContentRect) => void;
-    getGapSize(): 0 | 8 | 16 | 32 | 12 | 24;
+    getGapSize(): 0 | 8 | 12 | 16 | 32 | 24;
     render(): import("react/jsx-runtime").JSX.Element;
 }
 export default Grid;

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

@@ -1,7 +1,7 @@
 import { ReactNode, ReactElement, ElementType, FunctionComponent } from 'react';
 import { IconName, IconProps } from '../Icon';
 import './Heading.less';
-type HeadingProps = {
+export type HeadingProps = {
     /**
      * Importance of the `Title`. Render as h1, h2, etc.
      * @since 2.3.0

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

@@ -1 +1,2 @@
 export { default } from './Heading';
+export type { HeadingProps } from './Heading';

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

@@ -1,7 +1,7 @@
 import { ReactNode, FunctionComponent, ElementType } from 'react';
 import '../../helpers/base.less';
 import './Hint.less';
-type HintProps = {
+export type HintProps = {
     /**
      * Content of the `Hint`.
      * @since 0.0.47

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

@@ -1 +1,2 @@
 export { default } from './Hint';
+export type { HintProps } from './Hint';

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

@@ -55,6 +55,11 @@ export interface InputNumberProps {
      * @since 2.3.0
      */
     incrementIcon?: string | IconProps | ReactElement<any>;
+    /**
+     * Size of the input.
+     * @since 2.3.0
+     */
+    size?: number | 'sm' | 'md' | 'lg' | 'xl' | 'fill';
 }
 /**
  * `InputNumber` component is used for entering integer numbers.

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

@@ -1,6 +1,6 @@
 import { ReactNode, FunctionComponent, HTMLProps } from 'react';
 import './ItemLink.less';
-type ItemLinkProps = {
+export type ItemLinkProps = {
     /**
      * @ignore
      */

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

@@ -1 +1,2 @@
 export { default } from './ItemLink';
+export type { ItemLinkProps } from './ItemLink';

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

@@ -12,7 +12,7 @@ type ItemProps = {
     hoverable?: boolean;
     footer?: ReactNode;
 };
-type ItemListProps = {
+export type ItemListProps = {
     /**
      * Add hover styles for `Item` inside `ItemList`.
      * @since 2.1.0
@@ -73,7 +73,7 @@ type ItemListProps = {
      * @ignore
      */
     baseClassName?: string;
-} & Omit<GridProps, 'children'>;
+} & Omit<GridProps, 'children' | 'onSelect'>;
 type ItemListState = {
     ReorderableGrid: null | any;
     ReorderableGridCol: null | any;
@@ -93,12 +93,12 @@ declare class ItemList extends Component<ItemListProps, ItemListState> {
         baseClassName: string;
     };
     constructor(props: ItemListProps);
-    static getDerivedStateFromProps({ selectable, value: propValue }: ItemListProps, state: ItemListState): {
+    static getDerivedStateFromProps({ selectable, value: propValue }: Readonly<ItemListProps>, state: ItemListState): {
         value: ItemValue | ItemValue[] | null;
     } | null;
     componentDidMount(): void;
     createItemProps: (item: ReactElement<ItemProps>) => ItemProps;
-    renderNormal({ baseClassName, children, ...props }: ItemListProps): import("react/jsx-runtime").JSX.Element;
+    renderNormal({ baseClassName, children, onSelect, ...props }: ItemListProps): import("react/jsx-runtime").JSX.Element;
     someChild(predicate: (child: ReactElement<ItemProps>) => boolean): boolean;
     /**
      * There are some states where we can't manage hoverable state

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

@@ -1 +1,2 @@
 export { default } from './ItemList';
+export type { ItemListProps } from './ItemList';

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

@@ -1,6 +1,7 @@
 import { ReactNode, ReactElement, ComponentPropsWithoutRef, ElementType } from 'react';
 import { IconName, IconProps } from '../Icon';
 import './Label.less';
+export type LabelIntent = 'inactive' | 'success' | 'warning' | 'danger' | 'info';
 type BaseLabelProps<T extends ElementType> = {
     /**
      * Content of the Label.
@@ -21,7 +22,7 @@ type BaseLabelProps<T extends ElementType> = {
      * Intent of the Label.
      * @since 0.0.42
      */
-    intent?: 'inactive' | 'success' | 'warning' | 'danger' | 'info';
+    intent?: LabelIntent;
     /**
      * The size of the Label.
      * @since 3.32.0
@@ -46,7 +47,7 @@ type BaseLabelProps<T extends ElementType> = {
      */
     baseClassName?: string;
 };
-type LabelProps<T extends ElementType> = BaseLabelProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof BaseLabelProps<T>>;
+export type LabelProps<T extends ElementType> = BaseLabelProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof BaseLabelProps<T>>;
 /**
  * `Label` component is used for showing multiple characteristics or attributes of an object.
  * @since 0.0.42

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

@@ -1 +1,2 @@
 export { default } from './Label';
+export type { LabelProps, LabelIntent } from './Label';

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

@@ -125,7 +125,7 @@ export default class Layout extends Component<LayoutProps, LayoutState> {
         headerHeight: null;
         isResponsive: boolean;
     };
-    static getDerivedStateFromProps(props: LayoutProps, state: LayoutState): LayoutState;
+    static getDerivedStateFromProps(props: Readonly<LayoutProps>, state: LayoutState): LayoutState;
     componentDidMount(): void;
     componentWillUnmount(): void;
     private readonly headerRef;

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

@@ -315,7 +315,7 @@ declare class List<T extends ListData> extends Component<ListProps<T>, ListState
         onReorderEnd: undefined;
     };
     state: ListState<T>;
-    static getDerivedStateFromProps<T extends ListData>({ sortColumn, sortDirection, selection, expandedRows, notExpandableRows, renderRowBody, data, pagination, vertical, rowKey, totalRows, filtered, }: ListProps<T>, { prevSortColumn, prevSortDirection, prevData, prevSelection, prevPagination, prevExpandedRows, ...state }: ListState<T>): ListState<T>;
+    static getDerivedStateFromProps<T extends ListData>({ sortColumn, sortDirection, selection, expandedRows, notExpandableRows, renderRowBody, data, pagination, vertical, rowKey, totalRows, filtered, }: Readonly<ListProps<T>>, { prevSortColumn, prevSortDirection, prevData, prevSelection, prevPagination, prevExpandedRows, ...state }: ListState<T>): ListState<T>;
     componentDidMount(): void;
     componentDidUpdate(prevProps: ListProps<T>): void;
     needScroll: boolean;
@@ -340,16 +340,16 @@ declare class List<T extends ListData> extends Component<ListProps<T>, ListState
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
         className?: string | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
-        draggable?: (boolean | "false" | "true") | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
         hidden?: boolean | undefined;
         id?: string | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
         slot?: string | undefined;
-        spellCheck?: (boolean | "false" | "true") | undefined;
+        spellCheck?: (boolean | "true" | "false") | undefined;
         style?: import("react").CSSProperties | undefined;
         tabIndex?: number | undefined;
         title?: string | undefined;
@@ -378,58 +378,58 @@ declare class List<T extends ListData> extends Component<ListProps<T>, ListState
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "off" | "on" | undefined;
-        inputMode?: "search" | "numeric" | "none" | "url" | "text" | "email" | "tel" | "decimal" | undefined;
+        unselectable?: "on" | "off" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         "aria-activedescendant"?: string | undefined;
-        "aria-atomic"?: (boolean | "false" | "true") | undefined;
-        "aria-autocomplete"?: "inline" | "both" | "none" | "list" | undefined;
+        "aria-atomic"?: (boolean | "true" | "false") | undefined;
+        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
-        "aria-busy"?: (boolean | "false" | "true") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-busy"?: (boolean | "true" | "false") | undefined;
+        "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "time" | "location" | "page" | "true" | "step" | "date" | undefined;
+        "aria-current"?: boolean | "time" | "location" | "step" | "true" | "false" | "page" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
-        "aria-disabled"?: (boolean | "false" | "true") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-disabled"?: (boolean | "true" | "false") | undefined;
+        "aria-dropeffect"?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
-        "aria-expanded"?: (boolean | "false" | "true") | undefined;
+        "aria-expanded"?: (boolean | "true" | "false") | undefined;
         "aria-flowto"?: string | undefined;
-        "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-        "aria-haspopup"?: boolean | "false" | "grid" | "dialog" | "menu" | "listbox" | "true" | "tree" | undefined;
-        "aria-hidden"?: (boolean | "false" | "true") | undefined;
-        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
+        "aria-hidden"?: (boolean | "true" | "false") | undefined;
+        "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
         "aria-label"?: string | undefined;
         "aria-labelledby"?: string | undefined;
         "aria-level"?: number | undefined;
         "aria-live"?: "off" | "assertive" | "polite" | undefined;
-        "aria-modal"?: (boolean | "false" | "true") | undefined;
-        "aria-multiline"?: (boolean | "false" | "true") | undefined;
-        "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+        "aria-modal"?: (boolean | "true" | "false") | undefined;
+        "aria-multiline"?: (boolean | "true" | "false") | undefined;
+        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
         "aria-orientation"?: "horizontal" | "vertical" | undefined;
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
-        "aria-readonly"?: (boolean | "false" | "true") | undefined;
-        "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-        "aria-required"?: (boolean | "false" | "true") | undefined;
+        "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
+        "aria-readonly"?: (boolean | "true" | "false") | undefined;
+        "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-required"?: (boolean | "true" | "false") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
         "aria-rowindex"?: number | undefined;
         "aria-rowindextext"?: string | undefined;
         "aria-rowspan"?: number | undefined;
-        "aria-selected"?: (boolean | "false" | "true") | undefined;
+        "aria-selected"?: (boolean | "true" | "false") | undefined;
         "aria-setsize"?: number | undefined;
-        "aria-sort"?: "none" | "other" | "ascending" | "descending" | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
         "aria-valuemax"?: number | undefined;
         "aria-valuemin"?: number | undefined;
         "aria-valuenow"?: number | undefined;

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

@@ -13,7 +13,8 @@ export declare const LocaleContext: import("react").Context<{
     };
 } | undefined>;
 export declare const useTranslate: (namespace?: string) => Translate;
-type LocaleProviderProps = {
+export declare const LocaleBetaProvider: ({ messages, children }: LocaleProviderProps) => import("react/jsx-runtime").JSX.Element;
+export type LocaleProviderProps = {
     /**
      * Localization messages
      * @since 0.0.42

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

@@ -1 +1,2 @@
 export { default } from './Markdown';
+export type { MarkdownProps } from './Markdown';

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

@@ -3,6 +3,7 @@ export type { MenuProps } from './Menu';
 export { default as MenuItem } from './MenuItem';
 export type { MenuItemProps } from './MenuItem';
 export { default as MenuBaseItem } from './MenuBaseItem';
+export type { MenuBaseItemProps } from './MenuBaseItem';
 export { default as MenuSelectableItem } from './MenuSelectableItem';
 export type { MenuSelectableItemProps } from './MenuSelectableItem';
 export { default as MenuDivider } from './MenuDivider';

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

@@ -1,7 +1,7 @@
 import { FunctionComponent, ReactNode, HTMLProps } from 'react';
 import { DataAttributes } from '../../utils/types';
 import './PageHeader.less';
-type PageHeaderProps = {
+export type PageHeaderProps = {
     /**
      * @ignore
      */

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

@@ -1 +1,2 @@
 export { default } from './PageHeader';
+export type { PageHeaderProps } from './PageHeader';