@zealicsolutions/web-ui 0.2.66 → 0.2.68

package/dist/index.d.ts

@@ -3,24 +3,22 @@ import * as React$1 from 'react';
 import React__default, { PropsWithChildren, ReactNode, CSSProperties as CSSProperties$1, ComponentType, Dispatch, SetStateAction } from 'react';
 import * as styled_components from 'styled-components';
 import { CSSProperties, DefaultTheme } from 'styled-components';
+import { FontSizesTypes as FontSizesTypes$1, ThemeColors as ThemeColors$1, SizesTypes as SizesTypes$1 } from 'theme';
 import { Callback as Callback$1, StylesType, Nullable } from 'typescript';
 import { IconNames as IconNames$1 } from 'atoms/Icon/Icon';
 import { InputFieldTypes as InputFieldTypes$1, FieldTypes as FieldTypes$1, UIFields as UIFields$1 } from 'fieldsConfiguration/types';
-import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
-import * as _mui_material from '@mui/material';
-import { DrawerProps as DrawerProps$1 } from '@mui/material';
-import { FontSizesTypes as FontSizesTypes$1, ThemeColors as ThemeColors$1, SizesTypes as SizesTypes$2, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
-import { ThemeColors as ThemeColors$2, SizesTypes as SizesTypes$1, FontSizesTypes as FontSizesTypes$2 } from 'theme';
+import { FontSizesTypes as FontSizesTypes$2, ThemeColors as ThemeColors$2, SizesTypes as SizesTypes$2, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
 import { FeedContentTemplateTypes as FeedContentTemplateTypes$1, FeedContentProps as FeedContentProps$1 } from 'organisms/FeedContent/types';
 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';
-import { IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProps$1, InputProps as InputProps$1, ImageProps as ImageProps$1, ButtonProps as ButtonProps$1, TextButtonProps as TextButtonProps$1, RadioButtonsProps as RadioButtonsProps$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1, AvatarProps as AvatarProps$1 } from 'atoms';
+import { TextProps as TextProps$1, IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProps$1, InputProps as InputProps$1, CheckBoxProps as CheckBoxProps$1, RegularImageProps as RegularImageProps$1, ButtonProps as ButtonProps$1, TextButtonProps as TextButtonProps$1, AvatarProps as AvatarProps$1, TabProps as TabProps$1, TabTheme as TabTheme$1, RadioButtonsProps as RadioButtonsProps$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1 } from 'atoms';
+import { MenuItem as MenuItem$1, FieldSectionProps as FieldSectionProps$1, MenuItemsProps as MenuItemsProps$1, InputFieldProps as InputFieldProps$1, TabProps as TabProps$2, 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 } from 'molecules';
 import { Control, ControllerProps } from 'react-hook-form/dist/types';
 import { SelectOption as SelectOption$1 } from 'atoms/Select/types';
 import { ControllerProps as ControllerProps$1, DeepPartial, FieldValues, FormState, Control as Control$1 } from 'react-hook-form';
+import { DrawerProps as DrawerProps$1 } from '@mui/material';
 import { ProcessTrackerStatus as ProcessTrackerStatus$1, FilteredFeedContentType as FilteredFeedContentType$1, ConsentProps as ConsentProps$1, HeroSliderProps as HeroSliderProps$1, ProcessTrackerProps as ProcessTrackerProps$1 } from 'organisms';
-import { FieldSectionProps as FieldSectionProps$1, MenuItemsProps as MenuItemsProps$1, InputFieldProps as InputFieldProps$1, TabProps as TabProps$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 } from 'molecules';
 import { SetPasswordFields, MaxRuleValidation, MinRuleValidation } from 'organisms/SetPasswordForm/types';
 import { UIFields as UIFields$2 } from 'fieldsConfiguration';
 import { ConsentProps as ConsentProps$2 } from 'organisms/Consent/Consent';
@@ -45,8 +43,18 @@ declare type BaseButtonProps = PropsWithChildren<{
     disabled?: boolean;
     fullWidth?: boolean;
     size?: 'medium' | 'small';
-    activeOpacity?: number;
-    withoutOpacityEffect?: boolean;
+    buttonFont?: FontSizesTypes$1;
+    textColor?: ThemeColors$1 | string;
+    textSize?: number;
+    buttonPadding?: 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;
+    styles?: StylesType;
 }>;
 declare type ButtonProps = BaseButtonProps & {
     fullWidth?: boolean;
@@ -58,7 +66,7 @@ declare type ButtonProps = BaseButtonProps & {
     containerStyle?: CSSProperties;
     buttonStyle?: CSSProperties;
 };
-declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, activeOpacity, withoutOpacityEffect, buttonStyle, size, }: ButtonProps) => JSX.Element | null;
+declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, ...props }: ButtonProps) => JSX.Element | null;
 
 declare type TouchableOpacityProps = PropsWithChildren<{
     activeOpacity?: number;
@@ -121,24 +129,26 @@ declare const Input: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled,
 
 declare type TextTypes = 'primary' | 'secondary' | 'error' | 'success';
 declare type TextAlign = 'center' | 'right' | 'left';
-declare type TextWrapperProps = {
-    children: ReactNode;
-    variant: FontSizesTypes$1;
+declare type SeoTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
+declare type TextProps = {
+    variant: FontSizesTypes$2;
     layout?: 'div' | 'span';
     type?: TextTypes;
     styles?: StylesType;
-    color?: ThemeColors$1 | string;
+    color?: ThemeColors$2 | string;
     numberOfLines?: number;
     textAlign?: TextAlign;
     behaveAs?: 'text' | 'button';
+    seoTag?: SeoTags;
 };
-declare const TextWrapper: styled_components.StyledComponent<_mui_material_OverridableComponent.OverridableComponent<_mui_material.BoxTypeMap<{}, "div">>, styled_components.DefaultTheme, TextWrapperProps, never>;
+declare type TextWrapperProps = PropsWithChildren<TextProps>;
+declare const TextWrapper: ({ children, seoTag, ...textProps }: TextWrapperProps) => JSX.Element;
 
 declare type IconProps = {
     name: IconNames;
     size?: number;
-    color?: ThemeColors$2 | string;
-    fill?: ThemeColors$2 | string;
+    color?: ThemeColors$1 | string;
+    fill?: ThemeColors$1 | string;
     pointerEvents?: 'auto' | 'none';
     style?: React.CSSProperties;
 };
@@ -176,19 +186,23 @@ declare type SpacerProps = {
 declare const Spacer: styled_components.StyledComponent<"div", styled_components.DefaultTheme, SpacerProps, never>;
 
 declare const Spinner: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
-    color?: ThemeColors$1 | undefined;
+    color?: ThemeColors$2 | undefined;
     size?: SizesTypes$2 | undefined;
 }, never>;
 
-declare type ImageProps = {
+declare type RegularImageProps = {
     src: string;
     alt?: string;
-    style?: CSSProperties;
+    width?: number | string;
+    height?: number | string;
+    styles?: StylesType;
+    onClick?: Callback$1;
+    cornerRadius?: number;
 };
-declare const Image: styled_components.StyledComponent<"img", styled_components.DefaultTheme, ImageProps, never>;
-declare const BackgroundImage: styled_components.StyledComponent<"img", styled_components.DefaultTheme, ImageProps, never>;
+declare const RegularImage: styled_components.StyledComponent<"img", styled_components.DefaultTheme, RegularImageProps, never>;
+declare const BackgroundImage: styled_components.StyledComponent<"img", styled_components.DefaultTheme, RegularImageProps, never>;
 
-declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'activeOpacity' | 'withoutOpacityEffect' | 'onClick' | 'children'> & {
+declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'onClick' | 'children' | 'styles' | 'buttonPadding' | 'textColor' | 'textSize' | 'buttonFont'> & {
     buttonLink?: string;
     elementId?: string;
 };
@@ -198,10 +212,12 @@ declare const TextButton: styled_components.StyledComponent<"div", styled_compon
     disabled?: boolean | undefined;
 } & {
     children?: React$1.ReactNode;
-} & Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "activeOpacity" | "withoutOpacityEffect"> & {
+} & {
+    withoutOpacityEffect: boolean;
+} & Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "styles" | "buttonPadding" | "textColor" | "textSize" | "buttonFont"> & {
     buttonLink?: string | undefined;
     elementId?: string | undefined;
-}, never>;
+}, "withoutOpacityEffect">;
 
 declare type ValidationTagStatus = 'DEFAULT' | 'ERROR' | 'SUCCESS';
 declare type ValidationTagProps = {
@@ -248,9 +264,9 @@ declare type AvatarProps = {
     size?: SizesTypes$1 | number;
     withShadow?: boolean;
     label?: string;
-    backgroundColor?: ThemeColors$2;
+    backgroundColor?: ThemeColors$1;
     textConfig?: {
-        color?: ThemeColors$2;
+        color?: ThemeColors$1;
         font?: SizesTypes$1;
     };
     content: {
@@ -270,7 +286,7 @@ declare const VerticalPadding: styled_components.StyledComponent<"div", styled_c
 
 declare type DividerProps = {
     type?: 'horizontal' | 'vertical';
-    color?: ThemeColors$2 | string;
+    color?: ThemeColors$1 | string;
     marginVertical?: SizesTypes$1 | number;
     marginHorizontal?: SizesTypes$1 | number;
     weight?: number;
@@ -295,12 +311,13 @@ declare const COMMUNICATION_LINK_DATA_URL = "communication-link-url";
 declare const COMMUNICATION_LINK_DATA_TEXT = "communication-link-text";
 declare type RichTextEditorProps = Partial<{
     value: string;
-    font: FontSizesTypes$2;
-    color: ThemeColors$2;
-    textStyles: CSSProperties;
+    font: FontSizesTypes$1;
+    color: ThemeColors$1;
+    textStyles: StylesType;
     numberOfLines?: number;
+    extraTextProps?: TextProps$1;
 }>;
-declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, }: RichTextEditorProps) => JSX.Element | null;
+declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, extraTextProps, }: RichTextEditorProps) => JSX.Element | null;
 
 declare type RadioButtonType<T extends string = string> = {
     id: T;
@@ -328,8 +345,8 @@ declare const Circle: ({ index, type }: CircleBoxProps) => JSX.Element;
 
 declare type CircularIndicatorProps = {
     active: boolean;
-    activeColor?: ThemeColors$2 | string;
-    inactiveColor?: ThemeColors$2 | string;
+    activeColor?: ThemeColors$1 | string;
+    inactiveColor?: ThemeColors$1 | string;
 };
 declare const CircularIndicator: ({ activeColor, inactiveColor, ...props }: CircularIndicatorProps) => JSX.Element;
 declare const CircularIndicatorStyledComponent: styled_components.StyledComponent<"span", styled_components.DefaultTheme, CircularIndicatorProps, never>;
@@ -338,12 +355,44 @@ declare type IconButtonProps = {
     name: IconNames$2;
     size?: number;
     onClick: Callback$1;
-    color?: ThemeColors$2 | string;
-    fill?: ThemeColors$2 | string;
+    color?: ThemeColors$1 | string;
+    fill?: ThemeColors$1 | string;
     pointerEvents?: 'auto' | 'none';
 };
 declare const IconButton: ({ name, color, onClick, disabled, activeOpacity, withoutOpacityEffect, ...props }: IconButtonProps & TouchableOpacityProps$1) => JSX.Element;
 
+declare type TabOption<T = string> = {
+    menuText: string;
+    menuKey: T;
+    onMenuClick?: (key: T) => void;
+    isSelected?: boolean;
+};
+declare type TabElement = HTMLDivElement | null;
+declare type TabTheme = 'light' | 'dark';
+declare type TabProps<T = string, K = string> = {
+    tabKey: T;
+    text: string;
+    disabled?: boolean;
+    vertical?: boolean;
+    isActive?: boolean;
+    onClick?: (key: T) => void;
+    options?: MenuItem$1<K>[];
+    onOptionClick?: (optionKey: K) => void;
+    tabTheme?: TabTheme;
+    divider?: boolean;
+    tabFont?: FontSizesTypes$1;
+    textSize?: number;
+    tabPadding?: SizesTypes$1 | number;
+    textColor?: ThemeColors$1 | string;
+    selectedTabTextColor?: ThemeColors$1 | string;
+    selectedTabIndicatorColor?: ThemeColors$1 | string;
+    styles?: StylesType;
+};
+declare const ZealTab: <T extends string, K extends string>({ options, onClick, text, tabKey, vertical, onOptionClick, tabTheme, tabFont, tabPadding, selectedTabIndicatorColor, textSize, textColor, ...tabProps }: TabProps<T, K>, ref: React__default.ForwardedRef<TabElement>) => JSX.Element;
+declare const Tab: <T, K>(props: TabProps<T, K> & {
+    ref?: React__default.ForwardedRef<TabElement> | undefined;
+}) => ReturnType<typeof ZealTab>;
+
 declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
 declare type FieldLabelsProps = {
     label: string;
@@ -424,7 +473,7 @@ declare type CheckboxFieldProps = {
     name: string;
     control?: Control<any>;
     defaultValue?: boolean;
-    checkboxProps: Omit<CheckBoxProps, 'error' | 'onClick' | 'value'>;
+    checkboxProps: Omit<CheckBoxProps$1, 'error' | 'onClick' | 'value'>;
 };
 declare const CheckboxField: ({ control, name, checkboxProps, defaultValue, }: CheckboxFieldProps) => JSX.Element;
 
@@ -454,7 +503,7 @@ declare type CustomValidationProps<T = string> = {
 declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, }: CustomValidationProps<T>) => JSX.Element;
 
 declare type BaseSelectableProps<T> = {
-    iconName: IconNames;
+    iconName: IconNames$2;
     infoText: string;
     isActive?: boolean;
     onClick?: (value: T) => void;
@@ -473,7 +522,7 @@ declare type HeroImageAlignment = 'left_aligned' | 'center_aligned';
 declare type HeroImageTemplate = 'card' | 'full_width';
 declare type HeroImageProps = {
     type: 'hero_image';
-    backgroundImage: ImageProps$1;
+    backgroundImage: RegularImageProps$1;
     mainHeading: string;
     subHeading?: string;
     button?: ButtonProps$1;
@@ -491,7 +540,7 @@ declare type DrawerProps = DrawerProps$1 & {
     padding?: SizesTypes$2 | number;
     height?: number | string;
     width?: number | string;
-    closeIconColor?: ThemeColors$1 | string;
+    closeIconColor?: ThemeColors$2 | string;
 };
 
 declare const Drawer: ({ children, closeIconColor, ...props }: PropsWithChildren<DrawerProps>) => JSX.Element;
@@ -525,58 +574,26 @@ declare type MenuItemsProps<T> = {
 declare const MenuItems: <T extends string | number>({ title, onItemPress, options, }: MenuItemsProps<T>) => JSX.Element;
 
 declare type AvatarDropdownProps<T> = {
-    avatarProps: AvatarProps;
+    avatarProps: AvatarProps$1;
     menuConfig: MenuItemsProps<T>;
 };
 declare const AvatarDropdown: <T extends string | number>({ avatarProps, menuConfig, }: AvatarDropdownProps<T>) => JSX.Element;
 
-declare type TabOption<T = string> = {
-    menuText: string;
-    menuKey: T;
-    onMenuClick?: (key: T) => void;
-    isSelected?: boolean;
-};
-declare type TabElement = HTMLDivElement | null;
-declare type TabTheme = 'light' | 'dark';
-declare type TabProps<T = string, K = string> = {
-    tabKey: T;
-    text: string;
-    disabled?: boolean;
-    vertical?: boolean;
-    isActive?: boolean;
-    onClick?: (key: T) => void;
-    options?: MenuItem<K>[];
-    onOptionClick?: (optionKey: K) => void;
-    tabTheme?: TabTheme;
-    divider?: boolean;
-    tabFont?: FontSizesTypes$2;
-    textSize?: SizesTypes$1 | number;
-    tabPadding?: SizesTypes$1 | number;
-    textColor?: ThemeColors$2 | string;
-    selectedTabTextColor?: ThemeColors$2 | string;
-    selectedTabIndicatorColor?: ThemeColors$2 | string;
-    styles?: StylesType;
-};
-declare const ZealTab: <T extends string, K extends string>({ options, onClick, text, tabKey, vertical, onOptionClick, tabTheme, tabFont, tabPadding, selectedTabIndicatorColor, textSize, textColor, ...tabProps }: TabProps<T, K>, ref: React__default.ForwardedRef<TabElement>) => JSX.Element;
-declare const Tab: <T, K>(props: TabProps<T, K> & {
-    ref?: React__default.ForwardedRef<TabElement> | undefined;
-}) => ReturnType<typeof ZealTab>;
-
 declare type TabGroupProps<T = string, K = string> = {
-    tabs: Pick<TabProps<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>[];
+    tabs: Pick<TabProps$1<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>[];
     activeTabKey: T;
     onTabChange?: (tabKey: T) => void;
     onOptionClick?: (optionKey: K) => void;
     styles?: StylesType;
     vertical?: boolean;
-    tabTheme?: TabTheme;
-    tabFont?: FontSizesTypes$1;
-    textSize?: SizesTypes$2 | number;
+    tabTheme?: TabTheme$1;
+    tabFont?: FontSizesTypes$2;
+    textSize?: number;
     tabPadding?: SizesTypes$2 | number;
     tabSpacing?: SizesTypes$2;
-    textColor?: ThemeColors$1 | string;
-    selectedTabTextColor?: ThemeColors$1 | string;
-    selectedTabIndicatorColor?: ThemeColors$1 | string;
+    textColor?: ThemeColors$2 | string;
+    selectedTabTextColor?: ThemeColors$2 | string;
+    selectedTabIndicatorColor?: ThemeColors$2 | string;
     containerStyle?: CSSProperties;
     containerProps?: Record<string, unknown>;
 };
@@ -629,7 +646,7 @@ declare type AlertProps = {
     withCloseIcon?: {
         onClose: Callback$1;
     };
-    fontColor?: ThemeColors$2;
+    fontColor?: ThemeColors$1;
     destinationLink?: string;
     onDestinationHandler?: Callback$1;
     containerStyles?: CSSProperties;
@@ -652,12 +669,12 @@ declare type PdfDocumentProps = {
     source: string;
     isMobile?: boolean;
     customDocumentStyles?: Partial<{
-        wrapperBackgroundColor: ThemeColors$2 | string;
-        pageNumberColor: ThemeColors$2 | string;
+        wrapperBackgroundColor: ThemeColors$1 | string;
+        pageNumberColor: ThemeColors$1 | string;
         pageWidth: number;
         pageHeight: number;
-        paginationArrowColor: ThemeColors$2 | string;
-        disabledPaginationArrowColor: ThemeColors$2 | string;
+        paginationArrowColor: ThemeColors$1 | string;
+        disabledPaginationArrowColor: ThemeColors$1 | string;
     }>;
 };
 declare const PdfDocument: ({ source, isMobile, customDocumentStyles, }: PdfDocumentProps) => JSX.Element;
@@ -813,7 +830,7 @@ declare type FooterLink = {
 declare type ProfileInformationProps<TabKeys extends string> = {
     backgroundImageUrl: string;
     avatarProps: AvatarProps$1;
-    tabs: TabProps$1<string, TabKeys>[];
+    tabs: TabProps$2<string, TabKeys>[];
     tabContents: Record<TabKeys, () => ReactNode>;
     initialTabKey: TabKeys;
     title: string;
@@ -1068,4 +1085,4 @@ declare type AnnotationsList = {
 
 declare const useMlrRichTextViewerContext: () => contexts_MlrRichTextViewerContext_MlrRichTextViewerContext.MlrRichTextViewerContextType;
 
-export { AcquisitionForm, AcquisitionFormProps, Alert, AlertProps, AnnotationsList, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, Body, BodyProps, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonProps, ButtonVariant, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, Image, ImageProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldProps, RadioButtonType, RadioButtons, RadioButtonsProps, RichTextEditorProps, RichTextViewer, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupProps, TabOption, TabProps, TabTheme, TextAlign, TextButton, TextButtonProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoProps, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
+export { AcquisitionForm, AcquisitionFormProps, Alert, AlertProps, AnnotationsList, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, Body, BodyProps, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonProps, ButtonVariant, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldProps, RadioButtonType, RadioButtons, RadioButtonsProps, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupProps, TabOption, TabProps, TabTheme, TextAlign, TextButton, TextButtonProps, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoProps, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zealicsolutions/web-ui",
-  "version": "0.2.66",
+  "version": "0.2.68",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"
@@ -23,6 +23,7 @@
   "scripts": {
     "build": "npm run clean && rollup -c",
     "test": "jest",
+    "start": "npm run storybook",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "clean": "rimraf dist",
@@ -118,4 +119,4 @@
   "homepage": "https://bitbucket.org/Zealic_Solutions/zeal-ui-web#readme",
   "keywords": [],
   "description": ""
-}
+}

package/dist/cjs/src/atoms/Image/Image.d.ts

@@ -1,8 +0,0 @@
-import { CSSProperties } from 'styled-components';
-export declare type ImageProps = {
-    src: string;
-    alt?: string;
-    style?: CSSProperties;
-};
-export declare const Image: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, ImageProps, never>;
-export declare const BackgroundImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, ImageProps, never>;

package/dist/cjs/src/atoms/Image/Image.stories.d.ts

@@ -1,8 +0,0 @@
-import type { ComponentStory } from '@storybook/react';
-import { Image as ImageComponent } from './Image';
-declare const _default: {
-    title: string;
-    component: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, import("./Image").ImageProps, never>;
-};
-export default _default;
-export declare const Image: ComponentStory<typeof ImageComponent>;

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

@@ -1,8 +0,0 @@
-import { CSSProperties } from 'styled-components';
-export declare type ImageProps = {
-    src: string;
-    alt?: string;
-    style?: CSSProperties;
-};
-export declare const Image: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, ImageProps, never>;
-export declare const BackgroundImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, ImageProps, never>;

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

@@ -1,8 +0,0 @@
-import type { ComponentStory } from '@storybook/react';
-import { Image as ImageComponent } from './Image';
-declare const _default: {
-    title: string;
-    component: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, import("./Image").ImageProps, never>;
-};
-export default _default;
-export declare const Image: ComponentStory<typeof ImageComponent>;