@progress/kendo-react-buttons 11.4.0-develop.1 → 11.4.0-develop.2

package/index.d.ts

@@ -9,6 +9,7 @@ import { Align } from '@progress/kendo-react-popup';
 import { BaseEvent } from '@progress/kendo-react-common';
 import { ButtonsClassStructure } from '@progress/kendo-react-common';
 import { default as default_2 } from 'prop-types';
+import { default as default_3 } from 'react';
 import { FormComponentProps } from '@progress/kendo-react-common';
 import { ForwardRefExoticComponent } from 'react';
 import { JSX } from 'react/jsx-runtime';
@@ -117,7 +118,7 @@ declare interface ButtonInterface {
      */
     disabled?: boolean;
     /**
-     * Sets the selected state of the Button. Can be used for controlled state.
+     * Sets the selected state of the Button. Can be used for controlled mode.
      */
     selected?: boolean;
     /**
@@ -129,7 +130,7 @@ declare interface ButtonInterface {
      */
     icon?: string;
     /**
-     * Defines the SVG icon rendered inside the Button component
+     * Defines the SVG icon rendered inside the Button component.
      */
     svgIcon?: SVGIcon;
     /**
@@ -214,84 +215,59 @@ export declare interface ButtonProps extends ButtonInterface, React_2.ButtonHTML
      */
     children?: React_2.ReactNode;
     /**
-     * Configures the `size` of the Button.
+     * Configures the `size` of the Button. See [Button Appearance](slug://appearance_button).
      *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - null—Does not set a size `className`.
-     *
-     * @default `medium`
+     * @default 'medium'
      */
     size?: null | 'small' | 'medium' | 'large';
     /**
-     * Configures the `roundness` of the Button.
+     * Configures the `roundness` of the Button. See [Button Appearance](slug://appearance_button).
      *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - full
-     * - null—Does not set a rounded `className`.
-     *
-     * @default `medium`
+     * @default 'medium'
      */
     rounded?: null | 'small' | 'medium' | 'large' | 'full';
     /**
-     * Sets the title htmlAttribute of the Button.
+     * Sets the `title` HTML attribute of the Button.
      */
     title?: string;
     /**
-     * Configures the `fillMode` of the Button.
+     * Configures the `fillMode` of the Button. See [Button Appearance](slug://appearance_button).
      *
-     * The available options are:
-     * - solid
-     * - outline
-     * - flat
-     * - link
-     * - clear
-     * - null—Does not set a fillMode `className`.
-     *
-     * @default `solid`
+     * @default 'solid'
      */
     fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | 'clear';
     /**
-     * Configures the `themeColor` of the Button.
-     *
-     * The available options are:
-     * - base
-     * - primary
-     * - secondary
-     * - tertiary
-     * - info
-     * - success
-     * - warning
-     * - error
-     * - dark
-     * - light
-     * - inverse
-     * - null—Does not set a themeColor `className`.
+     * Configures the `themeColor` of the Button. See [Button Appearance](slug://appearance_button).
      *
-     * @default `base`
+     * @default 'base'
      */
     themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';
     /**
-     * Sets an SVG icon or custom element before the content of the Button. For the custom component, we recommend
-     * using [Phrasing content](https://developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#phrasing_content)
-     * but there must be no [Interactive content](https://developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#interactive_content).
+     * Sets an SVG icon or custom element before the content of the Button. For the custom component, consider using
+     * [Phrasing content](https://developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#phrasing_content).
+     * Do not use [Interactive content](https://developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#interactive_content).
      */
     startIcon?: React_2.ReactNode;
     /**
-     * Sets an SVG icon or custom element after the content of the Button. For the custom component, we recommend
-     * using [Phrasing content](https://developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#phrasing_content)
-     * but there must be no [Interactive content](https://developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#interactive_content).
+     * Sets an SVG icon or custom element after the content of the Button. For the custom component, consider using
+     * [Phrasing content](https://developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#phrasing_content).
+     * Do not use [Interactive content](https://developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#interactive_content).
      */
     endIcon?: React_2.ReactNode;
     /**
      * The unstyled option classes.
      */
     unstyled?: ButtonsClassStructure;
+    /**
+     * @hidden
+     */
+    ariaPressed?: boolean;
+    /**
+     * Configures the `size` of the SVG icon displayed inside the Button.
+     *
+     * @default 'medium'
+     */
+    iconSize?: null | 'small' | 'medium' | 'large';
 }
 
 /**
@@ -2077,6 +2053,146 @@ export declare type FloatingActionButtonThemeColor = null | 'primary' | 'seconda
  */
 declare type Omit_2<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
 
+/**
+ * @hidden
+ */
+declare type Omit_3<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
+
+/**
+ * Represents a single recognition alternative from the speech engine.
+ */
+declare interface SpeechRecognitionAlternative_2 {
+    /**
+     * The transcript of the recognized speech.
+     */
+    transcript: string;
+    /**
+     * A confidence score for the transcript, where 0 indicates no confidence and 1 indicates complete confidence.
+     */
+    confidence: number;
+}
+
+/**
+ * Represents the [KendoReact SpeechToTextButton component](slug://overview_speechtotextbutton).
+ *
+ * @example
+ * ```jsx
+ * const App = () => {
+ *   return (
+ *     <SpeechToTextButton />
+ *   );
+ * };
+ *    ReactDOM.render(<App />, document.querySelector('my-app'));
+ * ```
+ */
+export declare const SpeechToTextButton: default_3.ForwardRefExoticComponent<SpeechToTextButtonProps & default_3.RefAttributes<SpeechToTextButtonHandle>>;
+
+/**
+ * The SpeechToTextButton ref.
+ */
+export declare interface SpeechToTextButtonHandle {
+    /**
+     * The `start` event callback that starts the speech recognition service listening to incoming audio with intent to recognize grammars.
+     */
+    start: () => void;
+    /**
+     * The `stop` event callback that stops the speech recognition service from listening to incoming audio, and attempts to return a result using the audio captured so far.
+     */
+    stop: () => void;
+    /**
+     * The `abort` event callback that stops the speech recognition service from listening to incoming audio, and doesn't attempt to return a result.
+     */
+    abort: () => void;
+    /**
+     * The `isActive` event callback that returns boolean value if the SpeechToTextButton is in active state.
+     */
+    isActive: () => boolean;
+}
+
+/**
+ * Represents the props of the [KendoReact SpeechToTextButton component](slug://overview_speechtotextbutton).
+ */
+export declare interface SpeechToTextButtonProps extends Omit_3<ButtonProps, 'onError'> {
+    /**
+     * The valid BCP 47 language tag to use for speech recognition. Defaults to `en-US`.
+     */
+    lang?: string;
+    /**
+     * Specifies whether the speech recognition should continue until explicitly stopped. Defaults to `false`.
+     */
+    continuous?: boolean;
+    /**
+     * Specifies whether to return interim results. Defaults to `false`.
+     */
+    interimResults?: boolean;
+    /**
+     * Specifies the maximum number of alternative transcriptions to return. Defaults to `1`.
+     */
+    maxAlternatives?: number;
+    /**
+     * Specifies which speech recognition engine or integration the component should use.
+     * This allows the component to operate in different environments or use alternative implementations.
+     */
+    integrationMode?: 'webSpeech' | 'none';
+    /**
+     * The accessible label of the component.
+     */
+    ariaLabel?: string;
+    /**
+     * Specifies if the SpeechToTextButton is disabled ([see example](slug://states_speechtotextbutton)). Defaults to `false`.
+     */
+    disabled?: boolean;
+    /**
+     * Sets additional classes to the SpeechToTextButton ([see example](slug://appearance_speechtotextbutton##custom-styling)).
+     */
+    className?: string;
+    /**
+     * Sets additional CSS styles to the SpeechToTextButton ([see example](slug://appearance_speechtotextbutton##custom-styling)).
+     */
+    style?: React.CSSProperties;
+    /**
+     * Callback function that is called when speech recognition starts.
+     */
+    onStart?: () => void;
+    /**
+     * Callback function that is called when a speech recognition result is available.
+     * The event contains the `isFinal` flag and an array of alternatives.
+     */
+    onResult?: (event: SpeechToTextResultEvent) => void;
+    /**
+     * Callback function that is called when speech recognition ends.
+     */
+    onEnd?: () => void;
+    /**
+     * Callback function that is called when an error occurs during speech recognition.
+     */
+    onError?: (event: SpeechToTextErrorEvent) => void;
+}
+
+/**
+ * The event argument for the `error` event of the SpeechToTextButton.
+ */
+export declare interface SpeechToTextErrorEvent {
+    /**
+     * Message detailing the cause of the speech recognition error. Use this message for debugging or user feedback.
+     */
+    errorMessage: string;
+}
+
+/**
+ * The event argument for the `result` event of the SpeechToTextButton.
+ */
+export declare interface SpeechToTextResultEvent {
+    /**
+     * Indicates whether the speech recognition result is final (`true`) or interim (`false`).
+     */
+    isFinal: boolean;
+    /**
+     * An array of possible recognition alternatives returned by the speech engine.
+     */
+    alternatives: SpeechRecognitionAlternative_2[];
+}
+
 /** @hidden */
 export declare const SplitButton: ForwardRefExoticComponent<SplitButtonProps & RefAttributes<any>>;
 

package/index.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./Button.js"),i=require("./ButtonGroup.js"),t=require("./ListButton/SplitButton.js"),a=require("./ListButton/SplitButtonItem.js"),o=require("./ListButton/DropDownButton.js"),p=require("./ListButton/DropDownButtonItem.js"),l=require("./toolbar/Toolbar.js"),B=require("./toolbar/tools/ToolbarItem.js"),c=require("./toolbar/tools/ToolbarSeparator.js"),s=require("./toolbar/tools/ToolbarSpacer.js"),D=require("./util.js"),m=require("./Chip/Chip.js"),S=require("./Chip/ChipList.js"),b=require("./FloatingActionButton/FloatingActionButton.js"),q=require("./FloatingActionButton/FloatingActionButtonItem.js"),n=require("@progress/kendo-react-common"),r=n.withIdHOC(o.DropDownButton);r.displayName="KendoReactDropDownButton";const e=n.withIdHOC(t.SplitButton);e.displayName="KendoReactSplitButton";exports.Button=u.Button;exports.ButtonGroup=i.ButtonGroup;exports.SplitButtonClassComponent=t.SplitButton;exports.SplitButtonItem=a.SplitButtonItem;exports.DropDownButtonClassComponent=o.DropDownButton;exports.DropDownButtonItem=p.DropDownButtonItem;exports.Toolbar=l.Toolbar;exports.ToolbarItem=B.ToolbarItem;exports.ToolbarSeparator=c.ToolbarSeparator;exports.ToolbarSpacer=s.ToolbarSpacer;exports.toolbarButtons=D.toolbarButtons;exports.Chip=m.Chip;exports.ChipList=S.ChipList;exports.FloatingActionButton=b.FloatingActionButton;exports.FloatingActionButtonItem=q.FloatingActionButtonItem;exports.DropDownButton=r;exports.SplitButton=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./Button.js"),i=require("./ButtonGroup.js"),t=require("./ListButton/SplitButton.js"),p=require("./ListButton/SplitButtonItem.js"),o=require("./ListButton/DropDownButton.js"),a=require("./ListButton/DropDownButtonItem.js"),l=require("./toolbar/Toolbar.js"),B=require("./toolbar/tools/ToolbarItem.js"),c=require("./toolbar/tools/ToolbarSeparator.js"),s=require("./toolbar/tools/ToolbarSpacer.js"),S=require("./util.js"),D=require("./Chip/Chip.js"),m=require("./Chip/ChipList.js"),T=require("./FloatingActionButton/FloatingActionButton.js"),q=require("./FloatingActionButton/FloatingActionButtonItem.js"),b=require("./SpeechToTextButton/SpeechToTextButton.js"),n=require("@progress/kendo-react-common"),e=n.withIdHOC(o.DropDownButton);e.displayName="KendoReactDropDownButton";const r=n.withIdHOC(t.SplitButton);r.displayName="KendoReactSplitButton";exports.Button=u.Button;exports.ButtonGroup=i.ButtonGroup;exports.SplitButtonClassComponent=t.SplitButton;exports.SplitButtonItem=p.SplitButtonItem;exports.DropDownButtonClassComponent=o.DropDownButton;exports.DropDownButtonItem=a.DropDownButtonItem;exports.Toolbar=l.Toolbar;exports.ToolbarItem=B.ToolbarItem;exports.ToolbarSeparator=c.ToolbarSeparator;exports.ToolbarSpacer=s.ToolbarSpacer;exports.toolbarButtons=S.toolbarButtons;exports.Chip=D.Chip;exports.ChipList=m.ChipList;exports.FloatingActionButton=T.FloatingActionButton;exports.FloatingActionButtonItem=q.FloatingActionButtonItem;exports.SpeechToTextButton=b.SpeechToTextButton;exports.DropDownButton=e;exports.SplitButton=r;

package/index.mjs

@@ -6,21 +6,22 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import { Button as l } from "./Button.mjs";
-import { ButtonGroup as f } from "./ButtonGroup.mjs";
+import { Button as B } from "./Button.mjs";
+import { ButtonGroup as l } from "./ButtonGroup.mjs";
 import { SplitButton as t } from "./ListButton/SplitButton.mjs";
-import { SplitButtonItem as x } from "./ListButton/SplitButtonItem.mjs";
+import { SplitButtonItem as s } from "./ListButton/SplitButtonItem.mjs";
 import { DropDownButton as r } from "./ListButton/DropDownButton.mjs";
 import { DropDownButtonItem as S } from "./ListButton/DropDownButtonItem.mjs";
 import { Toolbar as w } from "./toolbar/Toolbar.mjs";
-import { ToolbarItem as b } from "./toolbar/tools/ToolbarItem.mjs";
-import { ToolbarSeparator as I } from "./toolbar/tools/ToolbarSeparator.mjs";
+import { ToolbarItem as T } from "./toolbar/tools/ToolbarItem.mjs";
+import { ToolbarSeparator as d } from "./toolbar/tools/ToolbarSeparator.mjs";
 import { ToolbarSpacer as h } from "./toolbar/tools/ToolbarSpacer.mjs";
 import { toolbarButtons as y } from "./util.mjs";
 import { Chip as F } from "./Chip/Chip.mjs";
 import { ChipList as N } from "./Chip/ChipList.mjs";
 import { FloatingActionButton as $ } from "./FloatingActionButton/FloatingActionButton.mjs";
 import { FloatingActionButtonItem as H } from "./FloatingActionButton/FloatingActionButtonItem.mjs";
+import { SpeechToTextButton as O } from "./SpeechToTextButton/SpeechToTextButton.mjs";
 import { withIdHOC as o } from "@progress/kendo-react-common";
 const p = o(
   r
@@ -31,8 +32,8 @@ const n = o(
 );
 n.displayName = "KendoReactSplitButton";
 export {
-  l as Button,
-  f as ButtonGroup,
+  B as Button,
+  l as ButtonGroup,
   F as Chip,
   N as ChipList,
   p as DropDownButton,
@@ -40,12 +41,13 @@ export {
   S as DropDownButtonItem,
   $ as FloatingActionButton,
   H as FloatingActionButtonItem,
+  O as SpeechToTextButton,
   n as SplitButton,
   t as SplitButtonClassComponent,
-  x as SplitButtonItem,
+  s as SplitButtonItem,
   w as Toolbar,
-  b as ToolbarItem,
-  I as ToolbarSeparator,
+  T as ToolbarItem,
+  d as ToolbarSeparator,
   h as ToolbarSpacer,
   y as toolbarButtons
 };

package/messages/index.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="speechToTextButton.ariaLabel",t="speechToTextButton.title",o={[e]:"Start speech recognition",[t]:"Speech to Text Button"};exports.messages=o;exports.speechToTextAriaLabel=e;exports.speechToTextTitle=t;

package/messages/index.mjs

@@ -0,0 +1,16 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+const e = "speechToTextButton.ariaLabel", t = "speechToTextButton.title", o = {
+  [e]: "Start speech recognition",
+  [t]: "Speech to Text Button"
+};
+export {
+  o as messages,
+  e as speechToTextAriaLabel,
+  t as speechToTextTitle
+};

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-buttons",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1753686478,version:"11.4.0-develop.1",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-buttons",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1753690750,version:"11.4.0-develop.2",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = {
   productName: "KendoReact",
   productCode: "KENDOUIREACT",
   productCodes: ["KENDOUIREACT"],
-  publishDate: 1753686478,
-  version: "11.4.0-develop.1",
+  publishDate: 1753690750,
+  version: "11.4.0-develop.2",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-buttons",
-  "version": "11.4.0-develop.1",
+  "version": "11.4.0-develop.2",
   "description": "All you need in React Button in one package: disabled/enabled states, built-in styles and more. KendoReact Buttons package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -26,9 +26,10 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.6.0",
-    "@progress/kendo-react-common": "11.4.0-develop.1",
-    "@progress/kendo-react-intl": "11.4.0-develop.1",
-    "@progress/kendo-react-popup": "11.4.0-develop.1",
+    "@progress/kendo-webspeech-common": "^1.0.0",
+    "@progress/kendo-react-common": "11.4.0-develop.2",
+    "@progress/kendo-react-intl": "11.4.0-develop.2",
+    "@progress/kendo-react-popup": "11.4.0-develop.2",
     "@progress/kendo-svg-icons": "^4.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
@@ -63,7 +64,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1753686478,
+      "publishDate": 1753690750,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },