@zealicsolutions/web-ui 0.3.210 → 0.3.221

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

@@ -1,5 +1,5 @@
-import { MetadataType } from 'containers';
-import { Callback, StylesType } from 'typescript';
+import { ConfigurationItemInfo, MetadataType } from 'containers';
+import type { Callback, StylesType } from 'typescript';
 import { SizesTypes } from 'theme';
 export declare type ImageProps = {
     src: string;
@@ -15,6 +15,6 @@ export declare type ImageProps = {
     styles: StylesType;
     metadata: MetadataType;
     htmlElementId: string;
-    isOnClickDisabled: boolean;
+    configurationItemInfo: ConfigurationItemInfo;
 }>;
-export declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, htmlElementId, metadata, isOnClickDisabled, }: ImageProps) => JSX.Element | null;
+export declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, htmlElementId, metadata, configurationItemInfo, }: ImageProps) => JSX.Element | null;

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

@@ -2,7 +2,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, htmlElementId, metadata, isOnClickDisabled, }: import("./Image").ImageProps) => JSX.Element | null;
+    component: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, htmlElementId, metadata, configurationItemInfo, }: import("./Image").ImageProps) => JSX.Element | null;
 };
 export default _default;
 export declare const Image: StoryFn<typeof ImageComponent>;

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

@@ -1,5 +1,5 @@
 import { InputProps } from 'atoms';
-import { ConditionConfig, FormStateType } from 'containers';
+import { ConditionConfig, ConfigurationItemInfo, FormStateType } from 'containers';
 import { Control, ControllerProps } from 'react-hook-form/dist/types';
 import type { AnyObject, StylesType } from 'typescript';
 import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
@@ -17,5 +17,6 @@ export declare type InputFieldProps = Partial<{
     state: FormStateType;
     formData: AnyObject;
     htmlElementId: string;
+    configurationItemInfo?: ConfigurationItemInfo;
 }>;
-export declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, }: InputFieldProps) => JSX.Element | null;
+export declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, configurationItemInfo, }: InputFieldProps) => JSX.Element | null;

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

@@ -3,7 +3,7 @@ import { StoryFn } from '@storybook/react';
 import { InputFieldProps } from './InputField';
 declare const _default: {
     title: string;
-    component: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, }: Partial<{
+    component: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, configurationItemInfo, }: Partial<{
         name: string;
         control: import("react-hook-form").Control<any, any>;
         rules: Omit<Partial<{
@@ -59,6 +59,7 @@ declare const _default: {
         state: import("../..").FormStateType;
         formData: import("typescript").AnyObject;
         htmlElementId: string;
+        configurationItemInfo?: import("../..").ConfigurationItemInfo | undefined;
     }>) => JSX.Element | null;
 };
 export default _default;

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

@@ -1,4 +1,5 @@
 import { TextButtonProps } from 'atoms';
+import { ConfigurationItemInfo } from 'containers';
 export declare type LinkProps = Omit<TextButtonProps, 'children'> & Partial<{
     text: string;
     isRichText: boolean;
@@ -7,5 +8,6 @@ export declare type LinkProps = Omit<TextButtonProps, 'children'> & Partial<{
     moleculeId: string;
     isTrigger: boolean;
     onExternalLink?: () => void;
+    configurationItemInfo?: ConfigurationItemInfo;
 }>;
-export declare const Link: ({ text, isRichText, htmlElementId, isTrigger, moleculeId, ...props }: LinkProps) => JSX.Element | null;
+export declare const Link: ({ text, isRichText, htmlElementId, isTrigger, moleculeId, configurationItemInfo, ...props }: LinkProps) => JSX.Element | null;

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

@@ -2,7 +2,7 @@ import type { StoryFn } from '@storybook/react';
 import { Link as LinkComponent } from 'molecules';
 declare const _default: {
     title: string;
-    component: ({ text, isRichText, htmlElementId, isTrigger, moleculeId, ...props }: import("molecules").LinkProps) => JSX.Element | null;
+    component: ({ text, isRichText, htmlElementId, isTrigger, moleculeId, configurationItemInfo, ...props }: import("molecules").LinkProps) => JSX.Element | null;
 };
 export default _default;
 export declare const Link: StoryFn<typeof LinkComponent>;

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

@@ -1,4 +1,4 @@
-import { FormStateType } from 'containers';
+import { ConfigurationItemInfo, FormStateType } from 'containers';
 import { UIFields } from 'fieldsConfiguration';
 import { MaxRuleValidation, MinRuleValidation } from 'organisms/SetPasswordForm/types';
 import { UseFormReturn } from 'react-hook-form';
@@ -20,5 +20,6 @@ export declare type PasswordSetupProps = {
     form?: UseFormReturn<any>;
     validationLabel?: string;
     validationState?: FormStateType;
+    configurationItemInfo?: ConfigurationItemInfo;
 };
-export declare const PasswordSetup: ({ fields, validations, form, validationLabel, validationState, }: PasswordSetupProps) => JSX.Element;
+export declare const PasswordSetup: ({ fields, validations, form, validationLabel, validationState, configurationItemInfo, }: PasswordSetupProps) => JSX.Element;

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

@@ -2,7 +2,7 @@ import type { StoryFn } from '@storybook/react';
 import { PasswordSetup as PasswordSetupComponent } from './PasswordSetup';
 declare const _default: {
     title: string;
-    component: ({ fields, validations, form, validationLabel, validationState, }: import("./PasswordSetup").PasswordSetupProps) => JSX.Element;
+    component: ({ fields, validations, form, validationLabel, validationState, configurationItemInfo, }: import("./PasswordSetup").PasswordSetupProps) => JSX.Element;
 };
 export default _default;
 export declare const PasswordSetup: StoryFn<typeof PasswordSetupComponent>;

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

@@ -1,5 +1,5 @@
 import { RadioButtonInternalConfigProps, RadioButtonsProps } from 'atoms';
-import { ConditionConfig, FormStateType } from 'containers';
+import { ConditionConfig, ConfigurationItemInfo, FormStateType } from 'containers';
 import { Control, ControllerProps } from 'react-hook-form/dist/types';
 import type { AnyObject, StylesType } from 'typescript';
 import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
@@ -20,8 +20,9 @@ export declare type RadioButtonFieldProps<T extends string> = Partial<{
     htmlElementId: string;
     isTrigger?: boolean;
     moleculeId: string;
+    configurationItemInfo?: ConfigurationItemInfo;
 }>;
-export declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, formData, htmlElementId, state, isTrigger, moleculeId, }: Partial<{
+export declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, formData, htmlElementId, state, isTrigger, moleculeId, configurationItemInfo, }: Partial<{
     name: string;
     rules: ControllerProps['rules'];
     styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
@@ -69,4 +70,5 @@ export declare const RadioButtonField: <T extends string>({ name, rules, styles,
     htmlElementId: string;
     isTrigger?: boolean | undefined;
     moleculeId: string;
+    configurationItemInfo?: ConfigurationItemInfo | undefined;
 }>) => JSX.Element | null;

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

@@ -2,7 +2,7 @@ import type { ComponentStory } from '@storybook/react';
 import { RadioButtonField as RadioButtonFieldComponent } from './RadioButtonField';
 declare const _default: {
     title: string;
-    component: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, formData, htmlElementId, state, isTrigger, moleculeId, }: Partial<{
+    component: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, formData, htmlElementId, state, isTrigger, moleculeId, configurationItemInfo, }: Partial<{
         name: string;
         rules: Omit<Partial<{
             required: string | import("react-hook-form").ValidationRule<boolean>;
@@ -67,6 +67,7 @@ declare const _default: {
         htmlElementId: string;
         isTrigger?: boolean | undefined;
         moleculeId: string;
+        configurationItemInfo?: import("../..").ConfigurationItemInfo | undefined;
     }>) => JSX.Element | null;
 };
 export default _default;

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

@@ -1,5 +1,5 @@
 import { SelectProps } from 'atoms';
-import { ConditionConfig, FormStateType } from 'containers';
+import { ConditionConfig, ConfigurationItemInfo, FormStateType } from 'containers';
 import { Control, ControllerProps } from 'react-hook-form/dist/types';
 import type { StylesType } from 'typescript';
 import { AnyObject } from 'typescript';
@@ -18,5 +18,6 @@ export declare type SelectFieldProps = Partial<{
     state: FormStateType;
     formData: AnyObject;
     htmlElementId: string;
+    configurationItemInfo?: ConfigurationItemInfo;
 }>;
-export declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId, }: SelectFieldProps) => JSX.Element | null;
+export declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId, configurationItemInfo, }: SelectFieldProps) => JSX.Element | null;

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

@@ -2,7 +2,7 @@ import { StoryFn } from '@storybook/react';
 import { SelectFieldProps } from './SelectField';
 declare const _default: {
     title: string;
-    component: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId, }: Partial<{
+    component: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId, configurationItemInfo, }: Partial<{
         selectProps: Partial<{
             ref: import("react-hook-form").RefCallBack;
             onBlur: import("typescript").Callback;
@@ -46,6 +46,7 @@ declare const _default: {
         state: import("../..").FormStateType;
         formData: import("typescript").AnyObject;
         htmlElementId: string;
+        configurationItemInfo?: import("../..").ConfigurationItemInfo | undefined;
     }>) => JSX.Element | null;
 };
 export default _default;

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

@@ -1,4 +1,4 @@
-import { MetadataType, ProcessStep } from 'containers';
+import { ConfigurationItemInfo, MetadataType, ProcessStep } from 'containers';
 export declare type ProcessTrackerOrientation = 'horizontal' | 'vertical';
 export declare type StepperProps = {
     steps: ProcessStep[];
@@ -7,5 +7,6 @@ export declare type StepperProps = {
     metadata: MetadataType;
     isMobile?: boolean;
     isOnClickDisabled?: boolean;
+    configurationItemInfo?: ConfigurationItemInfo;
 };
-export declare const Stepper: ({ steps, orientation, htmlElementId, metadata, isMobile, isOnClickDisabled, }: StepperProps) => JSX.Element | null;
+export declare const Stepper: ({ steps, orientation, htmlElementId, metadata, isMobile, isOnClickDisabled, configurationItemInfo, }: StepperProps) => JSX.Element | null;

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

@@ -2,7 +2,7 @@ import { StoryFn } from '@storybook/react';
 import { StepperProps } from './Stepper';
 declare const _default: {
     title: string;
-    component: ({ steps, orientation, htmlElementId, metadata, isMobile, isOnClickDisabled, }: StepperProps) => JSX.Element | null;
+    component: ({ steps, orientation, htmlElementId, metadata, isMobile, isOnClickDisabled, configurationItemInfo, }: StepperProps) => JSX.Element | null;
 };
 export default _default;
 export declare const Stepper: StoryFn<StepperProps>;

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

@@ -1,6 +1,7 @@
 import { TabProps, TabTheme } from 'atoms';
 import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme/types';
 import type { StylesType } from 'typescript';
+import { ConfigurationItemInfo } from 'containers';
 export declare type TabType<T = string, K = string> = Pick<TabProps<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>;
 export declare type AdditionalTabContainerProps = {
     containerStyle?: StylesType;
@@ -25,5 +26,6 @@ export declare type TabGroupProps<T = string, K = string> = {
     compact?: AdditionalTabContainerProps;
     isMobile?: boolean;
     htmlElementId?: string;
+    configurationItemInfo?: ConfigurationItemInfo;
 };
-export declare const TabGroup: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, isMobile, htmlElementId, ...props }: TabGroupProps<T, K>) => JSX.Element;
+export declare const TabGroup: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, isMobile, htmlElementId, configurationItemInfo, ...props }: TabGroupProps<T, K>) => JSX.Element;

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

@@ -2,7 +2,7 @@ import type { StoryFn } from '@storybook/react';
 import { TabGroupProps } from './TabGroup';
 declare const _default: {
     title: string;
-    component: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, isMobile, htmlElementId, ...props }: TabGroupProps<T, K>) => JSX.Element;
+    component: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, isMobile, htmlElementId, configurationItemInfo, ...props }: TabGroupProps<T, K>) => JSX.Element;
 };
 export default _default;
 export declare const TabGroup: StoryFn<TabGroupProps>;

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

@@ -1,6 +1,7 @@
 import { TextProps } from 'atoms';
 import { FontSizesTypes, ThemeColors } from 'theme';
 import { StylesType } from 'typescript';
+import { ConfigurationItemInfo } from 'containers';
 export declare type TextMoleculeProps = Partial<{
     text: string;
     variant: 'base' | 'custom';
@@ -14,5 +15,6 @@ export declare type TextMoleculeProps = Partial<{
     styles: StylesType;
     textAlign: 'center' | 'right' | 'left';
     htmlElementId: string;
+    configurationItemInfo: ConfigurationItemInfo;
 }> & Pick<TextProps, 'seoTag' | 'numberOfLines'>;
-export declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, htmlElementId, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;
+export declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, htmlElementId, configurationItemInfo, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;

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

@@ -2,7 +2,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, htmlElementId, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;
+    component: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, htmlElementId, configurationItemInfo, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;
 };
 export default _default;
 export declare const TextMolecule: StoryFn<TextMoleculeProps>;

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

@@ -1,6 +1,7 @@
 import { FeedContentTemplateTypes } from 'organisms/FeedContent/types';
 import { CSSProperties } from 'styled-components';
 import { StylesType } from 'typescript';
+import { ConfigurationItemInfo } from 'containers';
 export declare type VideoProps = {
     src: string;
 } & Partial<{
@@ -16,5 +17,6 @@ export declare type VideoProps = {
     moleculeId: string;
     isTrigger: boolean;
     isOnClickDisabled: boolean;
+    configurationItemInfo?: ConfigurationItemInfo;
 }>;
-export declare const Video: ({ style, src, width, height, template, autoplay, enableCoverImage, coverImageSrc, styles, htmlElementId, isTrigger, moleculeId, isOnClickDisabled, }: VideoProps) => JSX.Element | null;
+export declare const Video: ({ style, src, width, height, template, autoplay, enableCoverImage, coverImageSrc, styles, htmlElementId, isTrigger, moleculeId, isOnClickDisabled, configurationItemInfo, }: VideoProps) => JSX.Element | null;

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

@@ -2,7 +2,7 @@ import type { StoryFn } from '@storybook/react';
 import { Video as VideoComponent } from './Video';
 declare const _default: {
     title: string;
-    component: ({ style, src, width, height, template, autoplay, enableCoverImage, coverImageSrc, styles, htmlElementId, isTrigger, moleculeId, isOnClickDisabled, }: import("./Video").VideoProps) => JSX.Element | null;
+    component: ({ style, src, width, height, template, autoplay, enableCoverImage, coverImageSrc, styles, htmlElementId, isTrigger, moleculeId, isOnClickDisabled, configurationItemInfo, }: import("./Video").VideoProps) => JSX.Element | null;
 };
 export default _default;
 export declare const Video: StoryFn<typeof VideoComponent>;

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import * as react from 'react';
-import react__default, { PropsWithChildren, ReactNode, Dispatch, SetStateAction, CSSProperties as CSSProperties$1, ComponentType, KeyboardEvent } from 'react';
+import react__default, { PropsWithChildren, ReactNode, Dispatch, SetStateAction, MouseEvent, CSSProperties as CSSProperties$1, ComponentType, KeyboardEvent } from 'react';
 import * as styled_components from 'styled-components';
 import { CSSProperties, DefaultTheme } from 'styled-components';
 import * as theme from 'theme';
@@ -10,7 +10,7 @@ import { StylesType, AnyObject as AnyObject$1, Callback as Callback$1, Nullable,
 import { RefCallBack, Control as Control$1, ControllerProps as ControllerProps$1 } from 'react-hook-form/dist/types';
 import { IconNames as IconNames$1 } from 'atoms/Icon/Icon';
 import * as containers from 'containers';
-import { ContainerComponentProps as ContainerComponentProps$1, Molecule as Molecule$1, FormStateType as FormStateType$1, ProcessTrackerStatus as ProcessTrackerStatus$1, MoleculeTypes as MoleculeTypes$1, ContainerType as ContainerType$1, MetadataType as MetadataType$1, StateConfigType as StateConfigType$1, ConditionConfig as ConditionConfig$1, ProcessStep as ProcessStep$1, MetadataStateConfig as MetadataStateConfig$1 } from 'containers';
+import { ContainerComponentProps as ContainerComponentProps$1, Molecule as Molecule$1, FormStateType as FormStateType$1, ProcessTrackerStatus as ProcessTrackerStatus$1, MoleculeTypes as MoleculeTypes$1, ContainerType as ContainerType$1, MetadataType as MetadataType$1, StateConfigType as StateConfigType$1, ConditionConfig as ConditionConfig$1, ConfigurationItemInfo as ConfigurationItemInfo$1, ProcessStep as ProcessStep$1, MetadataStateConfig as MetadataStateConfig$1 } from 'containers';
 import { FieldTypes as FieldTypes$1, UIFields as UIFields$1, InputFieldTypes as InputFieldTypes$1 } from 'fieldsConfiguration/types';
 import { ThemeColors as ThemeColors$2, FontSizesTypes as FontSizesTypes$1, SizesTypes as SizesTypes$2, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
 import * as atoms from 'atoms';
@@ -45,6 +45,7 @@ import { AnnotationsList as AnnotationsList$1 } from 'contexts/MlrRichTextViewer
 import * as contexts_MlrRichTextViewerContext_MlrRichTextViewerContext from 'contexts/MlrRichTextViewerContext/MlrRichTextViewerContext';
 import * as contexts_ButtonActionsContext_ButtonActionsContext from 'contexts/ButtonActionsContext/ButtonActionsContext';
 export * from 'helpers/constants';
+import { ConfigurationItemInfo as ConfigurationItemInfo$2 } from 'containers/MoleculeItem';
 import { CustomDescendant } from 'atoms/RichTextViewer/types';
 import { ConsentCaptureProps } from 'molecules/Consent/ConsentCapture';
 import * as containers_types_types from 'containers/types/types';
@@ -196,7 +197,7 @@ declare const Container: ({ id, type, wide, props, compact, children, metadata,
 } & {
     id: string;
 }) => JSX.Element | null;
-declare const ContainerComponent: ({ config, tabsProps, id, type, items, metadata, formData, setFormData, isMobile, }: ContainerComponentProps$1 & {
+declare const ContainerComponent: ({ config, tabsProps, id, type, items, metadata, formData, setFormData, isMobile, isConfigurationMode, }: ContainerComponentProps$1 & {
     formData?: AnyObject$1 | undefined;
     setFormData?: Dispatch<SetStateAction<AnyObject$1>> | undefined;
 }) => JSX.Element | null;
@@ -632,6 +633,7 @@ declare type ContainerComponentProps = {
     attributes?: AnyObject$1;
     containerLibraryId?: string;
     isMobile?: boolean;
+    isConfigurationMode?: boolean;
 };
 declare type CriteriaType = 'operator' | 'condition';
 declare type ConditionCriteria = {
@@ -668,14 +670,19 @@ declare type StateConfigType = {
 declare type Callback = () => void;
 declare type AnyObject = Record<string, unknown>;
 
-declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, Pick<ContainerProps$1, "type"> & {
+declare type ConfigurationItemInfo = {
+    $selected?: boolean;
+    isConfigurationMode?: boolean;
+    onClick?: (e: MouseEvent) => void;
+};
+declare const ContainerWrapper: styled_components.StyledComponent<"div", DefaultTheme, Pick<ContainerProps$1, "type"> & {
     containerProps?: Partial<{
         position: containers_types_types.ContainerPositionType;
         alignItems: containers_types_types.ContainerAlignItemsType;
         scrollBehaviour: containers_types_types.ContainerScrollBehaviourType;
         cornerRadius: number | SizesTypes$1;
         gap: SizesTypes$1;
-        styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
+        styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, DefaultTheme>>;
         paddingTop: SizesTypes$1;
         paddingBottom: SizesTypes$1;
         paddingLeft: SizesTypes$1;
@@ -691,6 +698,11 @@ declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_
     }> | undefined;
     metadata?: AnyObject | undefined;
 }, never>;
+declare const getConfigurationWrapperStyle: ({ $selected, isConfigurationMode, theme: { colors }, }: {
+    $selected?: boolean | undefined;
+    isConfigurationMode?: boolean | undefined;
+    theme: DefaultTheme;
+}) => styled_components.FlattenSimpleInterpolation;
 
 declare type OrganismItemProps = {
     item: ContainerComponentProps$1 | Molecule$1;
@@ -1670,8 +1682,9 @@ declare type InputFieldProps = Partial<{
     state: FormStateType$1;
     formData: AnyObject$1;
     htmlElementId: string;
+    configurationItemInfo?: ConfigurationItemInfo$1;
 }>;
-declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, }: InputFieldProps) => JSX.Element | null;
+declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, configurationItemInfo, }: InputFieldProps) => JSX.Element | null;
 
 declare type FieldMapperProps<T extends object> = {
     field: UIField$1<keyof T>;
@@ -1712,8 +1725,9 @@ declare type CheckboxFieldProps = Partial<{
     htmlElementId: string;
     isTrigger?: boolean;
     moleculeId: string;
+    configurationItemInfo?: ConfigurationItemInfo$2;
 }>;
-declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, htmlElementId, state, isTrigger, moleculeId, }: CheckboxFieldProps) => JSX.Element | null;
+declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, htmlElementId, state, isTrigger, moleculeId, configurationItemInfo, }: CheckboxFieldProps) => JSX.Element | null;
 
 declare type CheckboxGroupProps = Partial<{
     ref: RefCallBack;
@@ -1737,8 +1751,9 @@ declare type SelectFieldProps = Partial<{
     state: FormStateType$1;
     formData: AnyObject$1;
     htmlElementId: string;
+    configurationItemInfo?: ConfigurationItemInfo$1;
 }>;
-declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId, }: SelectFieldProps) => JSX.Element | null;
+declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId, configurationItemInfo, }: SelectFieldProps) => JSX.Element | null;
 
 declare type CustomValidationRule<T = string> = {
     text: string;
@@ -1841,8 +1856,9 @@ declare type AvatarDropdownMenuConfigType = 'log-out' | 'account-information';
 declare type AvatarDropdownProps<T = string> = {
     avatarProps: AvatarProps$1;
     menuConfig: MenuItemsProps<T>;
+    configurationItemInfo?: ConfigurationItemInfo$1;
 };
-declare const AvatarDropdown: <T extends string | number>({ avatarProps, menuConfig, }: AvatarDropdownProps<T>) => JSX.Element;
+declare const AvatarDropdown: <T extends string | number>({ avatarProps, menuConfig, configurationItemInfo, }: AvatarDropdownProps<T>) => JSX.Element;
 
 declare type TabType<T = string, K = string> = Pick<TabProps$1<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>;
 declare type AdditionalTabContainerProps = {
@@ -1868,8 +1884,9 @@ declare type TabGroupProps<T = string, K = string> = {
     compact?: AdditionalTabContainerProps;
     isMobile?: boolean;
     htmlElementId?: string;
+    configurationItemInfo?: ConfigurationItemInfo$1;
 };
-declare const TabGroup: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, isMobile, htmlElementId, ...props }: TabGroupProps<T, K>) => JSX.Element;
+declare const TabGroup: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, isMobile, htmlElementId, configurationItemInfo, ...props }: TabGroupProps<T, K>) => JSX.Element;
 
 declare type FieldSectionProps<T extends object> = {
     label: string;
@@ -1912,8 +1929,9 @@ declare type RadioButtonFieldProps<T extends string> = Partial<{
     htmlElementId: string;
     isTrigger?: boolean;
     moleculeId: string;
+    configurationItemInfo?: ConfigurationItemInfo$1;
 }>;
-declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, formData, htmlElementId, state, isTrigger, moleculeId, }: Partial<{
+declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, formData, htmlElementId, state, isTrigger, moleculeId, configurationItemInfo, }: Partial<{
     name: string;
     rules: ControllerProps$1['rules'];
     styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
@@ -1961,6 +1979,7 @@ declare const RadioButtonField: <T extends string>({ name, rules, styles, contro
     htmlElementId: string;
     isTrigger?: boolean | undefined;
     moleculeId: string;
+    configurationItemInfo?: ConfigurationItemInfo$1 | undefined;
 }>) => JSX.Element | null;
 
 declare type AlertProps = {
@@ -1989,8 +2008,9 @@ declare type StepperProps = {
     metadata: MetadataType$1;
     isMobile?: boolean;
     isOnClickDisabled?: boolean;
+    configurationItemInfo?: ConfigurationItemInfo$1;
 };
-declare const Stepper: ({ steps, orientation, htmlElementId, metadata, isMobile, isOnClickDisabled, }: StepperProps) => JSX.Element | null;
+declare const Stepper: ({ steps, orientation, htmlElementId, metadata, isMobile, isOnClickDisabled, configurationItemInfo, }: StepperProps) => JSX.Element | null;
 
 declare type PdfDocumentProps = {
     source: string;
@@ -2050,8 +2070,9 @@ declare type VideoProps = {
     moleculeId: string;
     isTrigger: boolean;
     isOnClickDisabled: boolean;
+    configurationItemInfo?: ConfigurationItemInfo$1;
 }>;
-declare const Video: ({ style, src, width, height, template, autoplay, enableCoverImage, coverImageSrc, styles, htmlElementId, isTrigger, moleculeId, isOnClickDisabled, }: VideoProps) => JSX.Element | null;
+declare const Video: ({ style, src, width, height, template, autoplay, enableCoverImage, coverImageSrc, styles, htmlElementId, isTrigger, moleculeId, isOnClickDisabled, configurationItemInfo, }: VideoProps) => JSX.Element | null;
 
 declare type ImageProps = {
     src: string;
@@ -2067,9 +2088,9 @@ declare type ImageProps = {
     styles: StylesType;
     metadata: MetadataType$1;
     htmlElementId: string;
-    isOnClickDisabled: boolean;
+    configurationItemInfo: ConfigurationItemInfo$1;
 }>;
-declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, htmlElementId, metadata, isOnClickDisabled, }: ImageProps) => JSX.Element | null;
+declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, htmlElementId, metadata, configurationItemInfo, }: ImageProps) => JSX.Element | null;
 
 declare type CarouselProps = {
     children: JSX.Element[];
@@ -2101,8 +2122,9 @@ declare type TextMoleculeProps = Partial<{
     styles: StylesType;
     textAlign: 'center' | 'right' | 'left';
     htmlElementId: string;
+    configurationItemInfo: ConfigurationItemInfo$1;
 }> & Pick<TextProps$1, 'seoTag' | 'numberOfLines'>;
-declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, htmlElementId, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;
+declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, htmlElementId, configurationItemInfo, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;
 
 declare type ButtonVariant = 'primary' | 'secondary' | 'text' | 'custom';
 declare type ButtonType = 'button' | 'submit' | 'reset';
@@ -2144,8 +2166,9 @@ declare type ButtonProps = BaseButtonProps & {
     stateConfig?: MetadataStateConfig$1[];
     htmlElementId?: string;
     metadata?: MetadataType$1;
+    configurationItemInfo?: ConfigurationItemInfo$1;
 };
-declare const Button: ({ text, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, stateConfig, htmlElementId, metadata, ...props }: ButtonProps) => JSX.Element | null;
+declare const Button: ({ text, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, stateConfig, htmlElementId, metadata, configurationItemInfo, ...props }: ButtonProps) => JSX.Element | null;
 
 declare type ZealUIModalProps = PropsWithChildren<Pick<ModalProps, 'open'>> & {
     padding?: number | string;
@@ -2200,8 +2223,9 @@ declare type LinkProps = Omit<TextButtonProps$1, 'children'> & Partial<{
     moleculeId: string;
     isTrigger: boolean;
     onExternalLink?: () => void;
+    configurationItemInfo?: ConfigurationItemInfo$1;
 }>;
-declare const Link: ({ text, isRichText, htmlElementId, isTrigger, moleculeId, ...props }: LinkProps) => JSX.Element | null;
+declare const Link: ({ text, isRichText, htmlElementId, isTrigger, moleculeId, configurationItemInfo, ...props }: LinkProps) => JSX.Element | null;
 
 declare type ChecklistItem = {
     id: string;
@@ -2218,10 +2242,11 @@ declare type ChecklistProps = {
     props: {
         gap: SizesTypes$1;
     } & CheckboxInternalConfigProps$1;
+    configurationItemInfo?: ConfigurationItemInfo$1;
 };
-declare const Checklist: ({ items, props: { gap, ...checkboxProps }, }: ChecklistProps) => JSX.Element;
+declare const Checklist: ({ items, props: { gap, ...checkboxProps }, configurationItemInfo, }: ChecklistProps) => JSX.Element;
 declare const ChecklistWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
     $gap: SizesTypes$1;
 }, never>;
 
-export { AccountButtonContext, AccountButtonContextType, AccountButtonMolecule, AccountButtonProvider, AccountButtonProviderProps, AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionEventType, ActionTypes, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownMenuConfigType, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMolecule, ButtonProps, ButtonType, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, Checkbox, CheckboxField, CheckboxFieldMolecule, CheckboxFieldProps, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CheckboxesProps, Checklist, ChecklistAttributes, ChecklistItem, ChecklistProps, ChecklistWrapper, ChecklistsMolecule, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColorAttributes, ColumnItem, Columns, ColumnsProps, ConditionConfig, ConditionConfigAttributes, ConditionCriteria, ConfigurationItem, Consent, ConsentCaptureMethod, ConsentFieldMolecule, ConsentProps, ConsentType, Container, ContainerAlignItemsType, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerTemplateType, ContainerType, ContainerWrapper, CriteriaType, CustomValidation, CustomValidationProps, CustomValidationRule, DataConnectionAttributes, DataConnectionValues, DataModelFieldFormat, DataModelFieldFormatCodeTypes, DataModelFieldFormatValueTypes, DefaultSelectionType, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, DownloadFile, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, ErrorText, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, FormContainerProps, FormDataStateConfig, FormOrganismItem, FormStateType, FormStepContainerProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, IconWrapper, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, IterableAttributes, LabelInternalConfig, Link, LinkAttributes, LinkMolecule, LinkProps, LinkVariant, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MetadataStateConfig, MetadataType, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismContext, OrganismContextProvider, OrganismContextProviderProps, OrganismContextType, OrganismItem, OrganismItemProps, OrientationType, OrientationTypeLabel, Padding, PaddingProps, PaddingVariants, PasswordSetupMolecule, PdfDocument, PdfDocumentProps, PopupPropsType, ProcessStep, ProcessStepsAttributes, ProcessStepsMoleculeType, ProcessTracker, ProcessTrackerOrientation, ProcessTrackerProps, ProcessTrackerStateValue, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, SegmentationType, Select, SelectAttributes, SelectField, SelectFieldMolecule, SelectFieldProps, SelectInternalConfigurationOptions, SelectOption, SelectProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, SlateValueChildType, Slide, SliderProps, SlidesWrapper, Spacer, SpacerProps, Spinner, StateActionType, StateConfigType, StateContext, StateContextProvider, StateContextProviderProps, StateContextType, StateEventType, StateListenerConfigType, StateModifierConfigType, 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, WrappedContainerType, Wrapper, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, acquisitionFormMockFields, baseButtonAllowedConfigurations, defaultTheme, defaultValue, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, passwordMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
+export { AccountButtonContext, AccountButtonContextType, AccountButtonMolecule, AccountButtonProvider, AccountButtonProviderProps, AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionEventType, ActionTypes, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownMenuConfigType, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMolecule, ButtonProps, ButtonType, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, Checkbox, CheckboxField, CheckboxFieldMolecule, CheckboxFieldProps, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CheckboxesProps, Checklist, ChecklistAttributes, ChecklistItem, ChecklistProps, ChecklistWrapper, ChecklistsMolecule, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColorAttributes, ColumnItem, Columns, ColumnsProps, ConditionConfig, ConditionConfigAttributes, ConditionCriteria, ConfigurationItem, ConfigurationItemInfo, Consent, ConsentCaptureMethod, ConsentFieldMolecule, ConsentProps, ConsentType, Container, ContainerAlignItemsType, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerTemplateType, ContainerType, ContainerWrapper, CriteriaType, CustomValidation, CustomValidationProps, CustomValidationRule, DataConnectionAttributes, DataConnectionValues, DataModelFieldFormat, DataModelFieldFormatCodeTypes, DataModelFieldFormatValueTypes, DefaultSelectionType, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, DownloadFile, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, ErrorText, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, FormContainerProps, FormDataStateConfig, FormOrganismItem, FormStateType, FormStepContainerProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, IconWrapper, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, IterableAttributes, LabelInternalConfig, Link, LinkAttributes, LinkMolecule, LinkProps, LinkVariant, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MetadataStateConfig, MetadataType, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismContext, OrganismContextProvider, OrganismContextProviderProps, OrganismContextType, OrganismItem, OrganismItemProps, OrientationType, OrientationTypeLabel, Padding, PaddingProps, PaddingVariants, PasswordSetupMolecule, PdfDocument, PdfDocumentProps, PopupPropsType, ProcessStep, ProcessStepsAttributes, ProcessStepsMoleculeType, ProcessTracker, ProcessTrackerOrientation, ProcessTrackerProps, ProcessTrackerStateValue, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, SegmentationType, Select, SelectAttributes, SelectField, SelectFieldMolecule, SelectFieldProps, SelectInternalConfigurationOptions, SelectOption, SelectProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, SlateValueChildType, Slide, SliderProps, SlidesWrapper, Spacer, SpacerProps, Spinner, StateActionType, StateConfigType, StateContext, StateContextProvider, StateContextProviderProps, StateContextType, StateEventType, StateListenerConfigType, StateModifierConfigType, 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, WrappedContainerType, Wrapper, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, acquisitionFormMockFields, baseButtonAllowedConfigurations, defaultTheme, defaultValue, getConfigurationWrapperStyle, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, passwordMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zealicsolutions/web-ui",
-  "version": "0.3.210",
+  "version": "0.3.221",
   "testVersion": "0.3.208",
   "repository": {
     "type": "git",