asma-core-ui 3.1.3 → 3.1.4

package/dist/index.d.ts

@@ -1 +1,864 @@
-export * from './src/index'
+/// <reference types="react" />
+
+import { AccordionDetailsProps } from '@mui/material';
+import { AccordionProps } from '@mui/material';
+import { AccordionSummaryProps } from '@mui/material';
+import type { AlertColor } from '@mui/material';
+import { AnchorHTMLAttributes } from 'react';
+import { AutocompleteProps } from '@mui/material';
+import { Avatar } from '@mui/material';
+import { BadgeProps } from '@mui/material';
+import { ChangeEvent } from 'react';
+import { CheckboxProps } from '@mui/material';
+import { ChipProps } from '@mui/material';
+import { ChipTypeMap } from '@mui/material';
+import { ClickAwayListener } from '@mui/material';
+import { ComponentProps } from 'react';
+import { Container } from '@mui/material';
+import type { CSSProperties } from 'react';
+import { DialogActionsProps } from '@mui/material';
+import { DialogContentProps } from '@mui/material';
+import type { DialogProps } from '@mui/material/Dialog';
+import type { DialogTitleProps } from '@mui/material/DialogTitle/DialogTitle';
+import { DrawerProps } from '@mui/material';
+import { Fade } from '@mui/material';
+import { FC } from 'react';
+import { FormControlLabelProps } from '@mui/material';
+import { FormControlProps } from '@mui/material';
+import { FormGroupProps } from '@mui/material';
+import { FormHelperTextProps } from '@mui/material';
+import { FormLabel } from '@mui/material';
+import { ForwardRefExoticComponent } from 'react';
+import { InputLabelProps } from '@mui/material';
+import { MenuItemProps } from '@mui/material';
+import { MenuListProps } from '@mui/material';
+import { MenuProps } from '@mui/material';
+import type { MouseEvent as MouseEvent_2 } from 'react';
+import type { MouseEventHandler } from 'react';
+import { Paper } from '@mui/material';
+import { PopoverProps } from '@mui/material';
+import { Popper } from '@mui/material';
+import { PropsWithChildren } from 'react';
+import { PropsWithoutRef } from 'react';
+import { RadioGroupProps } from '@mui/material';
+import { RadioProps } from '@mui/material';
+import { default as React_2 } from 'react';
+import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+import { SelectChangeEvent } from '@mui/material';
+import { SelectProps } from '@mui/material';
+import { Skeleton } from '@mui/material';
+import { SliderProps } from '@mui/material';
+import type { SnackbarProviderProps } from 'notistack';
+import { Stack } from '@mui/material';
+import type { SVGProps } from 'react';
+import { SwitchProps as SwitchProps_2 } from '@mui/material';
+import { TabProps } from '@mui/material';
+import { TabsProps } from '@mui/material';
+import { TextFieldProps } from '@mui/material';
+import { TooltipProps } from '@mui/material';
+import { TypographyProps } from '@mui/material';
+
+export declare const ArchiveIcon: React.FC<IIcon>;
+
+export declare const AssignmentIcon: React.FC<IIcon>;
+
+export declare const AssignmentOutlineIcon: React.FC<IIcon>;
+
+export { Avatar }
+
+export declare function BadgeIcon(props: SVGProps<SVGSVGElement>): JSX.Element;
+
+export declare const BellIcon: React.FC<IIcon>;
+
+export declare const BellOutlineIcon: React.FC<IIcon>;
+
+declare type buttonStandartVariantsProps = {
+    variant?: 'contained' | 'outlined' | 'text' | 'textGray' | 'textWhite' | 'large' | 'small' | 'medium' | 'error' | 'common';
+    error?: boolean;
+};
+
+export declare const CalendarBlankOutlineIcon: React.FC<IIcon>;
+
+export declare const CalendarIcon: React.FC<IIcon>;
+
+export declare const CalendarRangeIcon: React.FC<IIcon>;
+
+export declare const CheckBoxCheckedIcon: React.FC<IIcon>;
+
+export declare function CheckFactIcon(props: SVGProps<SVGSVGElement>): JSX.Element;
+
+export declare function CheckFactOutlineIcon(props: SVGProps<SVGSVGElement>): JSX.Element;
+
+export declare const CheckIcon: React.FC<IIcon>;
+
+export declare function CheckOutlineIcon(props: SVGProps<SVGSVGElement>): JSX.Element;
+
+export declare const ChevronDoubleLeftIcon: React.FC<IIcon>;
+
+export declare const ChevronDoubleRightIcon: React.FC<IIcon>;
+
+export declare const ChevronDownIcon: React.FC<IIcon>;
+
+export declare const ChevronLeftIcon: React.FC<IIcon>;
+
+export declare const ChevronRightIcon: React.FC<IIcon>;
+
+export declare const ChevronUpIcon: React.FC<IIcon>;
+
+export { ClickAwayListener }
+
+export declare const CloseIcon: React.FC<IIcon>;
+
+declare type commonProps = {
+    refLink?: React_2.Ref<HTMLButtonElement>;
+    size?: 'large' | 'small' | 'medium';
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    dataTest: string;
+};
+
+declare type conditionalProps = variantTextGrayProps | variantTextWhiteProps | buttonStandartVariantsProps;
+
+export declare function ConsentsIcon(props: SVGProps<SVGSVGElement>): JSX.Element;
+
+export { Container }
+
+export declare const CopyButton: FC<{
+    className?: string;
+    contentToCopy: string;
+    locale: 'en' | 'no';
+    messageInfo: (info: ReactNode, options?: MessageProps) => () => void;
+    text?: string;
+}>;
+
+export declare const CopyWrapper: FC<PropsWithChildren<{
+    className?: string;
+    contentToCopy: string;
+    locale: 'en' | 'no';
+    messageInfo: (info: ReactNode, options?: MessageProps) => () => void;
+}>>;
+
+export declare const DashboardViewIcon: React.FC<IIcon>;
+
+export declare const DashboardViewOutlineIcon: React.FC<IIcon>;
+
+export declare const DeleteOutlineIcon: React.FC<IIcon>;
+
+export declare const DotsVerticalIcon: React.FC<IIcon>;
+
+export declare const DownloadIcon: React.FC<IIcon>;
+
+export declare const DragHorizontalIcon: React.FC<IIcon>;
+
+export declare const DropDownIcon: React.FC<IIcon>;
+
+export declare const DropUpIcon: React.FC<IIcon>;
+
+export declare const DvrIcon: React.FC<IIcon>;
+
+export declare const EarthIcon: React.FC<IIcon>;
+
+export declare function EditSquareIcon(props: SVGProps<SVGSVGElement>): JSX.Element;
+
+export declare const ErrorOutlineIcon: React_2.FC<IIcon>;
+
+export { Fade }
+
+export declare const FastCheckOutlineIcon: React.FC<IIcon>;
+
+export declare const FilePdfIcon: React.FC<IIcon>;
+
+export declare const FilterIcon: React.FC<IIcon>;
+
+export declare const FindReplaceIcon: React.FC<IIcon>;
+
+export declare const FindReplacePeopleIcon: React.FC<{
+    color?: string;
+    size?: string;
+    className?: string;
+}>;
+
+export { FormLabel }
+
+export declare const HamburgerIcon: React.FC<IIcon>;
+
+export declare function HandymanIcon(props: SVGProps<SVGSVGElement>): JSX.Element;
+
+export declare function HandymanOutlineIcon(props: SVGProps<SVGSVGElement>): JSX.Element;
+
+export declare type IFloatingWindowProps = {
+    fullScreen: boolean;
+};
+
+declare type IFormLabelSize = 'md' | 'base' | 'lg' | 'xl';
+
+export declare interface IIcon {
+    width?: number;
+    height?: number;
+    className?: string;
+    onClick?: (event: React.MouseEvent<SVGSVGElement, MouseEvent>) => void;
+    color?: string;
+    vFlip?: boolean;
+}
+
+export declare interface IIconTemplate extends IIcon {
+    icon: string;
+}
+
+export declare type IMinimizableDialogProps = {
+    onCloseText?: string;
+    onMinimizeText?: string;
+    onExpandText?: string;
+    onFullScreenText?: string;
+    open: boolean;
+    onClose: () => void;
+    actionNode?: React.ReactNode;
+    showCloseIcon?: boolean;
+    showMinimizeIcon?: boolean;
+    showExpandIcon?: boolean;
+    showFullScreenIcon?: boolean;
+    title: ReactNode;
+    label?: ReactNode;
+    children?: React.ReactNode | ((props: IFloatingWindowProps) => ReactNode);
+    className?: string;
+    primaryButtonText?: string;
+    secondaryButtonText?: string;
+    onPrimaryButtonClick?: () => void;
+    onSecondaryButtonClick?: () => void;
+    extraActions?: {
+        label: string;
+        className?: string;
+        onClick: () => void;
+    }[] | (() => void);
+    extraActionsText?: string;
+    btnContainerClassName?: string;
+    footerClassName?: string;
+    footerInfo?: ReactNode;
+    enableFullscreen?: boolean;
+    dataTest: string;
+};
+
+export declare const InboxOutboxIcon: React.FC<IIcon>;
+
+export declare const InboxOutboxOutlineIcon: React.FC<IIcon>;
+
+export declare interface IStyledDialogProps extends DialogProps {
+    onCloseText?: ReactNode;
+    showCloseIcon?: boolean;
+    dataTest: string;
+    dialogLabel?: ReactNode;
+    dialogTitle?: ReactNode;
+    dialogHeaderNode?: ReactNode;
+}
+
+declare type IStyledFormLabel = {
+    title: ReactNode;
+    onClick?: MouseEventHandler<HTMLDivElement>;
+    className?: string;
+    dataTest?: string;
+    size?: IFormLabelSize;
+};
+
+export declare const KeyboardCapslockIcon: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+
+export declare const LinkOutlineIcon: React.FC<IIcon>;
+
+export declare const ListNumberedIcon: React.FC<IIcon>;
+
+export declare const ListSettingsLineIcon: React.FC<IIcon>;
+
+export declare const ListStatusIcon: React.FC<IIcon>;
+
+export declare const LoadingIcon: React.FC<IIcon>;
+
+export declare const LockIcon: React.FC<IIcon>;
+
+export { MenuProps }
+
+export declare const MessageProcessingIcon: React.FC<IIcon>;
+
+export declare const MessageProcessingOutlineIcon: React.FC<IIcon>;
+
+declare type MessageProps = SnackbarProviderProps & {
+    severity?: AlertColor
+    persist?: boolean
+    closeButton?: boolean
+    className?: string
+    id?: string
+    type?: 'loading'
+}
+
+export declare function MessageReplyIcon(props: SVGProps<SVGSVGElement>): JSX.Element;
+
+export declare const MinimizableDialog: React_2.FC<IMinimizableDialogProps>;
+
+export declare const MinimizableDialogV2: React_2.FC<{
+    onCloseText?: string;
+    onMinimizeText?: string;
+    onExpandText?: string;
+    open: boolean;
+    onClose: () => void;
+    actionNode?: React_2.ReactNode;
+    showCloseIcon?: boolean;
+    showMinimizeIcon?: boolean;
+    showExpandIcon?: boolean;
+    showFullScreenIcon?: boolean;
+    title: ReactNode;
+    label?: ReactNode;
+    children?: React_2.ReactNode;
+    classNameOverrides?: {
+        maximized?: string;
+        minimized?: string;
+    };
+    tooltipOverrides?: {
+        maximized?: string;
+        minimized?: string;
+        close?: string;
+    };
+    dataTest: string;
+}>;
+
+export declare const MinimizeIcon: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+
+export declare const NewCalendarIcon: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+
+export declare const omit: <T extends object, K extends keyof T>(obj: T, keys: readonly K[]) => Omit<T, K>;
+
+export declare const OutlineCalendarMonth: React.FC<IIcon>;
+
+export { Paper }
+
+export declare const PdfIcon: React.FC<IIcon>;
+
+export declare const PencilOutlineIcon: React.FC<IIcon>;
+
+export declare const PeopleIcon: React.FC<IIcon>;
+
+export declare const PeopleOutlineIcon: React.FC<IIcon>;
+
+export declare const PermMediaIcon: React.FC<IIcon>;
+
+export declare const PermMediaOutline: React.FC<IIcon>;
+
+export declare const PersonIcon: React.FC<IIcon>;
+
+export declare const PersonOutlineIcon: React.FC<IIcon>;
+
+export declare function PinIcon(props: SVGProps<SVGSVGElement>): JSX.Element;
+
+export declare function PlusIcon(props: SVGProps<SVGSVGElement>): JSX.Element;
+
+export declare function PlusIconCircle(props: SVGProps<SVGSVGElement>): JSX.Element;
+
+export { Popper }
+
+/**
+ * When inserting a component from a third-party library into a slot, you may encounter this warning: "React does not recognize the ownerState prop on a DOM element." This is because the custom component isn't prepared to receive the ownerState like a built-in library component would be.
+ */
+export declare function prepareForSlot<ComponentType extends React.ElementType>(Component: ComponentType): ForwardRefExoticComponent<PropsWithoutRef<ComponentProps<ComponentType>> & RefAttributes<HTMLElement>>;
+
+export declare const QnrIcon: React.FC<IIcon>;
+
+export declare const ReplayIcon: React_2.FC<IIcon>;
+
+export declare const ReportBoxIcon: React.FC<IIcon>;
+
+export declare const ReportBoxOutlineIcon: React.FC<IIcon>;
+
+export declare const SearchIcon: React.FC<IIcon>;
+
+export { SelectChangeEvent }
+
+export declare const setMidnightTime: (date: Date) => Date;
+
+export declare const SettingsIcon: React.FC<IIcon>;
+
+export declare const SettingsMenuHorizontalIcon: React_2.FC<IIcon>;
+
+export declare const SettingsOutlineIcon: React.FC<IIcon>;
+
+export declare const setZeroTime: (date: Date) => Date;
+
+export { Skeleton }
+
+export { Stack }
+
+export declare const StyledAccordion: (props: AccordionProps) => JSX.Element;
+
+export declare const StyledAccordionDetails: (props: AccordionDetailsProps) => JSX.Element;
+
+export declare const StyledAccordionSummary: (props: AccordionSummaryProps) => JSX.Element;
+
+export declare const StyledBadge: React.FC<BadgeProps & {
+    dataTest: string;
+}>;
+
+/**
+ * Developer: daria.bogatiriov@carasent.com
+ *
+ * @remarks for icon button add only startIcon prop
+ * @remarks for error button no textGray variant
+ *
+ * Custom props:
+ * @param variant -  'contained' | 'outlined' | 'text' | 'textGray'
+ * @param size -  'large' | 'small' | 'medium'
+ * @param startIcon - ReactNode
+ * @param endIcon - ReactNode
+ * @param error -  boolean
+ * @param refLink -  ref to component
+ * @param dataTest -  data-test tag
+ */
+export declare const StyledButton: ({ variant, className, size, children, refLink, startIcon, endIcon, dataTest, error, ...otherProps }: StyledButtonProps) => JSX.Element;
+
+export declare type StyledButtonProps = React_2.ButtonHTMLAttributes<HTMLButtonElement> & commonProps & conditionalProps;
+
+export declare type StyledButtonType = 'contained' | 'outlined' | 'text' | 'textGray';
+
+export declare const StyledCheckbox: React.FC<CheckboxProps & {
+    dataTest: string;
+}>;
+
+export declare const StyledChip: React.FC<ChipProps & {
+    dataTest: string;
+    readOnly?: boolean;
+}>;
+
+export declare const StyledDialog: React.FC<IStyledDialogProps>;
+
+export declare const StyledDialogActions: (props: DialogActionsProps) => JSX.Element;
+
+export declare const StyledDialogContent: ({ children, classes, className, ...rest }: DialogContentProps) => JSX.Element;
+
+export declare const StyledDialogTitle: ({ children, ...rest }: DialogTitleProps) => JSX.Element | null;
+
+export declare const StyledDrawer: FC<DrawerProps>;
+
+export declare const StyledEmptyPage: FC<{
+    emptyText: string;
+    isEmpty?: boolean;
+    className?: string;
+}>;
+
+export declare const StyledFilterButton: React.FC<StyledButtonProps & StyledFilterMenuProps>;
+
+export declare const StyledFilterMenu: React_2.FC<StyledFilterMenuProps_2>;
+
+/**
+ * Custom props:
+ * @param filterIsActive - needed to determine whether or not to show the dot in the top right corner indicating some changes were made
+ */
+declare type StyledFilterMenuProps = {
+    filterIsActive: boolean;
+    label?: string;
+};
+
+/**
+ * Custom props:
+ * @param filterIsActive - needed to determine whether or not to show the dot in the top right corner indicating some changes were made
+ * @param popoverContent
+ */
+declare type StyledFilterMenuProps_2 = {
+    dataTest: string;
+    filterIsActive: boolean;
+    popoverContent: ((props: {
+        isOpen: boolean;
+        onClose: () => void;
+    }) => ReactNode) | ReactNode;
+    disabled?: boolean;
+    size?: 'small' | 'large' | 'medium';
+    variant?: 'contained' | 'outlined' | 'text' | 'textGray';
+    popoverProps?: Omit<PopoverProps, 'open' | 'anchorEl' | 'onClose'>;
+    anchorNode?: (props: {
+        isOpen: boolean;
+        onClose: () => void;
+    }) => ReactNode;
+    label?: string;
+};
+
+export declare const StyledFormControl: (props: FormControlProps) => JSX.Element;
+
+export declare const StyledFormControlLabel: (props: FormControlLabelProps) => JSX.Element;
+
+export declare const StyledFormGroup: React.FC<FormGroupProps>;
+
+export declare const StyledFormHelperText: (props: FormHelperTextProps) => JSX.Element;
+
+export declare const StyledFormLabel: React.FC<IStyledFormLabel>;
+
+/**
+ *
+ * @inputRef
+ * inputRef to get Node of Input Element inside
+ *
+ * type='mui-input' is temporary, remove it after deleting antd from all projects. Antd lib overwrites styles for type[text]
+ */
+export declare const StyledInputField: React.FC<TextFieldProps & {
+    allowClear?: boolean;
+    onClear?: () => void;
+    readOnly?: boolean;
+    dataTest: string;
+}>;
+
+/**
+ *
+ * @inputRef
+ * inputRef to get Node of Input Element inside
+ *
+ * type='mui-input' is temporary, remove it after deleting antd from all projects. Antd lib overwrites styles for type[text]
+ */
+declare const StyledInputField_2: React.FC<
+TextFieldProps & {
+    allowClear?: boolean
+    onClear?: () => void
+    readOnly?: boolean
+    dataTest: string
+}
+> = ({ allowClear, onClear, readOnly, disabled, dataTest, ...props }) => (
+<TextField
+    {...props}
+data-test={dataTest}
+disabled={disabled || readOnly}
+type={props.type || 'mui-input'}
+InputProps={
+    allowClear && props.value
+    ? {
+        endAdornment: (
+        <div
+        className='z-40 hover:bg-gama-100 duration-300 absolute right-4 p-[2px] rounded-full flex items-center justify-center'
+        onClick={(e) => {
+                e.stopPropagation()
+                e.preventDefault()
+                onClear?.()
+            }}
+        >
+        <CloseIcon width={18} height={18} />
+        </div>
+        ),
+    }
+    : props.InputProps
+}
+sx={{
+        '& input:-webkit-autofill, & .MuiInputBase-root:has(> input:-webkit-autofill)': {
+            backgroundColor: '#e8f0fe !important',
+        },
+        '& input': {
+            backgroundColor: 'transparent',
+        },
+        '& .MuiInputBase-root': {
+            backgroundColor: 'transparent',
+        },
+        '& .MuiInputBase-colorPrimary fieldset': {
+            borderColor: 'var(--colors-delta-500) !important',
+        },
+        '& .MuiInputBase-colorPrimary.Mui-focused fieldset': {
+            borderColor: 'var(--colors-gama-400) !important',
+        },
+        '& .MuiInputBase-colorPrimary.Mui-focused::after': {
+            borderColor: 'var(--colors-gama-400) !important',
+        },
+        '& .MuiInputBase-colorPrimary.Mui-focused:hover fieldset': {
+            borderColor: 'var(--colors-gama-400) !important',
+        },
+        '& .MuiInputBase-colorPrimary:hover fieldset': {
+            borderColor: 'var(--colors-gama-300) !important',
+            borderWidth: '2px !important',
+        },
+        '& .MuiInputBase-colorPrimary.Mui-disabled:hover fieldset': {
+            borderWidth: '1px !important',
+        },
+        '& .MuiInputBase-colorPrimary.Mui-error fieldset': {
+            borderColor: 'var(--colors-error-500) !important',
+        },
+        '& .MuiInputBase-colorPrimary.Mui-error:hover fieldset': {
+            borderColor: 'var(--colors-error-500) !important',
+        },
+        '& .MuiInputBase-colorPrimary.Mui-focused.Mui-error fieldset': {
+            borderColor: '#d3302f !important',
+        },
+        '& .MuiInputBase-colorPrimary.Mui-disabled fieldset': {
+            borderColor: 'var(--colors-delta-300) !important',
+        },
+        '& label.Mui-focused': {
+            color: 'var(--colors-gama-500) !important',
+        },
+        '& label': {
+            color: 'var(--colors-delta-500) !important',
+        },
+        '& label.Mui-focused.Mui-error': {
+            color: '#d3302f !important',
+        },
+        '& label.Mui-disabled': {
+            color: 'var(--colors-gray-300) !important',
+        },
+        '& .MuiOutlinedInput-input::placeholder': {
+            color: 'var(--colors-delta-500) !important',
+            opacity: '1 !important',
+        },
+        '& .MuiOutlinedInput-input.Mui-disabled': {
+            WebkitTextFillColor: 'var(--colors-delta-300) !important',
+        },
+        ...(readOnly && {
+            '& .MuiOutlinedInput-input.Mui-disabled': {
+                WebkitTextFillColor: 'var(--colors-delta-800) !important',
+            },
+            '& .MuiInputBase-colorPrimary.Mui-disabled': {
+                backgroundColor: 'var(--colors-delta-10) !important',
+            },
+            '& .MuiInputBase-colorPrimary.Mui-disabled fieldset': {
+                borderColor: 'var(--colors-delta-200) !important',
+            },
+            '& label.Mui-disabled': {
+                color: 'var(--colors-gray-800) !important',
+            },
+        }),
+        ...props.sx,
+    }}
+/>
+);
+
+export declare const StyledInputLabel: (props: InputLabelProps) => JSX.Element;
+
+export declare const StyledInteractiveChip: FC<StyledInteractiveChipProps>;
+
+export declare interface StyledInteractiveChipProps extends ComponentProps<typeof StyledChip> {
+    type?: 'checkbox' | 'radio';
+    checked?: (CheckboxProps | RadioProps)['checked'];
+}
+
+export declare const StyledLabel: FC<StyledLabelProps>;
+
+export declare type StyledLabelProps = {
+    children: ReactNode;
+    onClick?: (event: MouseEvent_2<HTMLDivElement>) => void;
+    className?: string;
+    dataTest: string;
+    style?: CSSProperties;
+};
+
+/**
+ * Developer: bularga.alexandru@carasent.com
+ *
+ * Custom props:
+ * @param content -  content of the link - deprecated, has conflicts with HTMLAnchorElement content option
+ * @param contentNode -  content of the link
+ * @param disabled = disabled
+ * @param size -  'large' | 'small'
+ * @param refLink -  ref to component
+ * @param dataTest -  data-test tag
+ */
+export declare const StyledLink: React_2.FC<StyledLinkProps>;
+
+export declare type StyledLinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
+    disabled?: boolean;
+    size?: 'small' | 'large' | 'xs';
+    reflink?: React_2.Ref<HTMLAnchorElement>;
+    dataTest?: string;
+    content?: ReactNode;
+    contentNode?: ReactNode;
+};
+
+export declare const StyledLoading: FC<StyledLoadingProps>;
+
+declare type StyledLoadingProps = {
+    isLoading: boolean;
+    className?: string;
+    size?: 'small' | 'medium' | 'large';
+};
+
+export declare const StyledMenu: (props: MenuProps) => JSX.Element;
+
+export declare const StyledMenuItem: (props: MenuItemProps) => JSX.Element;
+
+export declare const StyledMenuList: (props: MenuListProps) => JSX.Element;
+
+export declare const StyledModuleTitle: React.FC<{
+    dataTest: string;
+    children: ReactNode;
+}>;
+
+export declare const StyledPopover: (props: PopoverProps) => JSX.Element;
+
+export declare const StyledRadio: ({ dataTest, ...props }: RadioProps & {
+    dataTest: string;
+}) => JSX.Element;
+
+export declare const StyledRadioGroup: ({ dataTest, ...props }: RadioGroupProps & {
+    dataTest: string;
+}) => JSX.Element;
+
+export declare const StyledSearchField: FC<ComponentProps<typeof StyledInputField_2>>;
+
+/**
+ *
+ * @usage
+ * use StyleSelect only inside StyledFormControl
+ *
+ * @size
+ * control the size through StyledFormControl
+ *
+ * @inputRef
+ * inputRef to get Node of Input Element inside
+ *
+ */
+export declare const StyledSelect: React.FC<SelectProps & {
+    allowClear?: boolean;
+    dataTest: string;
+}>;
+
+/**
+ *
+ * @inputRef
+ * inputRef to get Node of Input Element inside
+ *
+ */
+export declare function StyledSelectAutocomplete<T, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']>({ dataTest, autoHeight, getOptionLabel, wrapperClassName, ...props }: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent> & {
+    dataTest: string;
+    autoHeight?: boolean;
+    getOptionLabel?: (option: T) => string;
+    wrapperClassName?: string;
+}): JSX.Element;
+
+export declare const StyledSelectItem: (item: MenuItemProps) => JSX.Element;
+
+export declare const StyledSlider: ({ dataTest, ...props }: StyledSliderProps) => JSX.Element;
+
+export declare interface StyledSliderProps extends SliderProps {
+    dataTest: string;
+}
+
+export declare const StyledSwitch: ({ dataTest, ...props }: SwitchProps_2 & {
+    dataTest: string;
+}) => JSX.Element;
+
+export declare const StyledTab: FC<TabProps>;
+
+export declare const StyledTabs: FC<TabsProps>;
+
+/**
+ * Developer: bularga.alexandru@carasent.com
+ *
+ * Custom props:
+ * @param variant -  'not_editable' | 'view_only' | 'active'
+ * @param error -  boolean
+ * @param errorMessage -  string
+ * @param minRows -  number
+ * @param maxRows -  number
+ * @param counter -  number
+ * @param maxLength -  number
+ * @param refLink -  ref to component
+ * @param dataTest -  data-test tag
+ *
+ */
+export declare const StyledTextarea: React_2.FC<StyledTextAreaProps>;
+
+declare type StyledTextAreaProps = React_2.TextareaHTMLAttributes<HTMLTextAreaElement> & TextareaCommonProps & TextareaConditionalProps;
+
+export declare const StyledTooltip: (props: TooltipProps) => JSX.Element;
+
+export declare const StyledTypography: (props: TypographyProps) => JSX.Element;
+
+export declare const StyledWidget: React.FC<PropsWithChildren<StyledWidgetProps>>;
+
+export declare const StyledWidgetHeader: React_2.FC<{
+    actions?: ReactNode;
+    title?: string;
+    containerClassname?: string;
+    actionsClassname?: string;
+}>;
+
+export declare type StyledWidgetProps = {
+    title: string;
+    icon?: ReactNode;
+    link?: {
+        content: string;
+        href?: string;
+        onClick?: () => void;
+        hide?: boolean;
+    };
+    viewMore?: {
+        viewMoreText: string;
+        viewLessText: string;
+        onClick?: () => void;
+        hide?: boolean;
+        disabled?: boolean;
+    };
+    /**
+     * @param {string} persistKey - Unique key to persist expanded state
+     */
+    persistKey?: string;
+    isLoading: boolean;
+    isEmpty: boolean;
+    emptyText: string;
+};
+
+export declare const StyledWidgetTitle: React.FC<React.PropsWithChildren>;
+
+export declare type SwitchProps = SwitchProps_2;
+
+declare type TextAreaActiveProps = {
+    variant?: 'active';
+    minRows?: number;
+    maxRows?: number;
+    disabled?: boolean;
+    placeholder?: string;
+    onChange?: (e: ChangeEvent<HTMLTextAreaElement>) => void;
+    error?: boolean;
+    errorMessage?: string;
+    maxLength?: number;
+    counter?: boolean;
+    refLink?: React_2.RefObject<HTMLTextAreaElement> | null | undefined;
+    counterLimit?: number;
+};
+
+declare type TextareaCommonProps = {
+    id?: string;
+    value?: string;
+    label?: ReactNode;
+    labelClassName?: string;
+    description?: ReactNode;
+    containerClassName?: string;
+    className?: string;
+    dataTest?: string;
+};
+
+declare type TextareaConditionalProps = TextAreaActiveProps | TextAreaNotEditableProps;
+
+declare type TextAreaNotEditableProps = {
+    variant?: 'not_editable' | 'view_only';
+    minRows?: never;
+    maxRows?: never;
+    disabled?: never;
+    placeholder?: never;
+    error?: never;
+    errorMessage?: never;
+    onChange?: never;
+    maxLength?: never;
+    counter?: never;
+    refLink?: never;
+    counterLimit?: never;
+};
+
+export declare const TextBoxCheckOutlineIcon: React_2.FC<IIcon>;
+
+export { TextFieldProps }
+
+export declare const TopicIcon: React.FC<IIcon>;
+
+export declare const UnknownDocumentOutlineRoundedIcon: React_2.FC<IIcon>;
+
+declare type variantTextGrayProps = {
+    variant?: 'textGray';
+    error?: never;
+};
+
+declare type variantTextWhiteProps = {
+    variant?: 'textWhite';
+    error?: never;
+};
+
+export declare function WarningAmberOutlineIcon(props: SVGProps<SVGSVGElement>): JSX.Element;
+
+export declare function WorkIcon(props: SVGProps<SVGSVGElement>): JSX.Element;
+
+export { }