@progress/kendo-vue-buttons 7.1.0-develop.6 → 7.1.0-develop.7

package/index.d.ts

@@ -45,7 +45,6 @@ default: () => any;
 svgIcon: PropType<SVGIcon>;
 iconSize: {
 type: PropType<string>;
-default: string;
 };
 iconClass: {
 type: PropType<string>;
@@ -60,25 +59,10 @@ disabled: {
 type: PropType<boolean>;
 default: any;
 };
-size: {
-type: PropType<"small" | "medium" | "large">;
-default: string;
-};
-shape: {
-type: PropType<string>;
-};
-rounded: {
-type: PropType<string>;
-default: string;
-};
-fillMode: {
-type: PropType<string>;
-default: string;
-};
-themeColor: {
-type: PropType<string>;
-default: string;
-};
+size: PropType<"small" | "medium" | "large">;
+rounded: PropType<"small" | "medium" | "large" | "full" | "none">;
+fillMode: PropType<"flat" | "link" | "solid" | "outline">;
+themeColor: PropType<"base" | "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "dark" | "light" | "inverse">;
 tabIndex: PropType<number>;
 accessKey: PropType<string>;
 id: PropType<string>;
@@ -139,7 +123,6 @@ default: () => any;
 svgIcon: PropType<SVGIcon>;
 iconSize: {
 type: PropType<string>;
-default: string;
 };
 iconClass: {
 type: PropType<string>;
@@ -154,25 +137,10 @@ disabled: {
 type: PropType<boolean>;
 default: any;
 };
-size: {
-type: PropType<"small" | "medium" | "large">;
-default: string;
-};
-shape: {
-type: PropType<string>;
-};
-rounded: {
-type: PropType<string>;
-default: string;
-};
-fillMode: {
-type: PropType<string>;
-default: string;
-};
-themeColor: {
-type: PropType<string>;
-default: string;
-};
+size: PropType<"small" | "medium" | "large">;
+rounded: PropType<"small" | "medium" | "large" | "full" | "none">;
+fillMode: PropType<"flat" | "link" | "solid" | "outline">;
+themeColor: PropType<"base" | "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "dark" | "light" | "inverse">;
 tabIndex: PropType<number>;
 accessKey: PropType<string>;
 id: PropType<string>;
@@ -190,14 +158,9 @@ onMouseup?: (event: MouseEvent) => any;
 onPointerdown?: (event: PointerEvent) => any;
 onPointerup?: (event: PointerEvent) => any;
 }>, {
-themeColor: string;
-size: "small" | "medium" | "large";
 icon: string;
-rounded: string;
 selected: boolean;
 disabled: boolean;
-fillMode: string;
-iconSize: string;
 togglable: boolean;
 iconClass: string;
 imageUrl: string;
@@ -313,13 +276,6 @@ export declare interface ButtonGroupProps extends ButtonGroupInterface, ButtonPr
  * Inherits the native HTML Button. Represents the properties which can be set to a Button.
  */
 declare interface ButtonInterface {
-    /**
-     * Adds visual weight to the Button and makes it primary ([see example]({% slug primary_button %})).
-     * **Deprecated**. Use [`themeColor`]({% slug api_buttons_buttonprops %}#toc-themecolor) prop instead.
-     *
-     * @deprecated
-     */
-    primary?: boolean;
     /**
      * Specifies if the Button is disabled ([see example]({% slug disabled_button %})). Defaults to `false`.
      */
@@ -468,35 +424,24 @@ export declare interface ButtonProps extends ButtonInterface {
      * - small
      * - medium
      * - large
-     * - null&mdash;Does not set a size `className`.
-     *
-     * @default `medium`
-     */
-    size?: null | 'small' | 'medium' | 'large';
-    /**
-     * Configures the `shape` of the Button.
-     *
-     * The available options are:
-     * - rectangle
-     * - square
-     * - null&mdash;Does not set a shape `class`.
      *
+     * @default `undefined`
      */
-    shape?: null | 'rectangle' | 'square' | string;
+    size?: 'small' | 'medium' | 'large';
     /**
      * Configures the `roundness` of the Button.
      *
      * The available options are:
+     * - none
      * - small
      * - medium
      * - large
      * - circle
      * - full
-     * - null&mdash;Does not set a rounded `className`.
      *
-     * @default `medium`
+     * @default `undefined`
      */
-    rounded?: null | 'small' | 'medium' | 'large' | 'full' | string;
+    rounded?: 'none' | 'small' | 'medium' | 'large' | 'full';
     /**
      * Configures the `fillMode` of the Button.
      *
@@ -505,11 +450,10 @@ export declare interface ButtonProps extends ButtonInterface {
      * - outline
      * - flat
      * - link
-     * - null&mdash;Does not set a fillMode `className`.
      *
-     * @default `solid`
+     * @default `undefined`
      */
-    fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | string;
+    fillMode?: 'solid' | 'outline' | 'flat' | 'link';
     /**
      * Configures the `themeColor` of the Button.
      *
@@ -524,11 +468,10 @@ export declare interface ButtonProps extends ButtonInterface {
      * - dark
      * - light
      * - inverse
-     * - null&mdash;Does not set a themeColor `className`.
      *
-     * @default `base`
+     * @default `undefined`
      */
-    themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'dark' | 'light' | 'inverse' | string;
+    themeColor?: 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'dark' | 'light' | 'inverse';
     /**
      * Sets the `tabIndex` property of the Button.
      */
@@ -624,23 +567,15 @@ selectedSvgIcon: {
 type: PropType<SVGIcon>;
 default: () => SVGIcon_2;
 };
-size: {
-type: PropType<"small" | "medium" | "large">;
-default: string;
-};
-rounded: {
-type: PropType<string>;
-default: string;
-};
+size: PropType<"small" | "medium" | "large">;
+rounded: PropType<"small" | "medium" | "large" | "full" | "none">;
 fillMode: {
-type: PropType<string>;
-default: string;
-validator: (value: any) => any;
+type: PropType<"flat" | "solid" | "outline">;
+validator: (value: string) => boolean;
 };
 themeColor: {
-type: PropType<string>;
-default: string;
-validator: (value: any) => any;
+type: PropType<"base" | "info" | "success" | "warning" | "error">;
+validator: (value: string) => boolean;
 };
 dataItem: PropType<any>;
 selected: PropType<boolean>;
@@ -710,23 +645,15 @@ selectedSvgIcon: {
 type: PropType<SVGIcon>;
 default: () => SVGIcon_2;
 };
-size: {
-type: PropType<"small" | "medium" | "large">;
-default: string;
-};
-rounded: {
-type: PropType<string>;
-default: string;
-};
+size: PropType<"small" | "medium" | "large">;
+rounded: PropType<"small" | "medium" | "large" | "full" | "none">;
 fillMode: {
-type: PropType<string>;
-default: string;
-validator: (value: any) => any;
+type: PropType<"flat" | "solid" | "outline">;
+validator: (value: string) => boolean;
 };
 themeColor: {
-type: PropType<string>;
-default: string;
-validator: (value: any) => any;
+type: PropType<"base" | "info" | "success" | "warning" | "error">;
+validator: (value: string) => boolean;
 };
 dataItem: PropType<any>;
 selected: PropType<boolean>;
@@ -744,12 +671,8 @@ onFocus?: (event: ChipFocusEvent) => any;
 onKeydown?: (event: ChipKeyboardEvent) => any;
 onRemove?: (event: ChipRemoveEvent) => any;
 }>, {
-themeColor: string;
-size: "small" | "medium" | "large";
 role: string;
-rounded: string;
 disabled: boolean;
-fillMode: string;
 dir: string;
 avatar: string | Object | Function;
 removable: boolean;
@@ -817,18 +740,11 @@ defaultValue: {
 type: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
 default: () => any;
 };
-size: {
-type: StringConstructor;
-default: string;
-};
-rounded: {
-type: StringConstructor;
-default: string;
-};
+size: StringConstructor;
+rounded: StringConstructor;
 fillMode: {
 type: StringConstructor;
-default: string;
-validator: (value: any) => any;
+validator: (value: string) => boolean;
 };
 selection: {
 type: StringConstructor;
@@ -896,18 +812,11 @@ defaultValue: {
 type: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
 default: () => any;
 };
-size: {
-type: StringConstructor;
-default: string;
-};
-rounded: {
-type: StringConstructor;
-default: string;
-};
+size: StringConstructor;
+rounded: StringConstructor;
 fillMode: {
 type: StringConstructor;
-default: string;
-validator: (value: any) => any;
+validator: (value: string) => boolean;
 };
 selection: {
 type: StringConstructor;
@@ -940,10 +849,7 @@ ariaDescribedBy: StringConstructor;
 onChange?: (event: ChipListChangeEvent) => any;
 onDatachange?: (event: ChipListDataChangeEvent) => any;
 }>, {
-size: string;
-rounded: string;
 disabled: boolean;
-fillMode: string;
 dir: string;
 defaultDataItems: unknown[];
 defaultValue: string | number | Record<string, any> | unknown[];
@@ -1061,24 +967,23 @@ export declare interface ChipListProps extends FormComponentProps, ChipProps {
      * - small
      * - medium
      * - large
-     * - null&mdash;Does not set a size `class`.
      *
-     * @default `medium`
+     * @default `undefined`
      */
-    size?: null | 'small' | 'medium' | 'large';
+    size?: 'small' | 'medium' | 'large';
     /**
      * Configures the `roundness` of the Chip.
      *
      * The available options are:
+     * - none
      * - small
      * - medium
      * - large
      * - full
-     * - null&mdash;Does not set a rounded `class`.
      *
-     * @default `medium`
+     * @default `undefined`
      */
-    rounded?: null | 'small' | 'medium' | 'large' | 'full' | string;
+    rounded?: 'none' | 'small' | 'medium' | 'large' | 'full';
     /**
      * Configures the `fillMode` of the Chip.
      *
@@ -1086,11 +991,10 @@ export declare interface ChipListProps extends FormComponentProps, ChipProps {
      * - solid
      * - outline
      * - flat
-     * - null&mdash;Does not set a fillMode `class`.
      *
-     * @default `solid`
+     * @default `undefined`
      */
-    fillMode?: null | 'solid' | 'outline' | 'flat' | string;
+    fillMode?: 'solid' | 'outline' | 'flat';
     /**
      * Represents the selection state of Chip component.
      */
@@ -1208,24 +1112,23 @@ export declare interface ChipProps {
      * - small
      * - medium
      * - large
-     * - null&mdash;Does not set a size `class`.
      *
-     * @default `medium`
+     * @default `undefined`
      */
-    size?: null | 'small' | 'medium' | 'large';
+    size?: 'small' | 'medium' | 'large';
     /**
      * Configures the `roundness` of the Chip.
      *
      * The available options are:
+     * - none
      * - small
      * - medium
      * - large
      * - full
-     * - null&mdash;Does not set a rounded `class`.
      *
-     * @default `medium`
+     * @default `undefined`
      */
-    rounded?: null | 'small' | 'medium' | 'large' | 'full' | string;
+    rounded?: 'none' | 'small' | 'medium' | 'large' | 'full';
     /**
      * Configures the `fillMode` of the Chip.
      *
@@ -1233,11 +1136,10 @@ export declare interface ChipProps {
      * - solid
      * - outline
      * - flat
-     * - null&mdash;Does not set a fillMode `class`.
      *
-     * @default `solid`
+     * @default `undefined`
      */
-    fillMode?: null | 'solid' | 'outline' | 'flat' | string;
+    fillMode?: 'solid' | 'outline' | 'flat';
     /**
      * Configures the `themeColor` of the Chip.
      *
@@ -1247,11 +1149,10 @@ export declare interface ChipProps {
      * - success
      * - warning
      * - error
-     * - null&mdash;Does not set a themeColor `class`.
      *
-     * @default `base`
+     * @default `undefined`
      */
-    themeColor?: null | 'base' | 'info' | 'success' | 'warning' | 'error' | string;
+    themeColor?: 'base' | 'info' | 'success' | 'warning' | 'error';
     /**
      * Triggered on Chip removing.
      */
@@ -1330,28 +1231,15 @@ imageUrl: PropType<string>;
 popupSettings: PropType<ButtonsPopupSettings_2>;
 itemRender: PropType<any>;
 item: PropType<any>;
-size: {
-type: PropType<"small" | "medium" | "large">;
-default: string;
-};
-shape: {
-type: PropType<string>;
-default: string;
-validator: (value: any) => any;
-};
-rounded: {
-type: PropType<string>;
-default: string;
-};
+size: PropType<"small" | "medium" | "large">;
+rounded: PropType<"small" | "medium" | "large" | "full" | "none">;
 fillMode: {
-type: PropType<string>;
-default: string;
-validator: (value: any) => any;
+type: PropType<"flat" | "link" | "solid" | "outline">;
+validator: (value: string) => boolean;
 };
 themeColor: {
-type: PropType<string>;
-default: string;
-validator: (value: any) => any;
+type: PropType<"base" | "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "dark" | "light" | "inverse">;
+validator: (value: string) => boolean;
 };
 opened: {
 type: PropType<boolean>;
@@ -1409,28 +1297,15 @@ imageUrl: PropType<string>;
 popupSettings: PropType<ButtonsPopupSettings_2>;
 itemRender: PropType<any>;
 item: PropType<any>;
-size: {
-type: PropType<"small" | "medium" | "large">;
-default: string;
-};
-shape: {
-type: PropType<string>;
-default: string;
-validator: (value: any) => any;
-};
-rounded: {
-type: PropType<string>;
-default: string;
-};
+size: PropType<"small" | "medium" | "large">;
+rounded: PropType<"small" | "medium" | "large" | "full" | "none">;
 fillMode: {
-type: PropType<string>;
-default: string;
-validator: (value: any) => any;
+type: PropType<"flat" | "link" | "solid" | "outline">;
+validator: (value: string) => boolean;
 };
 themeColor: {
-type: PropType<string>;
-default: string;
-validator: (value: any) => any;
+type: PropType<"base" | "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "dark" | "light" | "inverse">;
+validator: (value: string) => boolean;
 };
 opened: {
 type: PropType<boolean>;
@@ -1445,11 +1320,6 @@ onFocus?: (event: DropDownButtonFocusEvent) => any;
 onOpen?: (event: DropDownButtonOpenEvent) => any;
 onItemclick?: (event: DropDownButtonItemClickEvent) => any;
 }>, {
-themeColor: string;
-size: "small" | "medium" | "large";
-rounded: string;
-fillMode: string;
-shape: string;
 items: any[];
 opened: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
@@ -1590,36 +1460,24 @@ export declare interface DropDownButtonProps {
      * - small
      * - medium
      * - large
-     * - null&mdash;Does not set a size `className`.
      *
-     * @default `medium`
+     * @default `undefined`
      */
-    size?: null | 'small' | 'medium' | 'large';
-    /**
-     * Configures the `shape` of the Button.
-     *
-     * The available options are:
-     * - rectangle
-     * - square
-     * - null&mdash;Does not set a shape `className`.
-     *
-     * @default `rectangle`
-     */
-    shape?: null | 'rectangle' | 'square' | string;
+    size?: 'small' | 'medium' | 'large';
     /**
      * Configures the `roundness` of the Button.
      *
      * The available options are:
+     * - none
      * - small
      * - medium
      * - large
      * - circle
      * - full
-     * - null&mdash;Does not set a rounded `className`.
      *
-     * @default `medium`
+     * @default `undefined`
      */
-    rounded?: null | 'small' | 'medium' | 'large' | 'full' | string;
+    rounded?: 'none' | 'small' | 'medium' | 'large' | 'full';
     /**
      * Configures the `fillMode` of the Button.
      *
@@ -1628,11 +1486,10 @@ export declare interface DropDownButtonProps {
      * - outline
      * - flat
      * - link
-     * - null&mdash;Does not set a fillMode `className`.
      *
-     * @default `solid`
+     * @default `undefined`
      */
-    fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | string;
+    fillMode?: 'solid' | 'outline' | 'flat' | 'link';
     /**
      * Configures the `themeColor` of the Button.
      *
@@ -1647,11 +1504,10 @@ export declare interface DropDownButtonProps {
      * - dark
      * - light
      * - inverse
-     * - null&mdash;Does not set a themeColor `className`.
      *
-     * @default `base`
+     * @default `undefined`
      */
-    themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'dark' | 'light' | 'inverse' | string;
+    themeColor?: 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'dark' | 'light' | 'inverse';
     /**
      * Fires when the component is focused ([see example]({% slug events_dropdownbutton %})).
      */
@@ -1709,27 +1565,13 @@ popupSettings: {
 type: PropType<FloatingActionButtonPopupSettings_2>;
 default: () => {};
 };
-shape: {
-type: PropType<string>;
-default: () => FloatingActionButtonShape;
-};
-rounded: {
-type: PropType<string>;
-default: string;
-};
+rounded: PropType<"small" | "medium" | "large" | "full" | "none">;
 fillMode: {
-type: PropType<string>;
-default: string;
-validator: (value: any) => any;
-};
-size: {
-type: PropType<FloatingActionButtonSize>;
-default: () => FloatingActionButtonSize;
-};
-themeColor: {
-type: PropType<FloatingActionButtonThemeColor>;
-default: () => FloatingActionButtonThemeColor;
+type: PropType<"flat" | "link" | "solid" | "outline">;
+validator: (value: string) => boolean;
 };
+size: PropType<FloatingActionButtonSize>;
+themeColor: PropType<FloatingActionButtonThemeColor>;
 }>, {
 chipRef: Ref<any, any>;
 kendoAnchorRef: Ref<any, any>;
@@ -1801,27 +1643,13 @@ popupSettings: {
 type: PropType<FloatingActionButtonPopupSettings_2>;
 default: () => {};
 };
-shape: {
-type: PropType<string>;
-default: () => FloatingActionButtonShape;
-};
-rounded: {
-type: PropType<string>;
-default: string;
-};
+rounded: PropType<"small" | "medium" | "large" | "full" | "none">;
 fillMode: {
-type: PropType<string>;
-default: string;
-validator: (value: any) => any;
-};
-size: {
-type: PropType<FloatingActionButtonSize>;
-default: () => FloatingActionButtonSize;
-};
-themeColor: {
-type: PropType<FloatingActionButtonThemeColor>;
-default: () => FloatingActionButtonThemeColor;
+type: PropType<"flat" | "link" | "solid" | "outline">;
+validator: (value: string) => boolean;
 };
+size: PropType<FloatingActionButtonSize>;
+themeColor: PropType<FloatingActionButtonThemeColor>;
 }>> & Readonly<{
 onClick?: (event: FloatingActionButtonEvent) => any;
 onBlur?: (event: FloatingActionButtonEvent) => any;
@@ -1833,12 +1661,7 @@ onMouseup?: (event: FloatingActionButtonEvent) => any;
 onOpen?: (event: FloatingActionButtonEvent) => any;
 onItemclick?: (event: FloatingActionButtonItemEvent) => any;
 }>, {
-themeColor: FloatingActionButtonThemeColor;
-size: FloatingActionButtonSize;
-rounded: string;
 disabled: boolean;
-fillMode: string;
-shape: string;
 opened: boolean;
 align: FloatingActionButtonAlign;
 positionMode: FloatingActionButtonPositionMode;
@@ -2113,7 +1936,7 @@ export declare interface FloatingActionButtonProps extends Omit_2<any, 'onBlur'
     id?: string;
     /**
      * Specifies if the Floating Action Button is
-     *  disabled [see example]({% slug disabled_floatingactionbutton %}). Defaults to `false`.
+     *  disabled [see example]({% slug disabled_floatingactionbutton    %}). Defaults to `false`.
      */
     disabled?: boolean;
     /**
@@ -2188,34 +2011,20 @@ export declare interface FloatingActionButtonProps extends Omit_2<any, 'onBlur'
      * * 'absolute'
      */
     positionMode?: FloatingActionButtonPositionMode;
-    /**
-     * Specifies the shape of the Floating Action Button
-     * [see example]({% slug appearance_floatingactionbutton %}).
-     *
-     * The possible values are:
-     * * `pill`(Default)&mdash;Applies border radius equal to half of the height of the FloatingActionButton.
-     * If the Floating Action Button contains only icon, the shape will be circle.
-     * * `circle`&mdash;Applies circle shape on the FloatingActionButton.
-     * * `rectangle`&mdash;Applies no border radius on the FloatingActionButton.
-     * * `rounded`&mdash;Applies default border radius on the FloatingActionButton.
-     * * `square`&mdash;Applies square shape on the FloatingActionButton.
-     *
-     */
-    shape?: null | 'rectangle' | 'square' | string;
     /**
      * Configures the `roundness` of the Floating Action Button.
      *
      * The available options are:
+     * - none
      * - small
      * - medium
      * - large
      * - circle
      * - full
-     * - null&mdash;Does not set a rounded `class`.
      *
-     * @default `medium`
+     * @default `undefined`
      */
-    rounded?: null | 'small' | 'medium' | 'large' | 'full' | string;
+    rounded?: 'none' | 'small' | 'medium' | 'large' | 'full';
     /**
      * Configures the `fillMode` of the Floating Action Button.
      *
@@ -2224,11 +2033,10 @@ export declare interface FloatingActionButtonProps extends Omit_2<any, 'onBlur'
      * - outline
      * - flat
      * - link
-     * - null&mdash;Does not set a fillMode `class`.
      *
-     * @default `solid`
+     * @default `undefined`
      */
-    fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | string;
+    fillMode?: 'solid' | 'outline' | 'flat' | 'link';
     /**
      * Specifies the size of the Floating Action Button
      * [see example]({% slug appearance_floatingactionbutton %}).
@@ -2329,20 +2137,6 @@ export declare interface FloatingActionButtonProps extends Omit_2<any, 'onBlur'
     onClose?: (event: FloatingActionButtonEvent) => void;
 }
 
-/**
- * Specifies the shape of the Floating Action Button.
- *
- * The possible values are:
- * * `full`(Default)&mdash;Applies border radius equal to half of the height of the FloatingActionButton.
- * If the Floating Action Button contains only icon, the shape will be circle.
- * * `circle`&mdash;Applies circle shape on the FloatingActionButton.
- * * `rectangle`&mdash;Applies no border radius on the FloatingActionButton.
- * * `rounded`&mdash;Applies default border radius on the FloatingActionButton.
- * * `square`&mdash;Applies square shape on the FloatingActionButton.
- *
- */
-export declare type FloatingActionButtonShape = 'rectangle' | 'rounded' | 'pill' | 'circle' | 'square';
-
 /**
  * Specifies the size of the Floating Action Button.
  *
@@ -2434,28 +2228,15 @@ default: SVGIcon_2;
 };
 iconSize: {
 type: PropType<string>;
-default: string;
 };
 disabled: {
 type: PropType<boolean>;
 default: any;
 };
-size: {
-type: PropType<"small" | "medium" | "large">;
-default: string;
-};
-rounded: {
-type: PropType<string>;
-default: string;
-};
-fillMode: {
-type: PropType<string>;
-default: string;
-};
-themeColor: {
-type: PropType<string>;
-default: string;
-};
+size: PropType<"small" | "medium" | "large">;
+rounded: PropType<"small" | "medium" | "large" | "full" | "none">;
+fillMode: PropType<"flat" | "link" | "solid" | "outline">;
+themeColor: PropType<"base" | "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "dark" | "light" | "inverse">;
 title: {
 type: PropType<string>;
 default: string;
@@ -2506,28 +2287,15 @@ default: SVGIcon_2;
 };
 iconSize: {
 type: PropType<string>;
-default: string;
 };
 disabled: {
 type: PropType<boolean>;
 default: any;
 };
-size: {
-type: PropType<"small" | "medium" | "large">;
-default: string;
-};
-rounded: {
-type: PropType<string>;
-default: string;
-};
-fillMode: {
-type: PropType<string>;
-default: string;
-};
-themeColor: {
-type: PropType<string>;
-default: string;
-};
+size: PropType<"small" | "medium" | "large">;
+rounded: PropType<"small" | "medium" | "large" | "full" | "none">;
+fillMode: PropType<"flat" | "link" | "solid" | "outline">;
+themeColor: PropType<"base" | "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "dark" | "light" | "inverse">;
 title: {
 type: PropType<string>;
 default: string;
@@ -2539,12 +2307,7 @@ default: string;
 }>> & Readonly<{}>, {
 title: string;
 ariaLabel: string;
-themeColor: string;
-size: "small" | "medium" | "large";
-rounded: string;
 disabled: boolean;
-fillMode: string;
-iconSize: string;
 svgIcon: SVGIcon;
 lang: string;
 continuous: boolean;
@@ -2558,7 +2321,7 @@ export declare enum SpeechToTextButtonMode {
     None = "None"
 }
 
-export declare interface SpeechToTextButtonProps extends Omit<ButtonProps, 'shape'> {
+export declare interface SpeechToTextButtonProps extends ButtonProps {
     /**
      * The valid BCP 47 language tag to use for speech recognition. Defaults to `en-US`.
      */
@@ -2663,23 +2426,15 @@ tabIndex: PropType<number>;
 disabled: PropType<boolean>;
 icon: PropType<string>;
 svgIcon: PropType<SVGIcon>;
-size: {
-type: PropType<"small" | "medium" | "large">;
-default: string;
-};
-rounded: {
-type: PropType<string>;
-default: string;
-};
+size: PropType<"small" | "medium" | "large">;
+rounded: PropType<"small" | "medium" | "large" | "full" | "none">;
 fillMode: {
-type: PropType<string>;
-default: string;
-validator: (value: any) => any;
+type: PropType<"flat" | "link" | "solid" | "outline">;
+validator: (value: string) => boolean;
 };
 themeColor: {
-type: PropType<string>;
-default: string;
-validator: (value: any) => any;
+type: PropType<"base" | "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "dark" | "light" | "inverse">;
+validator: (value: string) => boolean;
 };
 opened: {
 type: PropType<boolean>;
@@ -2740,23 +2495,15 @@ tabIndex: PropType<number>;
 disabled: PropType<boolean>;
 icon: PropType<string>;
 svgIcon: PropType<SVGIcon>;
-size: {
-type: PropType<"small" | "medium" | "large">;
-default: string;
-};
-rounded: {
-type: PropType<string>;
-default: string;
-};
+size: PropType<"small" | "medium" | "large">;
+rounded: PropType<"small" | "medium" | "large" | "full" | "none">;
 fillMode: {
-type: PropType<string>;
-default: string;
-validator: (value: any) => any;
+type: PropType<"flat" | "link" | "solid" | "outline">;
+validator: (value: string) => boolean;
 };
 themeColor: {
-type: PropType<string>;
-default: string;
-validator: (value: any) => any;
+type: PropType<"base" | "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "dark" | "light" | "inverse">;
+validator: (value: string) => boolean;
 };
 opened: {
 type: PropType<boolean>;
@@ -2778,10 +2525,6 @@ onOpen?: (event: SplitButtonOpenEvent) => any;
 onItemclick?: (event: SplitButtonItemClickEvent) => any;
 onButtonclick?: (event: SplitButtonClickEvent) => any;
 }>, {
-themeColor: string;
-size: "small" | "medium" | "large";
-rounded: string;
-fillMode: string;
 items: any[];
 opened: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
@@ -2873,17 +2616,15 @@ default: () => any;
 };
 size: {
 type: PropType<"small" | "medium" | "large">;
-default: string;
-validator: (value: any) => any;
+validator: (value: string) => boolean;
 };
 fillMode: {
-type: PropType<string>;
-default: string;
-validator: (value: any) => any;
+type: PropType<"flat" | "solid" | "outline">;
+validator: (value: string) => boolean;
 };
 ariaLabel: PropType<string>;
 overflow: {
-type: PropType<"section" | "scroll" | "none">;
+type: PropType<"none" | "section" | "scroll">;
 default: string;
 validator: (value: any) => any;
 };
@@ -2953,17 +2694,15 @@ default: () => any;
 };
 size: {
 type: PropType<"small" | "medium" | "large">;
-default: string;
-validator: (value: any) => any;
+validator: (value: string) => boolean;
 };
 fillMode: {
-type: PropType<string>;
-default: string;
-validator: (value: any) => any;
+type: PropType<"flat" | "solid" | "outline">;
+validator: (value: string) => boolean;
 };
 ariaLabel: PropType<string>;
 overflow: {
-type: PropType<"section" | "scroll" | "none">;
+type: PropType<"none" | "section" | "scroll">;
 default: string;
 validator: (value: any) => any;
 };
@@ -2985,9 +2724,7 @@ default: number;
 onResize?: (event: ToolbarResizeEvent) => any;
 }>, {
 tabIndex: number;
-size: "small" | "medium" | "large";
-overflow: "section" | "scroll" | "none";
-fillMode: string;
+overflow: "none" | "section" | "scroll";
 dir: string;
 keyboardNavigation: boolean;
 buttons: string[];
@@ -3098,11 +2835,10 @@ export declare interface ToolbarProps extends ToolbarOverflowProps {
      * - `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;removes the styling related to the Toolbar sizing option
      *
-     * @default `medium`
+     * @default `undefined`
      */
-    size?: null | 'small' | 'medium' | 'large';
+    size?: 'small' | 'medium' | 'large';
     /**
      * Configures the `fillMode` of the Toolbar.
      *
@@ -3110,11 +2846,10 @@ export declare interface ToolbarProps extends ToolbarOverflowProps {
      * - 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.
      *
-     * @default `solid`
+     * @default `undefined`
      */
-    fillMode?: null | 'solid' | 'flat' | 'outline' | string;
+    fillMode?: 'solid' | 'flat' | 'outline';
     /**
      * Defines the `aria-label` HTML attribute of the Toolbar.
      */