@epam/ai-dial-ui-kit 0.5.0-rc.17 → 0.5.0-rc.19

package/dist/dial-ui-kit.es.js

@@ -2915,15 +2915,16 @@ const hv = {
   iconAfter: a,
   iconBefore: l,
   hideTitleOnMobile: c,
-  ariaLabel: d
+  ariaLabel: d,
+  type: u = "button"
 }) => {
-  const u = q(
+  const h = q(
     "dial-small-semi",
     a ? "mr-2" : "",
     l ? "ml-2" : "",
     c ? "hidden sm:inline" : "inline",
     o
-  ), h = q(
+  ), g = q(
     t && hv[t],
     s,
     "focus-visible:outline outline-offset-0"
@@ -2932,14 +2933,14 @@ const hv = {
     "button",
     {
       ref: i,
-      type: "button",
-      className: h,
-      onClick: (g) => n?.(g),
+      type: u,
+      className: g,
+      onClick: (p) => n?.(p),
       disabled: r,
       "aria-label": e || d,
       children: [
         /* @__PURE__ */ C(Ae, { icon: l }),
-        e && /* @__PURE__ */ C("span", { className: u, children: e }),
+        e && /* @__PURE__ */ C("span", { className: h, children: e }),
         /* @__PURE__ */ C(Ae, { icon: a })
       ]
     }

package/dist/src/components/Button/Button.d.ts

@@ -1,6 +1,7 @@
 import { FC, MouseEvent, ReactNode, Ref } from 'react';
 import { ButtonVariant } from '../../types/button';
 export interface DialButtonProps {
+    type?: 'button' | 'submit' | 'reset';
     variant?: ButtonVariant;
     cssClass?: string;
     textCssClass?: string;
@@ -27,6 +28,7 @@ export interface DialButtonProps {
  * ```
  *
  * @param [title] - The text content of the button
+ * @param [type='button'] - The HTML button type attribute
  * @param [variant=ButtonVariant.Primary] - Defines the visual style of the button
  * @param [cssClass] - Additional CSS classes to apply to the button
  * @param [textCssClass] - Additional CSS classes to apply specifically to the button text

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epam/ai-dial-ui-kit",
-  "version": "0.5.0-rc.17",
+  "version": "0.5.0-rc.19",
   "type": "module",
   "license": "Apache-2.0",
   "description": "A modern UI kit for building AI DIAL interfaces with React",