@zealicsolutions/web-ui 0.3.33 → 0.3.35

package/dist/esm/src/atoms/Buttons/Buttons.stories.d.ts

@@ -5,10 +5,14 @@ import { IconButton as IconButtonComponent } from './IconButton';
 import { TouchableOpacityProps } from './TouchableOpacity';
 declare const _default: {
     title: string;
-    component: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, Pick<import("../..").BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & {
-        buttonLink?: string | undefined;
-        elementId?: string | undefined;
-    }, never>;
+    component: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
+        target: "_blank";
+    } & Pick<import("../..").BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
+        buttonLink: string;
+        elementId: string;
+        $styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        $variant: import("atoms/Buttons/TextButton").LinkVariant;
+    }>, "target">;
 };
 export default _default;
 export declare const TouchableOpacity: StoryFn<FC<TouchableOpacityProps>>;

package/dist/esm/src/atoms/Buttons/TextButton.d.ts

@@ -1,9 +1,17 @@
 import { BaseButtonProps } from 'molecules';
-export declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'onClick' | 'children' | 'colorTheme' | 'size'> & {
-    buttonLink?: string;
-    elementId?: string;
-};
-export declare const TextButton: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & {
-    buttonLink?: string | undefined;
-    elementId?: string | undefined;
-}, never>;
+import { StylesType } from 'typescript';
+export declare type LinkVariant = 'link' | 'custom';
+export declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'onClick' | 'children' | 'colorTheme' | 'size'> & Partial<{
+    buttonLink: string;
+    elementId: string;
+    $styles: StylesType;
+    $variant: LinkVariant;
+}>;
+export declare const TextButton: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
+    target: "_blank";
+} & Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
+    buttonLink: string;
+    elementId: string;
+    $styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+    $variant: LinkVariant;
+}>, "target">;

package/dist/esm/src/atoms/RichTextViewer/RichTextViewer.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { TextProps } from 'atoms';
 import { FontSizesTypes, ThemeColors } from 'theme';
-import { StylesType } from 'typescript';
+import { AnyObject, StylesType } from 'typescript';
 export declare const MATRIX_MESSAGE_ELEMENT_ID = "matrix-message";
 export declare const COMMUNICATION_LINK_ELEMENT_ID = "communication-link";
 export declare const MATRIX_MESSAGE_DATA_ID = "matrix-message-id";
@@ -12,7 +12,9 @@ export declare type RichTextEditorProps = Partial<{
     font: FontSizesTypes;
     color: ThemeColors | string;
     textStyles: StylesType;
-    numberOfLines?: number;
-    extraTextProps?: TextProps;
+    numberOfLines: number;
+    extraTextProps: TextProps;
+    renderElementWrapperComponent: (props: AnyObject) => JSX.Element;
+    renderElementWrapperProps: AnyObject;
 }>;
-export declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, extraTextProps, }: RichTextEditorProps) => JSX.Element | null;
+export declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, extraTextProps, renderElementWrapperComponent: RenderElementWrapperComponent, renderElementWrapperProps, }: RichTextEditorProps) => JSX.Element | null;

package/dist/esm/src/containers/FormStepContainer.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from 'react';
 import { FormStepContainerProps } from 'containers';
+import { PropsWithChildren } from 'react';
 export declare type StepContainerProps = PropsWithChildren<Partial<FormStepContainerProps>> & {
     id: string;
 };

package/dist/esm/src/containers/types/moleculeTypes.d.ts

@@ -1,5 +1,5 @@
-import { SelectOption } from 'atoms';
-import { AdditionalTabContainerProps, ButtonProps, CheckboxFieldProps, Consent, ImageProps, InputFieldProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
+import { LinkVariant, SelectOption } from 'atoms';
+import { AdditionalTabContainerProps, ButtonProps, CheckboxFieldProps, Consent, ImageProps, InputFieldProps, LinkProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
 import { UseFormReturn } from 'react-hook-form';
 import type { AnyObject, Nullable, StrictUnion, StylesType } from 'typescript';
 import { ConditionConfig, ContainerComponentProps } from './types';
@@ -86,7 +86,7 @@ export interface ColorAttributes {
     attributeType: 'color';
     color: string;
 }
-export declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent';
+export declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent' | 'link';
 export interface BaseMolecule {
     id: string;
     instance: 'molecule';
@@ -110,7 +110,7 @@ export interface TextMoleculeType extends BaseMolecule {
         text: TextAttributes;
         seoStyle: SelectAttributes;
         fontVariant: SelectAttributes;
-        textColor: ColorAttributes;
+        color: ColorAttributes;
     }>;
     config: {
         props?: TextMoleculeProps;
@@ -212,7 +212,20 @@ export interface ConsentFieldMolecule extends BaseMolecule {
         }>;
     }>;
 }
-export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule> & {
+export interface LinkMolecule extends BaseMolecule {
+    type: 'link';
+    attributes: {
+        text: TextAttributes;
+        link: LinkAttributes;
+    };
+    config: {
+        props: Omit<LinkProps, '$variant' | '$styles'> & Partial<{
+            variant: LinkVariant;
+            styles: StylesType;
+        }>;
+    };
+}
+export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule> & {
     form?: UseFormReturn<any>;
 };
 export {};

package/dist/esm/src/molecules/Button/Button.d.ts

@@ -3,31 +3,31 @@ import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme';
 import type { Callback, StylesType } from 'typescript';
 export declare type ButtonVariant = 'primary' | 'secondary' | 'text' | 'custom';
 export declare type ButtonType = 'button' | 'submit' | 'reset';
-export declare type BaseButtonProps = PropsWithChildren<{
-    onClick?: Callback;
-    variant?: ButtonVariant;
-    disabled?: boolean;
-    state?: 'disabled' | 'enabled';
-    fullWidth?: boolean;
-    size?: 'medium' | 'small';
-    buttonFont?: FontSizesTypes;
-    textColor?: ThemeColors | string;
-    textSize?: number;
-    horizontalPadding?: SizesTypes;
-    verticalPadding?: SizesTypes;
-    buttonColor?: ThemeColors | string;
-    buttonStroke?: ThemeColors | string;
-    cornerRadius?: SizesTypes | number;
-    hoverButtonColor?: ThemeColors | string;
-    hoverStrokeColor?: ThemeColors | string;
-    inactiveButtonColor?: ThemeColors | string;
-    inactiveStrokeColor?: ThemeColors | string;
-    inactiveTextColor?: ThemeColors | string;
-    styles?: StylesType;
-    colorTheme?: 'light' | 'dark';
-    href?: string;
-    type?: ButtonType;
-}>;
+export declare type BaseButtonProps = PropsWithChildren<Partial<{
+    onClick: Callback;
+    variant: ButtonVariant;
+    disabled: boolean;
+    state: 'disabled' | 'enabled';
+    fullWidth: boolean;
+    size: 'medium' | 'small';
+    buttonFont: FontSizesTypes;
+    textColor: ThemeColors | string;
+    textSize: number;
+    horizontalPadding: SizesTypes;
+    verticalPadding: SizesTypes;
+    buttonColor: ThemeColors | string;
+    buttonStroke: ThemeColors | string;
+    cornerRadius: SizesTypes | number;
+    hoverButtonColor: ThemeColors | string;
+    hoverStrokeColor: ThemeColors | string;
+    inactiveButtonColor: ThemeColors | string;
+    inactiveStrokeColor: ThemeColors | string;
+    inactiveTextColor: ThemeColors | string;
+    styles: StylesType;
+    colorTheme: 'light' | 'dark';
+    href: string;
+    type: ButtonType;
+}>>;
 export declare type ButtonProps = BaseButtonProps & {
     fullWidth?: boolean;
     text?: string;

package/dist/esm/src/molecules/Columns/styles.d.ts

@@ -2,10 +2,14 @@ export declare const ColumnWrapper: import("styled-components").StyledComponent<
     isMobile: boolean;
 }, never>;
 export declare const InfoWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const Link: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, Pick<import("..").BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & {
-    buttonLink?: string | undefined;
-    elementId?: string | undefined;
-}, never>;
+export declare const Link: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
+    target: "_blank";
+} & Pick<import("..").BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
+    buttonLink: string;
+    elementId: string;
+    $styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+    $variant: import("atoms").LinkVariant;
+}>, "target">;
 export declare const ColumnCardWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isMobile: boolean;
 }, never>;

package/dist/esm/src/molecules/Link/Link.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { TextButtonProps } from 'atoms';
+export declare type LinkProps = Omit<TextButtonProps, 'children'> & Partial<{
+    text: string;
+    isRichText: boolean;
+    href: string;
+}>;
+export declare const Link: ({ text: textProp, isRichText, ...props }: LinkProps) => JSX.Element | null;

package/dist/esm/src/molecules/Link/Link.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { StoryFn } from '@storybook/react';
+import { Link as LinkComponent } from 'molecules';
+declare const _default: {
+    title: string;
+    component: ({ text: textProp, isRichText, ...props }: import("molecules").LinkProps) => JSX.Element | null;
+};
+export default _default;
+export declare const Link: StoryFn<typeof LinkComponent>;

package/dist/esm/src/molecules/index.d.ts

@@ -29,3 +29,4 @@ export * from './TextMolecule/TextMolecule';
 export * from './Button/Button';
 export * from './ZealUIModal/ZealUIModal';
 export * from './Consent/Consent';
+export * from './Link/Link';

package/dist/index.d.ts

@@ -15,8 +15,8 @@ import { ThemeColors as ThemeColors$2, FontSizesTypes as FontSizesTypes$1, Sizes
 import * as react_hook_form from 'react-hook-form';
 import { ControllerProps, DeepPartial, FieldValues, FormState, Control, UseFormReturn, ValidationMode } from 'react-hook-form';
 import * as atoms from 'atoms';
-import { SelectOption as SelectOption$1, TextProps as TextProps$1, IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProps$1, AvatarProps as AvatarProps$1, TabProps as TabProps$1, InputProps as InputProps$1, SelectProps as SelectProps$1, RegularImageProps as RegularImageProps$1, TextButtonProps as TextButtonProps$1, TabTheme as TabTheme$1, RadioButtonsProps as RadioButtonsProps$1, RadioButtonInternalConfigProps as RadioButtonInternalConfigProps$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1 } from 'atoms';
-import { InputFieldProps as InputFieldProps$1, SelectFieldProps as SelectFieldProps$1, FieldSectionProps as FieldSectionProps$1, BaseButtonProps as BaseButtonProps$1, MenuItem as MenuItem$1, ConsentProps as ConsentProps$1, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1, TabGroupProps as TabGroupProps$1, AvatarDropdownProps as AvatarDropdownProps$1, FeedContentHeaderProps as FeedContentHeaderProps$1, AlertProps as AlertProps$1, BottomNaVBarItemProps as BottomNaVBarItemProps$1, ButtonProps as ButtonProps$1, MenuItemsProps as MenuItemsProps$1, ImageProps as ImageProps$1, TextMoleculeProps as TextMoleculeProps$1, AdditionalTabContainerProps as AdditionalTabContainerProps$1, RadioButtonFieldProps as RadioButtonFieldProps$1, CheckboxFieldProps as CheckboxFieldProps$1, Consent as Consent$1 } from 'molecules';
+import { SelectOption as SelectOption$1, TextProps as TextProps$1, IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProps$1, AvatarProps as AvatarProps$1, TabProps as TabProps$1, InputProps as InputProps$1, SelectProps as SelectProps$1, RegularImageProps as RegularImageProps$1, TextButtonProps as TextButtonProps$1, TabTheme as TabTheme$1, RadioButtonsProps as RadioButtonsProps$1, RadioButtonInternalConfigProps as RadioButtonInternalConfigProps$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1, LinkVariant as LinkVariant$1 } from 'atoms';
+import { InputFieldProps as InputFieldProps$1, SelectFieldProps as SelectFieldProps$1, FieldSectionProps as FieldSectionProps$1, BaseButtonProps as BaseButtonProps$1, MenuItem as MenuItem$1, ConsentProps as ConsentProps$1, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1, TabGroupProps as TabGroupProps$1, AvatarDropdownProps as AvatarDropdownProps$1, FeedContentHeaderProps as FeedContentHeaderProps$1, AlertProps as AlertProps$1, BottomNaVBarItemProps as BottomNaVBarItemProps$1, ButtonProps as ButtonProps$1, MenuItemsProps as MenuItemsProps$1, ImageProps as ImageProps$1, TextMoleculeProps as TextMoleculeProps$1, AdditionalTabContainerProps as AdditionalTabContainerProps$1, RadioButtonFieldProps as RadioButtonFieldProps$1, CheckboxFieldProps as CheckboxFieldProps$1, Consent as Consent$1, LinkProps as LinkProps$1 } from 'molecules';
 import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
 import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
 import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
@@ -293,14 +293,21 @@ declare const BackgroundImage: styled_components.StyledComponent<"img", styled_c
     cornerRadius: number;
 }> & OverrideStyles, never>;
 
-declare type TextButtonProps = Pick<BaseButtonProps$1, 'disabled' | 'onClick' | 'children' | 'colorTheme' | 'size'> & {
-    buttonLink?: string;
-    elementId?: string;
-};
-declare const TextButton: styled_components.StyledComponent<"a", styled_components.DefaultTheme, Pick<BaseButtonProps$1, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & {
-    buttonLink?: string | undefined;
-    elementId?: string | undefined;
-}, never>;
+declare type LinkVariant = 'link' | 'custom';
+declare type TextButtonProps = Pick<BaseButtonProps$1, 'disabled' | 'onClick' | 'children' | 'colorTheme' | 'size'> & Partial<{
+    buttonLink: string;
+    elementId: string;
+    $styles: StylesType;
+    $variant: LinkVariant;
+}>;
+declare const TextButton: styled_components.StyledComponent<"a", styled_components.DefaultTheme, {
+    target: "_blank";
+} & Pick<BaseButtonProps$1, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
+    buttonLink: string;
+    elementId: string;
+    $styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
+    $variant: LinkVariant;
+}>, "target">;
 
 declare type ValidationTagStatus = 'DEFAULT' | 'ERROR' | 'SUCCESS';
 declare type ValidationTagProps = {
@@ -390,10 +397,12 @@ declare type RichTextEditorProps = Partial<{
     font: FontSizesTypes$2;
     color: ThemeColors$1 | string;
     textStyles: StylesType;
-    numberOfLines?: number;
-    extraTextProps?: TextProps$1;
+    numberOfLines: number;
+    extraTextProps: TextProps$1;
+    renderElementWrapperComponent: (props: AnyObject) => JSX.Element;
+    renderElementWrapperProps: AnyObject;
 }>;
-declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, extraTextProps, }: RichTextEditorProps) => JSX.Element | null;
+declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, extraTextProps, renderElementWrapperComponent: RenderElementWrapperComponent, renderElementWrapperProps, }: RichTextEditorProps) => JSX.Element | null;
 
 declare type RadioButtonInternalConfigProps = Partial<{
     selectedRadioOptionBackgroundColor: ThemeColors$1 | string;
@@ -1363,31 +1372,31 @@ declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, t
 
 declare type ButtonVariant = 'primary' | 'secondary' | 'text' | 'custom';
 declare type ButtonType = 'button' | 'submit' | 'reset';
-declare type BaseButtonProps = PropsWithChildren<{
-    onClick?: Callback$1;
-    variant?: ButtonVariant;
-    disabled?: boolean;
-    state?: 'disabled' | 'enabled';
-    fullWidth?: boolean;
-    size?: 'medium' | 'small';
-    buttonFont?: FontSizesTypes$2;
-    textColor?: ThemeColors$1 | string;
-    textSize?: number;
-    horizontalPadding?: SizesTypes$1;
-    verticalPadding?: SizesTypes$1;
-    buttonColor?: ThemeColors$1 | string;
-    buttonStroke?: ThemeColors$1 | string;
-    cornerRadius?: SizesTypes$1 | number;
-    hoverButtonColor?: ThemeColors$1 | string;
-    hoverStrokeColor?: ThemeColors$1 | string;
-    inactiveButtonColor?: ThemeColors$1 | string;
-    inactiveStrokeColor?: ThemeColors$1 | string;
-    inactiveTextColor?: ThemeColors$1 | string;
-    styles?: StylesType;
-    colorTheme?: 'light' | 'dark';
-    href?: string;
-    type?: ButtonType;
-}>;
+declare type BaseButtonProps = PropsWithChildren<Partial<{
+    onClick: Callback$1;
+    variant: ButtonVariant;
+    disabled: boolean;
+    state: 'disabled' | 'enabled';
+    fullWidth: boolean;
+    size: 'medium' | 'small';
+    buttonFont: FontSizesTypes$2;
+    textColor: ThemeColors$1 | string;
+    textSize: number;
+    horizontalPadding: SizesTypes$1;
+    verticalPadding: SizesTypes$1;
+    buttonColor: ThemeColors$1 | string;
+    buttonStroke: ThemeColors$1 | string;
+    cornerRadius: SizesTypes$1 | number;
+    hoverButtonColor: ThemeColors$1 | string;
+    hoverStrokeColor: ThemeColors$1 | string;
+    inactiveButtonColor: ThemeColors$1 | string;
+    inactiveStrokeColor: ThemeColors$1 | string;
+    inactiveTextColor: ThemeColors$1 | string;
+    styles: StylesType;
+    colorTheme: 'light' | 'dark';
+    href: string;
+    type: ButtonType;
+}>>;
 declare type ButtonProps = BaseButtonProps & {
     fullWidth?: boolean;
     text?: string;
@@ -1442,6 +1451,13 @@ declare type Consent = {
 };
 declare const Consent: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: ConsentProps<T>) => JSX.Element;
 
+declare type LinkProps = Omit<TextButtonProps$1, 'children'> & Partial<{
+    text: string;
+    isRichText: boolean;
+    href: string;
+}>;
+declare const Link: ({ text: textProp, isRichText, ...props }: LinkProps) => JSX.Element | null;
+
 declare const Container: ({ children, wide, compact, type, props, id, }: Partial<{
     type: containers.ContainerType;
     wide: Partial<{
@@ -1564,7 +1580,7 @@ interface ColorAttributes {
     attributeType: 'color';
     color: string;
 }
-declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent';
+declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent' | 'link';
 interface BaseMolecule {
     id: string;
     instance: 'molecule';
@@ -1588,7 +1604,7 @@ interface TextMoleculeType extends BaseMolecule {
         text: TextAttributes;
         seoStyle: SelectAttributes;
         fontVariant: SelectAttributes;
-        textColor: ColorAttributes;
+        color: ColorAttributes;
     }>;
     config: {
         props?: TextMoleculeProps$1;
@@ -1690,7 +1706,20 @@ interface ConsentFieldMolecule extends BaseMolecule {
         }>;
     }>;
 }
-declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule> & {
+interface LinkMolecule extends BaseMolecule {
+    type: 'link';
+    attributes: {
+        text: TextAttributes;
+        link: LinkAttributes;
+    };
+    config: {
+        props: Omit<LinkProps$1, '$variant' | '$styles'> & Partial<{
+            variant: LinkVariant$1;
+            styles: StylesType;
+        }>;
+    };
+}
+declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule> & {
     form?: UseFormReturn<any>;
 };
 
@@ -1771,4 +1800,4 @@ declare const OrganismItem: ({ item, tabsProps, }: {
     tabsProps?: Pick<TabGroupProps$1<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
 }) => JSX.Element | null;
 
-export { AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionTypes, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMolecule, ButtonProps, ButtonType, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, Checkbox, CheckboxField, CheckboxFieldMolecule, CheckboxFieldProps, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CheckboxesProps, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColorAttributes, ColumnItem, Columns, ColumnsProps, ConditionConfig, ConditionConfigAttributes, ConditionCriteria, Consent, ConsentCaptureMethod, ConsentFieldMolecule, ConsentProps, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerType, ContainerWrapper, CriteriaType, CustomValidation, CustomValidationProps, CustomValidationRule, DataConnectionAttributes, DefaultSelectionType, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, DownloadFile, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, ErrorText, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, FormContainerProps, FormStateType, FormStepContainerProps, FormStepContextProviderProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, IconWrapper, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, IterableAttributes, LabelInternalConfig, LinkAttributes, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismContext, OrganismContextProvider, OrganismContextType, OrganismItem, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, SegmentationType, Select, SelectAttributes, SelectField, SelectFieldMolecule, SelectFieldProps, SelectInternalConfigurationOptions, SelectOption, SelectProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Slide, SlidesWrapper, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupMolecule, TabGroupProps, TabOption, TabProps, TabTheme, TabType, TextAlign, TextAttributes, TextButton, TextButtonProps, TextInputMolecule, TextMolecule, TextMoleculeProps, TextMoleculeType, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipInternalConfig, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoAttributes, VideoMolecule, VideoProps, Wrapper, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, getMockValueForSuccessAndFormatError, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
+export { AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionTypes, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMolecule, ButtonProps, ButtonType, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, Checkbox, CheckboxField, CheckboxFieldMolecule, CheckboxFieldProps, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CheckboxesProps, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColorAttributes, ColumnItem, Columns, ColumnsProps, ConditionConfig, ConditionConfigAttributes, ConditionCriteria, Consent, ConsentCaptureMethod, ConsentFieldMolecule, ConsentProps, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerType, ContainerWrapper, CriteriaType, CustomValidation, CustomValidationProps, CustomValidationRule, DataConnectionAttributes, DefaultSelectionType, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, DownloadFile, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, ErrorText, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, FormContainerProps, FormStateType, FormStepContainerProps, FormStepContextProviderProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, IconWrapper, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, IterableAttributes, LabelInternalConfig, Link, LinkAttributes, LinkMolecule, LinkProps, LinkVariant, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismContext, OrganismContextProvider, OrganismContextType, OrganismItem, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, SegmentationType, Select, SelectAttributes, SelectField, SelectFieldMolecule, SelectFieldProps, SelectInternalConfigurationOptions, SelectOption, SelectProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Slide, SlidesWrapper, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupMolecule, TabGroupProps, TabOption, TabProps, TabTheme, TabType, TextAlign, TextAttributes, TextButton, TextButtonProps, TextInputMolecule, TextMolecule, TextMoleculeProps, TextMoleculeType, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipInternalConfig, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoAttributes, VideoMolecule, VideoProps, Wrapper, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, getMockValueForSuccessAndFormatError, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zealicsolutions/web-ui",
-  "version": "0.3.33",
+  "version": "0.3.35",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"