@zealicsolutions/web-ui 0.4.79 → 0.4.80

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

@@ -1,14 +1,21 @@
 import { ContainerProps } from 'containers/types/types';
+import { DefaultTheme } from 'styled-components';
 import { SizesTypes } from 'theme';
+import { MouseEvent } from 'react';
 import { AnyObject } from '../typescript';
-export declare const ContainerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<ContainerProps, "type"> & {
+export declare type ConfigurationItemInfo = {
+    $selected?: boolean;
+    isConfigurationMode?: boolean;
+    onClick?: (e: MouseEvent) => void;
+};
+export declare const ContainerWrapper: import("styled-components").StyledComponent<"div", DefaultTheme, Pick<ContainerProps, "type"> & {
     containerProps?: Partial<{
         position: import("containers/types/types").ContainerPositionType;
         alignItems: import("containers/types/types").ContainerAlignItemsType;
         scrollBehaviour: import("containers/types/types").ContainerScrollBehaviourType;
         cornerRadius: number | SizesTypes;
         gap: SizesTypes;
-        styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, DefaultTheme>>;
         paddingTop: SizesTypes;
         paddingBottom: SizesTypes;
         paddingLeft: SizesTypes;
@@ -24,3 +31,8 @@ export declare const ContainerWrapper: import("styled-components").StyledCompone
     }> | undefined;
     metadata?: AnyObject | undefined;
 }, never>;
+export declare const getConfigurationWrapperStyle: ({ $selected, isConfigurationMode, theme: { colors }, }: {
+    $selected?: boolean | undefined;
+    isConfigurationMode?: boolean | undefined;
+    theme: DefaultTheme;
+}) => import("styled-components").FlattenSimpleInterpolation;

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

@@ -100,6 +100,7 @@ export declare type ContainerComponentProps = {
     attributes?: AnyObject;
     containerLibraryId?: string;
     isMobile?: boolean;
+    isConfigurationMode?: boolean;
 };
 export declare type CriteriaType = 'operator' | 'condition';
 export declare type ConditionCriteria = {

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

@@ -1,9 +1,11 @@
 import { AvatarProps } from 'atoms';
+import { ConfigurationItemInfo } from 'containers';
 import { MenuItemsProps } from '../MenuItems/MenuItems';
 import 'rc-dropdown/assets/index.css';
 export declare type AvatarDropdownMenuConfigType = 'log-out' | 'account-information';
 export declare type AvatarDropdownProps<T = string> = {
     avatarProps: AvatarProps;
     menuConfig: MenuItemsProps<T>;
+    configurationItemInfo?: ConfigurationItemInfo;
 };
-export declare const AvatarDropdown: <T extends string | number>({ avatarProps, menuConfig, }: AvatarDropdownProps<T>) => JSX.Element;
+export declare const AvatarDropdown: <T extends string | number>({ avatarProps, menuConfig, configurationItemInfo, }: AvatarDropdownProps<T>) => JSX.Element;

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

@@ -2,7 +2,7 @@ import type { ComponentStory } from '@storybook/react';
 import { AvatarDropdown as AvatarDropdownComponent } from './AvatarDropdown';
 declare const _default: {
     title: string;
-    component: <T extends string | number>({ avatarProps, menuConfig, }: import("./AvatarDropdown").AvatarDropdownProps<T>) => JSX.Element;
+    component: <T extends string | number>({ avatarProps, menuConfig, configurationItemInfo, }: import("./AvatarDropdown").AvatarDropdownProps<T>) => JSX.Element;
 };
 export default _default;
 export declare const AvatarDropdown: ComponentStory<typeof AvatarDropdownComponent>;

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

@@ -1,4 +1,4 @@
-import { MetadataStateConfig, MetadataType } from 'containers';
+import { ConfigurationItemInfo, MetadataStateConfig, MetadataType } from 'containers';
 import { PropsWithChildren } from 'react';
 import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme';
 import type { Callback, StylesType } from 'typescript';
@@ -42,5 +42,6 @@ export declare type ButtonProps = BaseButtonProps & {
     stateConfig?: MetadataStateConfig[];
     htmlElementId?: string;
     metadata?: MetadataType;
+    configurationItemInfo?: ConfigurationItemInfo;
 };
-export 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;
+export 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;

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

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

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

@@ -1,6 +1,6 @@
 import { SelectOption } from 'atoms';
 import { CheckboxInternalConfigProps } from 'atoms/Checkbox/types';
-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';
@@ -32,5 +32,6 @@ export declare type CheckboxFieldProps = Partial<{
     htmlElementId: string;
     isTrigger?: boolean;
     moleculeId: string;
+    configurationItemInfo?: ConfigurationItemInfo;
 }>;
-export declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, htmlElementId, state, isTrigger, moleculeId, }: CheckboxFieldProps) => JSX.Element | null;
+export declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, htmlElementId, state, isTrigger, moleculeId, configurationItemInfo, }: CheckboxFieldProps) => JSX.Element | null;

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

@@ -2,7 +2,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, defaultValue, formData, htmlElementId, state, isTrigger, moleculeId, }: Partial<{
+    component: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, htmlElementId, state, isTrigger, moleculeId, configurationItemInfo, }: 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>>;
@@ -54,6 +54,7 @@ declare const _default: {
         htmlElementId: string;
         isTrigger?: boolean | undefined;
         moleculeId: string;
+        configurationItemInfo?: import("../..").ConfigurationItemInfo | undefined;
     }>) => JSX.Element | null;
 };
 export default _default;

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

@@ -1,3 +1,4 @@
+import { ConfigurationItemInfo } from 'containers';
 import { SizesTypes } from 'theme';
 import { CheckboxInternalConfigProps } from 'atoms/Checkbox/types';
 import type { Nullable } from 'typescript';
@@ -16,8 +17,9 @@ export declare type ChecklistProps = {
     props: {
         gap: SizesTypes;
     } & CheckboxInternalConfigProps;
+    configurationItemInfo?: ConfigurationItemInfo;
 };
-export declare const Checklist: ({ items, props: { gap, ...checkboxProps }, }: ChecklistProps) => JSX.Element;
+export declare const Checklist: ({ items, props: { gap, ...checkboxProps }, configurationItemInfo, }: ChecklistProps) => JSX.Element;
 export declare const ChecklistWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     $gap: SizesTypes;
 }, never>;

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

@@ -2,7 +2,7 @@ import type { StoryFn } from '@storybook/react';
 import { Checklist as ChecklistComponent } from 'molecules';
 declare const _default: {
     title: string;
-    component: ({ items, props: { gap, ...checkboxProps }, }: import("molecules").ChecklistProps) => JSX.Element;
+    component: ({ items, props: { gap, ...checkboxProps }, configurationItemInfo, }: import("molecules").ChecklistProps) => JSX.Element;
 };
 export default _default;
 export declare const Checklist: StoryFn<typeof ChecklistComponent>;

package/dist/cjs/src/molecules/Consent/ConsentMolecule.d.ts

@@ -1,10 +1,11 @@
-import { ConsentFieldMolecule } from 'containers';
+import { ConfigurationItemInfo, ConsentFieldMolecule } from 'containers';
 import { AnyObject } from 'typescript';
 declare type ConsentMoleculeProps = {
     attributes: ConsentFieldMolecule['attributes'];
     config: ConsentFieldMolecule['config'];
     formData?: AnyObject;
     htmlElementId?: string;
+    configurationItemInfo?: ConfigurationItemInfo;
 };
-export declare const ConsentMolecule: ({ attributes, formData, config, htmlElementId, }: ConsentMoleculeProps) => JSX.Element | null;
+export declare const ConsentMolecule: ({ attributes, formData, config, htmlElementId, configurationItemInfo, }: ConsentMoleculeProps) => JSX.Element | null;
 export {};

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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>;