@eccenca/gui-elements 24.4.1-featurechatcomponentscmem6775.3 → 24.4.1-featurepreparefinalnextcmem6943.0

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

@@ -19,26 +19,6 @@ interface AdditionalButtonProps {
      * The button is displayed with primary color scheme.
      */
     elevated?: boolean;
-    /**
-     * The button is displayed with primary color scheme.
-     * @deprecated (v25) use `intent="primary"` instead.
-     */
-    hasStatePrimary?: boolean;
-    /**
-     * The button is displayed with success (some type of green) color scheme.
-     *  @deprecated (v25) use `intent="success"` instead.
-     */
-    hasStateSuccess?: boolean;
-    /**
-     * The button is displayed with warning (some type of orange) color scheme.
-     *  @deprecated (v25) use `intent="warning"` instead.
-     */
-    hasStateWarning?: boolean;
-    /**
-     * The button is displayed with danger (some type of red) color scheme.
-     *  @deprecated (v25) use `intent="danger"` instead.
-     */
-    hasStateDanger?: boolean;
     /**
      * Content displayed in a badge that is attached to the button.
      * By default it is displayed `{ size: "small", position: "top-right", maxLength: 2 }` and with the same intent state of the button.
@@ -72,5 +52,5 @@ export type ButtonProps = ExtendedButtonProps & ExtendedAnchorButtonProps;
  * Display a button element to enable user interaction.
  * It normally should trigger action when clicked.
  */
-export declare const Button: ({ children, className, affirmative, disruptive, elevated, hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, icon, rightIcon, tooltip, tooltipProps, badge, badgeProps, intent, ...restProps }: ButtonProps) => React.JSX.Element;
+export declare const Button: ({ children, className, affirmative, disruptive, elevated, icon, rightIcon, tooltip, tooltipProps, badge, badgeProps, intent, ...restProps }: ButtonProps) => React.JSX.Element;
 export default Button;

package/dist/types/components/Chat/ChatContent.d.ts

@@ -1,7 +1,9 @@
 import React from "react";
 import { TestableComponent } from "../../components/interfaces";
 import { MarkdownProps } from "./../../cmem/markdown/Markdown";
+import { ContextMenuProps } from "./../ContextOverlay/ContextMenu";
 import { DepictionProps } from "./../Depiction/Depiction";
+import { IconButtonProps } from "./../Icon/IconButton";
 import { OverflowTextProps } from "./../Typography";
 export interface ChatContentProps extends React.HTMLAttributes<HTMLDivElement>, TestableComponent {
     /**
@@ -36,26 +38,12 @@ export interface ChatContentProps extends React.HTMLAttributes<HTMLDivElement>,
      */
     markdownProps?: Omit<MarkdownProps, "children">;
     /**
-     * Callback handler if content should be expanded.
-     * Button to shrink/expand is displayed, depending on `shrinked` value.
-     * If this handler is given then the component never will change the `shrinked` state automatically.
+     * Could be used to add some type of toggle button or to include a context menu.
      */
-    onToggleSize?: () => void;
-    /**
-     * Content should dislayed shrinked.
-     * Button to expand content is displayed.
-     * Component can reduce content automatically to one line if `autoShrink` is set to `true`.
-     * If `onToggleSize` handler is not given then `autoShrink=true` is inferred and size toggling is automatically provided.
-     */
-    shrinked?: boolean;
-    /**
-     * Children elements are automatically shrinked to one line.
-     * If `shrinked` are not given then `shrinked=true` is infered.
-     */
-    autoShrink?: boolean;
+    actionButton?: React.ReactElement<IconButtonProps> | React.ReactElement<ContextMenuProps>;
 }
 /**
- * Component to display singe chat contents, including avatar and status line.
+ * Component to display single chat contents, including avatar and status line.
  */
-export declare const ChatContent: ({ className, children, statusLine, avatar, displayType, indentationSize, alignment, limitHeight, markdownProps, shrinked, autoShrink, onToggleSize, ...otherDivProps }: ChatContentProps) => React.JSX.Element;
+export declare const ChatContent: ({ className, children, statusLine, avatar, displayType, indentationSize, alignment, limitHeight, markdownProps, actionButton, ...otherDivProps }: ChatContentProps) => React.JSX.Element;
 export default ChatContent;

package/dist/types/components/Chat/ChatContentCollapsed.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+import { TextReducerProps } from "../TextReducer/TextReducer";
+import { ChatContentProps } from "./ChatContent";
+export interface ChatContentCollapsedProps {
+    children: React.ReactElement<ChatContentProps>;
+    /**
+     * Set this to `false` if the compoment should initally start in an expanded state.
+     */
+    collapsed?: boolean;
+    /**
+     * Use this to set extra `TextReducer` properties.
+     * This is used to create the collapsed variant of the given content.
+     */
+    textReducerProps?: Omit<TextReducerProps, "children">;
+    /**
+     * Text for collapse button.
+     */
+    textCollapse?: string;
+    /**
+     * Text for expand button.
+     */
+    textExpand?: string;
+}
+/**
+ * Adds an auto collapsing feature for convenience to `ChatContent`.
+ */
+export declare const ChatContentCollapsed: ({ children, collapsed, textReducerProps, textCollapse, textExpand, }: ChatContentCollapsedProps) => React.ReactElement<ChatContentProps, string | React.JSXElementConstructor<any>>;
+export default ChatContentCollapsed;

package/dist/types/components/Chat/ChatField.d.ts

@@ -16,5 +16,5 @@ export interface ChatFieldProps extends TextAreaProps, TestableComponent {
  * Component to input chat text.
  * Based on `TextArea` component.
  */
-export declare const ChatField: ({ className, onTextSubmit, rightElement, ...otherTextAreaProps }: ChatFieldProps) => React.JSX.Element;
+export declare const ChatField: ({ className, onTextSubmit, onChange, onKeyDown, rightElement, ...otherTextAreaProps }: ChatFieldProps) => React.JSX.Element;
 export default ChatField;

package/dist/types/components/Chat/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./ChatArea";
 export * from "./ChatContent";
+export * from "./ChatContentCollapsed";
 export * from "./ChatField";

package/dist/types/components/CodeAutocompleteField/index.d.ts

@@ -1 +1,5 @@
-export * from "./CodeAutocompleteField";
+import { AutoSuggestionList, AutoSuggestionListProps } from "./../AutoSuggestion/AutoSuggestionList";
+import { ExtendedCodeEditor, ExtendedCodeEditorProps } from "./../AutoSuggestion/ExtendedCodeEditor";
+export * from "./../AutoSuggestion/AutoSuggestion";
+export { AutoSuggestionList, ExtendedCodeEditor };
+export type { AutoSuggestionListProps, ExtendedCodeEditorProps };

package/dist/types/components/Dialog/Modal.d.ts

@@ -10,7 +10,7 @@ export interface ModalProps extends TestableComponent, BlueprintOverlayProps {
     /**
      * Size of the modal.
      */
-    size?: "tiny" | "small" | "regular" | "large" | "xlarge" | "fullscreen";
+    size?: ModalSize;
     /**
      * Prevents that a backdrop area is displayed behind the modal elements.
      */
@@ -33,6 +33,7 @@ export interface ModalProps extends TestableComponent, BlueprintOverlayProps {
      */
     forceTopPosition?: boolean;
 }
+export type ModalSize = "tiny" | "small" | "regular" | "large" | "xlarge" | "fullscreen";
 /**
  * Displays contents on top of other elements, used to create dialogs.
  * For most situations the usage of `SimpleDialog` and `AlertDialog` should be sufficient.

package/dist/types/components/Dialog/SimpleDialog.d.ts

@@ -54,7 +54,6 @@ export declare const modalPreventEvents: {
     onDrag: (event: BaseSyntheticEvent) => void;
     onDragStart: (event: BaseSyntheticEvent) => void;
     onDragEnd: (event: BaseSyntheticEvent) => void;
-    onMouseDown: (event: BaseSyntheticEvent) => void;
     onMouseUp: (event: BaseSyntheticEvent) => void;
     onClick: (event: BaseSyntheticEvent) => void;
 };

package/dist/types/components/Form/FieldItem.d.ts

@@ -3,30 +3,6 @@ import { IntentTypes } from "../../common/Intent";
 import { TestableComponent } from "../interfaces";
 import { LabelProps } from "../Label/Label";
 export interface FieldItemProps extends React.HTMLAttributes<HTMLDivElement>, TestableComponent {
-    /**
-     * Set primary state.
-     * This is not routed through automatically.
-     * @deprecated (v25) use `intent="primary"` instead.
-     */
-    hasStatePrimary?: boolean;
-    /**
-     * Set success state.
-     * This is not routed through automatically.
-     * @deprecated (v25) use `intent="success"` instead.
-     */
-    hasStateSuccess?: boolean;
-    /**
-     * Set warning state.
-     * This is not routed through automatically.
-     * @deprecated (v25) use `intent="warning"` instead.
-     */
-    hasStateWarning?: boolean;
-    /**
-     * Set danger state.
-     * This is not routed through automatically.
-     * @deprecated (v25) use `intent="danger"` instead.
-     */
-    hasStateDanger?: boolean;
     /**
      * Intent state of the field item.
      */
@@ -55,5 +31,5 @@ export interface FieldItemProps extends React.HTMLAttributes<HTMLDivElement>, Te
 /**
  * Form element that manages the combination of label, helper texts, input element and feedback messages.
  */
-export declare const FieldItem: ({ hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, children, className, disabled, labelProps, helperText, messageText, intent, ...otherProps }: FieldItemProps) => React.JSX.Element;
+export declare const FieldItem: ({ children, className, disabled, labelProps, helperText, messageText, intent, ...otherProps }: FieldItemProps) => React.JSX.Element;
 export default FieldItem;

package/dist/types/components/Form/FieldSet.d.ts

@@ -6,26 +6,6 @@ export interface FieldSetProps extends Omit<React.FieldsetHTMLAttributes<HTMLFie
      * Background color of the box is set automatically regarding the set intent state.
      */
     boxed?: boolean;
-    /**
-     * The fieldsetsection is displayed with primary color scheme.
-     * @deprecated (v25) use `intent="primary"` instead.
-     */
-    hasStatePrimary?: boolean;
-    /**
-     * The fieldset section is displayed with success (some type of green) color scheme.
-     * @deprecated (v25) use `intent="success"` instead.
-     */
-    hasStateSuccess?: boolean;
-    /**
-     * The fieldset section is displayed with warning (some type of orange) color scheme.
-     * @deprecated (v25) use `intent="warning"` instead.
-     */
-    hasStateWarning?: boolean;
-    /**
-     * The fieldsetsection is displayed with danger (some type of red) color scheme.
-     * @deprecated (v25) use `intent="danger"` instead.
-     */
-    hasStateDanger?: boolean;
     /**
      * Intent state of the field item.
      */
@@ -48,5 +28,5 @@ export interface FieldSetProps extends Omit<React.FieldsetHTMLAttributes<HTMLFie
 /**
  * Displays a group of input elements.
  */
-export declare const FieldSet: ({ boxed, children, className, hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, intent, helperText, messageText, title, ...otherProps }: FieldSetProps) => React.JSX.Element;
+export declare const FieldSet: ({ boxed, children, className, intent, helperText, messageText, title, ...otherProps }: FieldSetProps) => React.JSX.Element;
 export default FieldSet;

package/dist/types/components/Icon/BaseIcon.d.ts

@@ -28,22 +28,13 @@ export interface BaseIconProps extends Omit<CarbonIconProps, "icon" | "descripti
      * Additional CSS classes.
      */
     className?: string;
-    /**
-     * Description for icon as accessibility fallback.
-     * @deprecated (v25) Use `title` as replacement.
-     */
-    description?: string;
     /**
      * Additonal tooltip properties, e.g. `hoverOpenDelay`.
      */
     tooltipProps?: Partial<Omit<TooltipProps, "content" | "children">>;
-    /**
-     * @deprecated (v25) Use `title` as replacement.
-     */
-    iconTitle?: CarbonIconProps["title"];
 }
 /**
  * The base icon provides the basic functionality that is necessary to wrap the Carbon icon component.
  */
-declare function BaseIcon({ iconComponent, className, large, small, tooltipText, tooltipProps, intent, description, iconTitle, tabIndex, ...restProps }: BaseIconProps): React.JSX.Element;
+declare function BaseIcon({ iconComponent, className, large, small, tooltipText, tooltipProps, intent, tabIndex, ...restProps }: BaseIconProps): React.JSX.Element;
 export default BaseIcon;

package/dist/types/components/Icon/IconButton.d.ts

@@ -2,7 +2,8 @@ import React from "react";
 import { ButtonProps } from "../Button/Button";
 import { ValidIconName } from "./canonicalIconNames";
 import { TestIconProps } from "./TestIcon";
-interface ExtendedButtonProps extends Omit<ButtonProps, "name" | "icon" | "rightIcon" | "text" | "minimal" | "tooltip"> {
+import { TestableComponent } from "../interfaces";
+interface ExtendedButtonProps extends Omit<ButtonProps, "name" | "icon" | "rightIcon" | "text" | "minimal" | "tooltip">, TestableComponent {
     /**
      * Canonical icon name, or an array of strings.
      * In case of the array the first valid icon name is used.

package/dist/types/components/Icon/canonicalIconNames.d.ts

@@ -21,6 +21,8 @@ declare const canonicalIcons: {
     "artefact-task-pivot": icons.CarbonIconType;
     "artefact-task-unpivot": icons.CarbonIconType;
     "artefact-task-concatenatetofile": icons.CarbonIconType;
+    "artefact-task-sqlupdatequeryoperator": icons.CarbonIconType;
+    "artefact-task-customsqlexecution": icons.CarbonIconType;
     "artefact-dataset-csv": icons.CarbonIconType;
     "artefact-dataset-eccencadataplatform": icons.CarbonIconType;
     "artefact-dataset-excel": icons.CarbonIconType;

package/dist/types/components/MultiSelect/MultiSelect.d.ts

@@ -3,13 +3,12 @@ import { HTMLInputProps as BlueprintHTMLInputProps, Intent as BlueprintIntent }
 import { MultiSelect as BlueprintMultiSelect, MultiSelectProps as BlueprintMultiSelectProps } from "@blueprintjs/select";
 import { TestableComponent } from "../interfaces";
 import { ContextOverlayProps } from "./../../index";
-/** @deprecated (v25) use MultiSuggestFieldSelectionProps */
-export interface MultiSelectSelectionProps<T> {
+export interface MultiSuggestFieldSelectionProps<T> {
     newlySelected?: T;
     selectedItems: T[];
     createdItems: Partial<T>[];
 }
-interface MultiSelectCommonProps<T> extends TestableComponent, Pick<BlueprintMultiSelectProps<T>, "items" | "placeholder" | "openOnKeyDown"> {
+interface MultiSuggestFieldCommonProps<T> extends TestableComponent, Pick<BlueprintMultiSelectProps<T>, "items" | "placeholder" | "openOnKeyDown"> {
     /**
      * Additional class name, space separated.
      */
@@ -26,7 +25,7 @@ interface MultiSelectCommonProps<T> extends TestableComponent, Pick<BlueprintMul
     /**
      *  function handler that would be called anytime an item is selected/deselected or an item is created/removed
      */
-    onSelection?: (params: MultiSelectSelectionProps<T>) => void;
+    onSelection?: (params: MultiSuggestFieldSelectionProps<T>) => void;
     /**
      * Props to spread to `ContextOverlay`. Note that `content` cannot be changed.
      */
@@ -68,26 +67,6 @@ interface MultiSelectCommonProps<T> extends TestableComponent, Pick<BlueprintMul
      * Intent state of the multi select.
      */
     intent?: BlueprintIntent;
-    /**
-     * The input element is displayed with primary color scheme.
-     * @deprecated (v25) use `intent="primary"` instead.
-     */
-    hasStatePrimary?: boolean;
-    /**
-     * The input element is displayed with success (some type of green) color scheme.
-     * @deprecated (v25) use `intent="success"` instead.
-     */
-    hasStateSuccess?: boolean;
-    /**
-     * The input element is displayed with warning (some type of orange) color scheme.
-     * @deprecated (v25) use `intent="warning"` instead.
-     */
-    hasStateWarning?: boolean;
-    /**
-     * The input element is displayed with danger (some type of red) color scheme.
-     * @deprecated (v25) use `intent="danger"` instead.
-     */
-    hasStateDanger?: boolean;
     /**
      * Disables the input element
      */
@@ -118,26 +97,31 @@ interface MultiSelectCommonProps<T> extends TestableComponent, Pick<BlueprintMul
      */
     limitHeightOpened?: boolean | number;
 }
-/** @deprecated (v25) use MultiSuggestFieldProps */
-export type MultiSelectProps<T> = MultiSelectCommonProps<T> & ({
+export type MultiSuggestFieldProps<T> = MultiSuggestFieldCommonProps<T> & ({
     /**
-     * Predefined selected values
+     * Predefined selected values.
+     * `prePopulateWithItems` cannot be used then.
      */
     selectedItems?: T[];
     prePopulateWithItems?: never;
 } | {
     selectedItems?: never;
     /**
-     * When set to true will set the multi-select value with all the items provided
+     * When set to `true` will set the multi-select value with all the items provided.
+     * `selectedItems` cannot be used then.
      */
     prePopulateWithItems?: boolean;
 });
 /**
- * This component will be re-implemented as `Select` like element allowing multiple selections (or a `Select` option).
- * New name for this component is `MultiSuggestField`.
+ * Element behaves very similar to `SuggestField` but allows multiple selections.
+ * Its value does not represent a string but a stack of objects.
+ *
+ * Example usage: input field for user created tags.
+ *
+ * Attention: there may be another `MultiSelect` component in future but this will be a re-implemented `Select` like element allowing multiple selections.
  */
-declare function MultiSelect<T>({ items, selectedItems: externalSelectedItems, prePopulateWithItems, itemId, itemLabel, onSelection, contextOverlayProps, tagInputProps, inputProps, runOnQueryChange, fullWidth, noResultText, newItemCreationText, newItemPostfix, hasStatePrimary, hasStateDanger, hasStateSuccess, hasStateWarning, disabled, createNewItemFromQuery, requestDelay, clearQueryOnSelection, className, "data-test-id": dataTestId, "data-testid": dataTestid, wrapperProps, searchPredicate, limitHeightOpened, intent, ...otherMultiSelectProps }: MultiSelectProps<T>): React.JSX.Element;
-declare namespace MultiSelect {
+export declare function MultiSuggestField<T>({ items, selectedItems: externalSelectedItems, prePopulateWithItems, itemId, itemLabel, onSelection, contextOverlayProps, tagInputProps, inputProps, runOnQueryChange, fullWidth, noResultText, newItemCreationText, newItemPostfix, disabled, createNewItemFromQuery, requestDelay, clearQueryOnSelection, className, "data-test-id": dataTestId, "data-testid": dataTestid, wrapperProps, searchPredicate, limitHeightOpened, intent, ...otherMultiSelectProps }: MultiSuggestFieldProps<T>): React.JSX.Element;
+export declare namespace MultiSuggestField {
     var ofType: typeof BlueprintMultiSelect.ofType;
 }
-export default MultiSelect;
+export default MultiSuggestField;

package/dist/types/components/MultiSuggestField/index.d.ts

@@ -0,0 +1 @@
+export * from "./../MultiSelect/MultiSelect";

package/dist/types/components/Notification/Notification.d.ts

@@ -17,29 +17,6 @@ export interface NotificationProps extends TestableComponent, Omit<BlueprintToas
      * Intent state of the notification.
      */
     intent?: Extract<IntentTypes, "neutral" | "success" | "warning" | "danger" | "info">;
-    /**
-     * Notification has a neutral color scheme.
-     * @deprecated (v25) use `intent="neutral"` instead.
-     */
-    neutral?: boolean;
-    /**
-     * Notification is a success info.
-     * This defines the colorization and the icon symbol.
-     * @deprecated (v25) use `intent="success"` instead.
-     */
-    success?: boolean;
-    /**
-     * Notification is a warning alert.
-     * This defines the colorization and the icon symbol.
-     * @deprecated (v25) use `intent="warning"` instead.
-     */
-    warning?: boolean;
-    /**
-     * Notification is a danger alert.
-     * This defines the colorization and the icon symbol.
-     * @deprecated (v25) use `intent="danger"` instead.
-     */
-    danger?: boolean;
     /**
      * Notification uses the the given space more flexible.
      * Default notification is displayed in min and max limits.
@@ -61,5 +38,5 @@ export interface NotificationProps extends TestableComponent, Omit<BlueprintToas
  * Displays a notification message, optionally combined with depiction and further action buttons.
  * By default it uses colorization of an blueish info alert.
  */
-export declare const Notification: ({ actions, children, className, message, success, warning, danger, neutral, flexWidth, icon, timeout, wrapperProps, "data-test-id": dataTestId, "data-testid": dataTestid, intent, ...otherProps }: NotificationProps) => React.JSX.Element;
+export declare const Notification: ({ actions, children, className, message, flexWidth, icon, timeout, wrapperProps, "data-test-id": dataTestId, "data-testid": dataTestid, intent, ...otherProps }: NotificationProps) => React.JSX.Element;
 export default Notification;

package/dist/types/components/OverviewItem/OverviewItemList.d.ts

@@ -1,10 +1,5 @@
 import React from "react";
 export interface OverviewItemListProps extends React.HTMLAttributes<HTMLOListElement> {
-    /**
-     * Displays the element using reduced height and less white space inside.
-     * @deprecated (v25) use property directly on `OverviewItem` children.
-     */
-    densityHigh?: boolean;
     /**
      * Add a bit white space around each of the contained items.
      */
@@ -23,5 +18,5 @@ export interface OverviewItemListProps extends React.HTMLAttributes<HTMLOListEle
  * This component is a listing container for multiple `OverviewItem` elements.
  * It should only contains `OverviewItem` children but it does not check and control that condition.
  */
-export declare const OverviewItemList: ({ children, className, densityHigh, hasDivider, hasSpacing, columns, ...restProps }: OverviewItemListProps) => React.JSX.Element;
+export declare const OverviewItemList: ({ children, className, hasDivider, hasSpacing, columns, ...restProps }: OverviewItemListProps) => React.JSX.Element;
 export default OverviewItemList;

package/dist/types/components/Spinner/Spinner.d.ts

@@ -1,16 +1,17 @@
 import React from "react";
 import { OverlayProps as BlueprintOverlayProps, SpinnerProps as BlueprintSpinnerProps } from "@blueprintjs/core";
+import Color from "color";
 type SpinnerPosition = "local" | "inline" | "global";
 type SpinnerSize = "tiny" | "small" | "medium" | "large" | "xlarge" | "inherit";
 type SpinnerStroke = "thin" | "medium" | "bold";
-type Intent = "inherit" | "primary" | "success" | "warning" | "danger" | "none";
+type Intent = "primary" | "success" | "warning" | "danger";
 /** A spinner that is either displayed globally or locally. */
-export interface SpinnerProps extends Omit<BlueprintSpinnerProps, "size" | "intent"> {
+export interface SpinnerProps extends Omit<BlueprintSpinnerProps, "size" | "intent" | "color"> {
     /**
-     * intent value or a valid css color definition
-     * @deprecated (v25) it will allow in the future only a color value string and that for other states the intent property needs to be used
+     * Must be a valid css color definition.
+     * `intent` property will always overwrite this setting.
      */
-    color?: Intent | string;
+    color?: Color | string | "inherit";
     /**
      * Intent state of the field item.
      */

package/dist/types/components/SuggestField/index.d.ts

@@ -1,4 +1,8 @@
-export * from "./SuggestField";
+export * from "./../AutocompleteField/AutoCompleteField";
+export * from "./../AutocompleteField/interfaces";
 export declare const suggestFieldUtils: {
-    createNewItemRendererFactory: (itemTextRenderer: (query: string) => string | JSX.Element, iconName?: import("../Icon/canonicalIconNames").ValidIconName | import("react").ReactElement<import("..").TestIconProps>) => (query: string, modifiers: import("..").IRenderModifiers, handleClick: import("react").MouseEventHandler<HTMLElement>) => import("react").JSX.Element;
+    createNewItemRendererFactory: (itemTextRenderer: (query: string) => string | JSX.Element, iconName?: import("../Icon/canonicalIconNames").ValidIconName | import("react").ReactElement<import("..").TestIconProps>) => (query: string, modifiers: import("./../AutocompleteField/interfaces").SuggestFieldItemRendererModifierProps, handleClick: import("react").MouseEventHandler<HTMLElement>) => import("react").JSX.Element;
+};
+export declare const autoCompleteFieldUtils: {
+    createNewItemRendererFactory: (itemTextRenderer: (query: string) => string | JSX.Element, iconName?: import("../Icon/canonicalIconNames").ValidIconName | import("react").ReactElement<import("..").TestIconProps>) => (query: string, modifiers: import("./../AutocompleteField/interfaces").SuggestFieldItemRendererModifierProps, handleClick: import("react").MouseEventHandler<HTMLElement>) => import("react").JSX.Element;
 };

package/dist/types/components/Table/Table.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { DataTableSize as CarbonDataTableSize, Table as CarbonTable } from "@carbon/react";
-export type TableRowHeightSize = "small" | "medium" | "large";
+type TableRowHeightSize = "small" | "medium" | "large";
 type CarbonTableProps = React.ComponentProps<typeof CarbonTable>;
 export interface TableProps extends Omit<CarbonTableProps, "size" | "overflowMenuOnHover" | "stickyHeader" | "useStaticWidth">, React.TableHTMLAttributes<HTMLTableElement> {
     /**

package/dist/types/components/Table/TableContainer.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
 import { DataTableHeader as CarbonDataTableHeader, DataTableProps as CarbonDataTableProps, DataTableRow as CarbonDataTableRow } from "@carbon/react";
 import { TableContainerProps as CarbonTableContainerProps } from "@carbon/react/es/components/DataTable/TableContainer";
-import { TableRowHeightSize } from "./Table";
+import { TableProps } from "./Table";
 export interface TableDataContainerProps extends Omit<CarbonDataTableProps<Array<Omit<CarbonDataTableRow<Array<CarbonDataTableHeader>>, "cells">>, Array<CarbonDataTableHeader>>, "size" | "overflowMenuOnHover" | "stickyHeader" | "useStaticWidth">, React.TableHTMLAttributes<HTMLTableElement> {
     children(signature: any): JSX.Element;
-    size?: TableRowHeightSize;
+    size?: TableProps["size"];
 }
 export interface TableSimpleContainerProps extends Omit<CarbonTableContainerProps, "description" | "stickyHeader" | "title" | "useStaticWidth">, React.HTMLAttributes<HTMLDivElement> {
     children?: JSX.Element;

package/dist/types/components/Tabs/Tab.d.ts

@@ -29,9 +29,10 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     };
     "data-test-id"?: string;
     "data-testid"?: string;
+    color?: string | undefined;
     slot?: string | undefined;
-    children?: React.ReactNode;
     disabled?: boolean;
+    children?: React.ReactNode;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
@@ -67,7 +68,6 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     vocab?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
-    color?: string | undefined;
     itemProp?: string | undefined;
     itemScope?: boolean | undefined;
     itemType?: string | undefined;
@@ -307,9 +307,10 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     style?: React.CSSProperties | undefined;
     "data-test-id"?: string;
     "data-testid"?: string;
+    color?: string | undefined;
     slot?: string | undefined;
-    children?: React.ReactNode;
     disabled?: boolean;
+    children?: React.ReactNode;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
@@ -345,7 +346,6 @@ export declare const transformTabProperties: ({ title, dontShrink, className, ba
     vocab?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
-    color?: string | undefined;
     itemProp?: string | undefined;
     itemScope?: boolean | undefined;
     itemType?: string | undefined;

package/dist/types/components/TextField/SearchField.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { TestableComponent } from "../../components/interfaces";
 import { TextFieldProps } from "./TextField";
-export interface SearchFieldProps extends TestableComponent, Omit<TextFieldProps, "placeholder | hasStatePrimary | hasStateSuccess | hasStateWarning | hasStateDanger | fullWidth"> {
+export interface SearchFieldProps extends TestableComponent, Omit<TextFieldProps, "placeholder" | "fullWidth"> {
     /**
      * Placeholder text for search box.
      */

package/dist/types/components/TextReducer/TextReducer.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+import { OverflowTextProps } from "./../Typography";
+export interface TextReducerProps extends Pick<React.HTMLAttributes<HTMLElement>, "children"> {
+    /**
+     * Maximum number of nodes that are used from the HTML content.
+     * An HTML element with multiple sub elements is count as only 1 node.
+     */
+    maxNodes?: number;
+    /**
+     * Set maximum string length of returned content.
+     */
+    maxLength?: number;
+    /**
+     * Wrap returned content automatically in a `OverflowText` component.
+     * This way you always will get a element returned that displays only 1 single text line.
+     */
+    useOverflowTextWrapper?: boolean;
+    /**
+     * Specify more `OverflowText` properties used when `useOverflowTextWrapper` is set to `true`.
+     */
+    overflowTextProps?: Omit<OverflowTextProps, "passDown">;
+}
+/**
+ * Component to reduce HTML markup content to simple text.
+ * Display can be wrapped easily in `OverflowText`.
+ */
+export declare const TextReducer: ({ children, maxNodes, maxLength, useOverflowTextWrapper, overflowTextProps, }: TextReducerProps) => React.JSX.Element;
+export default TextReducer;

package/dist/types/components/Tooltip/Tooltip.d.ts

@@ -10,7 +10,7 @@ export interface TooltipProps extends Omit<BlueprintTooltipProps, "position"> {
     /**
      * The size specifies the dimension the tooltip overlay element can maximal grow.
      */
-    size?: "small" | "medium" | "large";
+    size?: TooltipSize;
     /**
      * The tooltip will be attached to this element when it is hovered.
      */
@@ -40,5 +40,6 @@ export interface TooltipProps extends Omit<BlueprintTooltipProps, "position"> {
      */
     swapPlaceholderDelay?: number;
 }
+export type TooltipSize = "small" | "medium" | "large";
 export declare const Tooltip: ({ children, content, className, size, addIndicator, markdownEnabler, markdownProps, usePlaceholder, swapPlaceholderDelay, hoverOpenDelay, ...otherTooltipProps }: TooltipProps) => React.JSX.Element | null;
 export default Tooltip;

package/dist/types/components/Typography/OverflowText.d.ts

@@ -22,11 +22,6 @@ export interface OverflowTextProps extends React.HTMLAttributes<HTMLElement>, Te
      * HTML element that is used for the component.
      */
     useHtmlElement?: "p" | "div" | "span";
-    /**
-     * Used for all other necessary properties.
-     * @deprecated (v25) we will allow only basic HTML element properties and testing IDs
-     */
-    [key: string]: any;
 }
 /** Prevents text from overflowing. */
 export declare const OverflowText: ({ className, children, ellipsis, inline, passDown, useHtmlElement, ...otherProps }: OverflowTextProps) => React.JSX.Element;

package/dist/types/components/VisualTour/VisualTour.d.ts

@@ -0,0 +1,39 @@
+import React from "react";
+import { ModalSize, TooltipSize } from "../../index";
+export interface VisualTourProps {
+    /** The steps of the tour. */
+    steps: VisualTourStep[];
+    /** Called when the tour is cancelled or closed at then end. This should usually remove the component from the outside. */
+    onClose: () => void;
+    /** Label of the button to close the tour. */
+    closeLabel?: string;
+    /** The label for the 'next' button. */
+    nextLabel?: string;
+    /** The label for the 'previous' button. */
+    prevLabel?: string;
+    /** The step target is usable, e.g. it can be clicked. */
+    usableStepTarget?: boolean;
+    /** Need to be set to `true` that the tour is displayed. */
+    isOpen?: boolean;
+}
+export interface VisualTourStep {
+    title: string;
+    /** The description or more elaborate content element that is shown in the modal/overlay. */
+    content: string | (() => React.JSX.Element);
+    /** Optional element that should be highlighted. The step content is displayed as a tooltip instead of a modal.
+     * In case of an array, the first match is highlighted. */
+    highlightElementQuery?: string | string[];
+    /** The texts used in the step, e.g. when custom layouts are rendered, these will be used for the text strings. */
+    texts?: Record<string, string>;
+    /** An image URL. This will be displayed in the step description. */
+    image?: string;
+    /** The size of the tooltip or modal. */
+    size?: TooltipSize | ModalSize;
+    /** The step target is usable, e.g. it can be clicked. Overwrites the setting in `<VisualTour/>`. */
+    usableStepTarget?: boolean;
+}
+/** This should be used for defining steps in a separate object/file. Use with 'satisfies' after the object definition. */
+export type VisualTourStepDefinitions = Record<string, Partial<VisualTourStep>>;
+/** A visual tour multi-step tour of the current view. */
+export declare const VisualTour: ({ steps, onClose, closeLabel, nextLabel, prevLabel, usableStepTarget, isOpen, }: VisualTourProps) => React.JSX.Element | null;
+export default VisualTour;