@epam/ai-dial-ui-kit 0.9.0-rc.21 → 0.9.0-rc.22

package/dist/src/components/AutocompleteInput/AutocompleteInputValue.d.ts

@@ -4,12 +4,13 @@ export interface DialAutocompleteInputValueProps {
     selectedItems?: string[];
     listClassName?: string;
     listElementClassName?: string;
+    collapseTagOverflow?: boolean;
 }
 /**
  * A component that displays a list of selected items in a customizable, styled list. Each item is
  * aliases: SelectedList|ItemDisplay
  *
- * rendered as a button wrapped in a tooltip, allowing for truncation and additional context when
+ * rendered as a tag wrapped in a tooltip, allowing for truncation and additional context when
  * hovered. The component is flexible and supports custom CSS classes for styling the list and
  * individual list items.
  *
@@ -19,12 +20,14 @@ export interface DialAutocompleteInputValueProps {
  *   selectedItems={['Item 1', 'Item 2', 'Item 3']}
  *   listClassName="custom-list-class"
  *   listElementClassName="custom-item-class"
+ *   collapseTagOverflow
  * />
  * ```
  *
  * @param [placeholder] - Placeholder text to display when no items are selected.
  * @param [selectedItems] - An array of strings representing the selected items to display. If empty or undefined, the component renders nothing.
- * @param [listClassName] - Additional CSS classes applied to the `<ul>` element containing the list of selected items.
- * @param [listElementClassName] - Additional CSS classes applied to each `<li>` element representing an individual selected item.
+ * @param [listClassName] - Additional CSS classes applied to the container element containing the list of selected items.
+ * @param [listElementClassName] - Additional CSS classes applied to each tag element representing an individual selected item.
+ * @param [collapseTagOverflow=false] - When true, keeps items on one line and shows `+N` chip with a tooltip for overflow items.
  */
 export declare const DialAutocompleteInputValue: FC<DialAutocompleteInputValueProps>;

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

@@ -1,7 +1,7 @@
 import { FC } from 'react';
 import { DialLabelProps } from '../Label/Label';
 export interface DialTagInputProps extends DialLabelProps {
-    elementId: string;
+    elementId?: string;
     initialTags?: string[];
     placeholder?: string;
     captionDescription?: string;
@@ -9,6 +9,9 @@ export interface DialTagInputProps extends DialLabelProps {
     invalid?: boolean;
     disabled?: boolean;
     collapseTagOverflow?: boolean;
+    readOnly?: boolean;
+    containerClassName?: string;
+    tagClassName?: string;
     onChange?: (tags: string[]) => void;
 }
 /**
@@ -40,6 +43,9 @@ export interface DialTagInputProps extends DialLabelProps {
  * @param [invalid=false] - Whether the field should be styled as invalid.
  * @param [disabled=false] - Whether the input and remove buttons are disabled.
  * @param [collapseTagOverflow=false] - When true, keeps tags on one line and shows `+N` for overflow.
+ * @param [readOnly=false] - When true, hides the text input (no new tags can be added). The outer wrapper and label/caption are also omitted so the component can be embedded inside an existing container.
+ * @param [containerClassName] - Additional CSS classes applied to the tag container (the flex row wrapping all tags).
+ * @param [tagClassName] - Additional CSS classes applied to each individual tag.
  * @param [onChange] - Callback fired whenever the tag list changes (tag added or removed).
  */
 export declare const DialTagInput: FC<DialTagInputProps>;

package/package.json

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