@progress/kendo-react-layout 12.0.1 → 12.0.2-develop.2

package/index.d.mts

@@ -146,7 +146,7 @@ export declare const ActionSheetHeader: React_2.FunctionComponent<ActionSheetChi
 export declare const ActionSheetItem: React_2.FunctionComponent<ActionSheetItemProps>;
 
 /**
- * Represents the props of the KendoReact ActionSheet component.
+ * Represents the props of the KendoReact ActionSheetItem component.
  */
 export declare interface ActionSheetItemProps {
     /**
@@ -167,27 +167,30 @@ export declare interface ActionSheetItemProps {
     tabIndex?: number;
     /**
      * Specifies additional text rendered under the item's title.
+     * Specifies additional text rendered under the `title` of the ActionSheetItem.
      */
     description?: string;
     /**
-     * Specifies if the ActionSheet item is initially disabled.
+     * Specifies if the ActionSheetItem is initially disabled.
+     *
+     * @default false
      */
     disabled?: boolean;
     /**
-     * Defines the group of the item. Items can be segregated in two groups - `top` and `bottom`.
-     * Each specifying whether the ActionSheet item will be rendered over the separator or under it.
+     * Defines the ActionSheetItem group. Items can be segregated in two groups - `top` and `bottom`.
+     * Each group specifies whether the ActionSheetItem will be rendered over the separator or under it.
      */
     group?: 'top' | 'bottom';
     /**
-     * Defines the icon rendered inside the ActionSheet item.
+     * Defines the icon rendered inside the ActionSheetItem.
      */
     icon?: React_2.ReactElement<any>;
     /**
-     * Specifies the text content of the ActionSheet item.
+     * Specifies the text content of the ActionSheetItem.
      */
     title?: string;
     /**
-     * Specifies the ActionSheet item.
+     * Specifies the ActionSheetItem.
      */
     item?: any;
     /**
@@ -243,16 +246,6 @@ export declare interface ActionSheetProps {
      * ```
      */
     title?: React_2.ReactNode;
-    /**
-     * **Deprecated**. Fires when the modal overlay is clicked. Use `onClose` event instead.
-     *
-     * @deprecated
-     * @example
-     * ```jsx
-     * <ActionSheet onOverlayClick={(e) => console.log('Overlay clicked')} />
-     * ```
-     */
-    onOverlayClick?: (event: React_2.SyntheticEvent) => void;
     /**
      * Fires when the modal overlay is clicked.
      *
@@ -275,20 +268,6 @@ export declare interface ActionSheetProps {
         title?: string;
         item?: any;
     }) => void;
-    /**
-     * **Deprecated**. Fires when an ActionSheet item is clicked. Use `onItemSelect` event instead.
-     *
-     * @deprecated
-     * @example
-     * ```jsx
-     * <ActionSheet onItemClick={(e) => console.log(e.item)} />
-     * ```
-     */
-    onItemClick?: (event: {
-        syntheticEvent: React_2.SyntheticEvent;
-        title?: string;
-        item?: any;
-    }) => void;
     /**
      * Represents the children that are passed to the ActionSheet.
      *
@@ -481,7 +460,7 @@ export declare interface AppBarHandle {
 }
 
 /**
- * Specifies the position of the AppBar ([see example]({% slug positioning_appbar %}#toc-position)).
+ * Specifies the AppBar position ([see example]({% slug positioning_appbar %}#toc-position)).
  *
  * * The possible values are:
  * * 'top' (Default)
@@ -491,7 +470,7 @@ export declare interface AppBarHandle {
 export declare type AppBarPosition = 'top' | 'bottom';
 
 /**
- * Specifies the positionMode of the AppBar ([see example]({% slug positioning_appbar %}#toc-position-mode)).
+ * Specifies the AppBar position mode ([see example]({% slug positioning_appbar %}#toc-position-mode)).
  *
  * * The possible values are:
  * * 'static' (Default)
@@ -506,7 +485,7 @@ export declare type AppBarPositionMode = 'static' | 'sticky' | 'fixed';
  */
 export declare interface AppBarProps {
     /**
-     * Represents the children that are passed to the AppBar.
+     * Represents the child elements that are passed to the AppBar.
      *
      * @example
      * ```jsx
@@ -544,12 +523,14 @@ export declare interface AppBarProps {
      */
     id?: string;
     /**
-     * Specifies the position of the AppBar ([see example]({% slug positioning_appbar %}#toc-position)).
+     * Specifies the AppBar position ([see example]({% slug positioning_appbar %}#toc-position)).
      *
      * * The possible values are:
      * * 'top' (Default)
      * * 'bottom'
      *
+     * @default top
+     *
      * @example
      * ```jsx
      * <AppBar position="bottom" />
@@ -557,13 +538,15 @@ export declare interface AppBarProps {
      */
     position?: AppBarPosition;
     /**
-     * Specifies the positionMode of the AppBar ([see example]({% slug positioning_appbar %}#toc-position-mode)).
+     * Specifies the AppBar position mode ([see example]({% slug positioning_appbar %}#toc-position-mode)).
      *
      * * The possible values are:
      * * 'static' (Default)
      * * 'sticky'
      * * 'fixed'
      *
+     * @default static
+     *
      * @example
      * ```jsx
      * <AppBar positionMode="sticky" />
@@ -571,7 +554,7 @@ export declare interface AppBarProps {
      */
     positionMode?: AppBarPositionMode;
     /**
-     * Specifies the theme color of the AppBar ([see example]({% slug appearance_appbar %})).
+     * Specifies the AppBar theme color ([see example]({% slug appearance_appbar %})).
      *
      * * The possible values are:
      * * `light` (Default)
@@ -586,6 +569,8 @@ export declare interface AppBarProps {
      * * 'inherit'
      * * 'inverse'
      *
+     * @default light
+     *
      * @example
      * ```jsx
      * <AppBar themeColor="primary" />
@@ -647,7 +632,7 @@ export declare interface AppBarSectionHandle {
  */
 export declare interface AppBarSectionProps {
     /**
-     * Represents the children that are passed to the AppBarSection.
+     * Represents the child elements that are passed to the AppBarSection.
      */
     children?: any;
     /**
@@ -723,13 +708,13 @@ export declare interface AppBarSpacerProps {
      */
     style?: React_2.CSSProperties;
     /**
-     * Determines the children nodes.
+     * Determines the child nodes.
      */
     children?: React_2.ReactNode;
 }
 
 /**
- * Specifies the theme color of the AppBar ([see example]({% slug appearance_appbar %})).
+ * Specifies the AppBar theme color ([see example]({% slug appearance_appbar %})).
  *
  * * The possible values are:
  * * `light` (Default)
@@ -1001,7 +986,7 @@ export declare interface BottomNavigationEvent extends BaseEvent<BottomNavigatio
 }
 
 /**
- * The fill style of the BottomNavigation
+ * The BottomNavigation fill style
  * ([see example]({% slug appearance_bottomnavigation %}#toc-fill)).
  *
  * The possible values are:
@@ -1032,7 +1017,7 @@ export declare interface BottomNavigationHandle {
 export declare const BottomNavigationItem: React_2.ForwardRefExoticComponent<Omit<BottomNavigationItemProps, "ref"> & React_2.RefAttributes<BottomNavigationItemHandle | null>>;
 
 /**
- * Specifies how the icon and text label are positioned in each item of the BottomNavigation
+ * Specifies how the icon and text label are positioned in each BottomNavigation item
  * ([see example]({% slug content_types_bottomnavigation %}#toc-item-flow)).
  *
  * The possible values are:
@@ -1049,7 +1034,7 @@ export declare interface BottomNavigationItemHandle {
 }
 
 /**
- * The interface for describing items that can be passed to the `items` property of the BottomNavigation component.
+ * The interface for describing items that can be passed to the `items` prop of the BottomNavigation component.
  */
 export declare interface BottomNavigationItemProps {
     /**
@@ -1071,7 +1056,9 @@ export declare interface BottomNavigationItemProps {
      */
     style?: React.CSSProperties;
     /**
-     * Disables the BottomNavigation item.
+     * Disables the BottomNavigationItem.
+     *
+     * @default false
      *
      * @example
      * ```jsx
@@ -1080,7 +1067,9 @@ export declare interface BottomNavigationItemProps {
      */
     disabled?: boolean;
     /**
-     * Specifies if the BottomNavigation item is selected.
+     * Specifies if the BottomNavigationItem is selected.
+     *
+     * @default false
      *
      * @example
      * ```jsx
@@ -1090,7 +1079,7 @@ export declare interface BottomNavigationItemProps {
     selected?: boolean;
     /**
      * Defines the name for an existing icon in a KendoReact theme.
-     * The icon is rendered inside the BottomNavigation item by a `span.k-icon` element.
+     * The icon is rendered inside the BottomNavigationItem by a `span.k-icon` element.
      *
      * @example
      * ```jsx
@@ -1100,7 +1089,7 @@ export declare interface BottomNavigationItemProps {
     icon?: string;
     /**
      * Defines an SVG icon.
-     * The icon is rendered inside the BottomNavigation item.
+     * The icon is rendered inside the BottomNavigationItem.
      *
      * @example
      * ```jsx
@@ -1111,7 +1100,7 @@ export declare interface BottomNavigationItemProps {
      */
     svgIcon?: SVGIcon;
     /**
-     * Specifies the text content of the BottomNavigation item.
+     * Specifies the text content of the BottomNavigationItem.
      *
      * @example
      * ```jsx
@@ -1120,7 +1109,9 @@ export declare interface BottomNavigationItemProps {
      */
     text?: React.ReactNode;
     /**
-     * Sets the `tabIndex` property of the BottomNavigation item. Defaults to `0`.
+     * Sets the `tabIndex` prop of the BottomNavigationItem.
+     *
+     * @default 0
      *
      * @example
      * ```jsx
@@ -1129,7 +1120,7 @@ export declare interface BottomNavigationItemProps {
      */
     tabIndex?: number;
     /**
-     * Sets a custom property. Contained in the BottomNavItem props that are returned from the `onSelect` BottomNavigation event.
+     * Sets a custom prop. Contained in the BottomNavItem props that are returned from the `onSelect` BottomNavigation event.
      *
      * @example
      * ```jsx
@@ -1156,7 +1147,7 @@ export declare interface BottomNavigationItemProps {
 }
 
 /**
- * Specifies the position and behavior of the BottomNavigation when the page is scrolled
+ * Specifies the BottomNavigation position and behavior when the page is scrolled
  * ([see example]({% slug positioning_bottomnavigation %}#toc-position-mode)).
  *
  * The possible values are:
@@ -1199,7 +1190,7 @@ export declare interface BottomNavigationProps {
      */
     id?: string;
     /**
-     * Represents the `dir` HTML attribute. This is used to switch from LTR to RTL.
+     * Represents the `dir` HTML attribute. Use this to switch from LTR to RTL.
      *
      * @example
      * ```jsx
@@ -1208,7 +1199,7 @@ export declare interface BottomNavigationProps {
      */
     dir?: string;
     /**
-     * Specifies the theme color of the BottomNavigation
+     * Specifies the BottomNavigation theme color
      * ([see example]({% slug appearance_bottomnavigation %}#toc-theme-color)).
      *
      * The possible values are:
@@ -1223,6 +1214,8 @@ export declare interface BottomNavigationProps {
      * * `light` &mdash; Applies coloring based on the light theme color.
      * * `inverse` &mdash; Applies coloring based on the inverted theme color.
      *
+     * @default primary
+     *
      * @example
      * ```jsx
      * <BottomNavigation themeColor="primary" />
@@ -1230,22 +1223,18 @@ export declare interface BottomNavigationProps {
      */
     themeColor?: BottomNavigationThemeColor;
     /**
-     * **Deprecated**. Use `fillMode` prop instead.
-     *
-     * @deprecated
-     */
-    fill?: BottomNavigationFill;
-    /**
-     * The fill style of the BottomNavigation
+     * The BottomNavigation fill style
      * ([see example]({% slug appearance_bottomnavigation %}#toc-fill)).
      *
      * The possible values are:
      * * `flat`(Default) &mdash; Sets the theme color as the text color. The background will be white.
      * * `solid` &mdash; Sets the theme color as a background color.
+     *
+     * @default flat
      */
     fillMode?: BottomNavigationFill;
     /**
-     * Specifies the position and behavior of the BottomNavigation when the page is scrolled
+     * Specifies the BottomNavigation position and behavior when the page is scrolled
      * ([see example]({% slug positioning_bottomnavigation %}#toc-position-mode)).
      *
      * The possible values are:
@@ -1254,6 +1243,8 @@ export declare interface BottomNavigationProps {
      * and fixed CSS [`position`](https://developer.mozilla.org/en-US/docs/Web/CSS/position) property, depending on the scroll position.
      * It is positioned static until a given offset position is met in the viewport - then it "sticks" in place like `fixed` positionMode.
      *
+     * @default fixed
+     *
      * @example
      * ```jsx
      * <BottomNavigation positionMode="sticky" />
@@ -1261,13 +1252,15 @@ export declare interface BottomNavigationProps {
      */
     positionMode?: BottomNavigationPositionMode;
     /**
-     * Specifies how the icon and text label are positioned in each item of the BottomNavigation
+     * Specifies how the icon and text label are positioned in each BottomNavigation item
      * ([see example]({% slug content_types_bottomnavigation %}#toc-item-flow)).
      *
      * The possible values are:
      * * `vertical`(Default) &mdash; Renders the text below the icon.
      * * `horizontal` &mdash; Renders the text and the icon on the same line.
      *
+     * @default vertical
+     *
      * @example
      * ```jsx
      * <BottomNavigation itemFlow="horizontal" />
@@ -1277,6 +1270,8 @@ export declare interface BottomNavigationProps {
     /**
      * Sets a border to the BottomNavigation.
      *
+     * @default false
+     *
      * @example
      * ```jsx
      * <BottomNavigation border={true} />
@@ -1286,6 +1281,8 @@ export declare interface BottomNavigationProps {
     /**
      * Disables the whole BottomNavigation.
      *
+     * @default false
+     *
      * @example
      * ```jsx
      * <BottomNavigation disabled={true} />
@@ -1354,7 +1351,7 @@ export declare interface BottomNavigationSelectEvent extends BaseEvent<BottomNav
 }
 
 /**
- * Specifies the theme color of the BottomNavigationThemeColor.
+ * Specifies the BottomNavigation theme color.
  * ([see example]({% slug appearance_bottomnavigation %}#toc-theme-color)).
  *
  * The possible values are:
@@ -1396,7 +1393,7 @@ export declare interface BreadcrumbDelimiterHandle {
 }
 
 /**
- * Represents the properties of [BreadcrumbDelimiter](% slug api_layout_breadcrumbdelimiter %) component.
+ * Represents the props of [BreadcrumbDelimiter]({% slug api_layout_breadcrumbdelimiter %}) component.
  */
 export declare interface BreadcrumbDelimiterProps {
     /**
@@ -1440,7 +1437,7 @@ export declare interface BreadcrumbHandle {
 }
 
 /**
- * Represents the [BreadcrumbLink](% slug api_layout_breadcrumblink %) component.
+ * Represents the `BreadcrumbLink` component.
  *
  * @example
  * ```jsx
@@ -1528,7 +1525,7 @@ export declare interface BreadcrumbLinkMouseEvent extends BaseEvent<BreadcrumbLi
 }
 
 /**
- * Represents the properties of [BreadcrumbLink](% slug api_layout_breadcrumblink %) component.
+ * Represents the properties of [BreadcrumbLink]({% slug api_layout_breadcrumblink %}) component.
  */
 export declare interface BreadcrumbLinkProps {
     /**
@@ -1613,7 +1610,7 @@ export declare interface BreadcrumbListItemHandle {
 }
 
 /**
- * Represents the properties of [BreadcrumbListItem](% slug api_layout_breadcrumblistitem %) component.
+ * Represents the properties of [BreadcrumbListItem]({% slug api_layout_breadcrumblistitem %}) component.
  */
 export declare interface BreadcrumbListItemProps {
     /**
@@ -1662,7 +1659,7 @@ export declare interface BreadcrumbOrderedListHandle {
 }
 
 /**
- * Represents the properties of [BreadcrumbOrderedList](% slug api_layout_breadcrumborderedlist %) component.
+ * Represents the properties of [BreadcrumbOrderedList]({% slug api_layout_breadcrumborderedlist %}) component.
  */
 export declare interface BreadcrumbOrderedListProps {
     /**
@@ -1700,7 +1697,7 @@ export declare interface BreadcrumbOrderedListProps {
 }
 
 /**
- * Represents the properties of [Breadcrumb](% slug api_layout_breadcrumb %) component.
+ * Represents the props of [Breadcrumb]({% slug api_layout_breadcrumb %}) component.
  */
 export declare interface BreadcrumbProps {
     /**
@@ -1781,14 +1778,14 @@ export declare interface BreadcrumbProps {
      */
     data: DataModel[];
     /**
-     * Specifies the padding of all Breadcrumb elements.
+     * Specifies the Breadcrumb padding for all elements.
      *
      * The possible values are:
      * * `small`
      * * `medium`
      * * `large`
      *
-     * @default `medium`
+     * @default medium
      *
      * @example
      * ```jsx
@@ -1817,6 +1814,8 @@ export declare interface BreadcrumbProps {
     /**
      * Determines the `disabled` mode of the Breadcrumb. If `true`, the component is disabled.
      *
+     * @default false
+     *
      * @example
      * ```jsx
      * <Breadcrumb disabled={true} />
@@ -1826,6 +1825,8 @@ export declare interface BreadcrumbProps {
     /**
      * Represents the `value` field. Used for setting the key of the BreadcrumbListItem component and the `id` of the BreadcrumbLink component.
      *
+     * @default id
+     *
      * @example
      * ```jsx
      * <Breadcrumb valueField="customId" />
@@ -1835,6 +1836,8 @@ export declare interface BreadcrumbProps {
     /**
      * Represents the `text` field. Used for setting the `text` inside the BreadcrumbLink component.
      *
+     * @default text
+     *
      * @example
      * ```jsx
      * <Breadcrumb textField="customText" />
@@ -1844,6 +1847,8 @@ export declare interface BreadcrumbProps {
     /**
      * Represents the `icon` field. Used for setting the `icon` inside the BreadcrumbLink component.
      *
+     * @default icon
+     *
      * @example
      * ```jsx
      * <Breadcrumb iconField="customIcon" />
@@ -1853,6 +1858,8 @@ export declare interface BreadcrumbProps {
     /**
      * Represents the `iconClass` field. Used for setting the `iconClass` inside the BreadcrumbLink component.
      *
+     * @default iconClass
+     *
      * @example
      * ```jsx
      * <Breadcrumb iconClassField="customIconClass" />
@@ -2126,7 +2133,7 @@ export declare enum cardOrientation {
 
 export declare interface CardProps {
     /**
-     * Sets the Card children elements.
+     * Sets the Card child elements.
      *
      * @example
      * ```jsx
@@ -2164,7 +2171,7 @@ export declare interface CardProps {
      */
     className?: string;
     /**
-     * Sets the type of the Card.
+     * Sets the Card type.
      *
      * The supported values are:
      * * `default`
@@ -2174,6 +2181,8 @@ export declare interface CardProps {
      * * `warning`
      * * `error`
      *
+     * @default default
+     *
      * @example
      * ```jsx
      * <Card type="primary">Content</Card>
@@ -2181,12 +2190,14 @@ export declare interface CardProps {
      */
     type?: cardType | string;
     /**
-     * Sets the orientation of the Card.
+     * Sets the Card orientation.
      *
      * The supported values are:
      * * `horizontal` - Default
      * * `vertical`
      *
+     * @default horizontal
+     *
      * @example
      * ```jsx
      * <Card orientation="vertical">Content</Card>
@@ -2421,6 +2432,9 @@ export declare const DrawerContent: React_2.ForwardRefExoticComponent<DrawerCont
  * The DrawerContent ref.
  */
 export declare interface DrawerContentHandle {
+    /**
+     * The DrawerContent element.
+     */
     element: HTMLDivElement | null;
 }
 
@@ -2446,7 +2460,13 @@ export declare interface DrawerContentProps {
  * The Drawer ref.
  */
 export declare interface DrawerHandle {
+    /**
+     * The Drawer element.
+     */
     element: HTMLDivElement | null;
+    /**
+     * Focuses the Drawer component.
+     */
     focus: () => void;
 }
 
@@ -2524,6 +2544,8 @@ export declare interface DrawerItemProps {
      * ```jsx
      * <DrawerItem disabled={true} />
      * ```
+     *
+     * @default false
      */
     disabled?: boolean;
     /**
@@ -2553,6 +2575,8 @@ export declare interface DrawerItemProps {
      * ```jsx
      * <DrawerItem selected={true} />
      * ```
+     *
+     * @default false
      */
     selected?: boolean;
     /**
@@ -2562,6 +2586,8 @@ export declare interface DrawerItemProps {
      * ```jsx
      * <DrawerItem separator={true} />
      * ```
+     *
+     * @default false
      */
     separator?: boolean;
     /**
@@ -2584,12 +2610,13 @@ export declare interface DrawerItemProps {
     index?: number;
     /**
      * Sets the `tabIndex` property of the DrawerItem.
-     * Defaults to `0`.
      *
      * Example:
      * ```jsx
      * <DrawerItem tabIndex={1} />
      * ```
+     *
+     * @default 0
      */
     tabIndex?: number;
     /**
@@ -2682,15 +2709,20 @@ export declare interface DrawerProps {
      * ```jsx
      * <Drawer animation={{ duration: 300 }} />
      * ```
+     *
+     * @default true
      */
     animation?: boolean | DrawerAnimation;
     /**
-     * Specifies the state of the Drawer. Defaults to `false` ([see example]({% slug expanded_state_drawer %})).
+     * Specifies the state of the Drawer
+     * ([see example]({% slug expanded_state_drawer %})).
      *
      * Example:
      * ```jsx
      * <Drawer expanded={true} />
      * ```
+     *
+     * @default false
      */
     expanded?: boolean;
     /**
@@ -2717,21 +2749,27 @@ export declare interface DrawerProps {
      */
     dir?: string;
     /**
-     * Specifies the mode in which the Drawer will be displayed ([see example]({% slug display_modes_drawer %}#toc-expand-modes)).
+     * Specifies the mode in which the Drawer will be displayed
+     * ([see example]({% slug display_modes_drawer %}#toc-expand-modes)).
      *
      * Example:
      * ```jsx
      * <Drawer mode="push" />
      * ```
+     *
+     * @default 'overlay'
      */
     mode?: 'overlay' | 'push';
     /**
-     * Specifies the position of the Drawer ([see example]({% slug positioning_drawer %})).
+     * Specifies the position of the Drawer
+     * ([see example]({% slug positioning_drawer %})).
      *
      * Example:
      * ```jsx
      * <Drawer position="end" />
      * ```
+     *
+     * @default 'start'
      */
     position?: 'start' | 'end';
     /**
@@ -2748,34 +2786,42 @@ export declare interface DrawerProps {
      */
     tabIndex?: number;
     /**
-     * Enables the mini (compact) view of the Drawer which is displayed when the component is collapsed ([see example]({% slug display_modes_drawer %}#toc-mini-view)).
+     * Enables the mini (compact) view of the Drawer which is displayed when the component is collapsed
+     * ([see example]({% slug display_modes_drawer %}#toc-mini-view)).
      *
      * Example:
      * ```jsx
      * <Drawer mini={true} />
      * ```
+     *
+     * @default false
      */
     mini?: boolean;
     /**
-     * Defines the width of the Drawer when the mini view is enabled and the component is collapsed. Defaults to `50`.
+     * Defines the width of the Drawer when the mini view is enabled and the component is collapsed.
      *
      * Example:
      * ```jsx
      * <Drawer miniWidth={60} />
      * ```
+     *
+     * @default 50
      */
     miniWidth?: number;
     /**
-     * Defines the width of the Drawer when it is expanded. Defaults to `240`.
+     * Defines the width of the Drawer when it is expanded.
      *
      * Example:
      * ```jsx
      * <Drawer width={300} />
      * ```
+     *
+     * @default 240
      */
     width?: number;
     /**
-     * The collection of items that will be rendered in the Drawer ([see example]({% slug overview_drawer %})).
+     * The collection of items that will be rendered in the Drawer
+     * ([see example]({% slug overview_drawer %})).
      *
      * Example:
      * ```jsx
@@ -2784,7 +2830,8 @@ export declare interface DrawerProps {
      */
     items?: Array<DrawerItemProps>;
     /**
-     * Overrides the default component responsible for visualizing a single item ([see example]({% slug custom_rendering %})).
+     * Overrides the default component responsible for visualizing a single item
+     * ([see example]({% slug custom_rendering %})).
      *
      * Example:
      * ```jsx
@@ -2827,6 +2874,9 @@ export declare interface DrawerSelectEvent extends BaseEvent<DrawerHandle> {
     itemIndex: number;
 }
 
+/**
+ * Represents the event data props.
+ */
 declare interface EventDataProps {
     /**
      * A React Synthetic Event.
@@ -2837,7 +2887,7 @@ declare interface EventDataProps {
      */
     nativeEvent?: any;
     /**
-     * The selected card value.
+     * The selected TimelineEvent card value.
      */
     eventData: TimelineEventProps;
 }
@@ -2926,10 +2976,14 @@ export declare interface ExpansionPanelProps {
     tabIndex?: number;
     /**
      * Sets the `expanded` state of the ExpansionPanel.
+     *
+     * @default false
      */
     expanded?: boolean;
     /**
      * Sets the `disabled` state of the ExpansionPanel.
+     *
+     * @default false
      */
     disabled?: boolean;
     /**
@@ -3385,6 +3439,9 @@ export declare class MenuClassComponent extends React_2.Component<MenuProps, Men
     private inputItems;
     private items;
     private mouseOverHandler;
+    /**
+     * The current element or `null` if there is no one.
+     */
     get element(): HTMLDivElement | null;
     constructor(props: MenuProps);
     protected get animate(): boolean;
@@ -3581,12 +3638,15 @@ export declare interface MenuItemProps extends BaseMenuItem {
  */
 export declare interface MenuProps {
     /**
-     * Specifies whether the Menu will be vertical ([see example]({% slug vertical_menu %})).
+     * Specifies whether the Menu will be vertical
+     * ([see example]({% slug vertical_menu %})).
      *
      * @example
      * ```jsx
      * <Menu vertical />
      * ```
+     *
+     * @default false
      */
     vertical?: boolean;
     /**
@@ -3636,6 +3696,8 @@ export declare interface MenuProps {
      * ```jsx
      * <Menu animate={{ openDuration: 200, closeDuration: 200 }} />
      * ```
+     *
+     * @default true
      */
     animate?: boolean | PopupAnimation;
     /**
@@ -3650,21 +3712,26 @@ export declare interface MenuProps {
     /**
      * Specifies the delay in milliseconds before the Menu items are closed on
      * item mouse-leave ([see example]({% slug opening_closing_menu %}#toc-delay-on-hover)).
-     * Used to avoid accidental closure on leaving. Defaults to `100`.
+     * Used to avoid accidental closure on leaving.
      *
      * @example
      * ```jsx
      * <Menu hoverOpenDelay={200} />
      * ```
+     *
+     * @default 100
      */
     hoverOpenDelay?: number;
     /**
-     * Specifies the delay in milliseconds before the Menu items are closed on item mouse-leave ([see example]({% slug opening_closing_menu %}#toc-delay-on-hover)).
+     * Specifies the delay in milliseconds before the Menu items are closed on item mouse-leave
+     * ([see example]({% slug opening_closing_menu %}#toc-delay-on-hover)).
      *
      * @example
      * ```jsx
      * <Menu hoverCloseDelay={200} />
      * ```
+     *
+     * @default 100
      */
     hoverCloseDelay?: number;
     /**
@@ -3674,12 +3741,14 @@ export declare interface MenuProps {
      * ```jsx
      * <Menu openOnClick />
      * ```
+     *
+     * @default false
      */
     openOnClick?: boolean;
     /**
      * A React functional or class component which is used for rendering the innermost part of
-     *  the Menu item ([see example]({% slug rendering_menu %}#toc-items)).
-     *  By default, the innermost item part includes only the text for the item.
+     * the Menu item ([see example]({% slug rendering_menu %}#toc-items)).
+     * By default, the innermost item part includes only the text for the item.
      *
      * @example
      * ```jsx
@@ -3689,8 +3758,9 @@ export declare interface MenuProps {
      */
     itemRender?: any;
     /**
-     * A React functional or class component which is used for rendering the link of the item ([see example]({% slug rendering_menu %}#toc-links)).
-     *  The item link is a part of the visual representation of the item which, by default, includes an arrow, icon, and text.
+     * A React functional or class component which is used for rendering the link of the item
+     * ([see example]({% slug rendering_menu %}#toc-links)).
+     * The item link is a part of the visual representation of the item which, by default, includes an arrow, icon, and text.
      *
      * @example
      * ```jsx
@@ -3925,11 +3995,17 @@ export declare interface PanelBarItemProps {
      */
     headerClassName?: string;
     /**
-     * Sets the initial expanded state of the PanelBarItem ([see example]({% slug statesitems_panelbar %}#toc-expanded-items)). Controlled by the PanelBar component.
+     * Sets the initial expanded state of the PanelBarItem
+     * ([see example]({% slug statesitems_panelbar %}#toc-expanded-items)). Controlled by the PanelBar component.
+     *
+     * @default false
      */
     expanded?: boolean;
     /**
-     * Sets the disabled state of the PanelBarItem ([see example]({% slug statesitems_panelbar %}#toc-disabled-items)).
+     * Sets the disabled state of the PanelBarItem
+     * ([see example]({% slug statesitems_panelbar %}#toc-disabled-items)).
+     *
+     * @default false
      */
     disabled?: boolean;
     /**
@@ -3941,27 +4017,35 @@ export declare interface PanelBarItemProps {
      */
     level?: number;
     /**
-     * Defines an icon that will be rendered next to the title ([see example]({% slug titlesitems_panelbar %}#toc-adding-icons)).
+     * Defines an icon that will be rendered next to the title
+     * ([see example]({% slug titlesitems_panelbar %}#toc-adding-icons)).
      */
     icon?: string;
     /**
-     * Defines an SVG icon that will be rendered next to the title ([see example]({% slug titlesitems_panelbar %}#toc-adding-icons)).
+     * Defines an SVG icon that will be rendered next to the title
+     * ([see example]({% slug titlesitems_panelbar %}#toc-adding-icons)).
      */
     svgIcon?: SVGIcon;
     /**
-     * Defines an icon with a custom CSS class that will be rendered next to the title ([see example]({% slug titlesitems_panelbar %}#toc-adding-icons)).
+     * Defines an icon with a custom CSS class that will be rendered next to the title
+     * ([see example]({% slug titlesitems_panelbar %}#toc-adding-icons)).
      */
     iconClass?: string;
     /**
-     * Defines the location of the image that will be displayed next to the title ([see example]({% slug titlesitems_panelbar %}#toc-adding-images)).
+     * Defines the location of the image that will be displayed next to the title
+     * ([see example]({% slug titlesitems_panelbar %}#toc-adding-images)).
      */
     imageUrl?: string;
     /**
-     * Sets the initial selected state of the PanelBarItem. Controlled by the PanelBarItem component ([see example]({% slug statesitems_panelbar %}#toc-selected-items)).
+     * Sets the initial selected state of the PanelBarItem. Controlled by the PanelBarItem component
+     * ([see example]({% slug statesitems_panelbar %}#toc-selected-items)).
+     *
+     * @default false
      */
     selected?: boolean;
     /**
-     * Sets the title of the PanelBar item ([see example]({% slug titlesitems_panelbar %}#toc-getting-started)).
+     * Sets the title of the PanelBar item
+     * ([see example]({% slug titlesitems_panelbar %}#toc-getting-started)).
      */
     title?: React.ReactNode;
     /**
@@ -3981,7 +4065,8 @@ export declare interface PanelBarItemProps {
      */
     content?: any;
     /**
-     * Used to identify the PanelBarItems inside the PanelBar ([see example]({% slug controlling_state_panelbar %})). Does not depend on the state of the PanelBarItem.
+     * Used to identify the PanelBarItems inside the PanelBar
+     * ([see example]({% slug controlling_state_panelbar %})). Does not depend on the state of the PanelBarItem.
      */
     uniquePrivateKey?: string;
     /**
@@ -4035,6 +4120,8 @@ export declare interface PanelBarProps {
      * ```jsx
      * <PanelBar animation={false} />
      * ```
+     *
+     * @default true
      */
     animation?: boolean;
     /**
@@ -4042,12 +4129,14 @@ export declare interface PanelBarProps {
      *
      * The available modes are:
      * - `"single"`&mdash;Allows you to expand only one item at a time. The expanding of an item collapses the item that was previously expanded.
-     * - `"multiple"` (default)&mdash;Allows you to expand two or more items at a time. Items can also be toggled.
+     * - `"multiple"`&mdash;Allows you to expand two or more items at a time. Items can also be toggled.
      *
      * @example
      * ```jsx
      * <PanelBar expandMode="single" />
      * ```
+     *
+     * @default 'multiple'
      */
     expandMode?: PanelBarExpandMode;
     /**
@@ -4087,12 +4176,14 @@ export declare interface PanelBarProps {
      */
     focused?: string;
     /**
-     * Determines if the PanelBar items will be mounted after expand collapse. Defaults to `false`.
+     * Determines if the PanelBar items will be mounted after expand collapse.
      *
      * @example
      * ```jsx
      * <PanelBar keepItemsMounted />
      * ```
+     *
+     * @default false
      */
     keepItemsMounted?: boolean;
     /**
@@ -4102,6 +4193,8 @@ export declare interface PanelBarProps {
      * ```jsx
      * <PanelBar isControlled />
      * ```
+     *
+     * @default false
      */
     isControlled?: boolean;
     /**
@@ -4365,23 +4458,39 @@ export declare interface SplitterPaneProps extends KendoReactComponentBaseProps
      */
     max?: string;
     /**
-     * Specifies if the user is allowed to resize the pane and provide space for other panes ([see example]({% slug panes_splitter %}#toc-resizing)). If `resizable` is not specified, the resizing of the pane will be enabled.
+     * Specifies if the user is allowed to resize the pane and provide space for other panes
+     * ([see example]({% slug panes_splitter %}#toc-resizing)).
+     * If `resizable` is not specified, the resizing of the pane will be enabled.
+     *
+     * @default true
      */
     resizable?: boolean;
     /**
-     * Specifies if the user is allowed to hide the pane and provide space for other panes ([see example]({% slug panes_splitter %}#toc-collapsing)).
+     * Specifies if the user is allowed to hide the pane and provide space for other panes
+     * ([see example]({% slug panes_splitter %}#toc-collapsing)).
+     *
+     * @default false
      */
     collapsible?: boolean;
     /**
-     * Specifies the pane collapsed state ([see example]({% slug panes_splitter %}#toc-collapsing)).
+     * Specifies the pane collapsed state
+     * ([see example]({% slug panes_splitter %}#toc-collapsing)).
+     *
+     * @default false
      */
     collapsed?: boolean;
     /**
-     * Specifies if overflowing content is scrollable or hidden ([see example]({% slug panes_splitter %}#toc-scrolling)). If `scrollable` is not specified, the content will be scrollable.
+     * Specifies if overflowing content is scrollable or hidden
+     * ([see example]({% slug panes_splitter %}#toc-scrolling)).
+     * If `scrollable` is not specified, the content will be scrollable.
+     *
+     * @default true
      */
     scrollable?: boolean;
     /**
      * Specifies if the children of the pane should be mounted when it's in collapsed state.
+     *
+     * @default false
      */
     keepMounted?: boolean;
 }
@@ -4409,12 +4518,16 @@ export declare interface SplitterProps extends KendoReactComponentBaseProps {
      */
     defaultPanes?: SplitterPaneProps[];
     /**
-     * Specifies the orientation of the panes within the Splitter ([more information and examples]({% slug orientation_splitter %})). Panes in a horizontal Splitter are placed horizontally. Panes in a vertical Splitter are placed vertically.
+     * Specifies the orientation of the panes within the Splitter
+     * ([more information and examples]({% slug orientation_splitter %})).
+     * Panes in a horizontal Splitter are placed horizontally. Panes in a vertical Splitter are placed vertically.
      *
      * @example
      * ```jsx
      * <Splitter orientation="vertical" />
      * ```
+     *
+     * @default 'horizontal'
      */
     orientation?: 'vertical' | 'horizontal';
     /**
@@ -4507,7 +4620,7 @@ export declare interface StackLayoutHandle {
 }
 
 /**
- * Specifies the orientation of the StackLayout ([see example]({% slug layout_stacklayout %}#toc-orientation)).
+ * Specifies the StackLayout orientation ([see example]({% slug layout_stacklayout %}#toc-orientation)).
  *
  * The possible values are:
  * * (Default)`horizontal`
@@ -4541,12 +4654,14 @@ export declare interface StackLayoutProps {
      */
     gap?: number | string;
     /**
-     * Specifies the orientation of the StackLayout.
+     * Specifies the StackLayout orientation.
      * ([see example]({% slug layout_stacklayout %}#toc-orientation)).
      *
      * The possible values are:
      * * (Default)`horizontal`
      * * `vertical`
+     *
+     * @default horizontal
      */
     orientation?: StackLayoutOrientation;
     /**
@@ -4678,7 +4793,9 @@ export declare interface StepperHandle {
  */
 export declare interface StepperProps {
     /**
-     * Sets the duration of the Stepper animation in milliseconds. Defaults to `400ms`.
+     * Sets the Stepper animation duration in milliseconds.
+     *
+     * @default 400
      *
      * @example
      * ```jsx
@@ -4687,7 +4804,7 @@ export declare interface StepperProps {
      */
     animationDuration?: boolean | number;
     /**
-     * Represents the children elements passed to the Stepper.
+     * Represents the child elements passed to the Stepper.
      *
      * @example
      * ```jsx
@@ -4719,6 +4836,8 @@ export declare interface StepperProps {
     /**
      * Disables the entire Stepper.
      *
+     * @default false
+     *
      * @example
      * ```jsx
      * <Stepper disabled />
@@ -4767,6 +4886,8 @@ export declare interface StepperProps {
     /**
      * Specifies whether the Stepper enforces a linear flow ([see example]({% slug linear_mode_stepper %})).
      *
+     * @default false
+     *
      * @example
      * ```jsx
      * <Stepper linear />
@@ -4774,12 +4895,14 @@ export declare interface StepperProps {
      */
     linear?: boolean;
     /**
-     * Specifies the display mode of the Stepper ([see example]({% slug display_modes_stepper %})).
+     * Specifies the Stepper display mode ([see example]({% slug display_modes_stepper %})).
      *
      * The possible values are:
      * * (Default) `steps`&mdash;Renders step indicators and optional labels.
      * * `labels`&mdash;Renders labels only.
      *
+     * @default steps
+     *
      * @example
      * ```jsx
      * <Stepper mode="labels" />
@@ -4787,12 +4910,14 @@ export declare interface StepperProps {
      */
     mode?: 'steps' | 'labels';
     /**
-     * Specifies the orientation of the Stepper ([see example]({% slug orientation_stepper %})).
+     * Specifies the Stepper orientation ([see example]({% slug orientation_stepper %})).
      *
      * The possible values are:
      * * (Default) `horizontal`
      * * `vertical`
      *
+     * @default horizontal
+     *
      * @example
      * ```jsx
      * <Stepper orientation="vertical" />
@@ -4800,7 +4925,9 @@ export declare interface StepperProps {
      */
     orientation?: 'horizontal' | 'vertical';
     /**
-     * Indicates whether the selection will change upon focus change or require additional action (Enter or Space key press) to select the focused step. Defaults to `false`.
+     * Indicates whether the selection changes upon focus change or requires additional action (Enter or Space key press) to select the focused step.
+     *
+     * @default false
      *
      * @example
      * ```jsx
@@ -4871,7 +4998,7 @@ export declare interface StepperProps {
  */
 export declare interface StepProps {
     /**
-     * Represents the children that are passed to the Step.
+     * Represents the child elements that are passed to the Step.
      */
     children?: any;
     /**
@@ -4885,16 +5012,20 @@ export declare interface StepProps {
      */
     content?: any;
     /**
-     * Specifies the current Step.
+     * Specifies the Step as current.
+     *
+     * @default false
      */
     current?: boolean;
     /**
-     * Sets a custom property.
+     * Sets a custom prop.
      */
     [customProp: string]: any;
     /**
      * Specifies if the Step is disabled
      * ([see example]({% slug display_modes_stepper %})).
+     *
+     * @default false
      */
     disabled?: boolean;
     /**
@@ -4914,8 +5045,10 @@ export declare interface StepProps {
      */
     index?: number;
     /**
-     * Specifies the validity of the step
+     * Specifies the Step validity
      * ([see example]({% slug display_modes_stepper %})).
+     *
+     * @default true
      */
     isValid?: boolean;
     /**
@@ -4924,8 +5057,10 @@ export declare interface StepProps {
      */
     label?: string;
     /**
-     * Specifies if the step is optional. The validation is not applied to these steps
+     * Specifies if the Step is optional. The validation is not applied to these steps
      * ([see example]({% slug display_modes_stepper %})).
+     *
+     * @default false
      */
     optional?: boolean;
     /**
@@ -4934,7 +5069,8 @@ export declare interface StepProps {
     style?: React_2.CSSProperties;
     /**
      * Sets the `tabIndex` property of the Step.
-     * Defaults to `0`.
+     *
+     * @default 0
      */
     tabIndex?: number;
     /**
@@ -5448,14 +5584,6 @@ export declare interface TabStripScrollableProps {
      * @default 100
      */
     buttonScrollSpeed?: number;
-    /**
-     *  **Deprecated**. The mouse scroll is implemented via CSS and the property is no longer needed.
-     *
-     * @deprecated
-     *
-     * @default 10
-     */
-    mouseScrollSpeed?: number;
     /**
      * Sets the visibility of the scroll buttons.
      *
@@ -5527,7 +5655,9 @@ export declare class TabStripTab extends React_2.Component<TabStripTabProps, {}>
  */
 export declare interface TabStripTabProps {
     /**
-     * Defines whether a tab is disabled ([see example]({% slug tabs_tabstrip %}#toc-disabled-items)).
+     * Defines whether a TabStripTab is disabled ([see example]({% slug tabs_tabstrip %}#toc-disabled-items)).
+     *
+     * @default false
      */
     disabled?: boolean;
     /**
@@ -5535,7 +5665,7 @@ export declare interface TabStripTabProps {
      */
     children?: React_2.ReactNode;
     /**
-     * Sets the title of the tab ([see example]({% slug tabs_tabstrip %}#toc-titles)).
+     * Sets the TabStripTab title ([see example]({% slug tabs_tabstrip %}#toc-titles)).
      */
     title?: React_2.ReactNode;
     /**
@@ -5614,7 +5744,8 @@ export declare class TileLayout extends React_2.Component<TileLayoutProps, TileL
 /**
  * Controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the TileLayout.
  * For further reference, check [grid-auto-flow CSS](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow) article.
- * Defaults to `column`.
+ *
+ * @default column
  */
 export declare type TileLayoutAutoFlow = 'column' | 'row' | 'column dense' | 'row dense' | 'unset';
 
@@ -5624,22 +5755,24 @@ export declare type TileLayoutAutoFlow = 'column' | 'row' | 'column dense' | 'ro
 export declare interface TileLayoutGap {
     /**
      * The rows gap between tiles.
-     * Defaults to `16px`.
+     *
+     * @default 16px
      */
     rows?: number | string;
     /**
      * The columns gap between tiles.
-     * Defaults to `16px`.
+     *
+     * @default 16px
      */
     columns?: number | string;
 }
 
 /**
- * The interface for describing items that can be passed to the `items` property of the TileLayout component.
+ * The interface for describing items that can be passed to the `items` prop of the TileLayout component.
  */
 export declare interface TileLayoutItem {
     /**
-     * The position which is used when the TileLayout is in uncontrolled mode
+     * The TileLayoutItem position which is used when the TileLayout is in uncontrolled mode
      * ([see example]({% slug tiles_tilelayout %}#toc-position-and-dimensions)).
      */
     defaultPosition?: TilePosition;
@@ -5660,12 +5793,12 @@ export declare interface TileLayoutItem {
      */
     hintClassName?: string;
     /**
-     * Sets the title in the TileLayoutItem's header
+     * Sets the TileLayoutItem title in the header
      * ([see example]({% slug tiles_tilelayout %})).
      */
     header?: React.ReactNode;
     /**
-     * Sets the content in TileLayoutItem's body
+     * Sets the TileLayoutItem content in the body
      * ([see example]({% slug tiles_tilelayout %})).
      */
     body?: React.ReactNode;
@@ -5675,21 +5808,25 @@ export declare interface TileLayoutItem {
      */
     item?: React.ReactNode;
     /**
-     * Specifies if the user is allowed to resize the TileLayoutItem and in which direction
+     * Specifies if the user can resize the TileLayoutItem and in which direction
      * ([see example]({% slug tiles_tilelayout %}#toc-resizing)).
-     * If `resizable` is not specified, the resizing of the TileLayoutItem will be enabled for both directions.
+     * If `resizable` is not specified, the resizing of the TileLayoutItem is enabled for both directions.
+     *
+     * @default true
      */
     resizable?: TileResizeMode;
     /**
-     * Specifies if the user is allowed to reorder the TileLayoutItem by dragging and dropping it
+     * Specifies if the user can reorder the TileLayoutItem by dragging and dropping it
      * ([see example]({% slug tiles_tilelayout %}#toc-reordering)).
-     * If `reorderable` is not specified, the dragging functionality of the TileLayoutItem will be enabled.
+     * If `reorderable` is not specified, the dragging functionality of the TileLayoutItem is enabled.
+     *
+     * @default true
      */
     reorderable?: boolean;
 }
 
 /**
- * Represents the properties of [TileLayout](% slug overview_tilelayout %) component.
+ * Represents the props of the [TileLayout]({% slug overview_tilelayout %}) component.
  */
 export declare interface TileLayoutProps {
     /**
@@ -5720,7 +5857,7 @@ export declare interface TileLayoutProps {
      */
     className?: string;
     /**
-     * Represents the `dir` HTML attribute. This is used to switch from LTR to RTL.
+     * Represents the `dir` HTML attribute. Use this to switch from LTR to RTL.
      *
      * @example
      * ```jsx
@@ -5810,7 +5947,9 @@ export declare interface TileLayoutProps {
     /**
      * Controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the TileLayout.
      * For further reference, check [grid-auto-flow CSS](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow) article.
-     * Defaults to `column`
+     *
+     * @default column
+     *
      * ([see example]({% slug autoflows_tilelayout %})).
      *
      * @example
@@ -5821,8 +5960,8 @@ export declare interface TileLayoutProps {
     autoFlow?: TileLayoutAutoFlow;
     /**
      * Use this callback to prevent or allow dragging of the tiles based on specific DOM events.
-     * Setting `ignoreDrag={(e) => { return !(e.target.classList.contains("k-card-title")); }}` will make only the headers draggable.
-     * Setting `ignoreDrag={(e) => { return e.target.nodeName == "INPUT"; }}` will ignore dragging input elements.
+     * Setting `ignoreDrag={(e) => { return !(e.target.classList.contains("k-card-title")); }}` makes only the headers draggable.
+     * Setting `ignoreDrag={(e) => { return e.target.nodeName == "INPUT"; }}` ignores dragging input elements.
      *
      * @example
      * ```jsx
@@ -5860,30 +5999,32 @@ export declare interface TilePosition {
      */
     order?: number;
     /**
-     * (Required) Defines on which column-line the TileLayoutItem will start.
+     * Defines on which column-line the TileLayoutItem starts.
      * It is required in order reordering and resizing functionalities to work as expected as they rely on it.
      */
     col: number;
     /**
-     * Specifies how many columns will the TileLayoutItem spans.
-     * Defaults to `1`.
+     * Specifies how many columns the TileLayoutItem spans.
+     *
+     * @default 1
      */
     colSpan?: number;
     /**
-     * Defines on which row-line the TileLayoutItem will start.
+     * Defines on which row-line the TileLayoutItem starts.
      */
     row?: number;
     /**
-     * Specifies how many rows will the TileLayoutItem spans.
-     * Defaults to `1`.
+     * Specifies how many rows the TileLayoutItem spans.
+     *
+     * @default 1
      */
     rowSpan?: number;
 }
 
 /**
- * Specifies if the user is allowed to resize the TileLayoutItem and in which direction
+ * Specifies if the user can resize the TileLayoutItem and in which direction
  * ([see example]({% slug tiles_tilelayout %}#toc-resizing)).
- * If `resizable` is not specified, the resizing of the TileLayoutItem will be enabled for both directions.
+ * If `resizable` is not specified, the resizing of the TileLayoutItem is enabled for both directions.
  */
 export declare type TileResizeMode = 'horizontal' | 'vertical' | boolean;
 
@@ -5898,13 +6039,15 @@ export declare interface TileStrictPosition extends TilePosition {
      */
     order: number;
     /**
-     * Specifies how many rows will the TileLayoutItem spans.
-     * Defaults to `1`.
+     * Specifies how many rows the TileLayoutItem spans.
+     *
+     * @default 1
      */
     rowSpan: number;
     /**
-     * Specifies how many columns will the TileLayoutItem spans.
-     * Defaults to `1`.
+     * Specifies how many columns the TileLayoutItem spans.
+     *
+     * @default 1
      */
     colSpan: number;
 }
@@ -5925,7 +6068,9 @@ export declare interface TimelineDirectionsProps {
 
 export declare interface TimelineEventProps {
     /**
-     * Specifies if the event card is default collapsed.
+     * Specifies if the TimelineEvent card is default collapsed.
+     *
+     * @default false
      *
      * @example
      * ```jsx
@@ -5934,7 +6079,7 @@ export declare interface TimelineEventProps {
      */
     opened?: boolean;
     /**
-     * Specifies the text that is rendered as body of the event card.
+     * Specifies the text that is rendered as TimelineEvent card body.
      *
      * @example
      * ```jsx
@@ -5943,7 +6088,7 @@ export declare interface TimelineEventProps {
      */
     description: string;
     /**
-     * Represents the event point on the axis.
+     * Represents the TimelineEvent point on the axis.
      *
      * @example
      * ```jsx
@@ -5952,7 +6097,7 @@ export declare interface TimelineEventProps {
      */
     date: Date;
     /**
-     * Specifies the text that is rendered as the title of the event card.
+     * Specifies the text that is rendered as the TimelineEvent card title.
      *
      * @example
      * ```jsx
@@ -5961,7 +6106,7 @@ export declare interface TimelineEventProps {
      */
     title: string;
     /**
-     * Specifies the text that is rendered under the title.
+     * Specifies the text that is rendered under the `title`.
      *
      * @example
      * ```jsx
@@ -5970,7 +6115,7 @@ export declare interface TimelineEventProps {
      */
     subtitle?: string;
     /**
-     * Specifies the images that are rendered under the description.
+     * Specifies the images that are rendered under the `description`.
      *
      * @example
      * ```jsx
@@ -5982,7 +6127,7 @@ export declare interface TimelineEventProps {
         alt?: string;
     }[];
     /**
-     * Specifies the corresponding links that are rendered under the images.
+     * Specifies the corresponding links that are rendered under the `images`.
      *
      * @example
      * ```jsx
@@ -5994,14 +6139,14 @@ export declare interface TimelineEventProps {
         url: string;
     }[];
     /**
-     * @Hidden
+     * @hidden
      */
     yearFlag?: number;
 }
 
 export declare interface TimelineProps {
     /**
-     * The collection of events to be displayed in the Timeline.
+     * The collection of TimelineEvents to be displayed in the Timeline.
      *
      * @example
      * ```jsx
@@ -6019,7 +6164,9 @@ export declare interface TimelineProps {
      */
     className?: string;
     /**
-     * Specifies whether the event cards can be expanded or collapsed.
+     * Specifies whether the TimelineEvent cards can be expanded or collapsed.
+     *
+     * @default false
      *
      * @example
      * ```jsx
@@ -6030,6 +6177,8 @@ export declare interface TimelineProps {
     /**
      * Switches the Timeline to horizontal mode.
      *
+     * @default false
+     *
      * @example
      * ```jsx
      * <Timeline horizontal={true} events={[{ title: 'Event 1', date: new Date(), description: 'Details' }]} />
@@ -6037,7 +6186,9 @@ export declare interface TimelineProps {
      */
     horizontal?: boolean;
     /**
-     * The date format for displaying the event date.
+     * The date format for displaying the TimelineEvent date.
+     *
+     * @default MMM dd, yyyy
      *
      * @example
      * ```jsx
@@ -6046,7 +6197,9 @@ export declare interface TimelineProps {
      */
     dateFormat?: string;
     /**
-     * Renders events alternatingly on both sides of the axis.
+     * Renders TimelineEvents alternatingly on both sides of the axis.
+     *
+     * @default false
      *
      * @example
      * ```jsx
@@ -6055,7 +6208,7 @@ export declare interface TimelineProps {
      */
     alterMode?: boolean;
     /**
-     * Specifies the time for sliding to the next event in horizontal mode and collapsing the event in vertical mode.
+     * Specifies the time for sliding to the next TimelineEvent in horizontal mode and collapsing the TimelineEvent in vertical mode.
      * The default value are:
      * - `300ms` for horizontal
      * - `400ms` for vertical
@@ -6068,7 +6221,8 @@ export declare interface TimelineProps {
     transitionDuration?: number;
     /**
      * Enables keyboard navigation for the Timeline.
-     * By default, navigation is disabled.
+     *
+     * @default false
      *
      * @example
      * ```jsx
@@ -6077,7 +6231,7 @@ export declare interface TimelineProps {
      */
     navigatable?: boolean;
     /**
-     * Fires when an event card is toggled.
+     * Fires when a TimelineEvent card is toggled.
      *
      * @example
      * ```jsx
@@ -6086,7 +6240,7 @@ export declare interface TimelineProps {
      */
     onChange?: (event: EventDataProps) => void;
     /**
-     * Fires when a card action is clicked.
+     * Fires when a TimelineEvent card action is clicked.
      *
      * @example
      * ```jsx