venice-ui 2.4.13 → 3.0.2

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

@@ -1,16 +1,23 @@
 import { FC } from 'react';
-import { InputSize, LabelPosition } from 'types';
-interface ICheckbox {
-    theme?: any;
-    handleClick: (value: boolean) => void;
+import { InputSize, LabelPosition } from '../../types';
+import { AppTheme, ThemeName } from '../../config';
+interface ICheckboxProps {
+    name?: string;
+    value: boolean;
+    size?: InputSize;
     label?: string;
     labelPosition?: LabelPosition;
+    theme?: AppTheme;
+    themeVariant?: ThemeName;
+    handleClick: (value: boolean) => void;
     isIntermedian?: boolean;
-    size?: InputSize;
-    value: boolean;
-    readOnly?: boolean;
-    name?: string;
-    width?: string;
+    isDisabled?: boolean;
+    labelInversed?: boolean;
+    error?: boolean;
+    helperText?: string;
+    required?: boolean;
+    optional?: boolean;
+    optionalLabel?: string;
 }
-export declare const Checkbox: FC<ICheckbox>;
+export declare const Checkbox: FC<ICheckboxProps>;
 export {};

package/dist/types/components/Checkbox/Checkbox.styles.d.ts

@@ -1,12 +1,16 @@
-import { InputSize } from 'types';
-interface IToogleElementWrapperProps {
-    size: InputSize;
+import { InputSize } from '../../types';
+interface ICheckboxRootProps {
+    isDisabled?: boolean;
+    onClick: () => any;
 }
-export declare const ToogleCheckboxWrapper: import("styled-components").StyledComponent<"div", any, IToogleElementWrapperProps, never>;
-export declare const CheckoxIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
-interface IToogleElementProps {
+export declare const CheckboxRoot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ICheckboxRootProps, never>;
+interface ICheckboxBoxProps {
+    theme: any;
+    config: any;
     size: InputSize;
-    active: boolean;
+    isActive: boolean;
+    isDisabled: boolean;
+    isIntermedian: boolean;
 }
-export declare const CheckboxElement: import("styled-components").StyledComponent<"div", any, IToogleElementProps, never>;
+export declare const CheckboxBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ICheckboxBoxProps, never>;
 export {};

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

@@ -0,0 +1,29 @@
+import { AppTheme, ThemeName } from '../../config';
+import React, { FC } from 'react';
+import { InputSize, LabelPosition } from 'types';
+interface IComponentRootProps {
+    children: React.ReactNode;
+    theme: AppTheme;
+    label?: string;
+    labelPosition?: LabelPosition;
+    size?: InputSize;
+    width?: string;
+    disabled?: boolean;
+    error?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    optional?: boolean;
+    optionalLabel?: string;
+    helperText?: string;
+    themeVariant?: ThemeName;
+    componentConfig: any;
+    ref?: React.RefObject<HTMLDivElement>;
+    isActive?: boolean;
+    labelInversed?: boolean;
+    smallSize?: boolean;
+    noBorder?: boolean;
+    noBreakLabel?: boolean;
+    componentWidth?: string;
+}
+export declare const ComponentRoot: FC<IComponentRootProps>;
+export {};

package/dist/types/components/ComponentRoot/ComponentRoot.styles.d.ts

@@ -0,0 +1,15 @@
+import { AppTheme } from '../../config';
+import { InputSize } from 'types';
+export interface IComponentWrapperProps {
+    inputSize: InputSize;
+    theme: AppTheme;
+    width?: string;
+    inputConfig: any;
+    error?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    isActive?: boolean;
+    labelInversed?: boolean;
+    noBorder?: boolean;
+}
+export declare const ComponentWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IComponentWrapperProps, never>;

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

@@ -0,0 +1,2 @@
+export * from './ComponentRoot';
+export * from './ComponentRoot.styles';

package/dist/types/components/DatePicker/Calendar.d.ts

@@ -1,25 +1,21 @@
+import { AppTheme, ThemeName } from '../../config';
 import { FC } from 'react';
-import { InputSize } from 'types';
-interface ICalendar {
+import { ICalendarLocaleLabels, IComponentLabels } from 'types';
+interface ICalendarProps {
+    theme: AppTheme;
+    themeVariant: ThemeName;
     value: number | undefined;
     top: number;
     left: number;
-    labels?: {
-        close?: string;
-        confirm?: string;
-        today?: string;
-    };
-    localeLabels?: {
-        months?: string[];
-        weekdaysShort?: string[];
-        firstDayOfWeek?: number;
-    };
-    size: InputSize;
+    triggerTop: number;
+    localeLabels: ICalendarLocaleLabels;
     handleClose: () => void;
     handleSelect: (date: number) => void;
     isAdvance?: boolean;
     autoConfirm?: boolean;
-    zIndex?: number;
+    zIndex: number;
+    config: any;
+    labels?: IComponentLabels;
 }
-export declare const Calendar: FC<ICalendar>;
+export declare const Calendar: FC<ICalendarProps>;
 export {};

package/dist/types/components/DatePicker/CalendarContent.d.ts

@@ -1,15 +1,15 @@
+import { AppTheme, ThemeName } from '../../config';
 import { FC } from 'react';
-interface ICalendarContent {
+import { ICalendarLocaleLabels } from 'types';
+interface ICalendarContentProps {
+    theme: AppTheme;
+    themeVariant: ThemeName;
     date: Date;
     mode: string;
     handleChange: (d: Date) => void;
     changeMode: (mode: string) => void;
     yearsScope: number[];
-    localeLabels?: {
-        months?: string[];
-        weekdaysShort?: string[];
-        firstDayOfWeek?: number;
-    };
+    localeLabels: ICalendarLocaleLabels;
 }
-export declare const CalendarContent: FC<ICalendarContent>;
+export declare const CalendarContent: FC<ICalendarContentProps>;
 export {};

package/dist/types/components/DatePicker/CalendarHeader.d.ts

@@ -1,15 +1,15 @@
+import { AppTheme, ThemeName } from '../../config';
 import { FC } from 'react';
-interface ICalendarHeader {
+import { ICalendarLocaleLabels } from 'types';
+interface ICalendarHeaderProps {
+    theme: AppTheme;
+    themeVariant: ThemeName;
     mode: string;
     date: Date;
     yearsScope: number[];
     handleChange: (mode: string, forward: boolean) => void;
     handleSelect: (mode: string) => void;
-    localeLabels?: {
-        months?: string[];
-        weekdaysShort?: string[];
-        firstDayOfWeek?: number;
-    };
+    localeLabels: ICalendarLocaleLabels;
 }
-export declare const CalendarHeader: FC<ICalendarHeader>;
+export declare const CalendarHeader: FC<ICalendarHeaderProps>;
 export {};

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

@@ -1,20 +1,30 @@
+import { AppTheme, ThemeName } from '../../config';
 import { FC } from 'react';
-import { IFormElement } from 'types';
-export interface IDatePicker extends IFormElement {
-    theme?: any;
-    position?: string;
+import { ICalendarLocaleLabels, IComponentLabels, InputSize, LabelPosition } from 'types';
+interface IDatePickerProps {
+    name: string;
+    value?: string | number;
+    label?: string;
+    labelPosition?: LabelPosition;
+    theme?: AppTheme;
+    themeVariant?: ThemeName;
     handleChange: (name: string, value: string | number | undefined) => void;
     zIndex?: number;
-    calendarLabels?: {
-        close?: string;
-        confirm?: string;
-        today?: string;
-    };
-    localeLabels?: {
-        months?: string[];
-        weekdaysShort?: string[];
-        firstDayOfWeek?: number;
-    };
+    labels?: IComponentLabels;
+    localeLabels?: ICalendarLocaleLabels;
+    size?: InputSize;
+    width?: string;
+    disabled?: boolean;
+    error?: boolean;
+    helperText?: string;
+    readOnly?: boolean;
+    required?: boolean;
+    optional?: boolean;
+    optionalLabel?: string;
     isAdvance?: boolean;
+    autoConfirm?: boolean;
+    placeholder?: string;
+    componentWidth?: string;
 }
-export declare const DatePicker: FC<IDatePicker>;
+export declare const DatePicker: FC<IDatePickerProps>;
+export {};

package/dist/types/components/DatePicker/DatePicker.styles.d.ts

@@ -0,0 +1,57 @@
+import { AppTheme } from '../../config';
+import { InputSize } from 'types/types';
+export declare const TrigerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+interface IDatePickerValueProps {
+    size: InputSize;
+    theme: AppTheme;
+    width?: string;
+    config: any;
+    error?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+}
+export declare const DatePickerValue: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IDatePickerValueProps, never>;
+interface ICalendarRootProps {
+    theme: AppTheme;
+    config: any;
+    top: number;
+    left: number;
+    zIndex?: number;
+}
+export declare const CalendarRoot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ICalendarRootProps, never>;
+interface ISidepanelOverlayerProps {
+    config: any;
+    theme: AppTheme;
+}
+export declare const CalendarOverlayer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ISidepanelOverlayerProps, never>;
+interface ICalendarHeaderRootProps {
+    config: any;
+    theme: AppTheme;
+}
+export declare const CalendarHeaderRoot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ICalendarHeaderRootProps, never>;
+interface ICalendarHeaderButtonProps {
+    theme: AppTheme;
+    config: any;
+    disabled?: boolean;
+}
+export declare const CalendarHeaderButton: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ICalendarHeaderButtonProps, never>;
+interface ICalendarContentRootProps {
+    theme: AppTheme;
+    config: any;
+    days: boolean;
+}
+export declare const CalendarContentRoot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ICalendarContentRootProps, never>;
+interface IDayWrapperProps {
+    theme: AppTheme;
+    config: any;
+}
+export declare const DaysHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IDayWrapperProps, never>;
+interface IDayProps {
+    theme: AppTheme;
+    config: any;
+    haveContent: boolean;
+    isSelected?: boolean;
+}
+export declare const Day: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IDayProps, never>;
+export declare const Month: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IDayProps, never>;
+export {};

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

@@ -1 +1,2 @@
-export * from './DatePicker';
+export { DatePicker } from './DatePicker';
+export { Calendar } from './Calendar';

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

@@ -1,19 +1,38 @@
+import { AppTheme, ThemeName } from '../../config';
 import { FC } from 'react';
-import { IFormElement, IOption } from '../../types';
-export interface IDropdownProps extends IFormElement {
+import { IOption } from 'types';
+import { InputSize, LabelPosition } from 'types/types';
+interface IDropdownProps {
+    label?: string;
+    labelPosition?: LabelPosition;
+    value?: string | number;
+    name: string;
+    size?: InputSize;
+    width?: string;
+    componentWidth?: string;
+    disabled?: boolean;
+    error?: boolean;
+    helperText?: string;
+    placeholder?: string;
+    readOnly?: boolean;
+    theme?: AppTheme;
+    themeVariant?: ThemeName;
     options: IOption[];
-    handleSelect: (name: string, value: string | number) => void;
+    handleChange: (name: string, value: string | number) => void;
     position?: string;
-    zIndex?: number;
-    maxHeight?: string;
-    theme?: any;
     handleFieldFocus?: (name: string) => void;
     handleFieldBlur?: () => void;
-}
-export interface IPositionStyle {
-    top: number;
-    width?: number;
-    left?: number;
-    right?: number;
+    required?: boolean;
+    optional?: boolean;
+    optionalLabel?: string;
+    prefix?: string;
+    prefixIcon?: string;
+    prefixIconAction?: (name: string) => void;
+    searchable?: boolean;
+    handleAdd?: (value: string | number) => void;
+    maxRows?: number;
+    zIndex?: number;
+    noBreakLabel?: boolean;
 }
 export declare const Dropdown: FC<IDropdownProps>;
+export {};

package/dist/types/components/Dropdown/Dropdown.styles.d.ts

@@ -1 +1,21 @@
-export declare const DropdownElement: import("styled-components").StyledComponent<"div", any, {}, never>;
+import { AppTheme } from '../../config';
+import { InputSize } from 'types';
+interface IDropdownValueProps {
+    inputSize: InputSize;
+    theme: AppTheme;
+    width?: string;
+    config: any;
+    error?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+}
+export declare const DropdownValue: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IDropdownValueProps, never>;
+export declare const TrigerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+interface IDropdownMenuPanelProps {
+    theme: AppTheme;
+    config: any;
+    zIndex?: number;
+    isOpen: boolean;
+}
+export declare const DropdownMenuPanel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IDropdownMenuPanelProps, never>;
+export {};

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

@@ -1,2 +1 @@
 export * from './Dropdown';
-export * from './DropdownElements';

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

@@ -1,17 +1,14 @@
-import { FC } from 'react';
-import { InputSize, IAction } from '../../types';
+import React, { FC } from 'react';
+import { AppTheme, ThemeName } from '../../config';
+import { IAction, InputSize } from '../../types';
 interface IDropdownMenuProps {
+    theme?: AppTheme;
+    themeVariant?: ThemeName;
     size?: InputSize;
     iconName?: string;
-    header?: boolean;
-    headerTitle?: string;
-    headerSubtitle?: string;
-    footer?: boolean;
-    footerText?: string;
-    footerAction?: () => void;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
     options: IAction[];
-    right?: boolean;
-    left?: boolean;
     targetID?: string;
     iconColor?: string;
     iconHoverColor?: string;
@@ -21,7 +18,6 @@ interface IDropdownMenuProps {
     zIndex?: number;
     textMode?: boolean;
     label?: string;
-    isTextActive?: boolean;
 }
 export declare const DropdownMenu: FC<IDropdownMenuProps>;
 export {};

package/dist/types/components/DropdownMenu/DropdownMenu.styles.d.ts

@@ -1,18 +1,8 @@
-import { InputSize } from '../../types';
-export declare const DropdownMenuElement: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DropdownMenuHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DropdownMenuFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DropdownMenuContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-interface IPanelOptionStyle {
-    onClick?: any;
-    isDisable: boolean;
-    isActive?: boolean;
-}
-export declare const DropdownMenuOption: import("styled-components").StyledComponent<"div", any, IPanelOptionStyle, never>;
-interface IDropdownMenuLabel {
-    size: InputSize;
+export declare const DropdownMenuRoot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+interface IDropdownMenuProps {
     theme: any;
-    isActive?: boolean;
+    config: any;
+    isActive: boolean;
 }
-export declare const DropdownMenuLabel: import("styled-components").StyledComponent<"div", any, IDropdownMenuLabel, never>;
+export declare const DropdownMenuText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IDropdownMenuProps, never>;
 export {};

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

@@ -1,11 +1,28 @@
+import { AppTheme, ThemeName } from '../../config';
 import { FC } from 'react';
-import { IFormElement } from '../../types';
-export interface IFileProps extends IFormElement {
+import { InputSize, LabelPosition } from 'types/types';
+interface IFileProps {
+    theme?: AppTheme;
+    themeVariant?: ThemeName;
     handleChange: any;
+    label?: string;
+    labelPosition?: LabelPosition;
     placeholder?: string;
     fileValue: File | null;
     multiple?: boolean;
     accept?: string;
-    subLabel?: string;
+    name: string;
+    size?: InputSize;
+    width?: string;
+    disabled?: boolean;
+    error?: boolean;
+    helperText?: string;
+    readOnly?: boolean;
+    required?: boolean;
+    optional?: boolean;
+    optionalLabel?: string;
+    buttonLabel?: string;
+    componentWidth?: string;
 }
 export declare const File: FC<IFileProps>;
+export {};

package/dist/types/components/File/File.styles.d.ts

@@ -1 +1,18 @@
-export declare const HiddenField: import("styled-components").StyledComponent<"input", any, {}, never>;
+import { AppTheme } from '../../config';
+import { InputSize } from 'types';
+interface IFileRootProps {
+    theme: AppTheme;
+    config: any;
+    size: InputSize;
+    isDisabled?: boolean;
+    isActive?: boolean;
+}
+export declare const FileRoot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IFileRootProps, never>;
+export declare const FileHidden: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
+interface IFileCommonProps {
+    theme: AppTheme;
+    config: any;
+    size: InputSize;
+}
+export declare const FilePlaceholder: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IFileCommonProps, never>;
+export {};

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

@@ -1,4 +1,6 @@
 import { FC } from 'react';
+import { AppTheme, ThemeName } from '../../config';
+import { IFilterLabels, InputSize } from 'types';
 interface IHeader {
     name: string;
     valueSource?: string;
@@ -35,18 +37,18 @@ export interface IFilterProps {
     max?: number;
 }
 interface IFiltersProps {
-    theme?: any;
-    title: string;
-    labelConfirm: string;
-    labelClose: string;
+    theme?: AppTheme;
+    themeVariant?: ThemeName;
     filters?: IFilterProps[];
     headers?: IHeader[];
     elements?: any[];
     fullElements?: any[];
-    labelClearAll?: string;
     handleSubmitFilters: (filteredElements: any[]) => void;
     externalClearSignal?: number;
     onClear?: () => void;
+    iconMode?: boolean;
+    size?: InputSize;
+    labels?: IFilterLabels;
 }
 export declare const Filters: FC<IFiltersProps>;
-export default Filters;
+export {};

package/dist/types/components/Filters/Filters.styles.d.ts

@@ -1,5 +1,46 @@
-export declare const FilterIconArea: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FiltersArea: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FilterSection: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FilterOption: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FilterInputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+import { AppTheme } from '../../config';
+import { InputSize } from 'types';
+interface IFilterTrigerRootProps {
+    theme: AppTheme;
+    config: any;
+    size: InputSize;
+    isActive: boolean;
+}
+export declare const FilterTrigerRoot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IFilterTrigerRootProps, never>;
+interface IFilterCounter {
+    theme: AppTheme;
+    config: any;
+    size: InputSize;
+}
+export declare const FilterCounter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IFilterCounter, never>;
+export declare const FiltersArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+interface FilterSection {
+    theme: AppTheme;
+    config: any;
+}
+export declare const FilterSection: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, FilterSection, never>;
+interface IFilterSectionHeaderProps {
+    theme: AppTheme;
+    config: any;
+}
+export declare const FilterSectionHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IFilterSectionHeaderProps, never>;
+interface IHeaderTitleProps {
+    theme: AppTheme;
+    config: any;
+}
+export declare const HeaderTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IHeaderTitleProps, never>;
+interface IListIconWrapper {
+    theme: any;
+    isExtended: boolean;
+    config: any;
+}
+export declare const ListIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IListIconWrapper, never>;
+interface IHeaderRowClearProps {
+    theme: any;
+    config: any;
+}
+export declare const HeaderRowClear: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IHeaderRowClearProps, never>;
+export declare const FilterOption: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const FilterGrid: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const FilterInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export {};

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

@@ -1,12 +1,14 @@
+import { AppTheme, ThemeName } from '../../config';
 import { FC } from 'react';
-import { FormSourceData } from './formTypes';
-import { InputSize } from 'types';
-export interface FormProps {
+import { FormSourceData, InputSize } from 'types';
+interface IFormProps {
+    theme?: AppTheme;
+    themeVariant?: ThemeName;
     formData: FormSourceData;
     size?: InputSize;
     read?: boolean;
     handleFieldFocus?: (name: string) => void;
     handleFieldBlur?: () => void;
 }
-export declare const Form: FC<FormProps>;
-export default Form;
+export declare const Form: FC<IFormProps>;
+export {};

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

@@ -0,0 +1,14 @@
+import { AppTheme } from '../../config';
+export declare const FormRoot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+interface FormRowProps {
+    theme: AppTheme;
+    config: any;
+}
+export declare const FormRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, FormRowProps, never>;
+interface FormSubRowProps {
+    factor: number;
+    theme: AppTheme;
+    config: any;
+}
+export declare const FormSubRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, FormSubRowProps, never>;
+export {};

package/dist/types/components/{ElementHeader/ElementHeader.d.ts → Header/Header.d.ts}

@@ -1,19 +1,18 @@
+import { AppTheme, ThemeName } from '../../config';
 import React, { FC } from 'react';
-import { IAction } from '../../types';
-interface IElementHeader {
+import { IAction } from 'types';
+interface IHeaderProps {
+    theme?: AppTheme;
+    themeVariant?: ThemeName;
     title?: string;
     actionLabel?: string;
-    handleClose?: () => void;
-    handleClick?: () => void;
-    handleBack?: () => void;
-    children?: React.ReactNode;
-    backgroundColor?: string;
-    iconColor?: string;
-    iconHoverColor?: string;
+    header?: React.ReactNode;
     options?: IAction[];
-    theme?: any;
     bottomDivader?: boolean;
     actionDisabled?: boolean;
+    handleClose?: () => void;
+    handleClick?: () => void;
+    handleBack?: () => void;
 }
-export declare const ElementHeader: FC<IElementHeader>;
+export declare const Header: FC<IHeaderProps>;
 export {};