@zealicsolutions/web-ui 0.2.55 → 0.2.56

package/dist/index.d.ts

@@ -37,13 +37,13 @@ import { LoginFields as LoginFields$1 } from 'organisms/LoginForm/types';
 import { AnnotationsList as AnnotationsList$1 } from 'contexts/MlrRichTextViewerContext/types';
 import * as contexts_MlrRichTextViewerContext_MlrRichTextViewerContext from 'contexts/MlrRichTextViewerContext/MlrRichTextViewerContext';
 
-type BaseButtonProps = {
+declare type BaseButtonProps = {
     onClick?: Callback$1;
     variant?: 'primary' | 'secondary';
     disabled?: boolean;
     fullWidth?: boolean;
 };
-type ButtonProps = BaseButtonProps & {
+declare type ButtonProps = BaseButtonProps & {
     fullWidth?: boolean;
     text?: string;
     link?: string;
@@ -53,7 +53,7 @@ type ButtonProps = BaseButtonProps & {
 };
 declare const Button: ({ text, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, }: ButtonProps) => JSX.Element | null;
 
-type TouchableOpacityProps = PropsWithChildren<{
+declare type TouchableOpacityProps = PropsWithChildren<{
     activeOpacity?: number;
     withoutOpacityEffect?: boolean;
     disabled?: boolean;
@@ -66,7 +66,7 @@ declare const TouchableOpacity: styled_components.StyledComponent<"div", styled_
     children?: React$1.ReactNode;
 }, never>;
 
-type CheckBoxProps = {
+declare type CheckBoxProps = {
     value: boolean;
     onClick: (value: boolean) => void;
     disabled?: boolean;
@@ -75,11 +75,11 @@ type CheckBoxProps = {
 };
 declare const Checkbox: ({ label, onClick, value, disabled, error }: CheckBoxProps) => JSX.Element;
 
-type SelectOption = {
+declare type SelectOption = {
     id: string;
     label: string;
 };
-type SelectProps = {
+declare type SelectProps = {
     value?: string;
     optionsPresentation?: boolean;
     onChange?: (value: string) => void;
@@ -92,11 +92,11 @@ type SelectProps = {
 
 declare const Select: ({ onChange, value, placeholder, options, disabled, optionsPresentation, isError, }: SelectProps) => JSX.Element;
 
-type InputIconProps = {
+declare type InputIconProps = {
     name: IconNames$1;
     onClick?: Callback$1;
 };
-type InputProps = {
+declare type InputProps = {
     value?: string;
     leftIcon?: InputIconProps;
     rightIcon?: InputIconProps;
@@ -112,9 +112,9 @@ type InputProps = {
 };
 declare const Input: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, ...rest }: InputProps) => JSX.Element;
 
-type TextTypes = 'primary' | 'secondary' | 'error' | 'success';
-type TextAlign = 'center' | 'right' | 'left';
-type TextWrapperProps = {
+declare type TextTypes = 'primary' | 'secondary' | 'error' | 'success';
+declare type TextAlign = 'center' | 'right' | 'left';
+declare type TextWrapperProps = {
     children: ReactNode;
     variant: FontSizesTypes$1;
     layout?: 'div' | 'span';
@@ -127,7 +127,7 @@ type TextWrapperProps = {
 };
 declare const TextWrapper: styled_components.StyledComponent<_mui_material_OverridableComponent.OverridableComponent<_mui_material.BoxTypeMap<{}, "div">>, styled_components.DefaultTheme, TextWrapperProps, never>;
 
-type IconProps = {
+declare type IconProps = {
     name: IconNames;
     size?: number;
     color?: ThemeColors$2 | string;
@@ -158,10 +158,10 @@ declare const availableIcons: {
     Bookmark: ({ fill, color, size, ...props }: Omit<IconProps, "name">) => JSX.Element;
     ArrowRight: ({ color, ...props }: Omit<IconProps, "name">) => JSX.Element;
 };
-type IconNames = keyof typeof availableIcons;
+declare type IconNames = keyof typeof availableIcons;
 declare const Icon: ({ name, color, ...props }: IconProps) => JSX.Element;
 
-type SpacerProps = {
+declare type SpacerProps = {
     width?: SizesTypes$1 | number;
     height?: SizesTypes$1 | number;
     layout?: 'div' | 'span';
@@ -173,7 +173,7 @@ declare const Spinner: styled_components.StyledComponent<"div", styled_component
     size?: SizesTypes$2 | undefined;
 }, never>;
 
-type ImageProps = {
+declare type ImageProps = {
     src: string;
     alt?: string;
     style?: CSSProperties;
@@ -181,7 +181,7 @@ type ImageProps = {
 declare const Image: styled_components.StyledComponent<"img", styled_components.DefaultTheme, ImageProps, never>;
 declare const BackgroundImage: styled_components.StyledComponent<"img", styled_components.DefaultTheme, ImageProps, never>;
 
-type LinkButtonProps = PropsWithChildren<{
+declare type LinkButtonProps = PropsWithChildren<{
     activeOpacity?: number;
     withoutOpacityEffect?: boolean;
     disabled?: boolean;
@@ -204,14 +204,14 @@ declare const LinkButton: styled_components.StyledComponent<"div", styled_compon
     elementId?: string | undefined;
 }, never>;
 
-type ValidationTagStatus = 'DEFAULT' | 'ERROR' | 'SUCCESS';
-type ValidationTagProps = {
+declare type ValidationTagStatus = 'DEFAULT' | 'ERROR' | 'SUCCESS';
+declare type ValidationTagProps = {
     status: ValidationTagStatus;
     text: string;
 };
 declare const ValidationTag: ({ text, status }: ValidationTagProps) => JSX.Element;
 
-type VideoProps = {
+declare type VideoProps = {
     src: string;
     style?: CSSProperties;
     template?: FeedContentTemplateTypes$1;
@@ -220,12 +220,12 @@ type VideoProps = {
 };
 declare const Video: ({ style, src, template, autoplay, coverImage }: VideoProps) => JSX.Element;
 
-type TooltipProps = Pick<TooltipProps$1, 'overlay' | 'placement' | 'trigger' | 'visible' | 'children'>;
+declare type TooltipProps = Pick<TooltipProps$1, 'overlay' | 'placement' | 'trigger' | 'visible' | 'children'>;
 declare const StyleWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
 declare const Tooltip: ({ trigger, placement, ...props }: TooltipProps) => JSX.Element;
 
-type ToastType = 'success' | 'infoTierOne' | 'infoTierTwo' | 'warning' | 'error';
-type ToastParams = {
+declare type ToastType = 'success' | 'infoTierOne' | 'infoTierTwo' | 'warning' | 'error';
+declare type ToastParams = {
     message: string;
     type?: ToastType;
     duration?: number;
@@ -233,7 +233,7 @@ type ToastParams = {
 
 declare const toast: ({ message, type, duration }: ToastParams) => void | undefined;
 
-type HorizontalButtonsProps = {
+declare type HorizontalButtonsProps = {
     selectedButtonId: string;
     buttonOptions: {
         value: string;
@@ -245,7 +245,7 @@ type HorizontalButtonsProps = {
 };
 declare const HorizontalButtons: ({ onClick, disabled, buttonOptions, selectedButtonId, error, }: HorizontalButtonsProps) => JSX.Element;
 
-type AvatarProps = {
+declare type AvatarProps = {
     size?: SizesTypes$1 | number;
     withShadow?: boolean;
     label?: string;
@@ -263,13 +263,13 @@ type AvatarProps = {
 };
 declare const Avatar: ({ size, withShadow, label, backgroundColor, onPress, content: { initials, iconName, imageUrl }, textConfig: { color, font }, }: AvatarProps) => JSX.Element;
 
-type HorizontalPaddingProps = {
+declare type HorizontalPaddingProps = {
     padding: SizesTypes$1 | number;
 };
 declare const HorizontalPadding: styled_components.StyledComponent<"div", styled_components.DefaultTheme, HorizontalPaddingProps, never>;
 declare const VerticalPadding: styled_components.StyledComponent<"div", styled_components.DefaultTheme, HorizontalPaddingProps, never>;
 
-type DividerProps = {
+declare type DividerProps = {
     type?: 'horizontal' | 'vertical';
     color?: ThemeColors$2 | string;
     marginVertical?: SizesTypes$1 | number;
@@ -278,11 +278,11 @@ type DividerProps = {
 };
 declare const Divider: styled_components.StyledComponent<"div", styled_components.DefaultTheme, DividerProps, never>;
 
-type MapPosition = {
+declare type MapPosition = {
     lat: number;
     lng: number;
 };
-type GoogleMapProps = {
+declare type GoogleMapProps = {
     position: MapPosition;
 } & WithScriptjsProps & WithGoogleMapProps;
 declare const GoogleMap: React__default.ComponentClass<{
@@ -294,7 +294,7 @@ declare const COMMUNICATION_LINK_ELEMENT_ID = "communication-link";
 declare const MATRIX_MESSAGE_DATA_ID = "matrix-message-id";
 declare const COMMUNICATION_LINK_DATA_URL = "communication-link-url";
 declare const COMMUNICATION_LINK_DATA_TEXT = "communication-link-text";
-type RichTextEditorProps = Partial<{
+declare type RichTextEditorProps = Partial<{
     value: string;
     font: FontSizesTypes$2;
     color: ThemeColors$2;
@@ -303,14 +303,14 @@ type RichTextEditorProps = Partial<{
 }>;
 declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, }: RichTextEditorProps) => JSX.Element | null;
 
-type RadioButtonType<T extends string = string> = {
+declare type RadioButtonType<T extends string = string> = {
     id: T;
     label?: string;
     error?: boolean;
     disabled?: boolean;
     isRichText?: boolean;
 };
-type RadioButtonsProps<T extends string> = {
+declare type RadioButtonsProps<T extends string> = {
     isEditMode?: boolean;
     onChange: (value: T) => void;
     value: T;
@@ -320,14 +320,14 @@ type RadioButtonsProps<T extends string> = {
 };
 declare const RadioButtons: <T extends string>({ value, items, isRow, isEditMode, onChange, name, }: RadioButtonsProps<T>) => JSX.Element;
 
-type CircleType = 'link' | 'message';
-type CircleBoxProps = {
+declare type CircleType = 'link' | 'message';
+declare type CircleBoxProps = {
     index: number;
     type: CircleType;
 };
 declare const Circle: ({ index, type }: CircleBoxProps) => JSX.Element;
 
-type CircularIndicatorProps = {
+declare type CircularIndicatorProps = {
     active: boolean;
     activeColor?: ThemeColors$2 | string;
     inactiveColor?: ThemeColors$2 | string;
@@ -335,7 +335,7 @@ type CircularIndicatorProps = {
 declare const CircularIndicator: ({ activeColor, inactiveColor, ...props }: CircularIndicatorProps) => JSX.Element;
 declare const CircularIndicatorStyledComponent: styled_components.StyledComponent<"span", styled_components.DefaultTheme, CircularIndicatorProps, never>;
 
-type IconButtonProps = {
+declare type IconButtonProps = {
     name: IconNames$2;
     size?: number;
     onClick: Callback$1;
@@ -345,8 +345,8 @@ type IconButtonProps = {
 };
 declare const IconButton: ({ name, color, onClick, disabled, activeOpacity, withoutOpacityEffect, ...props }: IconButtonProps & TouchableOpacityProps$1) => JSX.Element;
 
-type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
-type FieldLabelsProps = {
+declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
+declare type FieldLabelsProps = {
     label: string;
     tooltipText?: string;
     isError?: boolean;
@@ -355,7 +355,7 @@ type FieldLabelsProps = {
 };
 declare const FieldLabels: ({ label, isTooltipVisible, isError, ruleLabel, tooltipText, }: FieldLabelsProps) => JSX.Element;
 
-type InputFieldProps = {
+declare type InputFieldProps = {
     name: string;
     control?: Control<any>;
     rules?: ControllerProps['rules'];
@@ -370,9 +370,9 @@ declare const InputField: ({ control, name, inputProps, styles, labelsProps, def
 
 declare const getFieldPlaceholder: (type: FieldTypes$1, title?: string) => string;
 
-type InputFieldTypes = 'number' | 'text' | 'email' | 'password';
-type FieldTypes = 'input' | 'select' | 'checkbox';
-type UIField<T = string> = (UIInputField & UISelectField & UICheckboxField) & {
+declare type InputFieldTypes = 'number' | 'text' | 'email' | 'password';
+declare type FieldTypes = 'input' | 'select' | 'checkbox';
+declare type UIField<T = string> = (UIInputField & UISelectField & UICheckboxField) & {
     name: T;
     type: FieldTypes;
     value?: string;
@@ -384,18 +384,18 @@ type UIField<T = string> = (UIInputField & UISelectField & UICheckboxField) & {
     rules?: ControllerProps$1['rules'];
     order?: number;
 };
-type UIInputField = {
+declare type UIInputField = {
     inputType?: InputFieldTypes;
     maxLength?: number;
     onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
 };
-type UISelectField = {
+declare type UISelectField = {
     options?: SelectOption$1[];
 };
-type UICheckboxField = {
+declare type UICheckboxField = {
     checkboxLabel?: string;
 };
-type UIFields<T extends object> = UIField<keyof T>[];
+declare type UIFields<T extends object> = UIField<keyof T>[];
 
 declare const getInitialValuesFromFields: <T extends object>(fields: UIFields$1<T>) => DeepPartial<T>;
 declare const isFormValid: <T extends FieldValues>(formState: FormState<T>) => boolean;
@@ -410,7 +410,7 @@ declare const profileInformationMockForm: {
     fields: UIFields$1<Record<string, string>>;
 }[];
 
-type FieldMapperProps<T extends object> = {
+declare type FieldMapperProps<T extends object> = {
     field: UIField<keyof T>;
     isEditMode?: boolean;
     control?: Control<T>;
@@ -421,7 +421,7 @@ type FieldMapperProps<T extends object> = {
 };
 declare const FieldMapper: <T extends object>({ field, isEditMode, spacer, control, isTooltipVisible, optionsPresentation, styles, }: FieldMapperProps<T>) => JSX.Element | null;
 
-type CheckboxFieldProps = {
+declare type CheckboxFieldProps = {
     name: string;
     control?: Control<any>;
     defaultValue?: boolean;
@@ -429,7 +429,7 @@ type CheckboxFieldProps = {
 };
 declare const CheckboxField: ({ control, name, checkboxProps, defaultValue, }: CheckboxFieldProps) => JSX.Element;
 
-type SelectFieldProps = {
+declare type SelectFieldProps = {
     selectProps: SelectProps;
     labelsProps?: FieldLabelsProps;
     name: string;
@@ -442,11 +442,11 @@ type SelectFieldProps = {
 };
 declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, }: SelectFieldProps) => JSX.Element;
 
-type CustomValidationRule<T = string> = {
+declare type CustomValidationRule<T = string> = {
     text: string;
     validate: (value?: T) => boolean;
 };
-type CustomValidationProps<T = string> = {
+declare type CustomValidationProps<T = string> = {
     label?: string;
     value: T;
     isSubmitted?: boolean;
@@ -460,19 +460,19 @@ declare const ZealThemeProvider: (props: PropsWithChildren<{
     theme?: DefaultTheme;
 }>) => JSX.Element;
 
-type ThemeColors = 'primary' | 'secondary' | 'background' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'indigo' | 'blue' | 'white' | 'black' | 'indigoTint' | 'indigoTint2' | 'success' | 'error' | 'warning' | 'green' | 'greenTint';
-type SizesTypes = '3XL' | '2XL' | 'XL-2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
-type FontSizesTypes = Exclude<SizesTypes, 'XL-2XL'> | 'H2' | 'H1';
-type BreakpointSizesTypes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type ThemeColorsType = Record<ThemeColors, string>;
-type ThemeTextType = Record<FontSizesTypes, {
+declare type ThemeColors = 'primary' | 'secondary' | 'background' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'indigo' | 'blue' | 'white' | 'black' | 'indigoTint' | 'indigoTint2' | 'success' | 'error' | 'warning' | 'green' | 'greenTint';
+declare type SizesTypes = '3XL' | '2XL' | 'XL-2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
+declare type FontSizesTypes = Exclude<SizesTypes, 'XL-2XL'> | 'H2' | 'H1';
+declare type BreakpointSizesTypes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+declare type ThemeColorsType = Record<ThemeColors, string>;
+declare type ThemeTextType = Record<FontSizesTypes, {
     'font-weight': string;
     'font-size': number;
     'line-height': number;
 }>;
-type ThemeSizesType = Record<SizesTypes, number>;
-type ThemeDevicesType = Record<BreakpointSizesTypes, string>;
-type ZealTheme = {
+declare type ThemeSizesType = Record<SizesTypes, number>;
+declare type ThemeDevicesType = Record<BreakpointSizesTypes, string>;
+declare type ZealTheme = {
     colors: ThemeColorsType;
     fonts: Record<FontSizesTypes, number>;
     sizes: ThemeSizesType;
@@ -483,7 +483,7 @@ declare const toastStyles: styled_components.FlattenSimpleInterpolation;
 
 declare const useMediaQuery: (breakpointSize: BreakpointSizesTypes$1) => boolean;
 
-type BaseSelectableProps<T> = {
+declare type BaseSelectableProps<T> = {
     iconName: IconNames;
     infoText: string;
     isActive?: boolean;
@@ -491,7 +491,7 @@ type BaseSelectableProps<T> = {
     value: T;
 };
 
-type SelectableCardGroupProps<T> = {
+declare type SelectableCardGroupProps<T> = {
     cards: BaseSelectableProps<T>[];
     handleChange?: (value: T | undefined) => void;
     spacing?: SizesTypes;
@@ -499,9 +499,9 @@ type SelectableCardGroupProps<T> = {
 };
 declare const SelectableCardGroup: <T extends string>({ cards, handleChange, spacing, initialValue, }: SelectableCardGroupProps<T>) => JSX.Element;
 
-type HeroImageAlignment = 'left_aligned' | 'center_aligned';
-type HeroImageTemplate = 'card' | 'full_width';
-type HeroImageProps = {
+declare type HeroImageAlignment = 'left_aligned' | 'center_aligned';
+declare type HeroImageTemplate = 'card' | 'full_width';
+declare type HeroImageProps = {
     type: 'hero_image';
     backgroundImage: ImageProps$1;
     mainHeading: string;
@@ -515,8 +515,8 @@ type HeroImageProps = {
 };
 declare const HeroImage: ({ backgroundImage, button, contentAlignment, mainHeading, horizontalPaddings, subHeading, template, isMobile, height, }: HeroImageProps) => JSX.Element;
 
-type Anchor = 'top' | 'left' | 'bottom' | 'right';
-type DrawerProps = DrawerProps$1 & {
+declare type Anchor = 'top' | 'left' | 'bottom' | 'right';
+declare type DrawerProps = DrawerProps$1 & {
     anchor: Anchor;
     padding?: SizesTypes$2 | number;
     height?: number | string;
@@ -526,15 +526,15 @@ type DrawerProps = DrawerProps$1 & {
 
 declare const Drawer: ({ children, closeIconColor, ...props }: PropsWithChildren<DrawerProps>) => JSX.Element;
 
-type ColumnsTemplateKeys = 'horizontal' | 'card' | 'with_image';
+declare type ColumnsTemplateKeys = 'horizontal' | 'card' | 'with_image';
 
-type ColumnsProps = {
+declare type ColumnsProps = {
     type: 'columns';
     columns: ColumnItem[];
     containerStyles?: CSSProperties$1;
     template?: ColumnsTemplateKeys;
 };
-type ColumnItem = {
+declare type ColumnItem = {
     title?: string;
     mainContent?: string;
     button?: LinkButtonProps$1;
@@ -542,25 +542,25 @@ type ColumnItem = {
 };
 declare const Columns: ({ columns, containerStyles, template }: ColumnsProps) => JSX.Element;
 
-type MenuItem<T> = {
+declare type MenuItem<T> = {
     id: T;
     title: string;
     onClick?: (id: T) => void;
 };
-type MenuItemsProps<T> = {
+declare type MenuItemsProps<T> = {
     title?: string;
     onItemPress?: (id: T) => void;
     options?: MenuItem<T>[];
 };
 declare const MenuItems: <T extends string | number>({ title, onItemPress, options, }: MenuItemsProps<T>) => JSX.Element;
 
-type AvatarDropdownProps<T> = {
+declare type AvatarDropdownProps<T> = {
     avatarProps: AvatarProps;
     menuConfig: MenuItemsProps<T>;
 };
 declare const AvatarDropdown: <T extends string | number>({ avatarProps, menuConfig, }: AvatarDropdownProps<T>) => JSX.Element;
 
-type TabProps<T = string, K = string> = {
+declare type TabProps<T = string, K = string> = {
     tabKey: T;
     text: string;
     disabled?: boolean;
@@ -571,7 +571,7 @@ type TabProps<T = string, K = string> = {
     onOptionClick?: (optionKey: K) => void;
 };
 
-type TabGroupProps<T = string, K = string> = {
+declare type TabGroupProps<T = string, K = string> = {
     tabs: Pick<TabProps<T, K>, 'text' | 'tabKey' | 'disabled' | 'options'>[];
     activeTabKey: T;
     spacing?: SizesTypes$2;
@@ -582,7 +582,7 @@ type TabGroupProps<T = string, K = string> = {
 };
 declare const TabGroup: <T extends string, K extends string>({ tabs, spacing, vertical, activeTabKey, onTabChange, style, }: TabGroupProps<T, K>) => JSX.Element;
 
-type FieldSectionProps<T extends object> = {
+declare type FieldSectionProps<T extends object> = {
     label: string;
     control?: Control<T>;
     isEditMode?: boolean;
@@ -590,7 +590,7 @@ type FieldSectionProps<T extends object> = {
 };
 declare const FieldSection: <T extends object>({ fields, label, isEditMode, control, }: FieldSectionProps<T>) => JSX.Element;
 
-type MenuNavigationProps<T> = {
+declare type MenuNavigationProps<T> = {
     menuConfig: MenuItemsProps<T>;
 };
 declare const MenuNavigation: <T extends string | number>({ menuConfig, }: MenuNavigationProps<T>) => JSX.Element;
@@ -598,14 +598,14 @@ declare const CaretIconWrapper: styled_components.StyledComponent<"div", styled_
     isOpen: boolean;
 }, never>;
 
-type EmphasizedTextProps = {
+declare type EmphasizedTextProps = {
     type: 'emphasized_text';
     invertColors: boolean;
     textContent: string;
 };
 declare const EmphasizedText: ({ textContent, invertColors }: EmphasizedTextProps) => JSX.Element;
 
-type RadioButtonFieldProps<T extends string> = {
+declare type RadioButtonFieldProps<T extends string> = {
     name: string;
     control?: Control<any>;
     rules?: ControllerProps['rules'];
@@ -618,7 +618,7 @@ type RadioButtonFieldProps<T extends string> = {
 };
 declare const RadioButtonField: <T extends string>({ control, name, radioButtonsProps, styles, labelsProps, defaultValue, optional, required, rules, }: RadioButtonFieldProps<T>) => JSX.Element;
 
-type AlertProps = {
+declare type AlertProps = {
     style?: CSSProperties;
     title: string;
     description: string;
@@ -636,8 +636,8 @@ type AlertProps = {
 };
 declare const Alert: ({ logo, title, withCloseIcon, description, style, fontColor, containerStyles, isMobile, ...props }: AlertProps) => JSX.Element;
 
-type OrientationType = 'horizontal' | 'vertical';
-type StepperProps = {
+declare type OrientationType = 'horizontal' | 'vertical';
+declare type StepperProps = {
     steps: {
         title: string;
         description?: string;
@@ -648,7 +648,7 @@ type StepperProps = {
 };
 declare const Stepper: ({ steps, orientation, currentStep }: StepperProps) => JSX.Element;
 
-type PdfDocumentProps = {
+declare type PdfDocumentProps = {
     source: string;
     isMobile?: boolean;
     customDocumentStyles?: Partial<{
@@ -662,8 +662,8 @@ type PdfDocumentProps = {
 };
 declare const PdfDocument: ({ source, isMobile, customDocumentStyles, }: PdfDocumentProps) => JSX.Element;
 
-type FeedTemplateKeys = `feed_${'a' | 'b'}`;
-type FeedContentHeaderProps = {
+declare type FeedTemplateKeys = `feed_${'a' | 'b'}`;
+declare type FeedContentHeaderProps = {
     title: string;
     enableFavoriting?: boolean;
     templateType: FeedTemplateKeys;
@@ -672,7 +672,7 @@ type FeedContentHeaderProps = {
 } & Partial<Omit<InputFieldProps$1, 'labelsProps' | 'required' | 'optional'>>;
 declare const FeedContentHeader: ({ templateType, title, name, inputProps, isMobile, menuConfig, ...rest }: FeedContentHeaderProps) => JSX.Element;
 
-type ToggleFieldProps = {
+declare type ToggleFieldProps = {
     name: string;
     title: string;
     control?: Control<any>;
@@ -682,9 +682,9 @@ type ToggleFieldProps = {
 };
 declare const HorizontalButtonsField: ({ name, title, control, description, horizontalButtonsProps, }: ToggleFieldProps) => JSX.Element;
 
-type Callback = () => void;
+declare type Callback = () => void;
 
-type BottomNaVBarItemProps = {
+declare type BottomNaVBarItemProps = {
     name: string;
     icon: ComponentType<Omit<IconProps$1, 'name'>>;
     active: boolean;
@@ -693,11 +693,11 @@ type BottomNaVBarItemProps = {
 };
 declare const BottomNavBarItem: ({ name, icon: IconComponent, active, activeColor, onNavigate, }: BottomNaVBarItemProps) => JSX.Element;
 
-type SetPasswordRuleValidation = {
+declare type SetPasswordRuleValidation = {
     label: string;
     rule: MaxRuleValidation | MinRuleValidation;
 };
-type SetPasswordFormProps = {
+declare type SetPasswordFormProps = {
     fields: UIFields<SetPasswordFields>;
     logoUrl: string;
     isLoading?: boolean;
@@ -708,7 +708,7 @@ type SetPasswordFormProps = {
 declare const SetPasswordForm: ({ logoUrl, fields, validations, onBack, onSubmit, isLoading, }: SetPasswordFormProps) => JSX.Element;
 
 declare const showAcceptToastMessage: () => void | undefined;
-type AcquisitionFormProps<T extends object> = {
+declare type AcquisitionFormProps<T extends object> = {
     fields: UIFields$2<T>;
     consents: ConsentProps$1[];
     logoUrl: string;
@@ -726,11 +726,11 @@ type AcquisitionFormProps<T extends object> = {
 };
 declare const AcquisitionForm: <T extends object>({ logoUrl, title, description, buttonText, fields, optionsPresentation, onSubmit, showConsentLabel, onLinkButtonClick, isSubmitDisabled, consents, isLoading, triggerFormInitially, isTooltipVisible, }: AcquisitionFormProps<T>) => JSX.Element;
 
-type VerificationCodeForm = {
+declare type VerificationCodeForm = {
     code: string;
 };
-type AuthMethod = 'email' | 'sms';
-type TwoFactorAuthProps = {
+declare type AuthMethod = 'email' | 'sms';
+declare type TwoFactorAuthProps = {
     logoUrl: string;
     onNext?: (authMethod: AuthMethod) => Promise<void>;
     onSubmit?: (values: VerificationCodeForm) => void;
@@ -738,13 +738,13 @@ type TwoFactorAuthProps = {
 };
 declare const TwoFactorAuth: ({ logoUrl, onSubmit, onBack, onNext }: TwoFactorAuthProps) => JSX.Element;
 
-type LoginFields = {
+declare type LoginFields = {
     email: string;
     password: string;
     rememberMe: boolean;
 };
 
-type LoginFormProps = {
+declare type LoginFormProps = {
     fields: UIFields<LoginFields>;
     logoUrl: string;
     isLoading?: boolean;
@@ -761,11 +761,11 @@ type LoginFormProps = {
 };
 declare const LoginForm: ({ logoUrl, fields, isTooltipVisible, onSubmit, optionsPresentation, onSignUpButtonClick, isLoading, twoFactorAuthConfig, consents, onForgotPasswordButtonClick, }: LoginFormProps) => JSX.Element;
 
-type FooterProps = FooterAProps | FooterBProps | FooterCProps | FooterDProps;
+declare type FooterProps = FooterAProps | FooterBProps | FooterCProps | FooterDProps;
 declare const Footer: (props: FooterProps) => JSX.Element;
 
-type FeedContentTemplateTypes = 'full_width_content' | 'standard_content' | 'auto_play' | '';
-type FeedContentProps = {
+declare type FeedContentTemplateTypes = 'full_width_content' | 'standard_content' | 'auto_play' | '';
+declare type FeedContentProps = {
     feedContentType: Omit<FilteredFeedContentType$1, 'all'>;
     feedContentTemplate: FeedContentTemplateTypes;
     id?: string;
@@ -785,6 +785,7 @@ type FeedContentProps = {
     isMobile?: boolean;
     isExpanded?: boolean;
     fullWidth?: boolean;
+    fullWidthTemplateContainerStyles?: CSSProperties;
     showDefaultDocumentStyles?: boolean;
     destinationLink?: string;
     onDestinationHandler?: Callback$1;
@@ -798,18 +799,18 @@ type FeedContentProps = {
 
 declare const FeedContent: ({ feedContentTemplate, ...props }: FeedContentProps) => JSX.Element;
 
-type FooterContactInfo = {
+declare type FooterContactInfo = {
     phoneNumber: string;
     addressLine1: string;
     addressLine2: string;
 };
-type FooterLink = {
+declare type FooterLink = {
     id: string;
     name: string;
     location: string;
 };
 
-type ProfileInformationProps<TabKeys extends string> = {
+declare type ProfileInformationProps<TabKeys extends string> = {
     backgroundImageUrl: string;
     avatarProps: AvatarProps;
     tabs: TabProps<string, TabKeys>[];
@@ -825,10 +826,10 @@ type ProfileInformationProps<TabKeys extends string> = {
 };
 declare const ProfileInformation: <TabKeys extends string>({ avatarProps, backgroundImageUrl, initialTabKey, tabs, title, editIcons, tabContents, }: ProfileInformationProps<TabKeys>) => JSX.Element;
 
-type EmailAddressFields = {
+declare type EmailAddressFields = {
     email: string;
 };
-type ForgotPasswordFormProps = {
+declare type ForgotPasswordFormProps = {
     logoUrl: string;
     isLoading?: boolean;
     onSubmit?: (values: EmailAddressFields) => void;
@@ -836,7 +837,7 @@ type ForgotPasswordFormProps = {
 };
 declare const ForgotPasswordForm: ({ logoUrl, onBack, onSubmit, isLoading, }: ForgotPasswordFormProps) => JSX.Element;
 
-type BodyProps = {
+declare type BodyProps = {
     elements: {
         data: (HeroImageProps$1 | HeroSliderProps$1 | SubscribePanelProps$1 | ColumnsProps$1 | EmphasizedTextProps$1 | FeedContentContainerProps$1)[];
         spacer?: number;
@@ -846,14 +847,14 @@ type BodyProps = {
 };
 declare const Body: ({ elements, horizontalPaddings, containerStyles }: BodyProps) => JSX.Element;
 
-type ISIProps = ISIAProps;
+declare type ISIProps = ISIAProps;
 declare const ISI: (props: ISIProps) => JSX.Element;
 
-type ImportantLink = {
+declare type ImportantLink = {
     text: string;
     href: string;
 };
-type HeaderAProps<T = string> = {
+declare type HeaderAProps<T = string> = {
     className?: string;
     links?: ImportantLink[];
     logoUrl: string;
@@ -864,15 +865,15 @@ type HeaderAProps<T = string> = {
     isMobile?: boolean;
 };
 
-type HeaderBProps<T = string> = Pick<HeaderAProps$1<T>, 'isMobile' | 'logoUrl' | 'tabsProps' | 'buttonText' | 'onActionButtonClick' | 'buttonLink' | 'className'>;
+declare type HeaderBProps<T = string> = Pick<HeaderAProps$1<T>, 'isMobile' | 'logoUrl' | 'tabsProps' | 'buttonText' | 'onActionButtonClick' | 'buttonLink' | 'className'>;
 
-type HeaderCProps<T> = Pick<HeaderAProps$1<T>, 'logoUrl' | 'tabsProps' | 'isMobile' | 'className'>;
+declare type HeaderCProps<T> = Pick<HeaderAProps$1<T>, 'logoUrl' | 'tabsProps' | 'isMobile' | 'className'>;
 
-type HeaderDProps = {
+declare type HeaderDProps = {
     withAvatar: AvatarDropdownProps$1<string>;
 } & Pick<HeaderAProps$1, 'isMobile' | 'logoUrl' | 'links' | 'tabsProps' | 'className'>;
 
-type HeaderProps<T = string> = (HeaderAProps<T> & {
+declare type HeaderProps<T = string> = (HeaderAProps<T> & {
     type: 'header_a';
 }) | (HeaderBProps<T> & {
     type: 'header_b';
@@ -883,24 +884,24 @@ type HeaderProps<T = string> = (HeaderAProps<T> & {
 });
 declare const Header: <T extends string | number>(props: HeaderProps<T>) => JSX.Element;
 
-type ButtonCaptureProps = {
+declare type ButtonCaptureProps = {
     type: 'button';
     acceptButton: ButtonProps$1;
     denyButton: ButtonProps$1;
 };
-type RadioButtonsCaptureProps<T extends string> = {
+declare type RadioButtonsCaptureProps<T extends string> = {
     type: 'radioButton';
     acceptValue: T;
 } & RadioButtonsProps$1<T>;
-type CheckboxCaptureProps = {
+declare type CheckboxCaptureProps = {
     type: 'checkbox';
     label: string;
     value: boolean;
     onChange: (value: boolean) => void;
 };
-type ConsentCaptureProps<T extends string = string> = ButtonCaptureProps | RadioButtonsCaptureProps<T> | CheckboxCaptureProps;
+declare type ConsentCaptureProps<T extends string = string> = ButtonCaptureProps | RadioButtonsCaptureProps<T> | CheckboxCaptureProps;
 
-type ConsentProps<T extends string = string> = {
+declare type ConsentProps<T extends string = string> = {
     text: string;
     isRequired?: boolean;
     consentCaptureProps: ConsentCaptureProps<T>;
@@ -909,8 +910,8 @@ type ConsentProps<T extends string = string> = {
 };
 declare const Consent: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: ConsentProps<T>) => JSX.Element;
 
-type ProcessTrackerStatus = 'complete' | 'incomplete' | 'in_progress';
-type ProcessTrackerProps = {
+declare type ProcessTrackerStatus = 'complete' | 'incomplete' | 'in_progress';
+declare type ProcessTrackerProps = {
     title?: Nullable<string>;
     description?: Nullable<string>;
     isMobile?: boolean;
@@ -929,8 +930,8 @@ type ProcessTrackerProps = {
 };
 declare const ProcessTracker: ({ title, statuses, isMobile, description, currentStep, style, withCloseIcon, }: ProcessTrackerProps) => JSX.Element;
 
-type FilteredFeedContentType = 'all' | 'favourite';
-type FeedContentContainerProps = {
+declare type FilteredFeedContentType = 'all' | 'favourite';
+declare type FeedContentContainerProps = {
     type: 'feed';
     feedHeader: Omit<FeedContentHeaderProps$1, 'isMobile'>;
     feedContent?: Omit<FeedContentProps$1, 'isMobile'>[];
@@ -938,15 +939,15 @@ type FeedContentContainerProps = {
 };
 declare const FeedContentContainer: ({ feedHeader, feedContent, isMobile, }: FeedContentContainerProps) => JSX.Element;
 
-type DynamicElementProps = (AlertProps$1 & {
+declare type DynamicElementProps = (AlertProps$1 & {
     elementType: 'alert';
 }) | (ProcessTrackerProps$1 & {
     elementType: 'process_tracker';
 }) | (FeedContentProps$1 & {
     elementType: 'feed_content';
 });
-type SizeProps = SizesTypes$1 | number;
-type DynamicContentZoneProps = {
+declare type SizeProps = SizesTypes$1 | number;
+declare type DynamicContentZoneProps = {
     elements: {
         data: DynamicElementProps[];
         spacer?: SizeProps;
@@ -956,20 +957,20 @@ type DynamicContentZoneProps = {
 };
 declare const DynamicContentZone: ({ elements, horizontalPaddings, containerStyles, }: DynamicContentZoneProps) => JSX.Element;
 
-type BottomNavBarNavigationProps = {
+declare type BottomNavBarNavigationProps = {
     navbarItems: BottomNaVBarItemProps$1[];
 };
 declare const BottomNavBarNavigation: ({ navbarItems }: BottomNavBarNavigationProps) => JSX.Element;
 
-type HeroSliderProps = {
+declare type HeroSliderProps = {
     type: 'hero_slides';
     heroSlides: Omit<HeroImageProps$1, 'type' | 'template'>[];
 };
 declare const HeroSlider: ({ heroSlides }: HeroSliderProps) => JSX.Element | null;
 declare const HeroSliderWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
 
-type SubscribePanelTemplateKeys = `subscribe_template_${'a' | 'b'}`;
-type SubscribePanelTemplateProps = {
+declare type SubscribePanelTemplateKeys = `subscribe_template_${'a' | 'b'}`;
+declare type SubscribePanelTemplateProps = {
     title?: string;
     description?: string;
     isSubscribing?: boolean;
@@ -977,18 +978,18 @@ type SubscribePanelTemplateProps = {
     isMobile: boolean;
     control: Control$1<SubscribePanelForm>;
 };
-type SubscribePanelProps = Omit<SubscribePanelTemplateProps, 'isMobile' | 'control' | 'subscribeHandler'> & {
+declare type SubscribePanelProps = Omit<SubscribePanelTemplateProps, 'isMobile' | 'control' | 'subscribeHandler'> & {
     type: 'subscribe_panel';
     template: SubscribePanelTemplateKeys;
     onSubscribe: (email: string) => void;
 };
-type SubscribePanelForm = {
+declare type SubscribePanelForm = {
     email: string;
 };
 
 declare const SubscribePanel: ({ template, onSubscribe, ...props }: SubscribePanelProps) => JSX.Element;
 
-type DefaultTemplateProps = {
+declare type DefaultTemplateProps = {
     alerts?: AlertProps$2[];
     processTracker?: ProcessTrackerProps$1;
     header: React.ReactNode;
@@ -1010,21 +1011,21 @@ declare const useStep: (maxStep: number) => [number, Helpers];
 
 declare const useRequiredConsentsAcceptedValues: (consents: ConsentProps$1[]) => boolean;
 
-type MlrRichTextViewerProviderProps = PropsWithChildren<{
+declare type MlrRichTextViewerProviderProps = PropsWithChildren<{
     annotationsList: AnnotationsList$1;
     isMLRReview: boolean;
     showAnnotations: boolean;
 }>;
 declare const MlrRichTextViewerProvider: ({ children, isMLRReview, showAnnotations, annotationsList, }: MlrRichTextViewerProviderProps) => JSX.Element;
 
-type MlrRichTextViewerContextType = {
+declare type MlrRichTextViewerContextType = {
     isMLRReview: boolean;
     showAnnotations: boolean;
     annotationsList: AnnotationsList$1;
 };
 declare const MlrRichTextViewerContext: React$1.Context<MlrRichTextViewerContextType>;
 
-type AnnotationsList = {
+declare type AnnotationsList = {
     tags: {
         id: string;
         label: string;