@zealicsolutions/web-ui 0.3.3-2.2125 → 0.3.3

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

@@ -1,4 +1,4 @@
-import type { StoryFn } from '@storybook/react';
+import type { ComponentStory } from '@storybook/react';
 import { TextButtonProps } from 'atoms/Buttons/TextButton';
 import { FC } from 'react';
 import { IconButton as IconButtonComponent } from './IconButton';
@@ -11,6 +11,6 @@ declare const _default: {
     }, never>;
 };
 export default _default;
-export declare const TouchableOpacity: StoryFn<FC<TouchableOpacityProps>>;
-export declare const TextButton: StoryFn<FC<TextButtonProps>>;
-export declare const IconButton: StoryFn<typeof IconButtonComponent>;
+export declare const TouchableOpacity: ComponentStory<FC<TouchableOpacityProps>>;
+export declare const TextButton: ComponentStory<FC<TextButtonProps>>;
+export declare const IconButton: ComponentStory<typeof IconButtonComponent>;

package/dist/cjs/src/atoms/Buttons/IconButton.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ThemeColors } from 'theme';
 import { IconNames, TouchableOpacityProps } from 'atoms';
-import type { Callback } from 'typescript';
+import { Callback } from 'typescript';
 export declare type IconButtonProps = {
     name: IconNames;
     size?: number;

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

@@ -5,5 +5,4 @@ export declare type CircleBoxProps = {
     type: CircleType;
 };
 export declare const Circle: ({ index, type }: CircleBoxProps) => JSX.Element;
-export declare const CirclesWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
 export {};

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

@@ -1,2 +1,13 @@
-/// <reference types="react" />
-export declare const GoogleMap: () => JSX.Element;
+import React from 'react';
+import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
+import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
+export declare type MapPosition = {
+    lat: number;
+    lng: number;
+};
+export declare type GoogleMapProps = {
+    position: MapPosition;
+} & WithScriptjsProps & WithGoogleMapProps;
+export declare const GoogleMap: React.ComponentClass<{
+    position: MapPosition;
+} & WithScriptjsProps & WithGoogleMapProps, any>;

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+/// <reference types="react-google-maps/types" />
+import type { ComponentStory } from '@storybook/react';
+import { GoogleMap as GoogleMapComponent } from './GoogleMap';
+declare const _default: {
+    title: string;
+    component: import("react").ComponentClass<{
+        position: import("./GoogleMap").MapPosition;
+    } & import("react-google-maps/lib/withScriptjs").WithScriptjsProps & import("react-google-maps/lib/withGoogleMap").WithGoogleMapProps, any>;
+};
+export default _default;
+export declare const GoogleMap: ComponentStory<typeof GoogleMapComponent>;

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

@@ -3,7 +3,6 @@ import { InputFieldTypes } from 'fieldsConfiguration/types';
 import React from 'react';
 import { ThemeColors } from 'theme/types';
 import type { Callback, StylesType } from 'typescript';
-import { MaskConfig } from './helpers';
 export declare type InputFieldInternalConfigProps = Partial<{
     textColor: ThemeColors | string;
     textFontSize: number;
@@ -32,6 +31,5 @@ export declare type InputProps = {
     onChange?: (value: string) => void;
     onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     internalConfig?: InputFieldInternalConfigProps;
-    config?: MaskConfig;
 };
-export declare const Input: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, config, ...rest }: InputProps) => JSX.Element;
+export declare const Input: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, ...rest }: InputProps) => JSX.Element;

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

@@ -3,7 +3,7 @@ import type { StoryFn } from '@storybook/react';
 import { InputProps } from './Input';
 declare const _default: {
     title: string;
-    component: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, config, ...rest }: InputProps) => JSX.Element;
+    component: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, ...rest }: InputProps) => JSX.Element;
 };
 export default _default;
 export declare const Input: StoryFn<InputProps>;

package/dist/cjs/src/atoms/RichTextViewer/types.d.ts

@@ -8,7 +8,6 @@ export declare type TextFormat = Partial<{
     variable: VariablePayload;
     tag: {
         id: string;
-        label: string;
     };
     'numbered-list': boolean;
     'bulleted-list': boolean;

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

@@ -1,12 +1,10 @@
 /// <reference types="react" />
 import { ThemeColors } from 'theme';
-import type { AnyObject, Callback, StylesType } from 'typescript';
+import type { Callback, StylesType } from 'typescript';
 import { RefCallBack } from 'react-hook-form/dist/types';
 export declare type SelectOption = {
     id: string;
     label: string;
-    value?: string;
-    config?: AnyObject;
 };
 export declare type SelectInternalConfigurationOptions = {
     placeholderTextColor: ThemeColors | string;

package/dist/cjs/src/containers/Container.d.ts

@@ -1,40 +1,4 @@
 /// <reference types="react" />
 import { ContainerComponentProps, ContainerProps } from 'containers';
-export declare const Container: ({ children, wide, compact, type, props, id, }: Partial<{
-    type: import("containers").ContainerType;
-    wide: Partial<{
-        containerStyle: import("styled-components").CSSProperties;
-        containerProps: Partial<{
-            position: import("containers").ContainerPositionType;
-            scrollBehaviour: import("containers").ContainerScrollBehaviourType;
-            cornerRadius: number;
-            styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-            formProps: import("containers").FormContainerProps;
-            formStepProps: import("containers").FormStepContainerProps;
-        }>;
-    }>;
-    compact: Partial<{
-        containerStyle: import("styled-components").CSSProperties;
-        containerProps: Partial<{
-            position: import("containers").ContainerPositionType;
-            scrollBehaviour: import("containers").ContainerScrollBehaviourType;
-            cornerRadius: number;
-            styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-            formProps: import("containers").FormContainerProps;
-            formStepProps: import("containers").FormStepContainerProps;
-        }>;
-    }>;
-    props: Partial<{
-        position: import("containers").ContainerPositionType;
-        scrollBehaviour: import("containers").ContainerScrollBehaviourType;
-        cornerRadius: number;
-        styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-        formProps: import("containers").FormContainerProps;
-        formStepProps: import("containers").FormStepContainerProps;
-    }>;
-}> & {
-    children?: import("react").ReactNode;
-} & {
-    id: string;
-}) => JSX.Element;
-export declare const ContainerComponent: ({ type, items, config, tabsProps, id, }: ContainerComponentProps) => JSX.Element | null;
+export declare const Container: ({ children, wide, compact, type, props }: ContainerProps) => JSX.Element;
+export declare const ContainerComponent: ({ type, items, config, tabsProps }: ContainerComponentProps) => JSX.Element | null;

package/dist/cjs/src/containers/MoleculeItem.d.ts

@@ -3,7 +3,6 @@ import { Molecule } from 'containers';
 import { TabGroupProps } from 'molecules';
 export declare const getFullLink: (url: string) => string;
 export declare const navigateToPage: (url: string) => void;
-export declare const downloadFile: (url?: string, name?: string) => Promise<void>;
 export declare const MoleculeItem: ({ type, config, attributes, tabsProps, form, id: moleculeId, }: Molecule & {
     tabsProps?: Pick<TabGroupProps<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
-}) => JSX.Element | null;
+}) => JSX.Element;

package/dist/cjs/src/containers/mock-data.d.ts

@@ -1,5 +1,3 @@
 import { ContainerComponentProps } from 'containers';
-export declare const sliderContainerProps: ContainerComponentProps;
 export declare const formContainerProps: ContainerComponentProps;
 export declare const columnContainerProps: ContainerComponentProps;
-export declare const formBuilderData: ContainerComponentProps;

package/dist/cjs/src/containers/styles.d.ts

@@ -5,7 +5,8 @@ export declare const ContainerWrapper: import("styled-components").StyledCompone
         scrollBehaviour: import("containers/types/types").ContainerScrollBehaviourType;
         cornerRadius: number;
         styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-        formProps: import("containers/types/types").FormContainerProps;
-        formStepProps: import("containers/types/types").FormStepContainerProps;
+        formProps: {
+            mode: keyof import("react-hook-form").ValidationMode;
+        };
     }> | undefined;
 }, never>;

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

@@ -1,50 +1,21 @@
 import { SelectOption } from 'atoms';
-import { AdditionalTabContainerProps, ButtonProps, CheckboxFieldProps, Consent, ImageProps, InputFieldProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
+import { AdditionalTabContainerProps, ButtonProps, CheckboxFieldProps, ImageProps, InputFieldProps, 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';
-export declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
-export declare type DownloadFile = {
-    url: string;
-    name: string;
-};
-declare type LinkAction = LinkAttributes;
-declare type PopupDrawerAction = ContainerComponentProps;
-declare type DownloadAction = DownloadFile;
-declare type SubmitAction = AnyObject;
-declare type CancelAction = AnyObject;
-declare type ResetAction = AnyObject;
-declare type DestroyAction = AnyObject;
-declare type Action = {
-    type: ActionTypes;
-} & Partial<{
-    link: LinkAction;
-    popup: PopupDrawerAction;
-    drawer: PopupDrawerAction;
-    download: DownloadAction;
-    submit: SubmitAction;
-    cancel: CancelAction;
-    reset: ResetAction;
-    destroy: DestroyAction;
-}>;
+import { CSSProperties } from 'styled-components';
+import type { Nullable, StrictUnion } from 'typescript';
 export declare type ImageAttributes = {
     attributeType: 'image';
     imageSource: string;
 };
 export interface TextAttributes {
-    id?: string;
     attributeType: 'text';
-    isRichText?: boolean;
+    isRichText: boolean;
     text: string;
 }
 export interface VideoAttributes {
     attributeType: 'video';
     videoSource: string;
 }
-export interface ActionAttributes {
-    attributeType: 'action';
-    action: Action;
-}
 export interface LinkAttributes {
     id: string;
     attributeType: 'link';
@@ -54,7 +25,6 @@ export interface LinkAttributes {
     name: string;
 }
 export interface SelectAttributes {
-    id?: string;
     attributeType: 'select';
     value: string;
     options: SelectOption[];
@@ -67,72 +37,56 @@ export interface IterableAttributes {
     attributeType: 'iterable';
     options: SelectOption[];
 }
-export interface DataConnectionAttributes {
-    id: string;
-    attributeType: 'data_model_field';
-    dataModelField: {
-        id: string;
-        fieldName: string;
-        code: string;
-    };
-}
-export interface ConditionConfigAttributes {
-    id: string;
-    attributeType: 'condition_config';
-    conditionConfig: ConditionConfig;
-}
-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';
 export interface BaseMolecule {
     id: string;
     instance: 'molecule';
     type: MoleculeTypes;
-    metadata?: AnyObject;
 }
 export interface ImageMolecule extends BaseMolecule {
     type: 'image';
-    attributes: Partial<{
+    attributes: {
         image: ImageAttributes;
         altText: Omit<TextAttributes, 'isRichText'>;
         link: LinkAttributes;
-    }>;
+    };
     config: {
-        props?: Omit<ImageProps, 'src' | 'link' | 'altText'>;
+        props: Omit<ImageProps, 'src' | 'link' | 'altText'>;
     };
 }
 export interface TextMoleculeType extends BaseMolecule {
     type: 'text';
-    attributes: Partial<{
+    attributes: {
         text: TextAttributes;
         seoStyle: SelectAttributes;
-        fontVariant: SelectAttributes;
-    }>;
+    };
     config: {
-        props?: TextMoleculeProps;
+        props: TextMoleculeProps;
     };
 }
 export interface ButtonMolecule extends BaseMolecule {
     type: 'button';
-    attributes: Partial<{
+    attributes: {
         title: TextAttributes;
-        action: ActionAttributes;
-    }>;
+        buttonLink: LinkAttributes;
+    };
     config: {
-        props?: Partial<Omit<ButtonProps, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>>;
+        props: Partial<Omit<ButtonProps, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>>;
     };
 }
 export interface VideoMolecule extends BaseMolecule {
     type: 'video';
-    attributes: Partial<{
+    attributes: {
         video: VideoAttributes;
         altText: Omit<TextAttributes, 'isRichText'>;
         autoPlayVideo: BooleanAttributes;
         enableCoverImage: BooleanAttributes;
         coverImage: ImageAttributes;
-    }>;
+    };
     config: {
         props: Partial<{
             width: number;
-            styles: StylesType;
+            styles: CSSProperties;
         }>;
     };
 }
@@ -146,75 +100,56 @@ export interface TabGroupMolecule extends BaseMolecule {
 }
 export interface TextInputMolecule extends BaseMolecule {
     type: 'input_field';
-    attributes: Partial<{
+    attributes: {
         label: TextAttributes;
         required: BooleanAttributes;
         inputType: SelectAttributes;
-        dataModelField: DataConnectionAttributes;
-        conditionConfig: ConditionConfigAttributes;
-    }>;
+    };
     config: {
-        props?: Partial<{
+        props: Partial<{
             state: 'default' | 'error';
         } & InputFieldProps>;
     };
 }
 export interface SelectFieldMolecule extends BaseMolecule {
     type: 'select_field';
-    attributes: Partial<{
+    attributes: {
         label: TextAttributes;
         required: BooleanAttributes;
         options: IterableAttributes;
-        dataModelField: DataConnectionAttributes;
-        conditionConfig: ConditionConfigAttributes;
-    }>;
+    };
     config: {
-        props?: Partial<{
+        props: Partial<{
             state: 'default' | 'error';
         } & SelectFieldProps>;
     };
 }
 export interface RadioButtonFieldMolecule extends BaseMolecule {
     type: 'radio_button_field';
-    attributes: Partial<{
+    attributes: {
         label: TextAttributes;
         required: BooleanAttributes;
         options: IterableAttributes;
-        dataModelField: DataConnectionAttributes;
-        conditionConfig: ConditionConfigAttributes;
-    }>;
+    };
     config: {
-        props?: Partial<{
+        props: Partial<{
             state: 'default' | 'error';
         } & RadioButtonFieldProps<string>>;
     };
 }
 export interface CheckboxFieldMolecule extends BaseMolecule {
     type: 'checkbox_field';
-    attributes: Partial<{
+    attributes: {
         label: TextAttributes;
         required: BooleanAttributes;
         options: IterableAttributes;
-        dataModelField: DataConnectionAttributes;
-        conditionConfig: ConditionConfigAttributes;
-    }>;
+    };
     config: {
-        props?: Partial<{
+        props: Partial<{
             state: 'default' | 'error';
         } & CheckboxFieldProps>;
     };
 }
-export interface ConsentFieldMolecule extends BaseMolecule {
-    type: 'consent';
-    attributes: Partial<{
-        consent: Partial<{
-            attributeType: 'consent';
-            consent: Consent;
-            required: BooleanAttributes;
-        }>;
-    }>;
-}
-export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule> & {
+export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule> & {
     form?: UseFormReturn<any>;
 };
-export {};

package/dist/cjs/src/containers/types/types.d.ts

@@ -1,27 +1,20 @@
 import { TabGroupProps } from 'molecules';
 import { PropsWithChildren } from 'react';
 import { CSSProperties } from 'styled-components';
-import { ValidationMode } from 'react-hook-form';
-import type { AnyObject, Nullable, StylesType } from 'typescript';
 import { Molecule } from './moleculeTypes';
-export declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step';
-export declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
+import { ValidationMode } from 'react-hook-form';
+import { StylesType } from 'typescript';
+export declare type ContainerType = 'row' | 'column' | 'slider' | 'form';
+export declare type ContainerPositionType = 'fixed' | 'sticky' | 'static';
 export declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
-export declare type FormStepContainerProps = {
-    formStepName: string;
-    order: number;
-    conditionConfig: ConditionConfig;
-};
-export declare type FormContainerProps = {
-    mode: keyof ValidationMode;
-};
 export declare type ContainerPropsType = Partial<{
     position: ContainerPositionType;
     scrollBehaviour: ContainerScrollBehaviourType;
     cornerRadius: number;
     styles: StylesType;
-    formProps: FormContainerProps;
-    formStepProps: FormStepContainerProps;
+    formProps: {
+        mode: keyof ValidationMode;
+    };
 }>;
 export declare type AdditionalContainerProps = Partial<{
     containerStyle: CSSProperties;
@@ -37,30 +30,11 @@ export declare type ContainerComponentProps = {
     id: string;
     instance: 'container';
     type: ContainerType;
-    items: (ContainerComponentProps | Molecule)[];
     config: {
         wide?: AdditionalContainerProps;
         compact?: AdditionalContainerProps;
         props?: ContainerPropsType;
     };
+    items: (ContainerComponentProps | Molecule)[];
     tabsProps?: Pick<TabGroupProps, 'tabs' | 'activeTabKey' | 'onTabChange'>;
-    metadata?: AnyObject;
-    attributes?: AnyObject;
-    containerLibraryId?: string;
-};
-export declare type CriteriaType = 'operator' | 'condition';
-export declare type ConditionCriteria = {
-    id: string;
-    type: CriteriaType;
-    operator: string;
-    dataFieldId: Nullable<string>;
-    dataFieldName: Nullable<string>;
-    dataValue: Nullable<string>;
-    connectedTo: Nullable<string>;
 };
-export declare type SegmentationType = 'simple' | 'advanced';
-export declare type ConditionConfig = Nullable<{
-    id: string;
-    segmentationType: SegmentationType;
-    criteriaList: ConditionCriteria[];
-}>;

package/dist/cjs/src/contexts/MlrRichTextViewerContext/types.d.ts

@@ -2,9 +2,6 @@ export declare type AnnotationsList = {
     tags: {
         id: string;
         label: string;
-        entityIds: string[];
-        moleculeIds: string[];
-        referencedByIds: string[];
     }[];
     links: {
         referencedById: string;

package/dist/cjs/src/contexts/index.d.ts

@@ -2,8 +2,3 @@ export * from './MlrRichTextViewerContext/MlrRichTextViewerProvider';
 export * from './MlrRichTextViewerContext/MlrRichTextViewerContext';
 export * from './MlrRichTextViewerContext/types';
 export * from './hooks/useMlrRichTextViewerContext';
-export * from './hooks/useButtonActionsContext';
-export * from './ButtonActionsContext/ButtonActionsContext';
-export * from './ButtonActionsContext/ButtonActionsContextProvider';
-export * from './OrganismContext/OrganismContext';
-export * from './OrganismContext/OrganismContextProvider';

package/dist/cjs/src/fieldsConfiguration/types.d.ts

@@ -2,7 +2,7 @@
 import { ControllerProps } from 'react-hook-form';
 import { SelectOption } from 'atoms';
 import { InputFieldProps, SelectFieldProps } from 'molecules';
-export declare type InputFieldTypes = 'phone_number' | 'text' | 'email' | 'password' | 'numerical' | 'month_year_date' | 'day_month_year_date' | 'month_day_year_date' | 'us_zip_code' | 'any';
+export declare type InputFieldTypes = 'phone-number' | 'text' | 'email' | 'password' | 'numerical' | 'any';
 export declare type FieldTypes = 'input' | 'select' | 'checkbox';
 export declare type UIField<T = string> = (UIInputField & UISelectField & UICheckboxField) & {
     name: T;

package/dist/cjs/src/helpers/validations.d.ts

@@ -5,13 +5,4 @@ export declare const phoneNumberValidation: RegExp;
 export declare const numberValidation: RegExp;
 export declare const emailValidation: RegExp;
 export declare const textValidation: RegExp;
-export declare const monthDayYearDateValidation: RegExp;
-export declare const dayMonthYearDateValidation: RegExp;
-export declare const monthYearDateValidation: RegExp;
-export declare const usZipCode: RegExp;
 export declare const getInputValidation: (type?: InputFieldTypes) => ValidationRule<RegExp> | undefined;
-export declare const postCodeMask: RegExp[];
-export declare const dayMonthYearDateMask: (string | RegExp)[];
-export declare const monthYearDateMask: (string | RegExp)[];
-export declare const phoneNumberMask: (string | RegExp)[];
-export declare const removeMaskFromString: (inputString: string) => string;

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

@@ -1,6 +1,7 @@
 import { PropsWithChildren } from 'react';
 import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme';
-import type { Callback, StylesType } from 'typescript';
+import type { Callback } from 'typescript';
+import { StylesType } from 'typescript';
 export declare type ButtonVariant = 'primary' | 'secondary' | 'text' | 'custom';
 export declare type ButtonType = 'button' | 'submit' | 'reset';
 export declare type BaseButtonProps = PropsWithChildren<{

package/dist/cjs/src/molecules/Button/Button.stories.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import type { StoryFn } from '@storybook/react';
-import { Button as ButtonComponent } from 'molecules';
+import { Button as ButtonComponent } from 'molecules/Button/Button';
 declare const _default: {
     title: string;
-    component: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, ...props }: import("molecules").ButtonProps) => JSX.Element | null;
+    component: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, ...props }: import("molecules/Button/Button").ButtonProps) => JSX.Element | null;
 };
 export default _default;
 export declare const Button: StoryFn<typeof ButtonComponent>;

package/dist/cjs/src/molecules/CheckboxField/CheckboxField.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="react" />
-import { SelectOption } from 'atoms';
-import { CheckboxInternalConfigProps } from 'atoms/Checkbox/types';
-import { ConditionConfig } from 'containers';
 import { Control, ControllerProps } from 'react-hook-form/dist/types';
+import { SelectOption } from 'atoms';
 import type { StylesType } from 'typescript';
+import { CheckboxInternalConfigProps } from 'atoms/Checkbox/types';
 import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
 export declare type CheckboxesProps = Partial<{
     checkboxGroupWrapperStyles: StylesType;
@@ -26,6 +25,5 @@ export declare type CheckboxFieldProps = Partial<{
     required: boolean;
     optional: boolean;
     wrapperStyles: StylesType;
-    conditionConfig?: ConditionConfig;
 }>;
-export declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, }: CheckboxFieldProps) => JSX.Element | null;
+export declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, }: CheckboxFieldProps) => JSX.Element;

package/dist/cjs/src/molecules/CheckboxField/CheckboxField.stories.d.ts

@@ -3,7 +3,7 @@ import type { StoryFn } from '@storybook/react';
 import { CheckboxField as CheckboxFieldComponent } from 'molecules';
 declare const _default: {
     title: string;
-    component: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, }: Partial<{
+    component: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, }: Partial<{
         checkboxesProps: Partial<{
             checkboxGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
             checkboxFieldWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
@@ -48,8 +48,7 @@ declare const _default: {
         required: boolean;
         optional: boolean;
         wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-        conditionConfig?: import("../..").ConditionConfig | undefined;
-    }>) => JSX.Element | null;
+    }>) => JSX.Element;
 };
 export default _default;
 export declare const CheckboxField: StoryFn<typeof CheckboxFieldComponent>;

package/dist/cjs/src/molecules/Drawer/Drawer.stories.d.ts

@@ -1,4 +1,4 @@
-import type { StoryFn } from '@storybook/react';
+import type { ComponentStory } from '@storybook/react';
 import React from 'react';
 import { Drawer as DrawerComponent } from './Drawer';
 declare const _default: {
@@ -6,4 +6,4 @@ declare const _default: {
     component: ({ children, closeIconColor, ...props }: React.PropsWithChildren<import("./styles").DrawerProps>) => JSX.Element;
 };
 export default _default;
-export declare const Drawer: StoryFn<typeof DrawerComponent>;
+export declare const Drawer: ComponentStory<typeof DrawerComponent>;

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

@@ -1,16 +1,15 @@
 /// <reference types="react" />
-import { Callback, StylesType } from 'typescript';
+import { StylesType } from 'typescript';
 export declare type ImageProps = {
     src: string;
 } & Partial<{
     id: string;
     altText: string;
     link: string;
-    onClick: Callback;
     width: number;
     height: number;
     cornerRadius: number;
     behaveAs: 'background' | 'regular';
     styles: StylesType;
 }>;
-export declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element | null;
+export declare const Image: ({ src, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element;

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

@@ -3,7 +3,7 @@ import type { StoryFn } from '@storybook/react';
 import { Image as ImageComponent } from './Image';
 declare const _default: {
     title: string;
-    component: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: import("./Image").ImageProps) => JSX.Element | null;
+    component: ({ src, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: import("./Image").ImageProps) => JSX.Element;
 };
 export default _default;
 export declare const Image: StoryFn<typeof ImageComponent>;