@epam/ai-dial-ui-kit 0.6.0-rc.2 → 0.6.0-rc.4

package/README.md

@@ -73,9 +73,10 @@ import '@epam/ai-dial-ui-kit/styles.css';
 function App() {
   return (
     <div>
-      <DialButton 
-        className="dial-primary-button"
-        onClick={() => alert('Hello AI DIAL!')}
+      <DialButton
+        label="Click me"
+        variant={ButtonVariant.Primary}
+        onClick={() => console.log("Next.js + AI DIAL UI Kit!")}
       />
     </div>
   );

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

@@ -21,9 +21,18 @@ export interface DialButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<
  * />
  * ```
  *
+ * @example
+ * ```tsx
+ * <DialButton
+ *   label={<span>Custom <strong>Label</strong></span>}
+ *   aria-label="Custom Label"
+ *   onClick={handleClick}
+ * />
+ * ```
+ *
  * inherits all properties from the `ButtonHTMLAttributes<HTMLButtonElement>`
  *
- * @param [label] - The text content of the button
+ * @param [label] - The content of the button. Can be any React node.
  * @param [variant=ButtonVariant.Primary] - Defines the visual style of the button
  * @param [textClassName] - Additional CSS classes to apply specifically to the button text
  * @param [iconAfter] - Icon or element to display after the button text

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

@@ -24,7 +24,7 @@ export interface DialConfirmationPopupProps extends DialPopupProps {
  * ```tsx
  * <ConfirmationModal
  *   open
- *   title="Delete item?"
+ *   header="Delete item?"
  *   description="This action cannot be undone."
  *   confirmLabel="Delete"
  *   onClose={() => setOpen(false)}
@@ -32,7 +32,7 @@ export interface DialConfirmationPopupProps extends DialPopupProps {
  * />
  * ```
  *
- * @param title - Title content for the header
+ * @param header - Title content for the header
  * @param [description] - Secondary text (ignored when `children` set)
  * @param [descriptionClassName] - Custom CSS class for the description
  * @param [open=false] - Controls visibility of the popup

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

@@ -20,13 +20,13 @@ export interface DialFormPopupProps extends DialPopupProps {
  * ```tsx
  * <DialFormPopup
  *   open
- *   title="Create Model"
+ *   header="Create Model"
  *   onClose={() => setOpen(false)}
  *   onSubmit={handleSubmit}
  * />
  * ```
  *
- * @param title - Title content for the header
+ * @param header - Title content for the header
  * @param [open=false] - Controls visibility of the popup
  * @param [submitLabel="Submit"] - Label for the primary action button
  * @param [cancelLabel="Cancel"] - Label for the cancel button

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

@@ -55,7 +55,7 @@ export interface RadioGroupPopupFieldProps extends Pick<DialFieldLabelProps, 'fi
  * @param [inputClassName] - Extra classes applied to the collapsed input container
  * @param emptyValueText - Placeholder text when no value is selected
  * @param [onClose] - Callback fired when the popup closes
- * @param title - Title text shown in the popup header
+ * @param header - Title text shown in the popup header
  * @param [portalId] - Target portal id for rendering the popup
  * @param onApply - Callback fired when the Apply button is clicked
  * @param [cancelButtonTitle="Cancel"] - Text for the Cancel button

package/package.json

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