@zealicsolutions/web-ui 0.3.336 → 0.4.0

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

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

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

@@ -9,6 +9,7 @@ export declare const monthDayYearDateValidation: RegExp;
 export declare const dayMonthYearDateValidation: RegExp;
 export declare const monthYearDateValidation: RegExp;
 export declare const usZipCode: RegExp;
+export declare const usernameValidation: RegExp;
 export declare const getInputValidation: (type?: InputFieldTypes) => ValidationRule<RegExp> | undefined;
 export declare const postCodeMask: RegExp[];
 export declare const dayMonthYearDateMask: (string | RegExp)[];

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

@@ -2,7 +2,8 @@
 import { AvatarProps } from 'atoms';
 import { MenuItemsProps } from '../MenuItems/MenuItems';
 import 'rc-dropdown/assets/index.css';
-export declare type AvatarDropdownProps<T> = {
+export declare type AvatarDropdownMenuConfigType = 'log-out' | 'account-information';
+export declare type AvatarDropdownProps<T = string> = {
     avatarProps: AvatarProps;
     menuConfig: MenuItemsProps<T>;
 };

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

@@ -8,4 +8,4 @@ export declare type BottomNaVBarItemProps = {
     activeColor: string;
     onNavigate: Callback;
 };
-export declare const BottomNavBarItem: ({ name, icon: IconComponent, active, activeColor, onNavigate, }: BottomNaVBarItemProps) => JSX.Element;
+export declare const BottomNavBarItem: ({ name, icon, active, activeColor, onNavigate, }: BottomNaVBarItemProps) => JSX.Element;

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

@@ -3,7 +3,7 @@ import type { ComponentStory } from '@storybook/react';
 import { BottomNavBarItem as BottomNavBarItemComponent } from './BottomNavBarItem';
 declare const _default: {
     title: string;
-    component: ({ name, icon: IconComponent, active, activeColor, onNavigate, }: import("./BottomNavBarItem").BottomNaVBarItemProps) => JSX.Element;
+    component: ({ name, icon, active, activeColor, onNavigate, }: import("./BottomNavBarItem").BottomNaVBarItemProps) => JSX.Element;
 };
 export default _default;
 export declare const BottomNavBarItem: ComponentStory<typeof BottomNavBarItemComponent>;

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

@@ -1,3 +1,4 @@
+import { MetadataStateConfig } from 'containers';
 import { PropsWithChildren } from 'react';
 import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme';
 import type { Callback, StylesType } from 'typescript';
@@ -37,5 +38,7 @@ export declare type ButtonProps = BaseButtonProps & {
     isRichText?: boolean;
     containerStyle?: StylesType;
     buttonStyle?: StylesType;
+    stateConfig?: MetadataStateConfig[];
+    htmlElementId?: string;
 };
-export declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, ...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, ...props }: ButtonProps) => JSX.Element | null;

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

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

package/dist/esm/src/molecules/Caruser/Carousel.d.ts

@@ -1,8 +1,10 @@
 import { PropsWithChildren } from 'react';
 export declare type CarouselProps = {
     children: JSX.Element[];
+    autoplay?: boolean;
+    autoplayDuration?: number;
 };
-export declare const Carousel: ({ children }: PropsWithChildren<CarouselProps>) => JSX.Element;
+export declare const Carousel: ({ children, autoplay, autoplayDuration, }: PropsWithChildren<CarouselProps>) => JSX.Element;
 export declare const Wrapper: import("styled-components").StyledComponent<"section", import("styled-components").DefaultTheme, {}, never>;
 export declare const SlidesWrapper: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
     translateX: number;

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

@@ -3,7 +3,7 @@ import { SelectOption } from 'atoms';
 import { CheckboxInternalConfigProps } from 'atoms/Checkbox/types';
 import { ConditionConfig, FormStateType } from 'containers';
 import { Control, ControllerProps } from 'react-hook-form/dist/types';
-import type { StylesType } from 'typescript';
+import type { AnyObject, StylesType } from 'typescript';
 import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
 export declare type CheckboxesProps = Partial<{
     checkboxGroupWrapperStyles: StylesType;
@@ -28,6 +28,8 @@ export declare type CheckboxFieldProps = Partial<{
     wrapperStyles: StylesType;
     conditionConfig: ConditionConfig;
     state: FormStateType;
-    defaultValue: string;
+    defaultValue: string[];
+    formData: AnyObject;
+    htmlElementId: string;
 }>;
-export declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, }: CheckboxFieldProps) => JSX.Element | null;
+export declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, htmlElementId, }: CheckboxFieldProps) => JSX.Element | null;

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

@@ -3,7 +3,7 @@ import type { StoryFn } from '@storybook/react';
 import { CheckboxField as CheckboxFieldComponent } from 'molecules';
 declare const _default: {
     title: string;
-    component: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, }: Partial<{
+    component: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, htmlElementId, }: 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>>;
@@ -50,7 +50,9 @@ declare const _default: {
         wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
         conditionConfig: import("../..").ConditionConfig;
         state: import("../..").FormStateType;
-        defaultValue: string;
+        defaultValue: string[];
+        formData: import("../../typescript").AnyObject;
+        htmlElementId: string;
     }>) => JSX.Element | null;
 };
 export default _default;

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

@@ -4,7 +4,7 @@ import { ConsentCaptureProps } from 'molecules/Consent/ConsentCapture';
 import { CSSProperties } from 'styled-components';
 export declare type ConsentCaptureMethod = 'button' | 'radioButton' | 'checkbox';
 export declare type DefaultSelectionType = 'confirmation' | 'rejection';
-export declare type Consent = {
+export declare type ConsentType = {
     id: string;
     name: string;
     acknowledgment: CustomDescendant[];

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

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

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { FormStateType } from 'containers';
 export declare type CustomValidationRule<T = string> = {
     text: string;
     validate: (value?: T) => boolean;
@@ -8,5 +9,7 @@ export declare type CustomValidationProps<T = string> = {
     value: T;
     isSubmitted?: boolean;
     rules: CustomValidationRule<T>[];
+    spacer?: number;
+    validationState?: FormStateType;
 };
-export declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, }: CustomValidationProps<T>) => JSX.Element;
+export declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, spacer, validationState, }: CustomValidationProps<T>) => JSX.Element;

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

@@ -3,7 +3,7 @@ import type { ComponentStory } from '@storybook/react';
 import { CustomValidation as CustomValidationComponent } from './CustomValidation';
 declare const _default: {
     title: string;
-    component: <T extends string = string>({ rules, value, isSubmitted, label, }: import("./CustomValidation").CustomValidationProps<T>) => JSX.Element;
+    component: <T extends string = string>({ rules, value, isSubmitted, label, spacer, validationState, }: import("./CustomValidation").CustomValidationProps<T>) => JSX.Element;
 };
 export default _default;
 export declare const CustomValidation: ComponentStory<typeof CustomValidationComponent>;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import type { StylesType } from 'typescript';
 import { FontSizesTypes, ThemeColors } from 'theme';
+import type { Nullable, StylesType } from 'typescript';
 export declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
 export declare type LabelInternalConfig = {
     fontVariant: FontSizesTypes;
@@ -34,7 +34,7 @@ export declare type FieldLabelsProps = {
     tooltipText?: string;
     isError?: boolean;
     isTooltipVisible?: boolean;
-    ruleLabel?: FieldRuleLabelTypes;
+    ruleLabel?: Nullable<FieldRuleLabelTypes>;
     labelInternalConfig?: LabelInternalConfig;
     ruleLabelInternalConfig?: RuleLabelInternalConfig;
     tooltipInternalConfig?: TooltipInternalConfig;

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { MetadataStateConfig } from 'containers';
 import { Callback, StylesType } from 'typescript';
 export declare type ImageProps = {
     src: string;
@@ -12,5 +13,7 @@ export declare type ImageProps = {
     cornerRadius: number;
     behaveAs: 'background' | 'regular';
     styles: StylesType;
+    stateConfig: MetadataStateConfig[];
+    htmlElementId: string;
 }>;
-export declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element | null;
+export declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, stateConfig, htmlElementId, }: ImageProps) => JSX.Element | null;

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

@@ -3,7 +3,7 @@ import type { StoryFn } from '@storybook/react';
 import { Image as ImageComponent } from './Image';
 declare const _default: {
     title: string;
-    component: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: import("./Image").ImageProps) => JSX.Element | null;
+    component: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, stateConfig, htmlElementId, }: 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,9 +1,8 @@
 /// <reference types="react" />
 import { InputProps } from 'atoms';
 import { ConditionConfig, FormStateType } from 'containers';
-import { InputFieldTypes } from 'fieldsConfiguration';
 import { Control, ControllerProps } from 'react-hook-form/dist/types';
-import type { StylesType } from 'typescript';
+import type { AnyObject, StylesType } from 'typescript';
 import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
 export declare type InputFieldProps = Partial<{
     name: string;
@@ -12,13 +11,13 @@ export declare type InputFieldProps = Partial<{
     required: boolean;
     optional: boolean;
     defaultValue: string;
+    displayOnlyInputDefaultValue?: string;
     inputProps: InputProps;
     styles: StylesType;
     labelsProps: FieldLabelsProps;
     conditionConfig: ConditionConfig;
     state: FormStateType;
+    formData: AnyObject;
+    htmlElementId: string;
 }>;
-declare type ReturnValueType = Record<FormStateType, string>;
-export declare const getMockValueForSuccessAndFormatError: (type: InputFieldTypes) => ReturnValueType;
-export declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, }: InputFieldProps) => JSX.Element | null;
-export {};
+export declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, displayOnlyInputDefaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, }: 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, }: Partial<{
+    component: ({ control, name, inputProps, styles, labelsProps, defaultValue, displayOnlyInputDefaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, }: Partial<{
         name: string;
         control: import("react-hook-form").Control<any, any>;
         rules: Omit<Partial<{
@@ -27,6 +27,7 @@ declare const _default: {
         required: boolean;
         optional: boolean;
         defaultValue: string;
+        displayOnlyInputDefaultValue?: string | undefined;
         inputProps: Partial<{
             value: string;
             leftIcon: import("../..").InputIconProps;
@@ -61,6 +62,8 @@ declare const _default: {
         labelsProps: import("..").FieldLabelsProps;
         conditionConfig: import("../..").ConditionConfig;
         state: import("../..").FormStateType;
+        formData: import("typescript").AnyObject;
+        htmlElementId: string;
     }>) => JSX.Element | null;
 };
 export default _default;

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

@@ -4,5 +4,6 @@ export declare type LinkProps = Omit<TextButtonProps, 'children'> & Partial<{
     text: string;
     isRichText: boolean;
     href: string;
+    htmlElementId: string;
 }>;
-export declare const Link: ({ text: textProp, isRichText, ...props }: LinkProps) => JSX.Element | null;
+export declare const Link: ({ text, isRichText, htmlElementId, ...props }: LinkProps) => JSX.Element | null;

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

@@ -3,7 +3,7 @@ import type { StoryFn } from '@storybook/react';
 import { Link as LinkComponent } from 'molecules';
 declare const _default: {
     title: string;
-    component: ({ text: textProp, isRichText, ...props }: import("molecules").LinkProps) => JSX.Element | null;
+    component: ({ text, isRichText, htmlElementId, ...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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { FormStateType } from 'containers';
+import { UIFields } from 'fieldsConfiguration';
+import { MaxRuleValidation, MinRuleValidation } from 'organisms/SetPasswordForm/types';
+import { UseFormReturn } from 'react-hook-form';
+export declare type PasswordRuleValidation = {
+    label: string;
+    rule: MaxRuleValidation | MinRuleValidation;
+};
+export declare type PasswordFields = {
+    password: string;
+    reenteredPassword?: string;
+};
+export declare type PasswordSetupProps = {
+    fields: UIFields<PasswordFields>;
+    validations: PasswordRuleValidation[];
+    form?: UseFormReturn<any>;
+    validationLabel?: string;
+    validationState?: FormStateType;
+};
+export declare const PasswordSetup: ({ fields, validations, form, validationLabel, validationState, }: PasswordSetupProps) => JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } 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;
+};
+export default _default;
+export declare const PasswordSetup: ComponentStory<typeof PasswordSetupComponent>;

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

@@ -2,7 +2,7 @@
 import { RadioButtonInternalConfigProps, RadioButtonsProps } from 'atoms';
 import { ConditionConfig, FormStateType } from 'containers';
 import { Control, ControllerProps } from 'react-hook-form/dist/types';
-import type { StylesType } from 'typescript';
+import type { AnyObject, StylesType } from 'typescript';
 import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
 export declare type RadioButtonFieldProps<T extends string> = Partial<{
     name: string;
@@ -17,8 +17,10 @@ export declare type RadioButtonFieldProps<T extends string> = Partial<{
     internalConfig: RadioButtonInternalConfigProps;
     conditionConfig: ConditionConfig;
     state: FormStateType;
+    formData: AnyObject;
+    htmlElementId: string;
 }>;
-export declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, }: Partial<{
+export declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, formData, htmlElementId, }: Partial<{
     name: string;
     rules: ControllerProps['rules'];
     styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
@@ -62,4 +64,6 @@ export declare const RadioButtonField: <T extends string>({ name, rules, styles,
     }>;
     conditionConfig: ConditionConfig;
     state: FormStateType;
+    formData: AnyObject;
+    htmlElementId: string;
 }>) => JSX.Element | null;

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

@@ -3,7 +3,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, }: Partial<{
+    component: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, conditionConfig, formData, htmlElementId, }: Partial<{
         name: string;
         rules: Omit<Partial<{
             required: string | import("react-hook-form").ValidationRule<boolean>;
@@ -64,6 +64,8 @@ declare const _default: {
         }>;
         conditionConfig: import("../..").ConditionConfig;
         state: import("../..").FormStateType;
+        formData: import("typescript").AnyObject;
+        htmlElementId: string;
     }>) => JSX.Element | null;
 };
 export default _default;

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

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

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

@@ -3,7 +3,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, }: Partial<{
+    component: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, conditionConfig, formData, state, htmlElementId, }: Partial<{
         selectProps: Partial<{
             ref: import("react-hook-form").RefCallBack;
             onBlur: import("typescript").Callback;
@@ -45,6 +45,8 @@ declare const _default: {
         styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
         conditionConfig: import("../..").ConditionConfig;
         state: import("../..").FormStateType;
+        formData: import("typescript").AnyObject;
+        htmlElementId: string;
     }>) => JSX.Element | null;
 };
 export default _default;

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

@@ -24,5 +24,7 @@ export declare type TabGroupProps<T = string, K = string> = {
     selectedTabIndicatorColor?: ThemeColors | string;
     wide?: AdditionalTabContainerProps;
     compact?: AdditionalTabContainerProps;
+    isMobile?: boolean;
+    htmlElementId?: string;
 };
-export declare const TabGroup: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, ...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, ...props }: TabGroupProps<T, K>) => JSX.Element;

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

@@ -3,7 +3,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, ...props }: TabGroupProps<T, K>) => JSX.Element;
+    component: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, isMobile, htmlElementId, ...props }: TabGroupProps<T, K>) => JSX.Element;
 };
 export default _default;
 export declare const TabGroup: StoryFn<TabGroupProps>;

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

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

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

@@ -6,11 +6,13 @@ export declare type VideoProps = {
     src: string;
 } & Partial<{
     width: number;
+    height: number;
     autoplay: boolean;
     enableCoverImage: boolean;
     coverImageSrc: string;
     style: CSSProperties;
     styles: StylesType;
     template: FeedContentTemplateTypes;
+    htmlElementId: string;
 }>;
-export declare const Video: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, styles, }: VideoProps) => JSX.Element | null;
+export declare const Video: ({ style, src, width, height, template, autoplay, enableCoverImage, coverImageSrc, styles, htmlElementId, }: VideoProps) => JSX.Element | null;

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

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

package/dist/esm/src/organisms/FeedContent/styles.d.ts

@@ -15,5 +15,5 @@ export declare const CloseButton: import("styled-components").StyledComponent<"d
     disabled?: boolean | undefined;
 } & {
     children?: import("react").ReactNode;
-} & Pick<FeedContentProps, "withCloseIcon" | "feedContentTemplate">, never>;
+} & Pick<FeedContentProps, "feedContentTemplate" | "withCloseIcon">, never>;
 export declare const PdfWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<FeedContentProps, "showDefaultDocumentStyles">, never>;