@eccenca/gui-elements 24.4.1 → 25.0.0-rc.1

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

@@ -0,0 +1,49 @@
+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 {
+    /**
+     * Should be a line of text, e.g. username, timestamp, ...
+     */
+    statusLine?: React.ReactElement<OverflowTextProps>;
+    /**
+     * How the chat content box is displayed.
+     */
+    displayType?: "free" | "simple" | "bubble";
+    /**
+     * A depiction used as avatar next to the content box.
+     */
+    avatar?: React.ReactElement<DepictionProps>;
+    /**
+     * If indented then the content box has some white space on the opposite side to the alignment
+     */
+    indentationSize?: "small" | "medium" | "large";
+    /**
+     * How the content box and avatar is aligned.
+     * If `left` is set then the avatar is on the left side, and the indentation on the right side.
+     */
+    alignment?: "left" | "right";
+    /**
+     * If set then the chat bubble only grows to a height of 50% of the viewport.
+     * In case you need to set other maximum heights then use the `style` property directly.
+     */
+    limitHeight?: boolean;
+    /**
+     * If given then the content is automatically parsed and displayed by our `<Markdown />` component.
+     * `children` need to a `string` then, otherwise it cannot be parsed.
+     */
+    markdownProps?: Omit<MarkdownProps, "children">;
+    /**
+     * Could be used to add some type of toggle button or to include a context menu.
+     */
+    actionButton?: React.ReactElement<IconButtonProps> | React.ReactElement<ContextMenuProps>;
+}
+/**
+ * Component to display single chat contents, including avatar and status line.
+ */
+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

@@ -0,0 +1,20 @@
+import React from "react";
+import { TestableComponent } from "../../components/interfaces";
+import { TextAreaProps } from "../TextField/TextArea";
+export interface ChatFieldProps extends TextAreaProps, TestableComponent {
+    /**
+     * Default input to start with.
+     */
+    children?: string;
+    /**
+     * Callback handler to process the input of the field when `Enter` is pressed or the submit button is clicked.
+     * If you use it together with your own handlers for `onChange` and `onKeyDown` it won't work properly.
+     */
+    onTextSubmit?: (value: string) => void;
+}
+/**
+ * Component to input chat text.
+ * Based on `TextArea` component.
+ */
+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

@@ -0,0 +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.
      */
@@ -32,12 +32,21 @@ export interface ModalProps extends TestableComponent, BlueprintOverlayProps {
      * If this option is used inflationary then this could harm the visibility of other overlays.
      */
     forceTopPosition?: boolean;
+    /**
+     * Modal ID that should be globally unique. If a ModalContext is provided this can be used to track opening/closing of this modal.
+     */
+    modalId?: string;
+    /**
+     * Prevents that pan and zooming actions of an existing react-flow instance are triggered while this Modal is open.
+     */
+    preventReactFlowEvents?: 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.
  * Otherwise this element can be used to create own modal elements and edge cases for modal dialogs.
  * Then it is recommended to use the `Card` element inside.
  */
-export declare const Modal: ({ children, className, overlayClassName, size, canOutsideClickClose, canEscapeKeyClose, preventBackdrop, wrapperDivProps, modalFocusable, usePortal, forceTopPosition, onOpening, "data-test-id": dataTestId, "data-testid": dataTestid, ...otherProps }: ModalProps) => React.JSX.Element;
+export declare const Modal: ({ children, className, overlayClassName, size, canOutsideClickClose, canEscapeKeyClose, preventBackdrop, wrapperDivProps, modalFocusable, usePortal, forceTopPosition, onOpening, "data-test-id": dataTestId, "data-testid": dataTestid, modalId, preventReactFlowEvents, ...otherProps }: ModalProps) => React.JSX.Element;
 export default Modal;

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

@@ -0,0 +1,13 @@
+import React from "react";
+export interface ModalContextProps {
+    /** Set that a specific modal is currently being open (or closed) */
+    setModalOpen: (modalId: string, isOpen: boolean) => void;
+    /** The currently opened modals ordered by when they have been opened. Oldest coming first. */
+    openModalStack(): string[] | undefined;
+}
+/** Can be provided in the application to react to modal related changes. */
+export declare const ModalContext: React.Context<ModalContextProps>;
+/** Default implementation for modal context props.
+ * Tracks open modals in a stack representation.
+ **/
+export declare const useModalContext: () => ModalContextProps;

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/Dialog/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./Modal";
 export * from "./SimpleDialog";
 export * from "./AlertDialog";
+export * from "./ModalContext";

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,19 @@ 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-task-multitablemerge": icons.CarbonIconType;
+    "artefact-task-jsonparseroperator": icons.CarbonIconType;
+    "artefact-task-searchaddresses": icons.CarbonIconType;
+    "artefact-task-sparkfunction": icons.CarbonIconType;
+    "artefact-task-eccencadataplatformgraphstorefileuploadoperator": icons.CarbonIconType;
+    "artefact-task-xsltoperator": icons.CarbonIconType;
+    "artefact-task-distinctby": icons.CarbonIconType;
+    "artefact-task-template": icons.CarbonIconType;
+    "artefact-task-merge": icons.CarbonIconType;
+    "artefact-task-scheduler": icons.CarbonIconType;
+    "artefact-task-sendemail": icons.CarbonIconType;
     "artefact-dataset-csv": icons.CarbonIconType;
     "artefact-dataset-eccencadataplatform": icons.CarbonIconType;
     "artefact-dataset-excel": icons.CarbonIconType;
@@ -70,6 +83,7 @@ declare const canonicalIcons: {
     "item-execution": icons.CarbonIconType;
     "item-info": icons.CarbonIconType;
     "item-launch": icons.CarbonIconType;
+    "item-legend": icons.CarbonIconType;
     "item-moremenu": icons.CarbonIconType;
     "item-question": icons.CarbonIconType;
     "item-reload": icons.CarbonIconType;
@@ -136,8 +150,10 @@ declare const canonicalIcons: {
     "operation-logout": icons.CarbonIconType;
     "operation-magic": icons.CarbonIconType;
     "operation-merge": icons.CarbonIconType;
+    "operation-tour": icons.CarbonIconType;
     "operation-redo": icons.CarbonIconType;
     "operation-search": icons.CarbonIconType;
+    "operation-send": icons.CarbonIconType;
     "operation-sharelink": icons.CarbonIconType;
     "operation-transform": icons.CarbonIconType;
     "operation-translate": icons.CarbonIconType;
@@ -148,22 +164,32 @@ declare const canonicalIcons: {
     "state-confirmed": icons.CarbonIconType;
     "state-danger": icons.CarbonIconType;
     "state-declined": icons.CarbonIconType;
+    "state-flagged": icons.CarbonIconType;
     "state-info": icons.CarbonIconType;
     "state-locked": icons.CarbonIconType;
     "state-partlychecked": icons.CarbonIconType;
+    "state-progress": icons.CarbonIconType;
+    "state-progress-error": icons.CarbonIconType;
+    "state-progress-warning": icons.CarbonIconType;
     "state-protected": icons.CarbonIconType;
     "state-success": icons.CarbonIconType;
     "state-unchecked": icons.CarbonIconType;
     "state-unlocked": icons.CarbonIconType;
     "state-warning": icons.CarbonIconType;
     "toggler-caret": icons.CarbonIconType;
+    "toggler-carettop": icons.CarbonIconType;
     "toggler-caretright": icons.CarbonIconType;
     "toggler-caretdown": icons.CarbonIconType;
+    "toggler-caretleft": icons.CarbonIconType;
     "toggler-maximize": icons.CarbonIconType;
     "toggler-minimize": icons.CarbonIconType;
+    "toggler-micon": icons.CarbonIconType;
+    "toggler-micoff": icons.CarbonIconType;
     "toggler-moveleft": icons.CarbonIconType;
     "toggler-moveright": icons.CarbonIconType;
     "toggler-list": icons.CarbonIconType;
+    "toggler-radio": icons.CarbonIconType;
+    "toggler-radio-checked": icons.CarbonIconType;
     "toggler-rowexpand": icons.CarbonIconType;
     "toggler-rowcollapse": icons.CarbonIconType;
     "toggler-showless": 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,20 +1,28 @@
 import React from "react";
 import { OverlayProps as BlueprintOverlayProps, SpinnerProps as BlueprintSpinnerProps } from "@blueprintjs/core";
+import Color from "color";
+import { ButtonProps } from "./../Button/Button";
 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";
 /** 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.
+     * Intent state of the spinner.
+     * When used the spinner is colored.
+     * Property overwrites `elevated` setting.
      */
-    intent?: Intent;
+    intent?: ButtonProps["intent"];
+    /**
+     * Highlight the spinner.
+     * It is displayed with accent color intent.
+     */
+    elevated?: boolean;
     /**
      * Additional CSS class names.
      */
@@ -51,12 +59,6 @@ export interface SpinnerProps extends Omit<BlueprintSpinnerProps, "size" | "inte
      * Use this property to alter the display of the backdrop used for the global spinner
      */
     overlayProps?: BlueprintOverlayProps;
-    /**
-     * Label displayed next to the spinner (planned).
-     * You can set it to document the purpose of the spinner.
-     * It is currently not supported and not displayed.
-     */
-    description?: string;
 }
-export declare const Spinner: ({ className, color, intent, position, size, stroke, showLocalBackdrop, delay, overlayProps, description, ...otherProps }: SpinnerProps) => React.JSX.Element | null;
+export declare const Spinner: ({ className, color, intent, elevated, position, size, stroke, showLocalBackdrop, delay, overlayProps, ...otherProps }: SpinnerProps) => React.JSX.Element | null;
 export default Spinner;

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,6 +29,7 @@ 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;
@@ -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,6 +307,7 @@ 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;
@@ -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.
      */