@onewelcome/react-lib-components 12.0.0 → 12.1.0-alpha

package/dist/index.d.ts

@@ -0,0 +1,1829 @@
+import { AriaAttributes } from 'react';
+import { AriaRole } from 'react';
+import { ButtonHTMLAttributes } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithRef } from 'react';
+import { CustomComponents } from 'react-day-picker';
+import { DateRange } from 'react-day-picker';
+import { default as default_2 } from 'react';
+import { DependencyList } from 'react';
+import { Dispatch } from 'react';
+import { DragEventHandler } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { ForwardRefRenderFunction } from 'react';
+import { HTMLAttributes } from 'react';
+import { HTMLProps } from 'react';
+import { JSX as JSX_2 } from 'react';
+import * as locales from 'date-fns/locale';
+import { NavigateFunction } from 'react-router-dom';
+import { ReactElement } from 'react';
+import { ReactNode } from 'react';
+import { Ref } from 'react';
+import { RefObject } from 'react';
+import { SetStateAction } from 'react';
+
+export declare enum ACTION_STATUS {
+    COMPLETED = "completed",
+    UPLOADING = "uploading",
+    ERROR = "error",
+    RETRY = "retry",
+    READONLY = "readonly"
+}
+
+declare type Actions = (ButtonHTMLAttributes<HTMLButtonElement> & {
+    label: string;
+})[];
+
+declare interface AddNewProps {
+    label: string;
+    onAddNew: (value: string) => void;
+    btnProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
+    alwaysEnabled?: boolean;
+}
+
+export declare interface AddNotification {
+    type: "error" | "success";
+    status: HttpStatuses;
+    title?: string;
+    message?: string;
+}
+
+declare type AlertEntry = AlertItemProps & {
+    height?: number;
+};
+
+export declare const AlertItem: ({ id, title, duration, variant, emphasis, content, className, actions, onClose, closeButtonTitle, wasShown }: AlertItemProps) => default_2.JSX.Element;
+
+export declare interface AlertItemProps {
+    id: string;
+    title?: string | default_2.ReactNode;
+    content?: string | default_2.ReactNode;
+    duration?: number;
+    emphasis?: Emphasis;
+    variant?: Variant_2;
+    className?: string;
+    onClose?: () => void;
+    closeButtonTitle?: string;
+    actions?: Actions;
+    wasShown?: boolean;
+}
+
+export declare const AlertProvider: ({ closeButtonTitle, placement, autoHideDuration, stackSize, domRoot, children, className }: AlertProviderProps) => default_2.JSX.Element;
+
+export declare interface AlertProviderProps {
+    closeButtonTitle: string;
+    children?: ReactNode;
+    placement?: Placement_2;
+    stackSize?: number;
+    domRoot?: HTMLElement;
+    autoHideDuration?: Duration;
+    className?: string;
+}
+
+export declare type AlertQueue = Omit<AlertEntry, "id">;
+
+export declare type AnchorType = "external" | "internal" | "download";
+
+declare interface Arguments {
+    componentToRepeat: default_2.ReactElement;
+}
+
+export declare const Banner: default_2.ForwardRefExoticComponent<Omit<BannerProps, "ref"> & default_2.RefAttributes<HTMLElement>>;
+
+export declare interface BannerProps extends ComponentPropsWithRef<"section"> {
+    children: string;
+    ariaRole?: AriaRole;
+    ariaLive?: AriaAttributes["aria-live"];
+    ariaLabel?: AriaAttributes["aria-label"];
+    type: BannerType;
+    title: string;
+}
+
+declare type BannerType = "error" | "warning" | "info";
+
+declare type BaseButtonProps = Omit<Flattened<`button${CapitalizeString<ButtonType>}${CapitalizeString<ButtonState>}Color`>, "buttonDefaultDefaultColor"> & {
+    buttonDefaultColor?: string;
+};
+
+declare const BaseModalActions: default_2.ForwardRefExoticComponent<Omit<Props_2, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+export { BaseModalActions as ModalActions }
+export { BaseModalActions as SideSheetActions }
+
+export declare const BaseStyling: ({ children, properties }: BaseStylingProps) => default_2.JSX.Element;
+
+export declare interface BaseStylingCSSProperties extends ButtonColorProps {
+    colorFocus?: string;
+    colorPrimary?: string;
+    colorSuccess?: string;
+    colorWarning?: string;
+    colorDanger?: string;
+    colorPrimary100?: string;
+    colorPrimary300?: string;
+    colorPrimary500?: string;
+    colorPrimary600?: string;
+    colorPrimary700?: string;
+    colorPrimary900?: string;
+    colorPrimary50?: string;
+    colorBlueGrey25?: string;
+    colorBlueGrey50?: string;
+    colorBlueGrey100?: string;
+    colorBlueGrey200?: string;
+    colorBlueGrey300?: string;
+    colorBlueGrey400?: string;
+    colorBlueGrey500?: string;
+    colorBlueGrey700?: string;
+    colorBlueGrey800?: string;
+    colorBlueGrey900?: string;
+    colorGreen50?: string;
+    colorGreen100?: string;
+    colorGreen200?: string;
+    colorGreen500?: string;
+    colorGreen600?: string;
+    colorGreen700?: string;
+    colorOrange50?: string;
+    colorOrange100?: string;
+    colorOrange500?: string;
+    colorOrange600?: string;
+    colorOrange700?: string;
+    colorRed50?: string;
+    colorRed100?: string;
+    colorRed200?: string;
+    colorRed500?: string;
+    colorRed600?: string;
+    colorRed700?: string;
+    colorRed900?: string;
+    colorWhite?: string;
+    colorBlack100?: string;
+    colorBlack50?: string;
+    colorBlack20?: string;
+    colorBlack10?: string;
+    defaultPressedColor?: string;
+    defaultHoverColor?: string;
+    defaultLineHeight?: string;
+    dataGridLineHeight?: string;
+    focusBorderRadius?: string;
+    buttonBorderRadius?: string;
+    buttonBorderWidth?: string;
+    buttonFontSize?: string;
+    buttonBorderStyle?: string;
+    /**@deprecated*/
+    buttonOutlineHoverTextColor?: string;
+    buttonFillTextColor?: string;
+    checkboxUncheckedColor?: string;
+    checkboxUncheckedHoverColor?: string;
+    checkboxUncheckedPressedColor?: string;
+    checkboxCheckedColor?: string;
+    checkboxCheckedHoverColor?: string;
+    checkboxCheckedPressedColor?: string;
+    radioHoverBackgroundColor?: string;
+    radioPressedBackgroundColor?: string;
+    radioHoverColor?: string;
+    radioCheckedColor?: string;
+    radioPressedColor?: string;
+    defaultBorderRadius?: string;
+    inputBorderRadius?: string;
+    inputBorderWidth?: string;
+    inputBorderWidthFocus?: string;
+    inputBorderStyle?: string;
+    inputBorderColor?: string;
+    inputBackgroundColor?: string;
+    inputHelperTextColor?: string;
+    inputHoverBackgroundColor?: string;
+    inputDisabledBackgroundColor?: string;
+    inputFontSize?: string;
+    dragBorderStyle?: string;
+    modalTitleColor?: string;
+    modalShadowColor?: string;
+    modalBackgroundColor?: string;
+    modalBackdropColor?: string;
+    modalContentFontSize?: string;
+    sideSheetShadowColorOne?: string;
+    sideSheetShadowColorTwo?: string;
+    skeletonBackgroundColor?: string;
+    skeletonAnimationColorRgb?: string;
+    alertFontSize?: string;
+    alertTextColor?: string;
+    alertTextInvertedColor?: string;
+    alertNeutralBackgroundColor?: string;
+    alertInfoBackgroundColor?: string;
+    alertSuccessBackgroundColor?: string;
+    alertErrorBackgroundColor?: string;
+    alertWarningBackgroundColor?: string;
+    alertNeutralInvertedColor?: string;
+    alertInfoInvertedColor?: string;
+    alertSuccessInvertedColor?: string;
+    alertErrorInvertedColor?: string;
+    alertWarningInvertedColor?: string;
+    alertBorderWidth?: string;
+    alertBorderRadius?: string;
+    stepperWaitingColor?: string;
+    stepperWaitingHoverColor?: string;
+    stepperWaitingActiveColor?: string;
+    stepperWaitingDisabledColor?: string;
+    stepperCurrentColor?: string;
+    stepperCurrentHoverColor?: string;
+    stepperCurrentActiveColor?: string;
+    stepperCurrentDisabledColor?: string;
+    stepperDoneColor?: string;
+    stepperDoneHoverColor?: string;
+    stepperDoneActiveColor?: string;
+    stepperDoneDisabledColor?: string;
+    stepperErrorColor?: string;
+    stepperErrorHoverColor?: string;
+    stepperErrorActiveColor?: string;
+    stepperErrorDisabledColor?: string;
+    stepperDefaultTextColor?: string;
+    stepperLineColor?: string;
+    stepperLineBoldColor?: string;
+    stepperLineDisabledColor?: string;
+    stepperLineBoldDisabledColor?: string;
+    stepperLabelColor?: string;
+    stepperCaptionColor?: string;
+    stepperCaptionErrorColor?: string;
+    stepperLabelDisabledColor?: string;
+    stepperCaptionDisabledColor?: string;
+    stepperCaptionErrorDisabledColor?: string;
+    bannerBorderRadius?: string;
+    bannerBorderWidth?: string;
+    dataGridRowBackgroundColor?: string;
+    dataGridRowHoverBackgroundColor?: string;
+    progressBarBackgroundColor?: string;
+    tabsBackgroundColor?: string;
+    tabActiveBorderHeight?: string;
+    tabActiveBorderColor?: string;
+    tabActiveTextColor?: string;
+    tablistBorderWidth?: string;
+    tablistBorderStyle?: string;
+    tablistBorderColor?: string;
+    tabTextColor?: string;
+    tabHoverColor?: string;
+    tabPressedColor?: string;
+    toggleBackgroundColor?: string;
+    tooltipBackgroundColor?: string;
+    contextMenuHoverColor?: string;
+    contextMenuActiveColor?: string;
+    contextMenuPressedColor?: string;
+    contextMenuFontSize?: string;
+    linkFontSize?: string;
+    linkPrimaryDefaultColor?: string;
+    linkPrimaryVisitedColor?: string;
+    linkSuccessDefaultColor?: string;
+    linkSuccessVisitedColor?: string;
+    linkDangerDefaultColor?: string;
+    linkDangerVisitedColor?: string;
+    linkWarningDefaultColor?: string;
+    linkWarningVisitedColor?: string;
+    leftNavItemActiveRibbonColor?: string;
+    leftNavItemActiveBackgroundColor?: string;
+    default?: string;
+    success?: string;
+    error?: string;
+    info?: string;
+    disabled?: string;
+    greyedOut?: string;
+    lightGreyBorder?: string;
+    warning?: string;
+    light?: string;
+    fontFamily?: string;
+    fontFamilyCode?: string;
+    fontSizeFormLabel?: string;
+    fontSize?: string;
+    fontColorBody?: string;
+    fontSizeH1?: string;
+    fontColorH1?: string;
+    fontSizeH2?: string;
+    fontColorH2?: string;
+    fontSizeH3?: string;
+    fontColorH3?: string;
+    fontSizeH4?: string;
+    fontColorH4?: string;
+    fontSizeSub?: string;
+    fontColorSub?: string;
+    fontSizeCode?: string;
+    fontColorCode?: string;
+    fontSizeSmall?: string;
+    fontSizeBig?: string;
+    formControlFontSize?: string;
+    fileUploadBorderWidth?: string;
+    dragDropBorderStyle?: string;
+    fontSizeDataGrid?: string;
+    readOnlyBorderColor?: string;
+    readOnlyTextColor?: string;
+    iconFontBig?: string;
+    tooltipIndex?: string;
+}
+
+export declare interface BaseStylingProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactElement[] | ReactElement | string[] | string | number[] | number;
+    properties?: BaseStylingCSSProperties;
+}
+
+export declare const Breadcrumbs: default_2.ForwardRefExoticComponent<Omit<BreadcrumbsProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface BreadcrumbsProps extends ComponentPropsWithRef<"div"> {
+    children: ChildrenType | ChildrenType[];
+    ariaLabel: string;
+}
+
+export declare const Button: default_2.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & default_2.RefAttributes<HTMLButtonElement>>;
+
+declare type ButtonColorProps = BaseButtonProps & VariantButtonProps;
+
+export declare interface ButtonProps extends Props_5 {
+    startIcon?: default_2.ReactNode | false;
+    endIcon?: default_2.ReactNode | false;
+    variant?: "text" | "fill" | "outline";
+}
+
+declare type ButtonState = "default" | "hover" | "focused" | "pressed";
+
+declare type ButtonType = "primary" | "success" | "danger" | "warning" | "default";
+
+declare type ButtonVariant = "fill" | "outline" | "text";
+
+declare interface CancelAction {
+    label: string;
+    cancelButtonProps?: ButtonProps;
+}
+
+declare type CapitalizeString<T extends string> = T extends `${infer First}${infer Rest}` ? `${Uppercase<First>}${Rest}` : T;
+
+export declare const Card: ({ title, titleHeadingLevel, description, action, wrapHeaderText, headerContent, cardStyle, collapsed, children, ...rest }: CardProps) => default_2.JSX.Element;
+
+export declare interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    titleHeadingLevel?: number;
+    description?: string;
+    action?: ReactElement;
+    wrapHeaderText?: boolean;
+    headerContent?: ReactElement;
+    cardStyle?: CardStyle;
+    collapsed?: boolean;
+}
+
+export declare type CardStyle = "default" | "white";
+
+export declare const Checkbox: default_2.ForwardRefExoticComponent<Omit<default_2.PropsWithChildren<Omit<CheckboxProps, "ref"> & default_2.RefAttributes<HTMLInputElement> & WithReadOnlyProps>, "ref"> & default_2.RefAttributes<unknown>>;
+
+export declare interface CheckboxProps extends ComponentPropsWithRef<"input">, FormSelector {
+    label?: string | default_2.ReactElement;
+    indeterminate?: boolean;
+    required?: boolean;
+    helperProps?: FormHelperTextProps;
+    formSelectorWrapperProps?: Props_11;
+    onChange?: (event: default_2.ChangeEvent<HTMLInputElement>) => void;
+    readOnlyView?: boolean;
+}
+
+/**
+ * @deprecated
+ */
+export declare const CheckboxWrapper: default_2.ForwardRefExoticComponent<Omit<default_2.PropsWithChildren<Omit<CheckboxWrapperProps, "ref"> & default_2.RefAttributes<HTMLDivElement> & WithReadOnlyProps>, "ref"> & default_2.RefAttributes<unknown>>;
+
+export declare interface CheckboxWrapperProps extends ComponentPropsWithRef<"div">, Omit<WrapperProps, "success"> {
+    children: ReactElement[] | ReactElement;
+    fieldsetProps: FieldsetProps;
+    onChange?: (event: default_2.ChangeEvent<HTMLInputElement>) => void;
+}
+
+declare type ChildrenType = ReactElement<LinkProps, typeof Link>;
+
+declare interface ConfigObject {
+    relativeElement: RefElement;
+    elementToBePositioned: RefElement;
+    transformOrigin?: Placement;
+    placement?: Placement;
+    offset?: Offset;
+    debounceAmount?: number;
+}
+
+export declare const ContentHeader: ({ title, children, buttons, collapsed, subtitle, navigation, tags, error, errorMessage, errorTagText, ...rest }: ContentHeaderProps) => default_2.JSX.Element;
+
+export declare interface ContentHeaderNavigationProps {
+    displayText?: string;
+    navigateFN: NavigateFunction;
+}
+
+export declare interface ContentHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    title: string;
+    /**
+     * @deprecated pass text as children
+     */
+    subtitle?: string;
+    buttons?: ReactElement<ButtonProps, typeof Button> | ReactElement<ButtonProps, typeof Button>[];
+    collapsed?: boolean;
+    navigation?: ContentHeaderNavigationProps;
+    tags?: ReactElement<TagProps, typeof Tag>[];
+    error?: boolean;
+    errorMessage?: string;
+    errorTagText?: string;
+}
+
+export declare const ContextMenu: default_2.ForwardRefExoticComponent<Omit<ContextMenuProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare const ContextMenuDivider: default_2.FC;
+
+export declare const ContextMenuItem: default_2.ForwardRefExoticComponent<Omit<ContextMenuItemProps, "ref"> & default_2.RefAttributes<HTMLButtonElement>>;
+
+export declare interface ContextMenuItemProps extends Omit<ComponentPropsWithRef<"button">, "onClick"> {
+    children?: ReactNode;
+    hasFocus?: boolean;
+    isSelected?: boolean;
+    showActiveState?: boolean;
+    childIndex?: number;
+    shouldClick?: boolean;
+    contextMenuOpened?: boolean;
+    autoFocus?: boolean;
+    onClick?: (event: default_2.MouseEvent<HTMLButtonElement>) => void;
+    onFocusChange?: (childIndex: number) => void;
+    onSelectedChange?: (event: default_2.MouseEvent<HTMLButtonElement>, childIndex: number) => void;
+}
+
+export declare interface ContextMenuProps extends Omit<ComponentPropsWithRef<"div">, "onChange"> {
+    ariaLabel?: string;
+    trigger: ReactElement<ButtonProps> | ReactElement<IconButtonProps>;
+    decorativeElement?: ReactNode;
+    children: ReactElement<ContextMenuItemProps> | ReactElement<typeof ContextMenuDivider> | (ReactElement<ContextMenuItemProps> | ReactElement<typeof ContextMenuDivider>)[];
+    placement?: Placement;
+    transformOrigin?: Placement;
+    offset?: Offset;
+    debounceAmount?: number;
+    id?: string;
+    show?: boolean;
+    domRoot?: HTMLElement;
+    onShow?: () => void;
+    onClose?: () => void;
+    popoverProps?: Props_6;
+    value?: number;
+    onChange?: (event: default_2.MouseEvent<HTMLButtonElement>, childIndex: number) => void;
+}
+
+declare type DataAttributeKey = `data-${string}`;
+
+export declare const DataGrid: <T extends object>(p: DataGridProps<T> & {
+    ref?: Ref<HTMLDivElement>;
+}) => ReactElement;
+
+export declare const DataGridCell: default_2.ForwardRefExoticComponent<Omit<DataGridCellProps, "ref"> & default_2.RefAttributes<HTMLTableCellElement>>;
+
+export declare interface DataGridCellProps extends ComponentPropsWithRef<"td"> {
+    children?: ReactElement | string | number;
+    prefixElement?: ReactElement;
+    isLoading?: boolean;
+    spacing?: default_2.CSSProperties;
+    searchValue?: string;
+    cellIndex?: number;
+    columnLength?: number;
+    disableContextMenuColumn?: boolean;
+}
+
+export declare interface DataGridColumnMetadata {
+    name: string;
+    headline: string;
+    operators?: FilterOperator[];
+    defaultValues?: string[];
+    disableAddNew?: boolean;
+    allowSingleFilterOnly?: boolean;
+    valueSelectType?: ValueSelectType;
+}
+
+export declare const DataGridDrawerItem: default_2.ForwardRefExoticComponent<Omit<DataGridDrawerItemProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface DataGridDrawerItemProps extends ComponentPropsWithRef<"div"> {
+    title?: string;
+    description?: string;
+}
+
+export declare interface DataGridProps<T> extends Omit<ComponentPropsWithRef<"div">, "children"> {
+    children: ({ item, index }: {
+        item: T;
+        index: number;
+    }) => ReactElement;
+    data?: T[];
+    initialSort?: Sort;
+    onSort?: OnSortFunction;
+    headers: HeaderCell[];
+    /**
+     * @deprecated use the `toolbarButtons` prop instead
+     */
+    actions?: {
+        enableAddBtn?: boolean;
+        enableColumnsBtn?: boolean;
+        enableSearchBtn?: boolean;
+        addBtnProps?: ButtonProps;
+        columnsBtnProps?: ButtonProps;
+        searchBtnProps?: ButtonProps;
+        searchIconBtnProps?: ButtonProps;
+    };
+    nestedRowConfig?: {
+        nestedItemsKey?: keyof T;
+    };
+    emptyLabel?: string;
+    paginationProps?: PaginationProps;
+    disableContextMenuColumn?: boolean;
+    enableExpandableRow?: boolean;
+    filters?: DataGridToolbarProps;
+    search?: DataGridSearchbarProps;
+    toolbarButtons?: ReactElement<ButtonProps, typeof Button> | ReactElement<ButtonProps, typeof Button>[];
+    isLoading?: boolean;
+    enableMultiSorting?: boolean;
+    spacing?: Spacing;
+    inlineEditingActionButtons?: ReactElement | ReactElement[];
+}
+
+export declare const DataGridRow: <T extends object>(p: DataGridRowProps<T> & {
+    ref?: Ref<HTMLTableRowElement>;
+}) => ReactElement;
+
+export declare interface DataGridRowProps<T> extends ComponentPropsWithRef<"tr"> {
+    item?: T;
+    headers?: HeaderCell[];
+    isLoading?: boolean;
+    spacing?: default_2.CSSProperties;
+    searchValue?: string;
+    disableContextMenuColumn?: boolean;
+    nestedRowProps?: {
+        rowTemplate?: ({ item, index }: {
+            item: T;
+            index: number;
+        }) => ReactElement;
+        indentationLevel?: number;
+        indentationLevels?: {
+            level: number;
+            isLastChild: boolean;
+        }[];
+        enableNestedRow?: boolean;
+        nestedItemsKey?: keyof T;
+    };
+    expandableRowProps?: {
+        enableExpandableRow: boolean;
+        expandableRowContent: default_2.ReactNode;
+        expandButtonTitle?: string;
+        expandButtonId?: string;
+        drawerId?: string;
+        onExpand?: (item: T | undefined) => void;
+        onCollapse?: (item: T | undefined) => void;
+    };
+}
+
+export declare interface DataGridSearchbarProps {
+    onSearch: (value: string) => void;
+    initialSearchValue?: string;
+    debounceTime?: number;
+    placeholder?: string;
+    inputWrapperProps?: InputWrapperProps;
+}
+
+declare interface DataGridToolbarProps {
+    columnsMetadata?: DataGridColumnMetadata[];
+    customEditTagContent?: default_2.ReactElement;
+    dateFilterValue?: DateTimeFilter;
+    onDateFilterValueChange?: (dateTimeFilter: DateTimeFilter) => void;
+    filterValues?: Filter[];
+    translations?: FiltersTranslations;
+    onFilterAdd?: (filter: Filter) => void;
+    onFilterEdit?: (filter: Filter) => void;
+    onFilterDelete?: (id: string) => void;
+    onFiltersClear?: () => void;
+}
+
+export declare const DatePicker: ({ onSelect, value, required, mode, locale, ...rest }: DatePickerProps) => default_2.JSX.Element;
+
+export declare interface DatePickerProps extends ComponentPropsWithoutRef<any> {
+    onSelect: (date: Date | DateRange | undefined) => void;
+    mode: "single" | "range";
+    value: Date | DateRange | undefined;
+    required?: boolean;
+    locale?: keyof typeof locales;
+    numberOfMonths?: number;
+    components?: Partial<CustomComponents>;
+    disabled?: boolean;
+}
+
+export declare interface DateTimeFilter {
+    fromDate: string;
+    toDate: string;
+    type: DateTimeFilterType;
+}
+
+export declare type DateTimeFilterType = "THIRTY_SECONDS" | "ONE_MINUTE" | "FIVE_MINUTES" | "ONE_HOUR" | "TWENTY_FOUR_HOURS" | "CUSTOM";
+
+declare const dateTypes: readonly ["date", "time", "datetime-local"];
+
+export declare const debounce: (fn: (...args: unknown[]) => unknown, delay: number) => (...args: unknown[]) => void;
+
+declare type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends (infer U)[] ? DeepPartial<U>[] : T[P] extends ReadonlyArray<infer U> ? ReadonlyArray<DeepPartial<U>> : DeepPartial<T[P]>;
+};
+
+export declare const Dialog: default_2.ForwardRefExoticComponent<Omit<DialogProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface DialogAction extends Omit<ButtonProps, "variant" | "ref"> {
+    label: string;
+    onClick: (event?: default_2.MouseEvent<HTMLButtonElement>) => unknown;
+}
+
+export declare interface DialogProps extends ComponentPropsWithRef<"div"> {
+    id?: string;
+    open: boolean;
+    children: default_2.ReactNode;
+    onClose?: () => void;
+    title: string;
+    primaryAction: DialogAction;
+    secondaryAction?: DialogAction;
+    cancelAction?: CancelAction;
+    zIndex?: number;
+    disableEscapeKeyDown?: boolean;
+    titleIcon?: default_2.ReactNode;
+    caption?: string;
+}
+
+export declare type Direction = "ASC" | "DESC";
+
+export declare const DiscardChangesModal: ({ id, children, headerProps, discardChangedDialogProps, modalRef, dialogRef, onClose, hasUnsavedChanges, ...rest }: DiscardChangesModalProps) => default_2.JSX.Element;
+
+export declare interface DiscardChangesModalProps extends Omit<Props, "onClose"> {
+    hasUnsavedChanges: () => boolean;
+    onClose: (event?: default_2.MouseEvent<HTMLElement>) => unknown;
+    headerProps: Omit<Props_4, "onClose" | "id">;
+    discardChangedDialogProps: Omit<Props_10, "open" | "onKeepEditing" | "onDiscardChanges">;
+    modalRef?: default_2.RefObject<HTMLDivElement>;
+    dialogRef?: default_2.RefObject<HTMLDivElement>;
+}
+
+/** Short msg is when only title is provided. Long one when content or/and actions are provided (or type is error). */
+declare interface Duration {
+    long: number;
+    short: number;
+}
+
+declare const EMPHASES: readonly ["low", "medium", "high"];
+
+declare type Emphasis = (typeof EMPHASES)[keyof typeof EMPHASES];
+
+declare interface ErrorNotification extends NotificationType {
+    response?: string;
+    type: "error";
+}
+
+export declare const Fieldset: default_2.ForwardRefExoticComponent<Omit<default_2.PropsWithChildren<Omit<FieldsetProps, "ref"> & default_2.RefAttributes<HTMLFieldSetElement> & WithReadOnlyProps>, "ref"> & default_2.RefAttributes<unknown>>;
+
+export declare interface FieldsetProps extends ComponentPropsWithRef<"fieldset"> {
+    children?: ReactElement | ReactElement[];
+    legend: string;
+    legendStyle?: Variant;
+    hideLegend?: boolean;
+    background?: string;
+    noPadding?: boolean;
+    noBackground?: boolean;
+    required?: boolean;
+    disablePropagation?: boolean;
+}
+
+export declare enum FILE_ACTION {
+    DELETE = "delete",
+    DOWNLOAD = "download",
+    REMOVE = "remove",
+    ABORT = "abort",
+    RETRY = "retry"
+}
+
+export declare type FileType = Omit<Props_8, "onRequestedFileAction"> & Pick<File, "size" | "type"> & {
+    data?: any;
+};
+
+export declare const FileUpload: default_2.ForwardRefExoticComponent<Omit<default_2.PropsWithChildren<Omit<FileUploadProps, "ref"> & default_2.RefAttributes<HTMLInputElement> & WithReadOnlyProps>, "ref"> & default_2.RefAttributes<unknown>>;
+
+export declare interface FileUploadProps extends FileUploadType {
+    accept: string;
+    title: string;
+    multiple: boolean;
+    fileList: FileType[];
+    exceedingMaxSizeErrorText?: string;
+    maxFileSizeInBytes?: number;
+    selectButtonText?: string;
+    dragAndDropText?: string;
+    onDragOver?: DragEventHandler;
+    onDragEnter?: DragEventHandler;
+    onDragLeave?: DragEventHandler;
+    onDrop?: (e: FileType[]) => void;
+    onChange?: (e: FileType[]) => void;
+    onRequestedFileAction?: (action: FILE_ACTION, name: FileType["name"]) => void;
+    downloadFileLink?: string;
+    onDownloadFile?: () => void;
+    isRequired?: boolean;
+    invalidDropErrorMessage?: string;
+    noMultipleFileDropErrorMessage?: string;
+    readOnlyViewMessage?: string;
+    helperText?: string;
+}
+
+declare type FileUploadType = Omit<InputProps, "onDrop" | "type" | "onChange" | "suffix" | "prefix">;
+
+export declare interface Filter {
+    id: string;
+    column: string;
+    operator: FilterOperator | null;
+    value: string[];
+}
+
+export declare class FilterKeyMapper {
+    columnKvPairs: Map<string, {
+        key: string;
+        value: string;
+    }[]>;
+    setColumnKvPairs(columnName: string, kvPairs: {
+        key: string;
+        value: string;
+    }[]): void;
+    getValues(columnName: string): string[];
+    getKeysForValues(columnName: string, values: string[]): string[];
+    getKvPairs(columnName: string): KeyValuePair_2[];
+}
+
+export declare interface FilterOperator {
+    name: string;
+    allowEmptyValues: boolean;
+}
+
+declare type FiltersState = {
+    filters: Filter[];
+};
+
+declare interface FiltersTranslations {
+    toolbar?: ToolbarTranslations;
+    tag?: TagTranslations;
+    popover?: PopoverTranslations;
+}
+
+declare type Flattened<K extends string> = {
+    [Key in K]?: string;
+};
+
+export declare const Form: default_2.ForwardRefExoticComponent<Omit<FormProps, "ref"> & default_2.RefAttributes<HTMLFormElement>>;
+
+export declare const FormControl: default_2.ForwardRefExoticComponent<Omit<FormControlProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface FormControlProps extends ComponentPropsWithRef<"div"> {
+    children?: ReactElement | ReactElement[] | null;
+    grid?: 1 | 2 | 3;
+    align?: "top" | "start" | "middle" | "center" | "bottom" | "end" | "stretch";
+    disabled?: boolean;
+}
+
+/** Default form elements */
+declare interface FormElement {
+    error?: boolean;
+    success?: boolean;
+    [dataAttribute: DataAttributeKey]: unknown;
+}
+
+export declare const FormGroup: default_2.ForwardRefExoticComponent<Omit<FormGroupProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface FormGroupProps extends ComponentPropsWithRef<"div"> {
+    children: ReactElement[] | ReactElement | string | number[] | number;
+    error?: boolean;
+    errorMessageIcon?: Icons;
+    errorMessageIconPosition?: "before" | "after";
+    errorMessage?: string;
+    errorId?: string;
+    errorMessageProps?: ComponentPropsWithRef<"span">;
+    helperText?: string;
+    helperId?: string;
+    helperProps?: FormHelperTextProps;
+    disabled?: boolean;
+}
+
+export declare const FormHelperText: default_2.ForwardRefExoticComponent<Omit<FormHelperTextProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface FormHelperTextProps extends ComponentPropsWithRef<"div">, FormElement {
+    children?: ReactNode;
+    disabled?: boolean;
+}
+
+export declare interface FormProps extends ComponentPropsWithRef<"form"> {
+    children?: ReactNode;
+}
+
+export declare const FormSection: default_2.ForwardRefExoticComponent<Omit<FormSectionProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface FormSectionProps extends ComponentPropsWithRef<"div"> {
+    header?: string;
+    subtext?: string;
+}
+
+/** Radios */
+declare interface FormSelector extends FormElement {
+    helperText?: string;
+    errorMessage?: string;
+    errorMessageProps?: ComponentPropsWithRef<"span">;
+    parentHelperId?: string;
+    parentErrorId?: string;
+}
+
+export declare const FormStepper: ({ steps, direction, textPosition, ...rest }: FormStepperProps) => default_2.JSX.Element;
+
+export declare interface FormStepperProps extends StepperProps {
+    steps: FormStepProps[];
+}
+
+export declare interface FormStepProps extends StepProps {
+    targetScrollViewId?: string;
+}
+
+export declare const FormWithStepper: ({ children, stepper, ...rest }: FormWithStepperProps) => default_2.JSX.Element;
+
+export declare interface FormWithStepperProps extends HTMLAttributes<HTMLDivElement> {
+    stepper?: ReactElement<FormStepperProps, typeof FormStepper>;
+}
+
+export declare const generateID: (length?: number, stringToWeaveIn?: string) => string;
+
+export declare interface HeaderCell {
+    name: string;
+    headline: string;
+    disableSorting?: boolean;
+    hidden?: boolean;
+    align?: "left" | "right" | "center";
+}
+
+declare enum horizontal {
+    LEFT = "left",
+    CENTER = "center",
+    CENTER_H = "centerh",
+    RIGHT = "right"
+}
+
+declare type HorizontalPlacement = `${horizontal}`;
+
+declare type HttpStatuses = 200 | 500 | 400 | 401 | 403 | 404 | 501 | 502 | 503 | 504;
+
+export declare const Icon: default_2.ForwardRefExoticComponent<Omit<IconProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare const IconButton: default_2.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & default_2.RefAttributes<HTMLButtonElement>>;
+
+export declare interface IconButtonProps extends Props_5 {
+    children?: default_2.ReactNode;
+    iconSize?: "s" | "m" | "l";
+    variant?: "text" | "fill" | "outline";
+    className?: string;
+    title?: string;
+}
+
+export declare interface IconProps extends ComponentPropsWithRef<"div"> {
+    icon: Icons;
+    color?: string;
+    size?: string;
+    tag?: Tag_2;
+}
+
+export declare enum Icons {
+    Bell = "bell",
+    BellAlt = "bell-alt",
+    Bookmark = "bookmark",
+    BookmarkAlt = "bookmark-alt",
+    Build = "build",
+    Calendar = "calendar",
+    Change = "change",
+    Checkmark = "checkmark",
+    CheckmarkCircle = "checkmark-circle",
+    CheckmarkCircleAlt = "checkmark-circle-alt",
+    CheckmarkCircleBreakout = "checkmark-circle-breakout",
+    CheckmarkSquare = "checkmark-square",
+    ChevronUp = "chevron-up",
+    ChevronDown = "chevron-down",
+    ChevronLeft = "chevron-left",
+    ChevronRight = "chevron-right",
+    Circle = "circle",
+    Clock = "clock",
+    Copy = "copy",
+    Edit = "edit",
+    Ellipsis = "ellipsis",
+    EllipsisAlt = "ellipsis-alt",
+    Equal = "equal",
+    Error = "error-circle",
+    ErrorAlt = "error-circle-alt",
+    Eye = "eye",
+    EyeBlocked = "eye-blocked",
+    Filter = "filter",
+    FilterAlt = "filter-alt",
+    FilterAltArrow = "filter-alt-arrow",
+    FilterAltTimes = "filter-alt-times",
+    Forbidden = "forbidden",
+    Fullscreen = "fullscreen",
+    FullscreenExit = "fullscreen-exit",
+    Gearwheel = "gearwheel",
+    Grid = "grid",
+    Hamburger = "hamburger",
+    HomeFilled = "home-filled",
+    Heart = "heart",
+    Image = "image",
+    InfoBell = "info-bell",
+    InfoCircle = "info-circle",
+    Link = "link",
+    MinusSquare = "minus-square",
+    NavigationFirst = "navigation-first",
+    NavigationLast = "navigation-last",
+    Plus = "plus",
+    Radio = "radio",
+    Refresh = "refresh",
+    Search = "search",
+    Share = "share",
+    Square = "square",
+    Star = "star",
+    StarAlt = "star-alt",
+    TableSearch = "table-search",
+    Times = "times",
+    TimesCircle = "times-circle",
+    TimesCircleAlt = "times-circle-alt",
+    TimesThin = "times-thin",
+    Trash = "trash",
+    TriangleDown = "triangle-down",
+    TriangleDownCircle = "triangle-down-circle",
+    TriangleLeft = "triangle-left",
+    TriangleRight = "triangle-right",
+    TriangleUp = "triangle-up",
+    Undo = "undo",
+    Warning = "warning",
+    WarningFilled = "warning-filled",
+    FileOutline = "file-outline",
+    FileUpload = "file-upload-outline",
+    FileDownload = "file-download-outline",
+    UploadOutline = "upload-outline",
+    ReplyOutline = "reply-outline",
+    SaveOutline = "save-outline",
+    DownloadFile = "download-file-outline",
+    RetryFile = "retry",
+    AbortFile = "cancel",
+    FileAltIcon = "file-alt",
+    AddCircle = "add-circle",
+    ZoomIn = "zoom-in",
+    ZoomOut = "zoom-out",
+    ArrowUp = "arrow-up",
+    ArrowLeft = "arrow-left",
+    ExternalLink = "external-link",
+    SideSheetHandle = "sidesheet-handle",
+    PendingCircle = "pending-circle",
+    MinusCircle = "minus-circle",
+    ArrowRight = "arrow-right",
+    PermIdentity = "perm-identity",
+    Cable = "cable",
+    Dashboard = "dashboard",
+    FidoDevice = "fido-device",
+    Security = "security",
+    Switch = "switch",
+    Group = "group",
+    Devices = "devices",
+    DownloadCircle = "download-circle",
+    Key = "key",
+    Password = "password",
+    Phone = "phone",
+    Envelope = "envelope",
+    Badge = "badge",
+    Archive = "archive",
+    UserSettings = "user-settings",
+    ShieldCheck = "shield-check"
+}
+
+export declare const IdentityProviderButton: ForwardRefRenderFunction<HTMLButtonElement, IdentityProviderButtonProps>;
+
+export declare interface IdentityProviderButtonProps extends Omit<ComponentPropsWithRef<"button">, "color"> {
+    iconUrl?: string;
+    imgAltText?: string;
+    idpType: string;
+    customization?: SupportedCustomizationKeys;
+    loading?: boolean;
+}
+
+declare interface ImageProps extends ComponentPropsWithoutRef<"img"> {
+    src: string;
+}
+
+export declare const InlineCheckbox: (props: InlineCheckboxProps) => default_2.JSX.Element;
+
+export declare interface InlineCheckboxProps extends CheckboxProps {
+    tooltipText?: string;
+}
+
+export declare const InlineSelect: (props: InlineSelectProps) => default_2.JSX.Element;
+
+export declare interface InlineSelectProps extends SingleSelectProps {
+    tooltipText?: string;
+}
+
+export declare const Input: default_2.ForwardRefExoticComponent<Omit<default_2.PropsWithChildren<Omit<InputProps, "ref"> & default_2.RefAttributes<HTMLInputElement> & WithReadOnlyProps>, "ref"> & default_2.RefAttributes<unknown>>;
+
+export declare type InputProps = MergeElementProps<"input", FormElement & {
+    wrapperProps?: ComponentPropsWithRef<"div">;
+    labeledBy?: string;
+    type: InputType;
+    suffix?: ReactNode;
+    prefix?: ReactNode;
+    readOnlyView?: boolean;
+}>;
+
+export declare type InputType = "text" | "email" | "file" | "number" | "password" | "search" | "tel" | "url" | "hidden" | (typeof dateTypes)[number];
+
+export declare const InputWrapper: default_2.ForwardRefExoticComponent<Omit<default_2.PropsWithChildren<Omit<InputWrapperProps, "ref"> & default_2.RefAttributes<HTMLDivElement> & WithReadOnlyProps>, "ref"> & default_2.RefAttributes<unknown>>;
+
+export declare interface InputWrapperProps extends ComponentPropsWithRef<"div">, WrapperProps {
+    label: string;
+    type: InputType;
+    name: string;
+    inputProps?: PartialInputProps;
+    value: string;
+    onChange?: (event: default_2.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (event: default_2.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: default_2.FocusEvent<HTMLInputElement>) => void;
+    success?: boolean;
+}
+
+declare interface KeyValuePair {
+    [dataAttribute: DataAttributeKey]: unknown;
+}
+
+declare interface KeyValuePair_2<TKey = string, TValue = string> {
+    key: TKey;
+    value: TValue;
+}
+
+export declare const Label: default_2.ForwardRefExoticComponent<Omit<LabelProps, "ref"> & default_2.RefAttributes<HTMLLabelElement>>;
+
+export declare interface LabelProps extends ComponentPropsWithRef<"label"> {
+    children?: ReactNode;
+}
+
+export declare const LeftNav: default_2.ForwardRefExoticComponent<Omit<LeftNavProps, "ref"> & default_2.RefAttributes<HTMLElement>>;
+
+export declare interface LeftNavMenuItem {
+    key: string;
+    path?: string;
+    active?: boolean;
+    /**
+     * @deprecated it can be removed in next release
+     */
+    disabled?: boolean;
+    title: string;
+    iconComponent?: ReactElement;
+    items?: LeftNavMenuItem[];
+}
+
+export declare interface LeftNavProps extends ComponentPropsWithRef<"nav"> {
+    isSideMenuOpen?: boolean;
+    onScreenSizeChange?: (nextScreenSize: ScreenSize, prevScreenSize?: ScreenSize) => void;
+    items: LeftNavMenuItem[];
+    navigate: (path: string) => void;
+    onItemClick?: (path?: string, button?: boolean) => void;
+    marginTop?: string;
+    internalLinkPrefix?: string;
+}
+
+export declare const Link: default_2.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & default_2.RefAttributes<HTMLAnchorElement>>;
+
+export declare interface LinkProps extends ComponentPropsWithRef<"a"> {
+    prefixIcon?: ReactElement<IconProps, typeof Icon>;
+    color?: "primary" | "success" | "danger" | "warning";
+    display?: "link" | "button";
+    buttonVariant?: "outline" | "text" | "fill";
+    type?: AnchorType;
+    to: string;
+    disabled?: boolean;
+    component?: ForwardRefExoticComponent<any>;
+}
+
+declare type MergeElementProps<T extends default_2.ElementType, P> = Omit<default_2.ComponentPropsWithRef<T>, keyof P> & P;
+
+export declare const MicrofrontendContainer: ({ header, children, contentMargins, contentMaxWidth, ...rest }: MicrofrontendContainerProps) => default_2.JSX.Element;
+
+export declare interface MicrofrontendContainerProps {
+    header?: ReactElement | ReactElement[];
+    children: ReactElement | ReactElement[];
+    contentMargins?: boolean;
+    contentMaxWidth?: boolean;
+}
+
+export declare const Modal: default_2.ForwardRefExoticComponent<Omit<Props, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare const ModalContent: default_2.ForwardRefExoticComponent<Omit<Props_3, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare const ModalHeader: default_2.ForwardRefExoticComponent<Omit<Props_4, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare const MultiOption: default_2.ForwardRefExoticComponent<Omit<MultiOptionProps, "ref"> & default_2.RefAttributes<HTMLLIElement>>;
+
+export declare interface MultiOptionProps extends OptionProps {
+    fixed?: boolean;
+}
+
+export declare const MultiSelect: default_2.ForwardRefExoticComponent<Omit<default_2.PropsWithChildren<Omit<MultiSelectProps, "ref"> & default_2.RefAttributes<HTMLSelectElement> & WithReadOnlyProps>, "ref"> & default_2.RefAttributes<unknown>>;
+
+export declare type MultiSelectProps = SelectProps_2<string[]>;
+
+export declare const MultiSelectWrapper: default_2.ForwardRefExoticComponent<Omit<default_2.PropsWithChildren<Omit<MultiSelectWrapperProps, "ref"> & default_2.RefAttributes<HTMLDivElement> & WithReadOnlyProps>, "ref"> & default_2.RefAttributes<unknown>>;
+
+export declare interface MultiSelectWrapperProps extends Omit<ComponentPropsWithRef<"div">, "onChange">, Omit<WrapperProps, "onChange" | "error"> {
+    children: ReactElement[] | ReactElement | number[];
+    placeholder?: string;
+    value: string[];
+    error?: boolean;
+    selectProps?: PartialSelectProps_2;
+    onChange?: (event: default_2.ChangeEvent<HTMLSelectElement>) => void;
+    success?: boolean;
+}
+
+declare type MultiValueSpacingMultiplier = `${SpacingMultiplier} ${SpacingMultiplier} ${SpacingMultiplier} ${SpacingMultiplier}` | `${SpacingMultiplier} ${SpacingMultiplier} ${SpacingMultiplier}` | `${SpacingMultiplier} ${SpacingMultiplier}` | SpacingMultiplierStringOrNumber;
+
+declare interface Notification_2<T extends NotificationType> {
+    id?: string;
+    type?: T["type"];
+    status?: HttpStatuses;
+    title?: string;
+    message?: string;
+    handled?: boolean;
+}
+
+export declare const NotificationProvider: ({ children, translations }: NotificationProviderProps) => default_2.JSX.Element;
+
+export declare interface NotificationProviderProps {
+    children?: ReactNode;
+    translations?: DeepPartial<Translations>;
+}
+
+declare interface NotificationState {
+    notifications: Notification_2<ErrorNotification | SuccessNotification>[];
+}
+
+declare interface NotificationType {
+    type: "error" | "success";
+    status: HttpStatuses;
+}
+
+declare interface Offset {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+
+declare interface OnErrorMessageMapperType {
+    responseStatus: UploadResponseStatus;
+    responseJson: UploadResponseJson;
+}
+
+declare type OnSortFunction = (sort: Sort) => void;
+
+declare const Option_2: default_2.ForwardRefExoticComponent<Omit<OptionProps, "ref"> & default_2.RefAttributes<HTMLLIElement>>;
+export { Option_2 as Option }
+
+export declare interface OptionProps extends ComponentPropsWithRef<"li"> {
+    children: ReactNode;
+    value: string;
+    disabled?: boolean;
+    isSelected?: boolean;
+    disableDefaultSelectedStyle?: boolean;
+    selectOpened?: boolean;
+    hasFocus?: boolean;
+    shouldClick?: boolean;
+    isSearching?: boolean;
+    label?: string;
+    childIndex?: number;
+    onOptionSelect?: (ref: default_2.RefObject<HTMLLIElement>) => void;
+    onFocusChange?: (childIndex: number) => void;
+    isAddBtnFocused?: boolean;
+}
+
+export declare type PageChangeLabels = "next" | "previous" | "first" | "last";
+
+export declare type PageSize = 10 | 25 | 50;
+
+export declare const Pagination: default_2.ForwardRefExoticComponent<Omit<PaginationProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface PaginationProps extends Omit<ComponentPropsWithRef<"div">, "translate"> {
+    currentPage: number;
+    totalElements?: number;
+    pageSize?: PageSize;
+    translate?: PaginationTranslations;
+    onPageChange: (pageToGoTo: number) => void;
+    onPageSizeChange: (pageSize: PageSize) => void;
+}
+
+export declare type PaginationTranslations = {
+    totalItems: string;
+    itemsPerPage: string;
+    itemsPerPageLabel: string;
+    currentPage: string;
+    currentPageLabel: string;
+};
+
+declare interface PartialInputProps extends Partial<InputProps> {
+}
+
+declare type PartialInputProps_2 = Partial<InputProps>;
+
+declare interface PartialSelectProps extends Partial<SingleSelectProps> {
+}
+
+declare interface PartialSelectProps_2 extends Partial<MultiSelectProps> {
+}
+
+export declare interface Placement {
+    horizontal: HorizontalPlacement;
+    vertical: VerticalPlacement;
+}
+
+declare interface Placement_2 {
+    vertical: "top" | "bottom";
+    horizontal: "start" | "center" | "end";
+}
+
+declare interface PopoverTranslations {
+    columnSelectLabel?: string;
+    operatorSelectLabel?: string;
+    valueSelectLabel?: string;
+    addNewValueLabel?: string;
+    addNewValueButtonTitle?: string;
+    submitButtonTitle?: string;
+    cancelButtonTitle?: string;
+}
+
+declare type PositionType = number | "initial";
+
+export declare const ProgressBar: default_2.ForwardRefExoticComponent<Omit<ProgressBarProps, "ref"> & default_2.RefAttributes<HTMLSpanElement>>;
+
+export declare interface ProgressBarProps extends Omit<ComponentPropsWithRef<"span">, "children"> {
+    label?: string;
+    caption?: string;
+    completed?: number;
+    percentage?: number;
+    accessibilityTitle?: string;
+}
+
+declare interface Props extends ComponentPropsWithRef<"div"> {
+    id: string;
+    children: default_2.ReactNode;
+    open: boolean;
+    onClose?: (event?: default_2.MouseEvent<HTMLElement>) => unknown;
+    className?: string;
+    containerProps?: ComponentPropsWithRef<"div">;
+    backdropProps?: ComponentPropsWithRef<"div">;
+    labelledby?: string;
+    describedby?: string;
+    disableEscapeKeyDown?: boolean;
+    disableBackdrop?: boolean;
+    disableContentAutoFocus?: boolean;
+    hideBackdrop?: boolean;
+    forceContainerOpen?: boolean;
+    zIndex?: number;
+    domRoot?: HTMLElement;
+}
+export { Props as ModalProps }
+export { Props as SlideInModalProps }
+
+declare interface Props_10 extends ComponentPropsWithRef<"div"> {
+    open: boolean;
+    discardChangesButtonLabel: string;
+    keepEditingButtonLabel: string;
+    cancelAction?: CancelAction;
+    contentLabel: string;
+    titleLabel: string;
+    [dataAttribute: DataAttributeKey]: any;
+    onKeepEditing: () => void;
+    onDiscardChanges: () => void;
+}
+
+declare interface Props_11 extends ComponentPropsWithRef<"div">, FormSelector {
+    children?: ReactNode;
+    nestedChildren?: ReactNode;
+    containerProps?: ComponentPropsWithRef<"div"> & KeyValuePair;
+    helperProps?: FormHelperTextProps;
+    disabled?: boolean;
+    errorId?: string;
+    identifier?: string;
+    required?: boolean;
+}
+
+declare interface Props_2 extends ComponentPropsWithRef<"div"> {
+    children?: default_2.ReactNode;
+    onClose?: () => void;
+    cancelAction?: CancelAction;
+    cancelActionsClassName?: string;
+}
+export { Props_2 as ModalActionsProps }
+export { Props_2 as SideSheetActionsProps }
+
+declare interface Props_3 extends ComponentPropsWithRef<"div"> {
+    id?: string;
+    children: default_2.ReactNode;
+    className?: string;
+    disableAutoFocus?: boolean;
+}
+export { Props_3 as ModalContentProps }
+export { Props_3 as SideSheetContentProps }
+
+declare interface Props_4 extends ComponentPropsWithRef<"div"> {
+    id: string;
+    title: string;
+    description?: string;
+    children?: default_2.ReactNode;
+    onClose?: (event: default_2.MouseEvent<HTMLButtonElement>) => void;
+}
+export { Props_4 as ModalHeaderProps }
+export { Props_4 as SideSheetHeaderProps }
+
+declare interface Props_5 extends ComponentPropsWithRef<"button"> {
+    type?: "submit" | "button" | "reset";
+    disabled?: boolean;
+    loading?: boolean;
+    color?: "primary" | "danger" | "default" | "success" | "warning";
+}
+
+declare interface Props_6 extends ComponentPropsWithRef<"div"> {
+    children?: ReactNode;
+    show?: boolean;
+    anchorEl?: RefObject<HTMLOrSVGElement>;
+    placement?: Placement;
+    offset?: Offset;
+    debounceAmount?: number;
+    transformOrigin?: Placement;
+    onAnchorOutOfView?: () => void;
+}
+
+declare interface Props_7 extends HTMLAttributes<HTMLButtonElement> {
+    removeLabel?: string;
+    label?: string;
+    onRemove?: (e: default_2.MouseEvent<HTMLButtonElement>) => void;
+}
+
+declare interface Props_8 extends ComponentPropsWithRef<"div"> {
+    name: string;
+    status?: UploadProgress;
+    progress?: number;
+    error?: string;
+    downloadFileLink?: string;
+    onDownloadFile?: () => void;
+    totalPercentage?: number;
+    onRequestedFileAction?: (action: FILE_ACTION, name: FileType["name"]) => void;
+}
+
+declare interface Props_9 {
+    onScreenSizeChange?: (nextScreenSize: ScreenSize, prevScreenSize?: ScreenSize) => void;
+}
+
+export declare const Radio: default_2.ForwardRefExoticComponent<Omit<default_2.PropsWithChildren<Omit<RadioProps, "ref"> & default_2.RefAttributes<HTMLInputElement> & WithReadOnlyProps>, "ref"> & default_2.RefAttributes<unknown>>;
+
+export declare interface RadioProps extends ComponentPropsWithRef<"input">, Omit<FormSelector, "success"> {
+    children: string | default_2.ReactNode;
+    value: string;
+    formSelectorWrapperProps?: Props_11;
+    helperProps?: FormHelperTextProps;
+}
+
+export declare const RadioWrapper: default_2.ForwardRefExoticComponent<Omit<default_2.PropsWithChildren<Omit<RadioWrapperProps, "ref"> & default_2.RefAttributes<HTMLDivElement> & WithReadOnlyProps>, "ref"> & default_2.RefAttributes<unknown>>;
+
+export declare interface RadioWrapperProps extends ComponentPropsWithRef<"div">, WrapperProps {
+    children: ReactElement | ReactElement[];
+    fieldsetProps: FieldsetProps;
+    value: string;
+    onChange?: (event: default_2.ChangeEvent<HTMLInputElement>) => void;
+}
+
+declare type RefElement = default_2.RefObject<HTMLOrSVGElement> | undefined;
+
+export declare interface RemoveNotification {
+    id: string;
+}
+
+export declare enum ScreenSize {
+    SMALL = 0,
+    MEDIUM = 1,
+    LARGE = 2
+}
+
+declare interface SearchProps {
+    enabled?: boolean;
+    renderThreshold?: number;
+    searchPlaceholder?: string;
+    searchInputProps?: PartialInputProps_2 & {
+        reset?: boolean;
+    };
+}
+
+export declare const Select: default_2.ForwardRefExoticComponent<Omit<default_2.PropsWithChildren<Omit<SingleSelectProps, "ref"> & default_2.RefAttributes<HTMLSelectElement> & WithReadOnlyProps>, "ref"> & default_2.RefAttributes<unknown>>;
+
+declare interface SelectProps_2<V extends string | readonly string[] | undefined> extends ComponentPropsWithRef<"select">, FormElement {
+    children: ReactElement[];
+    name?: string;
+    labeledBy?: string;
+    describedBy?: string;
+    placeholder?: string;
+    selectButtonProps?: ComponentPropsWithRef<"button"> & FormElement;
+    search?: SearchProps;
+    className?: string;
+    value: V;
+    clearLabel?: string;
+    noResultsLabel?: string;
+    onChange?: (event: React.ChangeEvent<HTMLSelectElement>, child?: ReactElement) => void;
+    addNew?: AddNewProps;
+    isReadOnlyView?: boolean;
+    domRoot?: HTMLElement;
+}
+
+export declare const SelectWrapper: default_2.ForwardRefExoticComponent<Omit<default_2.PropsWithChildren<Omit<SelectWrapperProps, "ref"> & default_2.RefAttributes<HTMLDivElement> & WithReadOnlyProps>, "ref"> & default_2.RefAttributes<unknown>>;
+
+export declare interface SelectWrapperProps extends Omit<ComponentPropsWithRef<"div">, "onChange">, Omit<WrapperProps, "onChange" | "error"> {
+    children: ReactElement[] | ReactElement | number[];
+    placeholder?: string;
+    value: string;
+    error?: boolean;
+    selectProps?: PartialSelectProps;
+    onChange?: (event: default_2.ChangeEvent<HTMLSelectElement>) => void;
+    success?: boolean;
+}
+
+export declare const SideSheet: default_2.ForwardRefExoticComponent<Omit<SideSheetProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare const SideSheetContent: default_2.FC<Props_3>;
+
+export declare const SideSheetHeader: default_2.FC<Props_4>;
+
+export declare interface SideSheetProps extends Omit<Props, "hideBackdrop" | "disableBackdrop"> {
+    handleButtonProps?: {
+        onOpen: () => void;
+        onClose: () => void;
+        title?: string;
+    };
+}
+
+declare type SingleSelectProps = SelectProps_2<string>;
+export { SingleSelectProps as SelectProps }
+export { SingleSelectProps }
+
+export declare const Skeleton: default_2.ForwardRefExoticComponent<Omit<SkeletonProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface SkeletonProps extends Omit<ComponentPropsWithRef<"div">, "children"> {
+    variant?: "circular" | "rectangle" | "text";
+    height?: number | string;
+    width?: number | string;
+}
+
+export declare const SlideInModal: default_2.ForwardRefExoticComponent<Omit<Props, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare type Sort = {
+    name: string;
+    direction: Direction;
+}[];
+
+declare interface Spacing {
+    padding?: MultiValueSpacingMultiplier;
+    paddingTop?: SpacingMultiplierStringOrNumber;
+    paddingBottom?: SpacingMultiplierStringOrNumber;
+    paddingLeft?: SpacingMultiplierStringOrNumber;
+    paddingRight?: SpacingMultiplierStringOrNumber;
+    margin?: MultiValueSpacingMultiplier;
+    marginTop?: SpacingMultiplierStringOrNumber;
+    marginBottom?: SpacingMultiplierStringOrNumber;
+    marginLeft?: SpacingMultiplierStringOrNumber;
+    marginRight?: SpacingMultiplierStringOrNumber;
+}
+
+declare type SpacingMultiplier = 0 | 0.5 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
+
+declare type SpacingMultiplierStringOrNumber = `${SpacingMultiplier}` | SpacingMultiplier;
+
+export declare const Spinner: default_2.FC<SpinnerProps>;
+
+export declare interface SpinnerProps extends default_2.SVGProps<SVGSVGElement> {
+    size?: number;
+    thickness?: number;
+}
+
+export declare const Stepper: ({ steps, direction, textPosition, className, ...rest }: StepperProps) => default_2.JSX.Element;
+
+export declare interface StepperProps extends ComponentPropsWithRef<"div"> {
+    steps: StepProps[];
+    direction: "horizontal" | "vertical";
+    textPosition?: "bottom" | "right";
+}
+
+export declare interface StepProps extends Omit<ComponentPropsWithRef<"div">, "onClick"> {
+    status: StepStatus;
+    label: string;
+    caption?: string;
+    index?: number;
+    lastStep?: boolean;
+    disabled?: boolean;
+    direction?: "horizontal" | "vertical";
+    textPosition?: "bottom" | "right";
+    onClick?: (event: default_2.MouseEvent<HTMLButtonElement | HTMLDivElement>) => void;
+}
+
+export declare type StepStatus = "waiting" | "current" | "done" | "error";
+
+declare interface SuccessNotification extends NotificationType {
+    response?: string;
+    type: "success";
+}
+
+declare interface SupportedCustomizationKeys {
+    backgroundColor: string;
+    focusBorderColor: string;
+    focusBackgroundColor: string;
+    hoverBackgroundColor: string;
+    pressedBackgroundColor: string;
+    textColor: string;
+    borderColor: string;
+}
+
+export declare const Tab: ({ children, tabActive, ...rest }: TabProps) => default_2.JSX.Element;
+
+export declare interface TabProps extends Omit<HTMLProps<HTMLDivElement>, "children"> {
+    title: string;
+    children?: any;
+    tabActive?: boolean;
+    icon?: default_2.ReactNode;
+}
+
+export declare const Tabs: default_2.ForwardRefExoticComponent<Omit<TabsProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface TabsProps extends ComponentPropsWithRef<"div"> {
+    children: ReactElement<TabProps>[];
+    selected?: number;
+    onTabChange?: (index: number) => void;
+    tabChanging?: (newIndex: number, oldIndex: number) => Promise<boolean> | boolean;
+    fluid?: boolean;
+    align?: "left" | "center" | "right";
+    tabListClassName?: string;
+    iconsPosition?: "left" | "right" | "top" | "bottom";
+    activateOnFocus?: boolean;
+}
+
+export declare const Tag: default_2.ForwardRefExoticComponent<TagProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare type Tag_2 = "span" | "div" | "i";
+
+export declare interface TagProps extends HTMLAttributes<HTMLDivElement> {
+    variant?: "enabled" | "disabled";
+    icon?: Icons;
+    backgroundColor?: string;
+    color?: string;
+    children?: string;
+    shape?: "rounded" | "sharp";
+    removeButton?: Props_7;
+}
+
+declare type Tags = "h1" | "h2" | "h3" | "h4" | "p" | "div" | "code" | "span" | "sup" | "sub" | "strong" | "em" | "small" | "mark" | "del" | "ins" | "blockquote";
+
+declare interface TagTranslations {
+    addButtonCaption?: string;
+    or?: string;
+    other?: string;
+    dateIs?: string;
+}
+
+export declare const Textarea: default_2.ForwardRefExoticComponent<Omit<default_2.PropsWithChildren<Omit<TextareaProps, "ref"> & default_2.RefAttributes<HTMLTextAreaElement> & WithReadOnlyProps>, "ref"> & default_2.RefAttributes<unknown>>;
+
+export declare interface TextareaProps extends ComponentPropsWithRef<"textarea">, FormElement {
+    wrapperProps?: ComponentPropsWithRef<"div">;
+    readOnlyView?: boolean;
+}
+
+export declare const TextareaWrapper: default_2.ForwardRefExoticComponent<Omit<default_2.PropsWithChildren<Omit<TextareaWrapperProps, "ref"> & default_2.RefAttributes<HTMLDivElement> & WithReadOnlyProps>, "ref"> & default_2.RefAttributes<unknown>>;
+
+export declare interface TextareaWrapperProps extends Omit<ComponentPropsWithRef<"div">, "onFocus" | "onChange" | "onBlur" | "onMouseEnter" | "onMouseLeave">, Omit<WrapperProps, "onFocus" | "onChange" | "onBlur" | "onMouseEnter" | "onMouseLeave"> {
+    placeholder?: string;
+    textareaProps?: TextareaProps;
+    value: string;
+    onFocus?: (event: default_2.FocusEvent<HTMLTextAreaElement>) => void;
+    onChange?: (event: default_2.ChangeEvent<HTMLTextAreaElement>) => void;
+    onBlur?: (event: default_2.FocusEvent<HTMLTextAreaElement>) => void;
+    onMouseEnter?: (event: default_2.MouseEvent<HTMLTextAreaElement>) => void;
+    onMouseLeave?: (event: default_2.MouseEvent<HTMLTextAreaElement>) => void;
+    success?: boolean;
+    readOnlyView?: boolean;
+}
+
+export declare const TextEllipsis: default_2.ForwardRefExoticComponent<Omit<TextEllipsisProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface TextEllipsisProps extends ComponentPropsWithRef<"div"> {
+    children?: string;
+    popoverClassName?: string;
+}
+
+export declare const throttle: (fn: (...args: unknown[]) => unknown, delay: number) => () => void;
+
+export declare const Tile: default_2.ForwardRefExoticComponent<Omit<TileProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface TileProps extends ComponentPropsWithRef<"div"> {
+    title: string;
+    imageProps?: ImageProps;
+    enabled?: boolean;
+    loading?: boolean;
+    tileAction?: ReactElement<ContextMenuProps> | ReactElement<IconButtonProps>;
+}
+
+export declare const Tiles: default_2.ForwardRefExoticComponent<Omit<TilesProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface TilesProps extends ComponentPropsWithRef<"div"> {
+    children: ReactNode;
+    loading?: boolean;
+}
+
+export declare const Toggle: default_2.ForwardRefExoticComponent<Omit<ToggleProps, "ref"> & default_2.RefAttributes<HTMLInputElement>>;
+
+export declare interface ToggleProps extends ComponentPropsWithRef<"input">, Omit<CheckboxProps, "indeterminate" | "errorMessage" | "error" | "label"> {
+    label?: string | default_2.ReactElement;
+    labelPosition?: "left" | "right";
+    hideLabel?: boolean;
+    labelOverflow?: "wrap" | "nowrap";
+    version?: "emphasis" | "neutral";
+    spacing?: "packed" | "between";
+}
+
+declare interface ToolbarTranslations {
+    clearButtonCaption?: string;
+}
+
+export declare const Tooltip: default_2.ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface TooltipProps extends ComponentPropsWithRef<"div"> {
+    label: ReactNode;
+    title?: string;
+    children: ReactNode;
+    domRoot?: HTMLElement;
+    icon?: Icons;
+    location?: "left" | "right" | "top" | "bottom";
+    color?: "black" | "blue";
+    position?: "start" | "center" | "end";
+}
+
+export declare interface Translations {
+    general: {
+        error: string;
+        success: string;
+    };
+    messages: {
+        general: string;
+        badRequest: string;
+        unauthorized: string;
+        forbidden: string;
+        notFound: string;
+        timeout: string;
+        unavailable: string;
+    };
+}
+
+export declare const Typography: default_2.ForwardRefExoticComponent<Omit<Omit<TypographyProps, "ref">, "ref"> & default_2.RefAttributes<unknown>>;
+
+export declare interface TypographyProps extends ComponentPropsWithRef<any> {
+    children: ReactNode;
+    variant: Variant;
+    tag?: Tags;
+    spacing?: Spacing;
+    align?: "left" | "center" | "right";
+}
+
+export declare interface UploadFileRequestParams {
+    url: string;
+    headers?: Headers;
+    withCredentials?: boolean;
+}
+
+declare type UploadProgress = "uploading" | "completed" | "error" | "readonly" | "retry";
+
+export declare type UploadResponseJson = Record<string, unknown>;
+
+export declare type UploadResponseStatus = XMLHttpRequest["status"];
+
+export declare interface UploadResponseType {
+    fileList: FileType[];
+    status: UploadResponseStatus;
+    responseJson: UploadResponseJson;
+}
+
+export declare const useAlert: () => {
+    enqueueAlert: (entry: AlertQueue) => void;
+    enqueueInfoAlert: (entry: AlertQueue) => void;
+    enqueueSuccessAlert: (entry: AlertQueue) => void;
+    enqueueWarningAlert: (entry: AlertQueue) => void;
+    enqueueErrorAlert: (entry: AlertQueue) => void;
+};
+
+export declare const useClickOutside: (myElementRef: React.RefObject<HTMLElement>, onClickOutside: (event: MouseEvent) => void, dependencies?: DependencyList) => void;
+
+export declare const useDebouncedCallback: (callback: Function, delay: number, dependencies?: any[]) => (...args: any[]) => void;
+
+export declare const useFiltersReducer: (filterValues: Filter[] | undefined) => {
+    state: FiltersState;
+    addFilter: (filter: Filter) => void;
+    deleteFilter: (id: string) => void;
+    editFilter: (filter: Filter) => void;
+    resetFilters: (filters: Filter[]) => void;
+    clearFilters: () => void;
+};
+
+export declare const useFullHeightCollapse: (isCollapsed?: boolean) => {
+    collapsed: boolean;
+    handleScroll: (e: React.UIEvent<HTMLDivElement>) => void;
+};
+
+declare type UseMultiSelect = (args: UseMultiSelectArgs) => UseMultiSelectResult;
+
+export declare const useMultiSelect: UseMultiSelect;
+
+declare interface UseMultiSelectArgs {
+    initialOptions?: string[];
+    allOptions?: string[];
+    setAllOptions?: (options: string[]) => void;
+    pickedOptions: string[];
+    setPickedOptions: (options: string[]) => void;
+    onAddNew?: (newOption: string) => void;
+}
+
+declare interface UseMultiSelectResult {
+    handleOptionChange: (e: default_2.ChangeEvent<HTMLSelectElement>) => void;
+    onAddNew: (newValue: string) => void;
+    optionElements: default_2.JSX.Element[];
+}
+
+export declare const useNotificationContext: () => {
+    state: NotificationState;
+    addNotification: (notification: AddNotification) => void;
+    removeNotification: (id: string) => void;
+    resetNotifications: () => void;
+};
+
+export declare const usePosition: (providedConfigObject?: ConfigObject) => {
+    top: PositionType;
+    bottom: PositionType;
+    left: PositionType;
+    right: PositionType;
+    calculatePosition: (...args: any[]) => void;
+    initialCalculationDone: boolean;
+};
+
+export declare const useRepeater: <T>({ componentToRepeat }: Arguments) => {
+    repeatedComponents: JSX_2.Element[];
+    repeat: () => void;
+    remove: (componentToRemove: default_2.ReactElement<T>) => void;
+};
+
+export declare const useScreenSize: ({ onScreenSizeChange }?: Props_9) => {
+    screenSize: ScreenSize;
+    isDesktopScreenSize: () => boolean;
+};
+
+export declare const useUploadFile: (files: FileType[], request: UploadFileRequestParams, callbacks?: UseUploadFileCallback) => {
+    updatedFiles: FileType[];
+    setUpdatedFiles: Dispatch<SetStateAction<FileType[]>>;
+    uploadingFiles: FileType[];
+};
+
+export declare interface UseUploadFileCallback {
+    onComplete?: (response: UploadResponseType) => void;
+    onProgress?: (fileName: string, progress: number) => void;
+    onErrorMessageMapper?: (args: OnErrorMessageMapperType) => string | undefined;
+}
+
+declare const validVariants: readonly ["h1", "h2", "h3", "h4", "body", "body-bold", "sub-text", "code"];
+
+export declare enum ValueSelectType {
+    single = "single",
+    multi = "multi"
+}
+
+export declare type Variant = (typeof validVariants)[number];
+
+declare type Variant_2 = (typeof VARIANTS)[keyof typeof VARIANTS];
+
+declare type VariantButtonProps = Flattened<`button${CapitalizeString<ButtonVariant>}${CapitalizeString<ButtonType>}${CapitalizeString<ButtonState>}Color`>;
+
+declare const VARIANTS: readonly ["neutral", "informative", "success", "warning", "error"];
+
+declare enum vertical {
+    TOP = "top",
+    CENTER = "center",
+    CENTER_V = "centerv",
+    BOTTOM = "bottom"
+}
+
+declare type VerticalPlacement = `${vertical}`;
+
+declare interface WithReadOnlyProps {
+    readOnlyView?: boolean;
+    required?: boolean;
+    helperText?: string;
+    type?: string;
+}
+
+/** For components that extend this component we create an interface (InputWrapper, SelectWrapper, etc.) */
+declare interface WrapperProps extends Omit<FormElement, "success"> {
+    errorMessage?: string;
+    helperText?: string;
+    helperProps?: FormHelperTextProps;
+    errorMessageProps?: ComponentPropsWithRef<"span">;
+    label?: string;
+    name: string;
+    required?: boolean;
+    disabled?: boolean;
+}
+
+export { }