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

package/index.d.mts

@@ -51,15 +51,15 @@ declare interface ButtonGroupInterface {
     /**
      * By default, the ButtonGroup is enabled ([see example]({% slug disabledstate_buttongroup %})). To disable the whole group of buttons, set its `disabled` attribute to `true`. To disable a specific button, set its own `disabled` attribute to `true` and leave the `disabled` attribute of the ButtonGroup undefined.
      *
-     * If you define the `disabled` attribute of the ButtonGroup, it will take precedence over the `disabled` attributes of the underlying buttons and they will be ignored.
+     * If you define the `disabled` attribute of the ButtonGroup, it takes precedence over the `disabled` attributes of the underlying buttons and they are ignored.
      */
     disabled?: boolean;
     /**
      * Sets the width of the ButtonGroup.
      *
      * If the width of the ButtonGroup is set:
-     * - The buttons resize automatically to fill the full width of the group wrapper.
-     * - The buttons acquire the same width.
+     * — The buttons resize automatically to fill the full width of the group wrapper.
+     * — The buttons get the same width.
      */
     width?: string;
     /**
@@ -114,35 +114,39 @@ export declare interface ButtonHandle {
  */
 declare interface ButtonInterface {
     /**
-     * Specifies if the Button is disabled ([see example]({% slug disabled_button %})). Defaults to `false`.
+     * Specifies if the Button is disabled ([see example]({% slug disabled_button %})).
+     *
+     * @default false
      */
     disabled?: boolean;
     /**
-     * Sets the selected state of the Button. Can be used for controlled mode.
+     * Sets the selected state of the Button. You can use this for controlled mode.
      */
     selected?: boolean;
     /**
-     * Provides visual styling that indicates if the Button is selected ([see example]({% slug toggleable_button %})). Defaults to `false`.
+     * Provides visual styling that shows if the Button is selected ([see example]({% slug toggleable_button %})).
+     *
+     * @default false
      */
     togglable?: boolean;
     /**
-     * Defines the name for an existing icon in a KendoReact theme ([see example]({% slug icons_button %})). The icon is rendered inside the Button by a `span.k-icon` element.
+     * Defines the name for an existing icon in a KendoReact theme ([see example]({% slug icons_button %})). The icon renders inside the Button by a `span.k-icon` element.
      */
     icon?: string;
     /**
-     * Defines the SVG icon rendered inside the Button component.
+     * Defines the SVG icon that renders inside the Button component.
      */
     svgIcon?: SVGIcon;
     /**
-     * Defines a CSS class—or multiple classes separated by spaces—which are applied to a `span` element inside the Button ([see example]({% slug icons_button %})). Allows the usage of custom icons.
+     * Defines a CSS class — or multiple classes separated by spaces — which apply to a `span` element inside the Button ([see example]({% slug icons_button %})). Allows you to use custom icons.
      */
     iconClass?: string;
     /**
-     * Defines a URL which is used as an `img` element inside the Button ([see example]({% slug icons_button %})). The URL can be relative or absolute. If relative, it is evaluated with relation to the URL of the web page.
+     * Defines a URL which is used as an `img` element inside the Button ([see example]({% slug icons_button %})). The URL can be relative or absolute. If relative, it evaluates in relation to the URL of the web page.
      */
     imageUrl?: string;
     /**
-     * Defines the alternative text of the image rendered inside the Button component.
+     * Defines the alternative text of the image that renders inside the Button component.
      */
     imageAlt?: string;
 }
@@ -186,22 +190,55 @@ export declare interface ButtonItem {
  * The ButtonItem component renders each list item in the dropdown buttons list.
  */
 export declare interface ButtonItemProps {
+    /**
+     * Determines whether the item is focused.
+     */
     focused?: boolean;
+    /**
+     * The index of the item in the items list.
+     */
     index?: number;
+    /**
+     * A function that is fired when the item is clicked.
+     */
     onClick: (event: React_2.MouseEvent<HTMLLIElement, MouseEvent>, index?: number) => void;
+    /**
+     * A function that is fired when the mouse or pointer is pressed down on the item.
+     */
     onDown?: (event: React_2.PointerEvent<HTMLLIElement> | React_2.MouseEvent<HTMLLIElement, MouseEvent>) => void;
+    /**
+     * A React component for rendering the item.
+     */
     item?: null | React_2.ComponentType<{
         item: any;
         itemIndex: number;
     }>;
+    /**
+     * A function or React component for rendering the item. The default rendering includes an icon, an image, and text.
+     */
     render?: ((li: React_2.ReactElement<HTMLLIElement>, props: ButtonItemProps) => React_2.ReactNode) | React_2.ComponentType<{
         item: any;
         itemIndex: number;
     }>;
+    /**
+     * The data item represented by this button item.
+     */
     dataItem: any;
+    /**
+     * The id attribute of the item.
+     */
     id?: string;
+    /**
+     * The field of the data item that provides the text content of the item.
+     */
     textField?: string;
+    /**
+     * One or more CSS classes that will be added to the item element.
+     */
     className?: string;
+    /**
+     * Internal property for the unstyled rendering variant of the component.
+     */
     unstyled?: ButtonsClassStructure;
 }
 
@@ -263,7 +300,7 @@ export declare interface ButtonProps extends ButtonInterface, React_2.ButtonHTML
      */
     ariaPressed?: boolean;
     /**
-     * Configures the `size` of the SVG icon displayed inside the Button.
+     * Configures the `size` of the SVG icon that displays inside the Button.
      *
      * @default 'medium'
      */
@@ -487,7 +524,7 @@ export declare interface ChipListProps extends FormComponentProps, KendoMouse<Ch
      */
     defaultData?: any[];
     /**
-     * Triggered after Chip data change.
+     * Fires after Chip data change.
      *
      * @example
      * ```jsx
@@ -514,7 +551,7 @@ export declare interface ChipListProps extends FormComponentProps, KendoMouse<Ch
      */
     defaultValue?: any | any[];
     /**
-     * Triggered after value change.
+     * Fires after value change.
      *
      * @example
      * ```jsx
@@ -568,8 +605,8 @@ export declare interface ChipListProps extends FormComponentProps, KendoMouse<Ch
      */
     dir?: string;
     /**
-     * Identifies the element(s) which will describe the component, similar to [HTML aria-describedby attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute).
-     * For example these elements could contain error or hint message.
+     * Identifies the element(s) which describe the component, similar to [HTML aria-describedby attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute).
+     * For example, these elements could contain error or hint message.
      *
      * @example
      * ```jsx
@@ -578,7 +615,7 @@ export declare interface ChipListProps extends FormComponentProps, KendoMouse<Ch
      */
     ariaDescribedBy?: string;
     /**
-     * Identifies the element(s) which will label the component.
+     * Identifies the element(s) which label the component.
      *
      * @example
      * ```jsx
@@ -599,12 +636,12 @@ export declare interface ChipListProps extends FormComponentProps, KendoMouse<Ch
      * Configures the `size` of the ChipList.
      *
      * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - null&mdash;Does not set a size `className`.
+     * — `small`
+     * — `medium`
+     * — `large`
+     * — `null` — Does not set a size `className`.
      *
-     * @default `medium`
+     * @default 'medium'
      *
      * @example
      * ```jsx
@@ -792,7 +829,7 @@ export declare interface ChipProps {
      */
     selectedSvgIcon?: SVGIcon;
     /**
-     * Triggered on Chip removing.
+     * Fires on Chip removing.
      *
      * @example
      * ```jsx
@@ -801,7 +838,7 @@ export declare interface ChipProps {
      */
     onRemove?: (event: ChipRemoveEvent) => void;
     /**
-     * Triggered on `onClick` event.
+     * Fires on `onClick` event.
      *
      * @example
      * ```jsx
@@ -810,7 +847,7 @@ export declare interface ChipProps {
      */
     onClick?: (event: ChipMouseEvent) => void;
     /**
-     * Triggered on `onMouseDown` event.
+     * Fires on `onMouseDown` event.
      *
      * @example
      * ```jsx
@@ -819,7 +856,7 @@ export declare interface ChipProps {
      */
     onMouseDown?: (event: ChipMouseEvent) => void;
     /**
-     * Triggered on `onMouseUp` event.
+     * Fires on `onMouseUp` event.
      *
      * @example
      * ```jsx
@@ -828,7 +865,7 @@ export declare interface ChipProps {
      */
     onMouseUp?: (event: ChipMouseEvent) => void;
     /**
-     * Triggered on `onDoubleClick` event.
+     * Fires on `onDoubleClick` event.
      *
      * @example
      * ```jsx
@@ -837,7 +874,7 @@ export declare interface ChipProps {
      */
     onDoubleClick?: (event: ChipMouseEvent) => void;
     /**
-     * Triggered on `onMouseEnter` event.
+     * Fires on `onMouseEnter` event.
      *
      * @example
      * ```jsx
@@ -846,7 +883,7 @@ export declare interface ChipProps {
      */
     onMouseEnter?: (event: ChipMouseEvent) => void;
     /**
-     * Triggered on `onMouseLeave` event.
+     * Fires on `onMouseLeave` event.
      *
      * @example
      * ```jsx
@@ -855,7 +892,7 @@ export declare interface ChipProps {
      */
     onMouseLeave?: (event: ChipMouseEvent) => void;
     /**
-     * Triggered on `onMouseMove` event.
+     * Fires on `onMouseMove` event.
      *
      * @example
      * ```jsx
@@ -864,7 +901,7 @@ export declare interface ChipProps {
      */
     onMouseMove?: (event: ChipMouseEvent) => void;
     /**
-     * Triggered on `onMouseOut` event.
+     * Fires on `onMouseOut` event.
      *
      * @example
      * ```jsx
@@ -873,7 +910,7 @@ export declare interface ChipProps {
      */
     onMouseOut?: (event: ChipMouseEvent) => void;
     /**
-     * Triggered on `onMouseOver` event.
+     * Fires on `onMouseOver` event.
      *
      * @example
      * ```jsx
@@ -882,7 +919,7 @@ export declare interface ChipProps {
      */
     onMouseOver?: (event: ChipMouseEvent) => void;
     /**
-     * Triggered on `onKeyDown` event.
+     * Fires on `onKeyDown` event.
      *
      * @example
      * ```jsx
@@ -891,7 +928,7 @@ export declare interface ChipProps {
      */
     onKeyDown?: (event: ChipKeyboardEvent) => void;
     /**
-     * Triggered on `onFocus` event.
+     * Fires on `onFocus` event.
      *
      * @example
      * ```jsx
@@ -900,7 +937,7 @@ export declare interface ChipProps {
      */
     onFocus?: (event: ChipFocusEvent) => void;
     /**
-     * Triggered on `onBlur` event.
+     * Fires on `onBlur` event.
      *
      * @example
      * ```jsx
@@ -927,7 +964,7 @@ export declare interface ChipProps {
      */
     selected?: boolean;
     /**
-     * Identifies the element(s) which will describe the component, similar to an [HTML aria-describedby attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute).
+     * Identifies the element(s) which describe the component, similar to an [HTML aria-describedby attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute).
      * For example, these elements could contain an error or a hint message.
      *
      * @example
@@ -1249,58 +1286,58 @@ export declare interface DropDownButtonProps extends KendoReactComponentBaseProp
      * Configures the `size` of the DropDownButton.
      *
      * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - null&mdash;Does not set a size `className`.
+     * — `small`
+     * — `medium`
+     * — `large`
+     * — `null` — Does not set a size `className`.
      *
-     * @default `medium`
+     * @default 'medium'
      */
     size?: null | 'small' | 'medium' | 'large';
     /**
      * Configures the `roundness` of the DropDownButton.
      *
      * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - full
-     * - null&mdash;Does not set a rounded `className`.
+     * — `small`
+     * — `medium`
+     * — `large`
+     * — `full`
+     * — `null` — Does not set a rounded `className`.
      *
-     * @default `medium`
+     * @default 'medium'
      */
     rounded?: null | 'small' | 'medium' | 'large' | 'full';
     /**
      * Configures the `fillMode` of the DropDownButton.
      *
      * The available options are:
-     * - solid
-     * - outline
-     * - flat
-     * - link
-     * - null&mdash;Does not set a fillMode `className`.
+     * — `solid`
+     * — `outline`
+     * — `flat`
+     * — `link`
+     * — `null` — Does not set a fillMode `className`.
      *
-     * @default `solid`
+     * @default 'solid'
      */
     fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | 'clear';
     /**
      * Configures the `themeColor` of the DropDownButton.
      *
      * The available options are:
-     * - base
-     * - primary
-     * - secondary
-     * - tertiary
-     * - info
-     * - success
-     * - warning
-     * - error
-     * - dark
-     * - light
-     * - inverse
-     * - null&mdash;Does not set a themeColor `className`.
+     * — `base`
+     * — `primary`
+     * — `secondary`
+     * — `tertiary`
+     * — `info`
+     * — `success`
+     * — `warning`
+     * — `error`
+     * — `dark`
+     * — `light`
+     * — `inverse`
+     * — `null` — Does not set a themeColor `className`.
      *
-     * @default `base`
+     * @default 'base'
      */
     themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';
     /**
@@ -1578,7 +1615,6 @@ export declare interface FloatingActionButtonItemProps {
     children?: any;
     /**
      * Specifies if the Floating Action Button Item is disabled [see example]({% slug disabled_floatingactionbuttonitem %}).
-     * Defaults to `false`.
      *
      * @default false
      * @example
@@ -1588,16 +1624,16 @@ export declare interface FloatingActionButtonItemProps {
      */
     disabled?: boolean;
     /**
-     * Sets the index of the Floating Action Button Item that is used to identify it.
+     * Sets the index of the Floating Action Button Item that you use to identify it.
      */
     index?: number;
     /**
-     * Defines the icon rendered in the FloatingActionButtonItem
+     * Defines the icon that renders in the FloatingActionButtonItem
      * [see example]({% slug databinding_floatingactionbutton %}).
      */
     icon?: string;
     /**
-     * Defines the SVG icon rendered in the FloatingActionButtonItem.
+     * Defines the SVG icon that renders in the FloatingActionButtonItem.
      */
     svgIcon?: SVGIcon;
     /**
@@ -1606,8 +1642,9 @@ export declare interface FloatingActionButtonItemProps {
      */
     text?: string;
     /**
-     * Sets the `tabIndex` property of the FloatingActionButtonItem..
-     * Defaults to `0`.
+     * Sets the `tabIndex` property of the FloatingActionButtonItem.
+     *
+     * @default 0
      */
     tabIndex?: number;
     /**
@@ -1717,7 +1754,7 @@ export declare interface FloatingActionButtonProps extends Omit_2<React.ButtonHT
      */
     id?: string;
     /**
-     * Disables the Floating Action Button.
+     * Specifies if the FloatingActionButton is disabled.
      *
      * @default false
      * @example
@@ -1727,7 +1764,7 @@ export declare interface FloatingActionButtonProps extends Omit_2<React.ButtonHT
      */
     disabled?: boolean;
     /**
-     * Defines the icon rendered in the Floating Action Button.
+     * Defines the icon that renders in the FloatingActionButton.
      *
      * @example
      * ```jsx
@@ -1736,7 +1773,7 @@ export declare interface FloatingActionButtonProps extends Omit_2<React.ButtonHT
      */
     icon?: string;
     /**
-     * Defines the SVG icon rendered in the Floating Action Button.
+     * Defines the SVG icon that renders in the FloatingActionButton.
      *
      * @example
      * ```jsx
@@ -1765,19 +1802,19 @@ export declare interface FloatingActionButtonProps extends Omit_2<React.ButtonHT
      */
     text?: string;
     /**
-     * Specifies the horizontal and vertical offset of the Floating Action Button.
+     * Specifies the horizontal and vertical offset of the FloatingActionButton.
      * [see example]({% slug positioning_floatingactionbutton %}).
      *
-     * Normally, the floating button is positioned next to the boundaries of its container with a default offset of `16px`.
+     * Normally, the floating button positions next to the boundaries of its container with a default offset of `16px`.
      *
      * Positive offsets move floating buttons, which are in a corner, further from that corner. Buttons, which are
      * not in a corner, can be moved along the container's boundary or towards the center of the container.
      *
-     * A negative offset can be used to force a button to overflow the boundaries of its container.
+     * A negative offset can force a button to overflow the boundaries of its container.
      *
      * The possible keys are:
-     * * `x`&mdash;Sets the horizontal offset of the Floating Action Button.
-     * * `y`&mdash;Sets the vertical offset of the Floating Action Button.
+     * * `x` — Sets the horizontal offset of the FloatingActionButton.
+     * * `y` — Sets the vertical offset of the FloatingActionButton.
      *
      * @example
      * ```jsx
@@ -1786,22 +1823,22 @@ export declare interface FloatingActionButtonProps extends Omit_2<React.ButtonHT
      */
     alignOffset?: FloatingActionButtonAlignOffset;
     /**
-     * Specifies the alignment of the Floating Action Button within its container.
+     * Specifies the alignment of the FloatingActionButton within its container.
      * [see example]({% slug positioning_floatingactionbutton %}).
      *
-     * > Centering the Floating Action Button in both horizontal and vertical dimension is not a typical use case.
+     * > Centering the FloatingActionButton in both horizontal and vertical dimension is not a typical use case.
      * Still, it is possible to achieve such a layout with appropriate offsets. Setting horizontal: "center" and vertical: "middle"
      * at the same time is not supported.
      *
      * The possible keys are:
-     * * `horizontal`&mdash; Defines the possible horizontal alignment of the Floating Action Button..
-     *   * `start`&mdash;Uses the start point of the container.
-     *   * `center`&mdash;Uses the center point of the container.
-     *   * `end`(Default)&mdash;Uses the end point of the container
-     * * `vertical`&mdash; Defines the possible vertical alignment of the Floating Action Button..
-     *   * `top`&mdash;Uses the top point of the container.
-     *   * `middle`&mdash;Uses the middle point of the container.
-     *   * `bottom`(Default)&mdash;Uses the bottom point of the container.
+     * * `horizontal` — Defines the possible horizontal alignment of the FloatingActionButton.
+     *   * `start` — Uses the start point of the container.
+     *   * `center` — Uses the center point of the container.
+     *   * `end` (Default) — Uses the end point of the container
+     * * `vertical` — Defines the possible vertical alignment of the FloatingActionButton.
+     *   * `top` — Uses the top point of the container.
+     *   * `middle` — Uses the middle point of the container.
+     *   * `bottom` (Default) — Uses the bottom point of the container.
      *
      * @example
      * ```jsx
@@ -1826,14 +1863,14 @@ export declare interface FloatingActionButtonProps extends Omit_2<React.ButtonHT
      */
     positionMode?: FloatingActionButtonPositionMode;
     /**
-     * Specifies the size of the Floating Action Button.
+     * Specifies the size of the FloatingActionButton.
      * [see example]({% slug appearance_floatingactionbutton %}).
      *
      * The possible values are:
-     * * `small`&mdash;Applies half of the default padding, e.g. `8px`.
-     * * `medium` (Default)&mdash;Applies the default padding, e.g. `16px`.
-     * * `large`&mdash;Applies one and one half of the default padding, e.g. `24px`.
-     * * `null`&mdash;Does not set a size `className`.
+     * * `small` — Applies half of the default padding, e.g. `8px`.
+     * * `medium` (Default) — Applies the default padding, e.g. `16px`.
+     * * `large` — Applies one and one half of the default padding, e.g. `24px`.
+     * * `null` — Does not set a size `className`.
      *
      * @default 'medium'
      * @example
@@ -1862,7 +1899,7 @@ export declare interface FloatingActionButtonProps extends Omit_2<React.ButtonHT
      */
     rounded?: FloatingActionButtonRounded;
     /**
-     * Configures the theme color of the Floating Action Button.
+     * Configures the theme color of the FloatingActionButton.
      * [see example]({% slug appearance_floatingactionbutton %}).
      *
      * The possible values are:
@@ -2123,19 +2160,27 @@ export declare interface SpeechToTextButtonHandle {
  */
 export declare interface SpeechToTextButtonProps extends Omit_3<ButtonProps, 'onError' | 'endIcon' | 'startIcon' | 'selected' | 'imageAlt' | 'imageUrl' | 'togglable'> {
     /**
-     * The valid BCP 47 language tag to use for speech recognition. Defaults to `en-US`.
+     * The valid BCP 47 language tag to use for speech recognition.
+     *
+     * @default 'en-US'
      */
     lang?: string;
     /**
-     * Specifies whether the speech recognition should continue until explicitly stopped. Defaults to `false`.
+     * Specifies whether the speech recognition should continue until explicitly stopped.
+     *
+     * @default false
      */
     continuous?: boolean;
     /**
-     * Specifies whether to return interim results. Defaults to `false`.
+     * Specifies whether to return interim results.
+     *
+     * @default false
      */
     interimResults?: boolean;
     /**
-     * Specifies the maximum number of alternative transcriptions to return. Defaults to `1`.
+     * Specifies the maximum number of alternative transcriptions to return.
+     *
+     * @default 1
      */
     maxAlternatives?: number;
     /**
@@ -2148,7 +2193,9 @@ export declare interface SpeechToTextButtonProps extends Omit_3<ButtonProps, 'on
      */
     ariaLabel?: string;
     /**
-     * Specifies if the SpeechToTextButton is disabled ([see example](slug://states_speechtotextbutton)). Defaults to `false`.
+     * Specifies if the SpeechToTextButton is disabled ([see example](slug://states_speechtotextbutton)).
+     *
+     * @default false
      */
     disabled?: boolean;
     /**
@@ -2329,6 +2376,14 @@ export declare interface SplitButtonFocusEvent extends BaseEvent<SplitButtonClas
  * Represent the `ref` of the SplitButton component.
  */
 export declare interface SplitButtonHandle extends Pick<SplitButtonClassComponent, keyof SplitButtonClassComponent> {
+    /**
+     * The DOM element of main button.
+     */
+    element: HTMLButtonElement | null;
+    /**
+     * The props of the SplitButtonHandle component.
+     */
+    props: Readonly<SplitButtonProps>;
 }
 
 export declare class SplitButtonItem extends React_2.Component<SplitButtonItemProps, {}> {
@@ -2496,58 +2551,58 @@ export declare interface SplitButtonProps extends KendoReactComponentBaseProps {
      * Configures the `size` of the SplitButton.
      *
      * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - null&mdash;Does not set a size `className`.
+     * — `small`
+     * — `medium`
+     * — `large`
+     * — `null` — Does not set a size `className`.
      *
-     * @default `medium`
+     * @default 'medium'
      */
     size?: null | 'small' | 'medium' | 'large';
     /**
      * Configures the `roundness` of the SplitButton.
      *
      * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - full
-     * - null&mdash;Does not set a rounded `className`.
+     * — `small`
+     * — `medium`
+     * — `large`
+     * — `full`
+     * — `null` — Does not set a rounded `className`.
      *
-     * @default `medium`
+     * @default 'medium'
      */
     rounded?: null | 'small' | 'medium' | 'large' | 'full';
     /**
      * Configures the `fillMode` of the SplitButton.
      *
      * The available options are:
-     * - solid
-     * - outline
-     * - flat
-     * - link
-     * - null&mdash;Does not set a fillMode `className`.
+     * — `solid`
+     * — `outline`
+     * — `flat`
+     * — `link`
+     * — `null` — Does not set a fillMode `className`.
      *
-     * @default `solid`
+     * @default 'solid'
      */
     fillMode?: null | 'solid' | 'outline' | 'flat' | 'link';
     /**
      * Configures the `themeColor` of the SplitButton.
      *
      * The available options are:
-     * - base
-     * - primary
-     * - secondary
-     * - tertiary
-     * - info
-     * - success
-     * - warning
-     * - error
-     * - dark
-     * - light
-     * - inverse
-     * - null&mdash;Does not set a themeColor `className`.
+     * — `base`
+     * — `primary`
+     * — `secondary`
+     * — `tertiary`
+     * — `info`
+     * — `success`
+     * — `warning`
+     * — `error`
+     * — `dark`
+     * — `light`
+     * — `inverse`
+     * — `null` — Does not set a themeColor `className`.
      *
-     * @default `base`
+     * @default 'base'
      */
     themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';
 }
@@ -2777,12 +2832,12 @@ export declare interface ToolbarProps extends KendoReactComponentBaseProps, Tool
     /**
      * Configures the `size` of the Toolbar.
      * The available options are:
-     * - `small`&mdash;Sets the padding of the component to 4px 4px.
-     * - `medium`&mdash;Sets the padding of the component to 8px 8px.
-     * - `large`&mdash;Sets the padding of the component to 10px 10px.
-     * - `null`&mdash;This option removes the the built-in size styles of the Toolbar. Allows for custom `padding`.
+     * — `small` — Sets the padding of the component to 4px 4px.
+     * — `medium` — Sets the padding of the component to 8px 8px.
+     * — `large` — Sets the padding of the component to 10px 10px.
+     * — `null` — This option removes the the built-in size styles of the Toolbar. Allows for custom `padding`.
      *
-     * @default `medium`
+     * @default 'medium'
      * @example
      * ```jsx
      * <Toolbar size="large" />
@@ -2792,12 +2847,12 @@ export declare interface ToolbarProps extends KendoReactComponentBaseProps, Tool
     /**
      * Configures the `fillMode` of the Toolbar.
      * The available options are:
-     * - `solid`&mdash;Applies a `background` color and `solid borders`.
-     * - `flat`&mdash;Sets a `transparent background` and `solid bottom border`.
-     * - `outline`&mdash;Sets a `transparent background` and `solid borders`.
-     * - `null`&mdash;This option removes the built-in fill mode styles of the Toolbar. Allows for custom `background` and `border` styles.
+     * — `solid` — Applies a `background` color and `solid borders`.
+     * — `flat` — Sets a `transparent background` and `solid bottom border`.
+     * — `outline` — Sets a `transparent background` and `solid borders`.
+     * — `null` — This option removes the built-in fill mode styles of the Toolbar. Allows for custom `background` and `border` styles.
      *
-     * @default `solid`
+     * @default 'solid'
      * @example
      * ```jsx
      * <Toolbar fillMode="flat" />