@eccenca/gui-elements 23.8.0 → 24.0.0-rc.1

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

@@ -1,6 +1,6 @@
 import React from "react";
-import { GridDefaultProps } from "carbon-components-react";
-export interface GridProps extends Omit<GridDefaultProps, "fullWidth" | "columns" | "narrow" | "as"> {
+import { GridProps as CarbonGridProps } from "@carbon/react/es/components/Grid";
+export interface GridProps extends Omit<CarbonGridProps<"article" | "section" | "div">, "fullWidth" | "columns" | "narrow" | "as"> {
     /**
      * The available grid height can be distributed between multiple rows.
      * To do so the `verticalStretched` property must be set for the `<GridRow />` element that need to be stretched.

package/dist/types/components/Grid/GridColumn.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { ColumnDefaultProps } from "carbon-components-react";
-export interface GridColumnProps extends Omit<ColumnDefaultProps, "max" | "xlg" | "lg" | "md" | "sm"> {
+import { ColumnProps as CarbonGridColumnProps } from "@carbon/react/es/components/Grid/Column";
+export interface GridColumnProps extends Omit<CarbonGridColumnProps<"div">, "max" | "xlg" | "lg" | "md" | "sm"> {
     /**
      * Column width is small, using 3 (or 2, on medium viewports) parts out of 16.
      * This boolean property is basically a quick switch for setting `{ md:2, lg:3 }`.
@@ -18,7 +18,7 @@ export interface GridColumnProps extends Omit<ColumnDefaultProps, "max" | "xlg"
     /**
      * Overwrite column sizes by using the original size config of the Carbon grid column.
      */
-    carbonSizeConfig?: Pick<ColumnDefaultProps, "max" | "xlg" | "lg" | "md" | "sm">;
+    carbonSizeConfig?: Pick<CarbonGridColumnProps<"div">, "max" | "xlg" | "lg" | "md" | "sm">;
     /**
      * @deprecated
      * Grid column always uses full width if it is the only column and does not have any othe size config.

package/dist/types/components/Grid/GridRow.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { RowDefaultProps } from "carbon-components-react";
-export interface GridRowProps extends Omit<RowDefaultProps, "narrow"> {
+import { RowProps as CarbonRowProps } from "@carbon/react/es/components/Grid/Row";
+export interface GridRowProps extends Omit<CarbonRowProps<"div">, "narrow"> {
     /**
      * Do not wrap column children when there is not enough space available.
      * This only works for grids on medium sized and larger viewports.

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

@@ -1,8 +1,7 @@
 import React from "react";
-import { IconProps as CarbonIconProps } from "carbon-components-react";
+import { CarbonIconProps, CarbonIconType } from "@carbon/react/icons";
 import { IntentTypes } from "../../common/Intent";
 import { TooltipProps } from "./../Tooltip/Tooltip";
-import { CarbonIconType } from "./canonicalIconNames";
 export interface BaseIconProps extends Omit<CarbonIconProps, "icon" | "description" | "name"> {
     /**
      * Carbon icon component that is used.
@@ -31,15 +30,20 @@ export interface BaseIconProps extends Omit<CarbonIconProps, "icon" | "descripti
     className?: string;
     /**
      * Description for icon as accessibility fallback.
+     * @deprecated Use `title` as replacement.
      */
     description?: string;
     /**
      * Additonal tooltip properties, e.g. `hoverOpenDelay`.
      */
     tooltipProps?: Partial<Omit<TooltipProps, "content" | "children">>;
+    /**
+     * @deprecated 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, tabIndex, ...restProps }: BaseIconProps): React.JSX.Element;
+declare function BaseIcon({ iconComponent, className, large, small, tooltipText, tooltipProps, intent, description, iconTitle, tabIndex, ...restProps }: BaseIconProps): React.JSX.Element;
 export default BaseIcon;

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

@@ -27,7 +27,7 @@ interface ExtendedButtonProps extends Omit<ButtonProps, "name" | "icon" | "right
      */
     minimal?: boolean;
 }
-export declare type IconButtonProps = ExtendedButtonProps;
+export type IconButtonProps = ExtendedButtonProps;
 /** A button with an icon instead of text. */
 export declare const IconButton: ({ className, name, text, tooltipProps, description, tooltipAsTitle, minimal, ...restProps }: IconButtonProps) => React.JSX.Element;
 export default IconButton;

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

@@ -1,12 +1,169 @@
-/// <reference types="react" />
-import { IconProps as CarbonIconProps } from "carbon-components-react";
-/** Valid icon names. */
-export declare type ValidIconName = "application-activities" | "application-dataintegration" | "application-explore" | "application-homepage" | "application-legacygui" | "application-mapping" | "application-queries" | "application-useraccount" | "application-vocabularies" | "application-warning" | "application-hotkeys" | "application-notification" | "artefact-chatlog" | "artefact-commit" | "artefact-customtask" | "artefact-dataset" | "artefact-dataset-csv" | "artefact-dataset-eccencadataplatform" | "artefact-dataset-excel" | "artefact-dataset-file" | "artefact-dataset-jdbc" | "artefact-dataset-json" | "artefact-dataset-multicsv" | "artefact-dataset-neo4j" | "artefact-dataset-sparkview" | "artefact-dataset-sparqlendpoint" | "artefact-dataset-sqlendpoint" | "artefact-dataset-xml" | "artefact-deprecated" | "artefact-embedded" | "artefact-errorlog" | "artefact-file" | "artefact-linking" | "artefact-project" | "artefact-rawdata" | "artefact-remote" | "artefact-report" | "artefact-task" | "artefact-transform" | "artefact-uncategorized" | "artefact-workflow" | "data-boolean" | "data-sourcepath" | "data-targetpath" | "data-string" | "data-date" | "data-time" | "data-datetime" | "data-number" | "entity-human" | "entity-robot" | "item-add-artefact" | "item-clone" | "item-comment" | "item-copy" | "item-download" | "item-draggable" | "item-edit" | "item-evaluation" | "item-execution" | "item-info" | "item-launch" | "item-moremenu" | "item-question" | "item-reload" | "item-remove" | "item-reset" | "item-save" | "item-settings" | "item-shuffle" | "item-skip-forward" | "item-start" | "item-stop" | "item-upload" | "item-vertmenu" | "item-viewdetails" | "item-hidedetails" | "list-sort" | "list-sortasc" | "list-sortdesc" | "module-accesscontrol" | "module-annotation" | "module-dashboard" | "module-gdprsearch" | "module-integrations" | "module-linkedrules" | "module-reports" | "module-search" | "module-thesauri" | "module-timetracker" | "module-visualization" | "navigation-back" | "navigation-close" | "navigation-down" | "navigation-extern" | "navigation-first" | "navigation-forth" | "navigation-jump" | "navigation-last" | "navigation-left" | "navigation-next" | "navigation-previous" | "navigation-right" | "navigation-up" | "operation-aggregation" | "operation-autolayout" | "operation-clear" | "operation-commit" | "operation-comparison" | "operation-erase" | "operation-filter" | "operation-filteredit" | "operation-filterremove" | "operation-fix" | "operation-link" | "operation-logout" | "operation-magic" | "operation-merge" | "operation-redo" | "operation-search" | "operation-sharelink" | "operation-transform" | "operation-translate" | "operation-undo" | "operation-unlink" | "state-checked" | "state-checkedsimple" | "state-confirmed" | "state-danger" | "state-declined" | "state-info" | "state-locked" | "state-partlychecked" | "state-protected" | "state-success" | "state-unchecked" | "state-unlocked" | "state-warning" | "toggler-caret" | "toggler-caretright" | "toggler-caretdown" | "toggler-maximize" | "toggler-minimize" | "toggler-moveleft" | "toggler-moveright" | "toggler-list" | "toggler-rowexpand" | "toggler-rowcollapse" | "toggler-showless" | "toggler-showmore" | "toggler-star-empty" | "toggler-star-filled" | "toggler-table" | "toggler-tree" | "form-template" | "undefined";
-export declare type CarbonIconType = React.ComponentType<CarbonIconProps>;
+import * as icons from "@carbon/react/icons";
+import { CarbonIconType as IconType } from "@carbon/react/icons";
+export type CarbonIconType = IconType;
 /**
  * @deprecated
  * use CarbonIconType instead
  */
-export declare type IconSized = CarbonIconType;
+export type IconSized = CarbonIconType;
+declare const canonicalIcons: {
+    "application-activities": icons.CarbonIconType;
+    "application-dataintegration": icons.CarbonIconType;
+    "application-explore": icons.CarbonIconType;
+    "application-homepage": icons.CarbonIconType;
+    "application-legacygui": icons.CarbonIconType;
+    "application-mapping": icons.CarbonIconType;
+    "application-queries": icons.CarbonIconType;
+    "application-useraccount": icons.CarbonIconType;
+    "application-vocabularies": icons.CarbonIconType;
+    "application-warning": icons.CarbonIconType;
+    "application-hotkeys": icons.CarbonIconType;
+    "application-notification": icons.CarbonIconType;
+    "artefact-chatlog": icons.CarbonIconType;
+    "artefact-commit": icons.CarbonIconType;
+    "artefact-customtask": icons.CarbonIconType;
+    "artefact-dataset-csv": icons.CarbonIconType;
+    "artefact-dataset-eccencadataplatform": icons.CarbonIconType;
+    "artefact-dataset-excel": icons.CarbonIconType;
+    "artefact-dataset-file": icons.CarbonIconType;
+    "artefact-dataset": icons.CarbonIconType;
+    "artefact-dataset-jdbc": icons.CarbonIconType;
+    "artefact-dataset-json": icons.CarbonIconType;
+    "artefact-dataset-multicsv": icons.CarbonIconType;
+    "artefact-dataset-neo4j": icons.CarbonIconType;
+    "artefact-dataset-sparkview": icons.CarbonIconType;
+    "artefact-dataset-sparqlendpoint": icons.CarbonIconType;
+    "artefact-dataset-sqlendpoint": icons.CarbonIconType;
+    "artefact-dataset-xml": icons.CarbonIconType;
+    "artefact-deprecated": icons.CarbonIconType;
+    "artefact-embedded": icons.CarbonIconType;
+    "artefact-errorlog": icons.CarbonIconType;
+    "artefact-file": icons.CarbonIconType;
+    "artefact-linking": icons.CarbonIconType;
+    "artefact-project": icons.CarbonIconType;
+    "artefact-rawdata": icons.CarbonIconType;
+    "artefact-remote": icons.CarbonIconType;
+    "artefact-report": icons.CarbonIconType;
+    "artefact-task": icons.CarbonIconType;
+    "artefact-transform": icons.CarbonIconType;
+    "artefact-uncategorized": icons.CarbonIconType;
+    "artefact-workflow": icons.CarbonIconType;
+    "data-boolean": icons.CarbonIconType;
+    "data-sourcepath": icons.CarbonIconType;
+    "data-targetpath": icons.CarbonIconType;
+    "data-string": icons.CarbonIconType;
+    "data-date": icons.CarbonIconType;
+    "data-time": icons.CarbonIconType;
+    "data-datetime": icons.CarbonIconType;
+    "data-number": icons.CarbonIconType;
+    "entity-human": icons.CarbonIconType;
+    "entity-robot": icons.CarbonIconType;
+    "item-add-artefact": icons.CarbonIconType;
+    "item-clone": icons.CarbonIconType;
+    "item-comment": icons.CarbonIconType;
+    "item-copy": icons.CarbonIconType;
+    "item-download": icons.CarbonIconType;
+    "item-draggable": icons.CarbonIconType;
+    "item-edit": icons.CarbonIconType;
+    "item-evaluation": icons.CarbonIconType;
+    "item-execution": icons.CarbonIconType;
+    "item-info": icons.CarbonIconType;
+    "item-launch": icons.CarbonIconType;
+    "item-moremenu": icons.CarbonIconType;
+    "item-question": icons.CarbonIconType;
+    "item-reload": icons.CarbonIconType;
+    "item-remove": icons.CarbonIconType;
+    "item-reset": icons.CarbonIconType;
+    "item-save": icons.CarbonIconType;
+    "item-settings": icons.CarbonIconType;
+    "item-shuffle": icons.CarbonIconType;
+    "item-skip-forward": icons.CarbonIconType;
+    "item-start": icons.CarbonIconType;
+    "item-stop": icons.CarbonIconType;
+    "item-upload": icons.CarbonIconType;
+    "item-vertmenu": icons.CarbonIconType;
+    "item-viewdetails": icons.CarbonIconType;
+    "item-hidedetails": icons.CarbonIconType;
+    "list-sortasc": icons.CarbonIconType;
+    "list-sortdesc": icons.CarbonIconType;
+    "list-sort": icons.CarbonIconType;
+    "module-accesscontrol": icons.CarbonIconType;
+    "module-annotation": icons.CarbonIconType;
+    "module-dashboard": icons.CarbonIconType;
+    "module-gdprsearch": icons.CarbonIconType;
+    "module-integrations": icons.CarbonIconType;
+    "module-linkedrules": icons.CarbonIconType;
+    "module-reports": icons.CarbonIconType;
+    "module-search": icons.CarbonIconType;
+    "module-thesauri": icons.CarbonIconType;
+    "module-timetracker": icons.CarbonIconType;
+    "module-visualization": icons.CarbonIconType;
+    "navigation-back": icons.CarbonIconType;
+    "navigation-close": icons.CarbonIconType;
+    "navigation-down": icons.CarbonIconType;
+    "navigation-extern": icons.CarbonIconType;
+    "navigation-first": icons.CarbonIconType;
+    "navigation-forth": icons.CarbonIconType;
+    "navigation-jump": icons.CarbonIconType;
+    "navigation-last": icons.CarbonIconType;
+    "navigation-left": icons.CarbonIconType;
+    "navigation-next": icons.CarbonIconType;
+    "navigation-previous": icons.CarbonIconType;
+    "navigation-right": icons.CarbonIconType;
+    "navigation-up": icons.CarbonIconType;
+    "operation-aggregation": icons.CarbonIconType;
+    "operation-autolayout": icons.CarbonIconType;
+    "operation-clear": icons.CarbonIconType;
+    "operation-commit": icons.CarbonIconType;
+    "operation-comparison": icons.CarbonIconType;
+    "operation-erase": icons.CarbonIconType;
+    "operation-filteredit": icons.CarbonIconType;
+    "operation-filterremove": icons.CarbonIconType;
+    "operation-filter": icons.CarbonIconType;
+    "operation-fix": icons.CarbonIconType;
+    "operation-link": icons.CarbonIconType;
+    "operation-logout": icons.CarbonIconType;
+    "operation-magic": icons.CarbonIconType;
+    "operation-merge": icons.CarbonIconType;
+    "operation-redo": icons.CarbonIconType;
+    "operation-search": icons.CarbonIconType;
+    "operation-sharelink": icons.CarbonIconType;
+    "operation-transform": icons.CarbonIconType;
+    "operation-translate": icons.CarbonIconType;
+    "operation-undo": icons.CarbonIconType;
+    "operation-unlink": icons.CarbonIconType;
+    "state-checked": icons.CarbonIconType;
+    "state-checkedsimple": icons.CarbonIconType;
+    "state-confirmed": icons.CarbonIconType;
+    "state-danger": icons.CarbonIconType;
+    "state-declined": icons.CarbonIconType;
+    "state-info": icons.CarbonIconType;
+    "state-locked": icons.CarbonIconType;
+    "state-partlychecked": 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-caretright": icons.CarbonIconType;
+    "toggler-caretdown": icons.CarbonIconType;
+    "toggler-maximize": icons.CarbonIconType;
+    "toggler-minimize": icons.CarbonIconType;
+    "toggler-moveleft": icons.CarbonIconType;
+    "toggler-moveright": icons.CarbonIconType;
+    "toggler-list": icons.CarbonIconType;
+    "toggler-rowexpand": icons.CarbonIconType;
+    "toggler-rowcollapse": icons.CarbonIconType;
+    "toggler-showless": icons.CarbonIconType;
+    "toggler-showmore": icons.CarbonIconType;
+    "toggler-star-empty": icons.CarbonIconType;
+    "toggler-star-filled": icons.CarbonIconType;
+    "toggler-table": icons.CarbonIconType;
+    "toggler-tree": icons.CarbonIconType;
+    "form-template": icons.CarbonIconType;
+    undefined: icons.CarbonIconType;
+};
+export type ValidIconName = keyof typeof canonicalIcons;
 declare const canonicalIconNames: Record<ValidIconName, CarbonIconType>;
 export default canonicalIconNames;

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { LinkProps as CarbonLinkProps } from "carbon-components-react";
-export declare type LinkProps = CarbonLinkProps;
-export declare const Link: ({ className, children, href, onClick, ...otherProps }: CarbonLinkProps) => React.JSX.Element;
+import { LinkProps as CarbonLinkProps } from "@carbon/react";
+export type LinkProps = Omit<CarbonLinkProps<"a">, "ref">;
+export declare const Link: ({ className, children, href, onClick, ...otherProps }: LinkProps) => React.JSX.Element;
 export default Link;

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

@@ -1,5 +1,5 @@
 import React from "react";
 import { MenuProps as BlueprintMenuProps } from "@blueprintjs/core";
-export declare type MenuProps = BlueprintMenuProps;
+export type MenuProps = BlueprintMenuProps;
 export declare const Menu: ({ children, className, ...restProps }: MenuProps) => React.JSX.Element;
 export default Menu;

package/dist/types/components/Menu/MenuDivider.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 import { MenuDividerProps as BlueprintMenuDividerProps } from "@blueprintjs/core";
-export declare type MenuDividerProps = BlueprintMenuDividerProps;
+export type MenuDividerProps = BlueprintMenuDividerProps;
 export declare const MenuDivider: ({ children, className, ...restProps }: MenuDividerProps) => React.JSX.Element;
 export default MenuDivider;

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

@@ -8,7 +8,7 @@ export interface MultiSelectSelectionProps<T> {
     selectedItems: T[];
     createdItems: Partial<T>[];
 }
-export declare type SelectedParamsType<T> = MultiSelectSelectionProps<T>;
+export type SelectedParamsType<T> = MultiSelectSelectionProps<T>;
 interface MultiSelectCommonProps<T> extends TestableComponent, Pick<BlueprintMultiSelectProps<T>, "items" | "placeholder" | "openOnKeyDown"> {
     /**
      * Additional class name, space separated.
@@ -98,8 +98,13 @@ interface MultiSelectCommonProps<T> extends TestableComponent, Pick<BlueprintMul
      * It uses the attributes given via this property.
      */
     wrapperProps?: React.HTMLAttributes<HTMLDivElement>;
+    /**
+     * Function that allows us to filter values from the option list.
+     * If not provided, values are filtered by their labels
+     */
+    searchPredicate?: (item: T, query: string) => boolean;
 }
-export declare type MultiSelectProps<T> = MultiSelectCommonProps<T> & ({
+export type MultiSelectProps<T> = MultiSelectCommonProps<T> & ({
     /**
      * Predefined selected values
      */
@@ -119,7 +124,7 @@ export declare type MultiSelectProps<T> = MultiSelectCommonProps<T> & ({
  * This component will be re-implemented later as a `Select` allowing multiple selections.
  * @deprecated
  */
-export 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, ...otherMultiSelectProps }: MultiSelectProps<T>): React.JSX.Element;
+export 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, ...otherMultiSelectProps }: MultiSelectProps<T>): React.JSX.Element;
 export declare namespace MultiSelect {
     var ofType: typeof BlueprintMultiSelect.ofType;
 }

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { MultiSelectProps } from "../MultiSelect/MultiSelect";
-export declare type MultiSuggestFieldProps<T> = MultiSelectProps<T>;
+export type MultiSuggestFieldProps<T> = MultiSelectProps<T>;
 /**
  * Element behaves very similar to `SuggestField` but allows multiple selections.
  * Its value does not represent a string but a stack of objects.

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { NotificationProps } from "./Notification";
-export declare type ToastProps = NotificationProps;
+export type ToastProps = NotificationProps;
 /**
  * Displays a `Notification` with a pre-set `timeout` setting.
  */

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NumericInput as BlueprintNumericInput } from "@blueprintjs/core";
 export declare const NumericInput: import("react").MemoExoticComponent<typeof BlueprintNumericInput>;
 export default NumericInput;

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

@@ -1,4 +1,4 @@
 import React from "react";
-export declare type OverviewItemDescriptionProps = React.HTMLAttributes<HTMLDivElement>;
+export type OverviewItemDescriptionProps = React.HTMLAttributes<HTMLDivElement>;
 export declare const OverviewItemDescription: ({ children, className, ...otherDivProps }: OverviewItemDescriptionProps) => React.JSX.Element;
 export default OverviewItemDescription;

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { PaginationProps as CarbonPaginationProps } from "carbon-components-react";
+import { PaginationProps as CarbonPaginationProps } from "@carbon/react/es/components/Pagination/Pagination";
 export interface PaginationProps extends CarbonPaginationProps {
     /**
      * Additional class names.

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

@@ -1,3 +1,3 @@
 import { ProgressBar as BlueprintProgressBar, ProgressBarProps as BlueprintProgressBarProps } from "@blueprintjs/core";
 export declare const ProgressBar: typeof BlueprintProgressBar;
-export declare type ProgressBarProps = BlueprintProgressBarProps;
+export type ProgressBarProps = BlueprintProgressBarProps;

package/dist/types/components/PropertyValuePair/PropertyValueList.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-export declare type PropertyValueListProps = React.HTMLAttributes<HTMLDListElement>;
+export type PropertyValueListProps = React.HTMLAttributes<HTMLDListElement>;
 export declare const PropertyValueList: ({ className, children, ...otherProps }: PropertyValueListProps) => React.JSX.Element;
 export default PropertyValueList;

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

@@ -1,5 +1,5 @@
 import React from "react";
 import { RadioProps as BlueprintRadioProps } from "@blueprintjs/core";
-export declare type RadioButtonProps = BlueprintRadioProps;
+export type RadioButtonProps = BlueprintRadioProps;
 export declare const RadioButton: ({ children, className, ...restProps }: RadioButtonProps) => React.JSX.Element;
 export default RadioButton;

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

@@ -1,9 +1,9 @@
 import React from "react";
 import { OverlayProps as BlueprintOverlayProps, SpinnerProps as BlueprintSpinnerProps } from "@blueprintjs/core";
-export declare type SpinnerPosition = "local" | "inline" | "global";
-export declare type SpinnerSize = "tiny" | "small" | "medium" | "large" | "xlarge" | "inherit";
-export declare type SpinnerStroke = "thin" | "medium" | "bold";
-declare type Intent = "inherit" | "primary" | "success" | "warning" | "danger";
+export type SpinnerPosition = "local" | "inline" | "global";
+export type SpinnerSize = "tiny" | "small" | "medium" | "large" | "xlarge" | "inherit";
+export type SpinnerStroke = "thin" | "medium" | "bold";
+type Intent = "inherit" | "primary" | "success" | "warning" | "danger";
 /** A spinner that is either displayed globally or locally. */
 export interface SpinnerProps extends Omit<BlueprintSpinnerProps, "size"> {
     /**

package/dist/types/components/Structure/Section.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-export declare type SectionProps = React.HTMLAttributes<HTMLElement>;
+export type SectionProps = React.HTMLAttributes<HTMLElement>;
 export declare const Section: ({ children, className, ...restProps }: SectionProps) => React.JSX.Element;
 export default Section;

package/dist/types/components/Structure/SectionHeader.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-export declare type SectionHeaderProps = React.HTMLAttributes<HTMLElement>;
+export type SectionHeaderProps = React.HTMLAttributes<HTMLElement>;
 export declare const SectionHeader: ({ children, className, ...restProps }: SectionHeaderProps) => React.JSX.Element;
 export default SectionHeader;

package/dist/types/components/Structure/TitleMainsection.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-export declare type TitleMainsectionProps = React.HTMLAttributes<HTMLElement>;
+export type TitleMainsectionProps = React.HTMLAttributes<HTMLElement>;
 export declare const TitleMainsection: ({ children, className, ...restProps }: TitleMainsectionProps) => React.JSX.Element;
 export default TitleMainsection;

package/dist/types/components/Structure/TitlePage.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-export declare type TitlePageProps = React.HTMLAttributes<HTMLElement>;
+export type TitlePageProps = React.HTMLAttributes<HTMLElement>;
 export declare const TitlePage: ({ children, className, ...restProps }: TitlePageProps) => React.JSX.Element;
 export default TitlePage;

package/dist/types/components/Structure/TitleSubsection.d.ts

@@ -53,29 +53,29 @@ export declare const TitleSubsection: ({ children, className, useHtmlElement, ..
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
     "aria-busy"?: (boolean | "true" | "false") | undefined;
-    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "true" | "false") | undefined;
-    "aria-dropeffect"?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
     "aria-expanded"?: (boolean | "true" | "false") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
     "aria-hidden"?: (boolean | "true" | "false") | undefined;
-    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
     "aria-label"?: string | undefined;
     "aria-labelledby"?: string | undefined;
@@ -88,9 +88,9 @@ export declare const TitleSubsection: ({ children, className, useHtmlElement, ..
     "aria-owns"?: string | undefined;
     "aria-placeholder"?: string | undefined;
     "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
     "aria-readonly"?: (boolean | "true" | "false") | undefined;
-    "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
     "aria-required"?: (boolean | "true" | "false") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { AutoCompleteFieldProps } from "../AutocompleteField/AutoCompleteField";
-export declare type SuggestFieldProps<T, UPDATE_VALUE> = AutoCompleteFieldProps<T, UPDATE_VALUE>;
+export type SuggestFieldProps<T, UPDATE_VALUE> = AutoCompleteFieldProps<T, UPDATE_VALUE>;
 /**
  * A component with the appearance of an input field that allows to select and optionally create new items.
  * It shows suggestions for the entered text from which the user can select any option.

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export * from "./SuggestField";
 export declare const suggestFieldUtils: {
-    createNewItemRendererFactory: (itemTextRenderer: (query: string) => string | JSX.Element, iconName?: import("../Icon/canonicalIconNames").ValidIconName | import("react").ReactElement<import("..").TestIconProps, string | import("react").JSXElementConstructor<any>> | undefined) => (query: string, modifiers: import("../AutocompleteField/interfaces").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").IRenderModifiers, handleClick: import("react").MouseEventHandler<HTMLElement>) => import("react").JSX.Element;
 };

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

@@ -1,7 +1,8 @@
 import React from "react";
-import { DataTableSize as CarbonDataTableSize, TableProps as CarbonTableProps } from "carbon-components-react";
-declare type TableRowHeightSizeDepracted = "compact" | "tall";
-export declare type TableRowHeightSize = "small" | "medium" | "large" | TableRowHeightSizeDepracted;
+import { DataTableSize as CarbonDataTableSize, Table as CarbonTable } from "@carbon/react";
+type TableRowHeightSizeDepracted = "compact" | "tall";
+export type TableRowHeightSize = "small" | "medium" | "large" | TableRowHeightSizeDepracted;
+type CarbonTableProps = React.ComponentProps<typeof CarbonTable>;
 export interface TableProps extends Omit<CarbonTableProps, "size" | "overflowMenuOnHover" | "stickyHeader" | "useStaticWidth">, React.TableHTMLAttributes<HTMLTableElement> {
     /**
      * Sets basically the height of a row inside the table.

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

@@ -1,5 +1,6 @@
 import React from "react";
-import { TableCellProps as CarbonTableCellProps } from "carbon-components-react";
+import { TableCell as CarbonTableCell } from "@carbon/react";
+type CarbonTableCellProps = React.ComponentProps<typeof CarbonTableCell>;
 export interface TableCellProps extends CarbonTableCellProps, React.TdHTMLAttributes<HTMLTableCellElement> {
     /**
      * By default all table cell content is aligned to the left of the cell.

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

@@ -1,13 +1,14 @@
 import React from "react";
-import { DataTableProps as CarbonDataTableProps, TableContainerProps as CarbonTableContainerProps } from "carbon-components-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";
-interface TableDataContainerProps extends Omit<CarbonDataTableProps, "size" | "overflowMenuOnHover" | "stickyHeader" | "useStaticWidth">, React.TableHTMLAttributes<HTMLTableElement> {
+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;
 }
 interface TableSimpleContainerProps extends Omit<CarbonTableContainerProps, "description" | "stickyHeader" | "title" | "useStaticWidth">, React.HTMLAttributes<HTMLDivElement> {
     children?: JSX.Element;
 }
-export declare type TableContainerProps = TableDataContainerProps | TableSimpleContainerProps;
+export type TableContainerProps = TableDataContainerProps | TableSimpleContainerProps;
 export declare function TableContainer({ className, ...otherProps }: TableContainerProps): React.JSX.Element;
 export default TableContainer;

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

@@ -1,8 +1,8 @@
 import React from "react";
-import { TableExpandHeaderProps as CarbonTableExpandHeaderProps } from "carbon-components-react";
+import { TableExpandHeaderProps as CarbonTableExpandHeaderProps } from "@carbon/react/es/components/DataTable/TableExpandHeader";
 import { TestIconProps } from "../Icon";
 import { ValidIconName } from "../Icon/canonicalIconNames";
-export interface TableExpandHeaderProps extends Omit<CarbonTableExpandHeaderProps, "children" | "ariaLabel" | "enableExpando" | "expandIconDescription">, React.ThHTMLAttributes<HTMLTableCellElement> {
+export interface TableExpandHeaderProps extends Omit<CarbonTableExpandHeaderProps, "children" | "ariaLabel" | "enableExpando" | "expandIconDescription" | "aria-label">, React.ThHTMLAttributes<HTMLTableCellElement> {
     /**
      * This text is displayed as tooltip for the button that toggles the expanded/collapsed state.
      */

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

@@ -1,6 +1,7 @@
 import React from "react";
-import { TableExpandRowProps as CarbonTableExpandRowProps } from "carbon-components-react";
-export interface TableExpandRowProps extends Omit<CarbonTableExpandRowProps, "ariaLabel" | "expandIconDescription">, React.HTMLAttributes<HTMLTableRowElement> {
+import { TableExpandRow as CarbonTableExpandRow } from "@carbon/react";
+type CarbonTableExpandRowProps = React.ComponentProps<typeof CarbonTableExpandRow>;
+export interface TableExpandRowProps extends Omit<CarbonTableExpandRowProps, "ref" | "ariaLabel" | "expandIconDescription" | "aria-label">, React.HTMLAttributes<HTMLTableRowElement> {
     /**
      * This text is displayed as tooltip for the button that toggles the expanded/collapsed state.
      */

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { TableRowProps as CarbonTableRowProps } from "carbon-components-react";
+import { TableRowProps as CarbonTableRowProps } from "@carbon/react/es/components/DataTable/TableRow";
 export interface TableRowProps extends CarbonTableRowProps, React.TdHTMLAttributes<HTMLTableRowElement> {
     /**
      * Display this row with the styles from a zebra style-enabled table.

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

@@ -4,4 +4,4 @@ export * from "./TableRow";
 export * from "./TableExpandRow";
 export * from "./TableExpandHeader";
 export * from "./TableCell";
-export { TableHead, TableBody, TableExpandedRow, TableHeader } from "carbon-components-react";
+export { TableHead, TableBody, TableExpandedRow, TableHeader } from "@carbon/react";