@epam/ai-dial-ui-kit 0.5.0-rc.43 → 0.5.0-rc.44

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

@@ -7227,8 +7227,8 @@ const p0 = "flex justify-end gap-2 px-6 py-4", f0 = "text-secondary dial-small-1
   open: t,
   disabled: s = !1,
   selectedValue: i,
-  valueClassNames: o,
-  inputClassNames: n,
+  valueClassName: o,
+  inputClassName: n,
   onOpen: r,
   elementId: a,
   errorText: l,
@@ -7317,8 +7317,8 @@ const p0 = "flex justify-end gap-2 px-6 py-4", f0 = "text-secondary dial-small-1
   selectedValue: i,
   radioButtons: o,
   customInputValue: n,
-  valueClassNames: r,
-  inputClassNames: a,
+  valueClassName: r,
+  inputClassName: a,
   emptyValueText: l,
   onClose: c,
   title: d,
@@ -7347,8 +7347,8 @@ const p0 = "flex justify-end gap-2 px-6 py-4", f0 = "text-secondary dial-small-1
         disabled: s,
         open: S,
         selectedValue: n ?? o.find((D) => D.id === i)?.name,
-        valueClassNames: r,
-        inputClassNames: Y(a, "py-2", "px-3"),
+        valueClassName: r,
+        inputClassName: Y(a, "py-2", "px-3"),
         emptyValueText: l,
         onOpen: x,
         children: /* @__PURE__ */ v(

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

@@ -5,8 +5,8 @@ export interface DialInputPopupProps {
     children: ReactNode;
     onOpen: () => void;
     disabled?: boolean;
-    valueClassNames?: string;
-    inputClassNames?: string;
+    valueClassName?: string;
+    inputClassName?: string;
     placeholder?: string;
     elementId?: string;
     errorText?: string;
@@ -26,8 +26,8 @@ export interface DialInputPopupProps {
  *   emptyValueText="No value selected"
  *   onOpen={() => setModalState(true)}
  *   disabled={false}
- *   valueClassNames="custom-value-class"
- *   inputClassNames="custom-input-class"
+ *   valueClassName="custom-value-class"
+ *   inputClassName="custom-input-class"
  *   elementId="input-modal"
  *   errorText="This field is required"
  * >
@@ -41,8 +41,8 @@ export interface DialInputPopupProps {
  * @param children - The content to render inside the modal when it is opened.
  * @param onOpen - A callback function triggered when the modal open button is clicked.
  * @param [disabled=false] - Whether the input is disabled, preventing user interaction.
- * @param [valueClassNames] - Additional CSS classes applied to the displayed value.
- * @param [inputClassNames] - Additional CSS classes applied to the input container.
+ * @param [valueClassName] - Additional CSS classes applied to the displayed value.
+ * @param [inputClassName] - Additional CSS classes applied to the input container.
  * @param [elementId] - A unique identifier for the input element, useful for accessibility and testing.
  * @param [errorText] - An optional error message displayed below the input when an error state is present.
  * @param [invalid] - Whether the input is in an invalid state, affecting styling. Applyed automatically if errorText is provided.

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

@@ -51,8 +51,8 @@ export interface RadioGroupPopupFieldProps extends Pick<DialFieldLabelProps, 'fi
  * @param [selectedValue] - Current value id used to resolve the displayed option name
  * @param radioButtons - Collection of radio options (id/name)
  * @param [customInputValue] - Custom value text to display instead of a radio option name
- * @param [valueClassNames] - Extra classes applied to the value text in the collapsed field
- * @param [inputClassNames] - Extra classes applied to the collapsed input container
+ * @param [valueClassName] - Extra classes applied to the value text in the collapsed field
+ * @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

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

@@ -46,7 +46,7 @@ export interface DialTabsProps {
  * @param [screenThreshold=ScreenResolution.Tablet] - Defines the screen size threshold
  *   below which tabs collapse into a dropdown. Uses the {@link ScreenRelosution} enum.
  *   When set to `Tablet`, both mobile and tablet screens will trigger dropdown mode.
- * @param [smallScreenContainerClassNames] - Optional CSS class applied to the dropdown container
+ * @param [smallScreenContainerClassName] - Optional CSS class applied to the dropdown container
  *   in small-screen (collapsed) mode.
  * @param [smallScreenDropdownItemClassName] - Optional CSS class applied to individual dropdown
  *   items in small-screen mode.

package/package.json

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