@zealicsolutions/web-ui 0.2.90 → 0.2.92

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

@@ -1,4 +1,15 @@
 /// <reference types="react" />
+import { SizesTypes, ThemeColors } from 'theme';
+import { StylesType } from 'typescript';
+export declare type RadioButtonInternalConfigProps = {
+    selectedRadioOptionBackgroundColor: ThemeColors | string;
+    selectedRadioOptionIndicatorColor: ThemeColors | string;
+    buttonPadding: number;
+    textPadding: number;
+    styles: StylesType;
+    wrapperStyles: StylesType;
+    buttonOptionSpacing?: SizesTypes;
+};
 export declare type RadioButtonType<T extends string = string> = {
     id: T;
     label?: string;
@@ -6,12 +17,21 @@ export declare type RadioButtonType<T extends string = string> = {
     disabled?: boolean;
     isRichText?: boolean;
 };
-export declare type RadioButtonsProps<T extends string> = {
-    isEditMode?: boolean;
+export declare type RadioButtonsProps<T extends string> = Partial<{
+    isEditMode: boolean;
     onChange: (value: T) => void;
     value: T;
-    isRow?: boolean;
+    isRow: boolean;
     items: RadioButtonType<T>[];
     name: string;
-};
-export declare const RadioButtons: <T extends string>({ value, items, isRow, isEditMode, onChange, name, }: RadioButtonsProps<T>) => JSX.Element;
+    internalConfig: RadioButtonInternalConfigProps;
+}>;
+export declare const RadioButtons: <T extends string>({ value, items, isRow, isEditMode, onChange, name, internalConfig, }: Partial<{
+    isEditMode: boolean;
+    onChange: (value: T) => void;
+    value: T;
+    isRow: boolean;
+    items: RadioButtonType<T>[];
+    name: string;
+    internalConfig: RadioButtonInternalConfigProps;
+}>) => JSX.Element;

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

@@ -3,7 +3,15 @@ import type { ComponentStory } from '@storybook/react';
 import { RadioButtons as RadioButtonsComponent } from './RadioButtons';
 declare const _default: {
     title: string;
-    component: <T extends string>({ value, items, isRow, isEditMode, onChange, name, }: import("./RadioButtons").RadioButtonsProps<T>) => JSX.Element;
+    component: <T extends string>({ value, items, isRow, isEditMode, onChange, name, internalConfig, }: Partial<{
+        isEditMode: boolean;
+        onChange: (value: T) => void;
+        value: T;
+        isRow: boolean;
+        items: import("./RadioButtons").RadioButtonType<T>[];
+        name: string;
+        internalConfig: import("./RadioButtons").RadioButtonInternalConfigProps;
+    }>) => JSX.Element;
 };
 export default _default;
 export declare const RadioButtons: ComponentStory<typeof RadioButtonsComponent>;

package/dist/esm/src/atoms/RadioButtons/RadioOption.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { RadioButtonInternalConfigProps, RadioButtonType } from 'atoms';
+declare type RadioOptionProps = {
+    item: RadioButtonType;
+    isEditMode?: boolean;
+    internalConfig?: RadioButtonInternalConfigProps;
+};
+export declare const RadioOption: ({ item, internalConfig, isEditMode }: RadioOptionProps) => JSX.Element;
+export {};

package/dist/esm/src/atoms/RadioButtons/helpers.d.ts

@@ -0,0 +1,9 @@
+import { RadioButtonInternalConfigProps, RadioButtonType } from 'atoms';
+import { StylesType } from 'typescript';
+declare type RadioOptionStylesConfig = {
+    textStyles: StylesType;
+    radioIconWrapperStyles: StylesType;
+    radioLabelWrapperStyles: StylesType;
+};
+export declare const getRadioOptionStyles: (item: RadioButtonType, internalConfig?: RadioButtonInternalConfigProps) => RadioOptionStylesConfig;
+export {};

package/dist/esm/src/atoms/RadioButtons/styles.d.ts

@@ -0,0 +1,9 @@
+import { FormControlLabel, Radio } from '@mui/material';
+import { OverrideStyles } from 'typescript';
+export declare const RadioLabelWrapper: import("styled-components").StyledComponent<typeof FormControlLabel, import("styled-components").DefaultTheme, {
+    error: boolean;
+} & OverrideStyles, never>;
+export declare const RadioIconWrapper: import("styled-components").StyledComponent<typeof Radio, import("styled-components").DefaultTheme, {
+    disabled: boolean;
+    error: boolean;
+} & OverrideStyles, never>;

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

@@ -3,6 +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 MoleculeItem: ({ type, config, attributes, tabsProps, form, }: Molecule & {
+export declare const MoleculeItem: ({ type, config, attributes, tabsProps, form, id: moleculeId, }: Molecule & {
     tabsProps?: Pick<TabGroupProps<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
 }) => JSX.Element;

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

@@ -1,2 +1,2 @@
 import { ContainerScrollBehaviourType } from 'containers/types/types';
-export declare const getScrollBehaviour: (scrollBehaviour?: ContainerScrollBehaviourType) => "overflow-y: scroll" | "overflow-x: scroll" | "overflow: visible" | "overflow: auto";
+export declare const getScrollBehaviour: (scrollBehaviour?: ContainerScrollBehaviourType) => "overflow-y: scroll" | "overflow-x: scroll" | "overflow: visible" | "overflow: unset";

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

@@ -1,9 +1,8 @@
-import { SelectOption } from 'atoms';
-import { ButtonProps, ImageProps, InputFieldProps, SelectFieldProps, TabGroupProps } from 'molecules';
+import { RadioButtonType, SelectOption } from 'atoms';
+import { ButtonProps, ImageProps, InputFieldProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
 import { UseFormReturn } from 'react-hook-form';
 import { CSSProperties } from 'styled-components';
-import { FontSizesTypes, ThemeColors } from 'theme';
-import type { Nullable, StrictUnion, StylesType } from 'typescript';
+import type { Nullable, StrictUnion } from 'typescript';
 export declare type ImageAttributes = {
     attributeType: 'image';
     imageSource: string;
@@ -36,9 +35,9 @@ export interface BooleanAttributes {
 }
 export interface IterableAttributes {
     attributeType: 'iterable';
-    options: SelectOption[];
+    options: SelectOption | RadioButtonType[];
 }
-export declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field';
+export declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field';
 export interface BaseMolecule {
     id: string;
     instance: 'molecule';
@@ -62,15 +61,7 @@ export interface TextMoleculeType extends BaseMolecule {
         seoStyle: SelectAttributes;
     };
     config: {
-        props: Partial<{
-            fontVariant: FontSizesTypes;
-            textSize: number;
-            textColor: ThemeColors | string;
-            letterSpacing: number;
-            lineHeight: number;
-            isRichText: boolean;
-            styles: StylesType;
-        }>;
+        props: TextMoleculeProps;
     };
 }
 export interface ButtonMolecule extends BaseMolecule {
@@ -80,7 +71,9 @@ export interface ButtonMolecule extends BaseMolecule {
         buttonLink: LinkAttributes;
     };
     config: {
-        props: Partial<Omit<ButtonProps, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>>;
+        props: Partial<Omit<ButtonProps, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>> & {
+            type?: 'button' | 'submit' | 'reset';
+        };
     };
 }
 export interface VideoMolecule extends BaseMolecule {
@@ -139,6 +132,19 @@ export interface SelectFieldMolecule extends BaseMolecule {
         } & SelectFieldProps>;
     };
 }
-export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule> & {
+export interface RadioButtonFieldMolecule extends BaseMolecule {
+    type: 'radio_button_field';
+    attributes: {
+        label: TextAttributes;
+        required: BooleanAttributes;
+        options: IterableAttributes;
+    };
+    config: {
+        props: Partial<{
+            state: 'default' | 'error';
+        } & RadioButtonFieldProps<string>>;
+    };
+}
+export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule> & {
     form?: UseFormReturn<any>;
 };

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

@@ -4,7 +4,8 @@ export declare type AnnotationsList = {
         label: string;
     }[];
     links: {
-        id: string;
+        referencedById: string;
+        moleculeId: string;
         text: string;
         url: string;
     }[];

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

@@ -1,5 +1,4 @@
 import { PropsWithChildren } from 'react';
-import { CSSProperties } from 'styled-components';
 import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme';
 import type { Callback } from 'typescript';
 import { StylesType } from 'typescript';
@@ -35,7 +34,7 @@ export declare type ButtonProps = BaseButtonProps & {
     elementId?: string;
     loading?: boolean;
     isRichText?: boolean;
-    containerStyle?: CSSProperties;
-    buttonStyle?: CSSProperties;
+    containerStyle?: StylesType;
+    buttonStyle?: StylesType;
 };
 export declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, ...props }: ButtonProps) => JSX.Element | null;

package/dist/esm/src/molecules/FieldLabels/helpers.d.ts

@@ -1,5 +1,5 @@
-import { TooltipInternalConfig } from './FieldLabels';
 import { StylesType } from 'typescript';
+import { TooltipInternalConfig } from './FieldLabels';
 declare type ToolTipStylesConfig = {
     tooltipStyles: StylesType;
     tooltipWrapperStyles: StylesType;

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

@@ -3,15 +3,33 @@ import { RadioButtonsProps } from 'atoms';
 import { Control, ControllerProps } from 'react-hook-form/dist/types';
 import { CSSProperties } from 'styled-components';
 import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
-export declare type RadioButtonFieldProps<T extends string> = {
+export declare type RadioButtonFieldProps<T extends string> = Partial<{
     name: string;
-    control?: Control<any>;
-    rules?: ControllerProps['rules'];
-    required?: boolean;
-    optional?: boolean;
-    defaultValue?: string;
-    styles?: CSSProperties;
+    control: Control<any>;
+    rules: ControllerProps['rules'];
+    required: boolean;
+    optional: boolean;
+    defaultValue: string;
+    styles: CSSProperties;
     radioButtonsProps: RadioButtonsProps<T>;
-    labelsProps?: FieldLabelsProps;
-};
-export declare const RadioButtonField: <T extends string>({ control, name, radioButtonsProps, styles, labelsProps, defaultValue, optional, required, rules, }: RadioButtonFieldProps<T>) => JSX.Element;
+    labelsProps: FieldLabelsProps;
+}>;
+export declare const RadioButtonField: <T extends string>({ control, name, radioButtonsProps, styles, labelsProps, defaultValue, optional, required, rules, }: Partial<{
+    name: string;
+    control: Control<any>;
+    rules: ControllerProps['rules'];
+    required: boolean;
+    optional: boolean;
+    defaultValue: string;
+    styles: CSSProperties;
+    radioButtonsProps: Partial<{
+        isEditMode: boolean;
+        onChange: (value: T) => void;
+        value: T;
+        isRow: boolean;
+        items: import("atoms").RadioButtonType<T>[];
+        name: string;
+        internalConfig: import("atoms").RadioButtonInternalConfigProps;
+    }>;
+    labelsProps: FieldLabelsProps;
+}>) => JSX.Element;

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

@@ -3,7 +3,42 @@ import type { ComponentStory } from '@storybook/react';
 import { RadioButtonField as RadioButtonFieldComponent } from './RadioButtonField';
 declare const _default: {
     title: string;
-    component: <T extends string>({ control, name, radioButtonsProps, styles, labelsProps, defaultValue, optional, required, rules, }: import("./RadioButtonField").RadioButtonFieldProps<T>) => JSX.Element;
+    component: <T extends string>({ control, name, radioButtonsProps, styles, labelsProps, defaultValue, optional, required, rules, }: Partial<{
+        name: string;
+        control: import("react-hook-form").Control<any, any>;
+        rules: Omit<Partial<{
+            required: string | import("react-hook-form").ValidationRule<boolean>;
+            min: import("react-hook-form").ValidationRule<string | number>;
+            max: import("react-hook-form").ValidationRule<string | number>;
+            maxLength: import("react-hook-form").ValidationRule<number>;
+            minLength: import("react-hook-form").ValidationRule<number>;
+            pattern: import("react-hook-form").ValidationRule<RegExp>;
+            validate: import("react-hook-form").Validate<any> | Record<string, import("react-hook-form").Validate<any>>;
+            valueAsNumber: boolean;
+            valueAsDate: boolean;
+            value: any;
+            setValueAs: (value: any) => any;
+            shouldUnregister?: boolean | undefined;
+            onChange?: ((event: any) => void) | undefined;
+            onBlur?: ((event: any) => void) | undefined;
+            disabled: boolean;
+            deps: string | string[];
+        }>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
+        required: boolean;
+        optional: boolean;
+        defaultValue: string;
+        styles: import("styled-components").CSSProperties;
+        radioButtonsProps: Partial<{
+            isEditMode: boolean;
+            onChange: (value: T) => void;
+            value: T;
+            isRow: boolean;
+            items: import("../..").RadioButtonType<T>[];
+            name: string;
+            internalConfig: import("../..").RadioButtonInternalConfigProps;
+        }>;
+        labelsProps: import("..").FieldLabelsProps;
+    }>) => JSX.Element;
 };
 export default _default;
 export declare const RadioButtonField: ComponentStory<typeof RadioButtonFieldComponent>;

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

@@ -14,5 +14,5 @@ export declare type TextMoleculeProps = Partial<{
     isRichText: boolean;
     styles: StylesType;
     textAlign: 'center' | 'right' | 'left';
-}> & Pick<TextProps, 'seoTag'>;
-export declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, }: TextMoleculeProps) => JSX.Element;
+}> & Pick<TextProps, 'seoTag' | 'numberOfLines'>;
+export declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;

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

@@ -3,7 +3,7 @@ import type { StoryFn } from '@storybook/react';
 import { TextMoleculeProps } from './TextMolecule';
 declare const _default: {
     title: string;
-    component: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, }: TextMoleculeProps) => JSX.Element;
+    component: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;
 };
 export default _default;
 export declare const TextMolecule: StoryFn<TextMoleculeProps>;

package/dist/index.d.ts

@@ -8,11 +8,12 @@ import { StylesType, Callback as Callback$1, OverrideStyles, Nullable, StrictUni
 import { IconNames as IconNames$1 } from 'atoms/Icon/Icon';
 import { InputFieldTypes as InputFieldTypes$1, FieldTypes as FieldTypes$1, UIFields as UIFields$2 } from 'fieldsConfiguration/types';
 import { ThemeColors as ThemeColors$2, FontSizesTypes as FontSizesTypes$1, SizesTypes as SizesTypes$2, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
-import { BaseButtonProps as BaseButtonProps$1, MenuItem as MenuItem$1, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1, TabGroupProps as TabGroupProps$1, AvatarDropdownProps as AvatarDropdownProps$1, ButtonProps as ButtonProps$1, FeedContentHeaderProps as FeedContentHeaderProps$1, AlertProps as AlertProps$1, BottomNaVBarItemProps as BottomNaVBarItemProps$1, InputFieldProps as InputFieldProps$1, SelectFieldProps as SelectFieldProps$1, FieldSectionProps as FieldSectionProps$1, MenuItemsProps as MenuItemsProps$1, ImageProps as ImageProps$1 } from 'molecules';
+import { BaseButtonProps as BaseButtonProps$1, MenuItem as MenuItem$1, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1, TabGroupProps as TabGroupProps$1, AvatarDropdownProps as AvatarDropdownProps$1, ButtonProps as ButtonProps$1, FeedContentHeaderProps as FeedContentHeaderProps$1, AlertProps as AlertProps$1, BottomNaVBarItemProps as BottomNaVBarItemProps$1, InputFieldProps as InputFieldProps$1, SelectFieldProps as SelectFieldProps$1, FieldSectionProps as FieldSectionProps$1, MenuItemsProps as MenuItemsProps$1, ImageProps as ImageProps$1, TextMoleculeProps as TextMoleculeProps$1, RadioButtonFieldProps as RadioButtonFieldProps$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';
-import { TextProps as TextProps$1, IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProps$1, AvatarProps as AvatarProps$1, TabProps as TabProps$1, RadioButtonsProps as RadioButtonsProps$1, SelectOption as SelectOption$1, InputProps as InputProps$1, CheckBoxProps as CheckBoxProps$1, RegularImageProps as RegularImageProps$1, TextButtonProps as TextButtonProps$1, TabTheme as TabTheme$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1 } from 'atoms';
+import * as atoms from 'atoms';
+import { TextProps as TextProps$1, IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProps$1, AvatarProps as AvatarProps$1, TabProps as TabProps$1, RadioButtonsProps as RadioButtonsProps$1, SelectOption as SelectOption$1, InputProps as InputProps$1, CheckBoxProps as CheckBoxProps$1, RegularImageProps as RegularImageProps$1, TextButtonProps as TextButtonProps$1, TabTheme as TabTheme$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1, RadioButtonType as RadioButtonType$1 } from 'atoms';
 import { UIFields as UIFields$1, UIField as UIField$1 } from 'fieldsConfiguration';
 import { MaxRuleValidation, MinRuleValidation, SetPasswordFields } from 'organisms/SetPasswordForm/types';
 import { ConsentProps as ConsentProps$1, FilteredFeedContentType as FilteredFeedContentType$1, HeroSliderProps as HeroSliderProps$1, ProcessTrackerProps as ProcessTrackerProps$1, ProcessTrackerStatus as ProcessTrackerStatus$1 } from 'organisms';
@@ -315,6 +316,15 @@ declare type RichTextEditorProps = Partial<{
 }>;
 declare const RichTextViewer: ({ value, color, textStyles, font, numberOfLines, extraTextProps, }: RichTextEditorProps) => JSX.Element | null;
 
+declare type RadioButtonInternalConfigProps = {
+    selectedRadioOptionBackgroundColor: ThemeColors$1 | string;
+    selectedRadioOptionIndicatorColor: ThemeColors$1 | string;
+    buttonPadding: number;
+    textPadding: number;
+    styles: StylesType;
+    wrapperStyles: StylesType;
+    buttonOptionSpacing?: SizesTypes$1;
+};
 declare type RadioButtonType<T extends string = string> = {
     id: T;
     label?: string;
@@ -322,15 +332,24 @@ declare type RadioButtonType<T extends string = string> = {
     disabled?: boolean;
     isRichText?: boolean;
 };
-declare type RadioButtonsProps<T extends string> = {
-    isEditMode?: boolean;
+declare type RadioButtonsProps<T extends string> = Partial<{
+    isEditMode: boolean;
     onChange: (value: T) => void;
     value: T;
-    isRow?: boolean;
+    isRow: boolean;
     items: RadioButtonType<T>[];
     name: string;
-};
-declare const RadioButtons: <T extends string>({ value, items, isRow, isEditMode, onChange, name, }: RadioButtonsProps<T>) => JSX.Element;
+    internalConfig: RadioButtonInternalConfigProps;
+}>;
+declare const RadioButtons: <T extends string>({ value, items, isRow, isEditMode, onChange, name, internalConfig, }: Partial<{
+    isEditMode: boolean;
+    onChange: (value: T) => void;
+    value: T;
+    isRow: boolean;
+    items: RadioButtonType<T>[];
+    name: string;
+    internalConfig: RadioButtonInternalConfigProps;
+}>) => JSX.Element;
 
 declare type CircleType = 'link' | 'message';
 declare type CircleBoxProps = {
@@ -818,7 +837,8 @@ declare type AnnotationsList = {
         label: string;
     }[];
     links: {
-        id: string;
+        referencedById: string;
+        moleculeId: string;
         text: string;
         url: string;
     }[];
@@ -1049,18 +1069,36 @@ declare type EmphasizedTextProps = {
 };
 declare const EmphasizedText: ({ textContent, invertColors }: EmphasizedTextProps) => JSX.Element;
 
-declare type RadioButtonFieldProps<T extends string> = {
+declare type RadioButtonFieldProps<T extends string> = Partial<{
     name: string;
-    control?: Control$1<any>;
-    rules?: ControllerProps$1['rules'];
-    required?: boolean;
-    optional?: boolean;
-    defaultValue?: string;
-    styles?: CSSProperties;
+    control: Control$1<any>;
+    rules: ControllerProps$1['rules'];
+    required: boolean;
+    optional: boolean;
+    defaultValue: string;
+    styles: CSSProperties;
     radioButtonsProps: RadioButtonsProps$1<T>;
-    labelsProps?: FieldLabelsProps;
-};
-declare const RadioButtonField: <T extends string>({ control, name, radioButtonsProps, styles, labelsProps, defaultValue, optional, required, rules, }: RadioButtonFieldProps<T>) => JSX.Element;
+    labelsProps: FieldLabelsProps;
+}>;
+declare const RadioButtonField: <T extends string>({ control, name, radioButtonsProps, styles, labelsProps, defaultValue, optional, required, rules, }: Partial<{
+    name: string;
+    control: Control$1<any>;
+    rules: ControllerProps$1['rules'];
+    required: boolean;
+    optional: boolean;
+    defaultValue: string;
+    styles: CSSProperties;
+    radioButtonsProps: Partial<{
+        isEditMode: boolean;
+        onChange: (value: T) => void;
+        value: T;
+        isRow: boolean;
+        items: atoms.RadioButtonType<T>[];
+        name: string;
+        internalConfig: atoms.RadioButtonInternalConfigProps;
+    }>;
+    labelsProps: FieldLabelsProps;
+}>) => JSX.Element;
 
 declare type AlertProps = {
     style?: CSSProperties;
@@ -1189,8 +1227,8 @@ declare type TextMoleculeProps = Partial<{
     isRichText: boolean;
     styles: StylesType;
     textAlign: 'center' | 'right' | 'left';
-}> & Pick<TextProps$1, 'seoTag'>;
-declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, }: TextMoleculeProps) => JSX.Element;
+}> & Pick<TextProps$1, 'seoTag' | 'numberOfLines'>;
+declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;
 
 declare type ButtonVariant = 'primary' | 'secondary' | 'text' | 'custom';
 declare type BaseButtonProps = PropsWithChildren<{
@@ -1224,8 +1262,8 @@ declare type ButtonProps = BaseButtonProps & {
     elementId?: string;
     loading?: boolean;
     isRichText?: boolean;
-    containerStyle?: CSSProperties;
-    buttonStyle?: CSSProperties;
+    containerStyle?: StylesType;
+    buttonStyle?: StylesType;
 };
 declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, ...props }: ButtonProps) => JSX.Element | null;
 
@@ -1264,9 +1302,9 @@ interface BooleanAttributes {
 }
 interface IterableAttributes {
     attributeType: 'iterable';
-    options: SelectOption$1[];
+    options: SelectOption$1 | RadioButtonType$1[];
 }
-declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field';
+declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field';
 interface BaseMolecule {
     id: string;
     instance: 'molecule';
@@ -1290,15 +1328,7 @@ interface TextMoleculeType extends BaseMolecule {
         seoStyle: SelectAttributes;
     };
     config: {
-        props: Partial<{
-            fontVariant: FontSizesTypes$2;
-            textSize: number;
-            textColor: ThemeColors$1 | string;
-            letterSpacing: number;
-            lineHeight: number;
-            isRichText: boolean;
-            styles: StylesType;
-        }>;
+        props: TextMoleculeProps$1;
     };
 }
 interface ButtonMolecule extends BaseMolecule {
@@ -1308,7 +1338,9 @@ interface ButtonMolecule extends BaseMolecule {
         buttonLink: LinkAttributes;
     };
     config: {
-        props: Partial<Omit<ButtonProps$1, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>>;
+        props: Partial<Omit<ButtonProps$1, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>> & {
+            type?: 'button' | 'submit' | 'reset';
+        };
     };
 }
 interface VideoMolecule extends BaseMolecule {
@@ -1367,7 +1399,20 @@ interface SelectFieldMolecule extends BaseMolecule {
         } & SelectFieldProps$1>;
     };
 }
-declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule> & {
+interface RadioButtonFieldMolecule extends BaseMolecule {
+    type: 'radio_button_field';
+    attributes: {
+        label: TextAttributes;
+        required: BooleanAttributes;
+        options: IterableAttributes;
+    };
+    config: {
+        props: Partial<{
+            state: 'default' | 'error';
+        } & RadioButtonFieldProps$1<string>>;
+    };
+}
+declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule> & {
     form?: UseFormReturn<any>;
 };
 
@@ -1423,4 +1468,4 @@ declare const OrganismItem: ({ item, tabsProps, }: {
     tabsProps?: Pick<TabGroupProps$1<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
 }) => JSX.Element | null;
 
-export { AcquisitionForm, AcquisitionFormProps, AdditionalContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonMolecule, ButtonProps, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerType, ContainerWrapper, 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, FontWeight, 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, 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, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismItem, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldProps, RadioButtonType, RadioButtons, RadioButtonsProps, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, 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, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
+export { AcquisitionForm, AcquisitionFormProps, AdditionalContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonMolecule, ButtonProps, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerType, ContainerWrapper, 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, FontWeight, 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, 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, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismItem, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtonType, RadioButtons, RadioButtonsProps, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, 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, 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.90",
+  "version": "0.2.92",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"