@zealicsolutions/web-ui 0.3.0 → 0.3.1

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

@@ -0,0 +1,6 @@
+import type { OverrideStyles } from 'typescript';
+import { SizesTypes } from 'theme';
+export declare const CheckboxFieldWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, OverrideStyles, never>;
+export declare const CheckboxGroupWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $spacing?: SizesTypes | undefined;
+} & OverrideStyles, never>;

package/dist/cjs/src/molecules/Columns/Column.d.ts

@@ -2,4 +2,12 @@
 import { BaseColumnProps } from './types';
 export declare const Column: ({ item }: BaseColumnProps) => JSX.Element;
 export declare const ImageContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const ColumnImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, import("atoms").ImageProps, never>;
+export declare const ColumnImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {
+    src: string;
+} & Partial<{
+    alt: string;
+    width: string | number;
+    height: string | number;
+    onClick: import("../../typescript").Callback;
+    cornerRadius: number;
+}> & import("../../typescript").OverrideStyles, never>;

package/dist/cjs/src/molecules/Columns/styles.d.ts

@@ -1,19 +1,8 @@
-/// <reference types="react" />
 export declare const ColumnWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isMobile: boolean;
 }, never>;
 export declare const InfoWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const Link: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    activeOpacity?: number | undefined;
-    withoutOpacityEffect?: boolean | undefined;
-    disabled?: boolean | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & {
-    activeOpacity?: number | undefined;
-    withoutOpacityEffect?: boolean | undefined;
-    disabled?: boolean | undefined;
-    onClick?: import("../../typescript").Callback | undefined;
+export declare const Link: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, Pick<import("..").BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & {
     buttonLink?: string | undefined;
     elementId?: string | undefined;
 }, never>;
@@ -23,5 +12,13 @@ export declare const ColumnCardWrapper: import("styled-components").StyledCompon
 export declare const ColumnImageWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isMobile: boolean;
 }, never>;
-export declare const ColumnBackgroundImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, import("atoms").ImageProps, never>;
+export declare const ColumnBackgroundImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {
+    src: string;
+} & Partial<{
+    alt: string;
+    width: string | number;
+    height: string | number;
+    onClick: import("../../typescript").Callback;
+    cornerRadius: number;
+}> & import("../../typescript").OverrideStyles, never>;
 export declare const ColumnBackgroundImageOverlay: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,10 +1,43 @@
 /// <reference types="react" />
+import type { StylesType } from 'typescript';
+import { FontSizesTypes, ThemeColors } from 'theme';
 export declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
+export declare type LabelInternalConfig = {
+    fontVariant: FontSizesTypes;
+    fontSize: number;
+    fontWeight: string | number;
+    color: ThemeColors | string;
+    padding: string;
+    styles: StylesType;
+    wrapperStyles: StylesType;
+};
+export declare type RuleLabelInternalConfig = {
+    requiredTextColor: ThemeColors | string;
+    optionalTextColor: ThemeColors | string;
+    padding: string;
+    fontSize: number;
+    styles: StylesType;
+};
+export declare type TooltipInternalConfig = {
+    fontVariant: FontSizesTypes;
+    fontSize: number;
+    fontWeight: string | number;
+    color: ThemeColors | string;
+    padding: string;
+    backgroundColor: ThemeColors | string;
+    iconColor: ThemeColors | string;
+    styles: StylesType;
+    wrapperStyles: StylesType;
+};
 export declare type FieldLabelsProps = {
-    label: string;
+    label?: string;
     tooltipText?: string;
     isError?: boolean;
     isTooltipVisible?: boolean;
     ruleLabel?: FieldRuleLabelTypes;
+    labelInternalConfig?: LabelInternalConfig;
+    ruleLabelInternalConfig?: RuleLabelInternalConfig;
+    tooltipInternalConfig?: TooltipInternalConfig;
+    isRichText?: boolean;
 };
-export declare const FieldLabels: ({ label, isTooltipVisible, isError, ruleLabel, tooltipText, }: FieldLabelsProps) => JSX.Element;
+export declare const FieldLabels: ({ label, isTooltipVisible, isError, ruleLabel, tooltipText, labelInternalConfig, ruleLabelInternalConfig, tooltipInternalConfig, isRichText, }: FieldLabelsProps) => JSX.Element;

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import type { ComponentStory } from '@storybook/react';
-import { FieldLabels as FieldLabelsComponent } from './FieldLabels';
+import { StoryFn } from '@storybook/react';
+import { FieldLabelsProps } from './FieldLabels';
 declare const _default: {
     title: string;
-    component: ({ label, isTooltipVisible, isError, ruleLabel, tooltipText, }: import("./FieldLabels").FieldLabelsProps) => JSX.Element;
+    component: ({ label, isTooltipVisible, isError, ruleLabel, tooltipText, labelInternalConfig, ruleLabelInternalConfig, tooltipInternalConfig, isRichText, }: FieldLabelsProps) => JSX.Element;
 };
 export default _default;
-export declare const FieldLabels: ComponentStory<typeof FieldLabelsComponent>;
+export declare const FieldLabels: StoryFn<FieldLabelsProps>;

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

@@ -0,0 +1,8 @@
+import { StylesType } from 'typescript';
+import { TooltipInternalConfig } from './FieldLabels';
+declare type ToolTipStylesConfig = {
+    tooltipStyles: StylesType;
+    tooltipWrapperStyles: StylesType;
+};
+export declare const getTooltipStyles: (internalConfig?: TooltipInternalConfig) => ToolTipStylesConfig;
+export {};

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
+import { UIField } from 'fieldsConfiguration';
 import { Control } from 'react-hook-form/dist/types';
-import { UIField } from '../../fieldsConfiguration';
+import { StylesType } from 'typescript';
 export declare type FieldMapperProps<T extends object> = {
     field: UIField<keyof T>;
     isEditMode?: boolean;
@@ -8,6 +9,6 @@ export declare type FieldMapperProps<T extends object> = {
     spacer?: number;
     isTooltipVisible?: boolean;
     optionsPresentation?: boolean;
-    styles?: React.CSSProperties;
+    styles?: StylesType;
 };
 export declare const FieldMapper: <T extends object>({ field, isEditMode, spacer, control, isTooltipVisible, optionsPresentation, styles, }: FieldMapperProps<T>) => JSX.Element | null;

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

@@ -1,10 +1,11 @@
 /// <reference types="react" />
-import { ButtonProps, ImageProps } from 'atoms';
+import { RegularImageProps } from 'atoms';
+import { ButtonProps } from 'molecules';
 export declare type HeroImageAlignment = 'left_aligned' | 'center_aligned';
 export declare type HeroImageTemplate = 'card' | 'full_width';
 export declare type HeroImageProps = {
     type: 'hero_image';
-    backgroundImage: ImageProps;
+    backgroundImage: RegularImageProps;
     mainHeading: string;
     subHeading?: string;
     button?: ButtonProps;

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

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

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

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

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

@@ -1,17 +1,17 @@
 /// <reference types="react" />
-import { InputProps } from 'atoms';
 import { Control, ControllerProps } from 'react-hook-form/dist/types';
-import { CSSProperties } from 'styled-components';
+import { InputProps } from 'atoms';
+import type { StylesType } from 'typescript';
 import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
-export declare type InputFieldProps = {
+export declare type InputFieldProps = Partial<{
     name: string;
-    control?: Control<any>;
-    rules?: ControllerProps['rules'];
-    required?: boolean;
-    optional?: boolean;
-    defaultValue?: string;
+    control: Control<any>;
+    rules: ControllerProps['rules'];
+    required: boolean;
+    optional: boolean;
+    defaultValue: string;
     inputProps: InputProps;
-    styles?: CSSProperties;
-    labelsProps?: FieldLabelsProps;
-};
+    styles: StylesType;
+    labelsProps: FieldLabelsProps;
+}>;
 export declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, }: InputFieldProps) => JSX.Element;

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

@@ -1,10 +1,19 @@
 /// <reference types="react" />
-import type { ComponentStory } from '@storybook/react';
-import { InputField as InputFieldComponent } from './InputField';
+import { StoryFn } from '@storybook/react';
+import { InputFieldProps } from './InputField';
 declare const _default: {
     title: string;
-    component: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, }: import("./InputField").InputFieldProps) => JSX.Element;
+    component: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, }: Partial<{
+        name: string;
+        control: import("react-hook-form").Control<any, any>;
+        rules: Omit<import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, string>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
+        required: boolean;
+        optional: boolean;
+        defaultValue: string;
+        inputProps: import("../..").InputProps;
+        styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        labelsProps: import("..").FieldLabelsProps;
+    }>) => JSX.Element;
 };
 export default _default;
-export declare const InputField: ComponentStory<typeof InputFieldComponent>;
-export declare const InputPasswordField: ComponentStory<typeof InputFieldComponent>;
+export declare const InputField: StoryFn<InputFieldProps>;

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

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

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

@@ -3,7 +3,25 @@ import type { ComponentStory } from '@storybook/react';
 import { RadioButtonField as RadioButtonFieldComponent } from './RadioButtonField';
 declare const _default: {
     title: string;
-    component: <T extends string>({ control, name, radioButtonsProps, styles, labelsProps, defaultValue, optional, required, rules, }: import("./RadioButtonField").RadioButtonFieldProps<T>) => JSX.Element;
+    component: <T extends string>({ control, name, radioButtonsProps, styles, labelsProps, defaultValue, optional, required, rules, }: Partial<{
+        name: string;
+        control: import("react-hook-form").Control<any, any>;
+        rules: Omit<import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, string>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
+        required: boolean;
+        optional: boolean;
+        defaultValue: string;
+        styles: import("styled-components").CSSProperties;
+        radioButtonsProps: Partial<{
+            isEditMode: boolean;
+            onChange: (value: T) => void;
+            value: T;
+            isRow: boolean;
+            items: import("../..").RadioButtonType<T>[];
+            name: string;
+            internalConfig: import("../..").RadioButtonInternalConfigProps;
+        }>;
+        labelsProps: import("..").FieldLabelsProps;
+    }>) => JSX.Element;
 };
 export default _default;
 export declare const RadioButtonField: ComponentStory<typeof RadioButtonFieldComponent>;

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

@@ -1,17 +1,17 @@
 /// <reference types="react" />
+import { SelectProps } from 'atoms';
 import { Control, ControllerProps } from 'react-hook-form/dist/types';
-import { CSSProperties } from 'styled-components';
-import { SelectProps } from '../../atoms/Select/types';
+import type { StylesType } from 'typescript';
 import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
-export declare type SelectFieldProps = {
+export declare type SelectFieldProps = Partial<{
     selectProps: SelectProps;
-    labelsProps?: FieldLabelsProps;
+    labelsProps: FieldLabelsProps;
     name: string;
-    rules?: ControllerProps['rules'];
-    control?: Control<any>;
-    required?: boolean;
-    optional?: boolean;
-    defaultValue?: string;
-    styles?: CSSProperties;
-};
+    rules: ControllerProps['rules'];
+    control: Control<any>;
+    required: boolean;
+    optional: boolean;
+    defaultValue: string;
+    styles: StylesType;
+}>;
 export declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, }: SelectFieldProps) => JSX.Element;

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

@@ -1,9 +1,19 @@
 /// <reference types="react" />
-import type { ComponentStory } from '@storybook/react';
-import { SelectField as SelectFieldComponent } from './SelectField';
+import { StoryFn } from '@storybook/react';
+import { SelectFieldProps } from './SelectField';
 declare const _default: {
     title: string;
-    component: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, }: import("./SelectField").SelectFieldProps) => JSX.Element;
+    component: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, }: Partial<{
+        selectProps: import("../..").SelectProps;
+        labelsProps: import("..").FieldLabelsProps;
+        name: string;
+        rules: Omit<import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, string>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
+        control: import("react-hook-form").Control<any, any>;
+        required: boolean;
+        optional: boolean;
+        defaultValue: string;
+        styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+    }>) => JSX.Element;
 };
 export default _default;
-export declare const SelectField: ComponentStory<typeof SelectFieldComponent>;
+export declare const SelectField: StoryFn<SelectFieldProps>;

package/dist/cjs/src/molecules/SelectableInfoCard/BaseSelectable.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IconNames } from '../../atoms';
+import { IconNames } from 'atoms';
 export declare type BaseSelectableProps<T> = {
     iconName: IconNames;
     infoText: string;

package/dist/cjs/src/molecules/SelectableInfoCard/SelectableCardGroup.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SizesTypes } from '../../theme';
+import { SizesTypes } from 'theme';
 import { BaseSelectableProps } from './BaseSelectable';
 export declare type SelectableCardGroupProps<T> = {
     cards: BaseSelectableProps<T>[];

package/dist/cjs/src/molecules/SelectableInfoCard/styles.d.ts

@@ -1,6 +1,7 @@
-import { SizesTypes } from '../../theme';
-export declare const InfoText: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").BoxTypeMap<{}, "div">>, import("styled-components").DefaultTheme, import("../../atoms").TextWrapperProps & {
-    variant: string;
+/// <reference types="react" />
+import { SizesTypes } from 'theme';
+export declare const InfoText: import("styled-components").StyledComponent<({ children, seoTag, ...textProps }: import("atoms").TextWrapperProps) => JSX.Element, import("styled-components").DefaultTheme, {
+    variant: "M";
 }, "variant">;
 export declare const SelectableInfoCardStyled: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isActive?: boolean | undefined;

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

@@ -1,14 +1,30 @@
 /// <reference types="react" />
+import { TabProps, TabTheme } from 'atoms';
 import { CSSProperties } from 'styled-components';
-import { SizesTypes } from 'theme/types';
-import { TabProps } from '../Tab/Tab';
+import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme/types';
+import { StylesType } from 'typescript';
+export declare type TabType<T = string, K = string> = Pick<TabProps<T, K>, 'text' | 'tabKey' | 'disabled' | 'options' | 'divider'>;
+declare type AdditionalTabContainerProps = {
+    containerStyle?: CSSProperties;
+    containerProps?: Record<string, unknown>;
+};
 export declare type TabGroupProps<T = string, K = string> = {
-    tabs: Pick<TabProps<T, K>, 'text' | 'tabKey' | 'disabled' | 'options'>[];
+    tabs: TabType<T, K>[];
     activeTabKey: T;
-    spacing?: SizesTypes;
     onTabChange?: (tabKey: T) => void;
     onOptionClick?: (optionKey: K) => void;
-    style?: CSSProperties;
+    styles?: StylesType;
     vertical?: boolean;
+    tabTheme?: TabTheme;
+    tabFont?: FontSizesTypes;
+    textSize?: number;
+    tabPadding?: SizesTypes | number;
+    tabSpacing?: SizesTypes;
+    defaultTabTextColor?: ThemeColors | string;
+    selectedTabTextColor?: ThemeColors | string;
+    selectedTabIndicatorColor?: ThemeColors | string;
+    wide?: AdditionalTabContainerProps;
+    compact?: AdditionalTabContainerProps;
 };
-export declare const TabGroup: <T extends string, K extends string>({ tabs, spacing, vertical, activeTabKey, onTabChange, style, }: TabGroupProps<T, K>) => JSX.Element;
+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 {};

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import type { ComponentStory } from '@storybook/react';
-import { TabGroup as TabGroupComponent } from './TabGroup';
+import type { StoryFn } from '@storybook/react';
+import { TabGroupProps } from './TabGroup';
 declare const _default: {
     title: string;
-    component: <T extends string, K extends string>({ tabs, spacing, vertical, activeTabKey, onTabChange, style, }: import("./TabGroup").TabGroupProps<T, K>) => JSX.Element;
+    component: <T extends string, K extends string>({ tabs, vertical, activeTabKey, onTabChange, tabTheme, wide, compact, tabSpacing, ...props }: TabGroupProps<T, K>) => JSX.Element;
 };
 export default _default;
-export declare const TabGroup: ComponentStory<typeof TabGroupComponent>;
+export declare const TabGroup: StoryFn<TabGroupProps>;

package/dist/cjs/src/molecules/TabGroup/styles.d.ts

@@ -1,4 +1,6 @@
-import { SizesTypes } from 'theme/types';
+/// <reference types="react" />
+import { TabTheme } from 'atoms/Tab/Tab';
+import { SizesTypes, ThemeColors } from 'theme/types';
 export declare const TabsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     spacing: SizesTypes;
     vertical: boolean;
@@ -7,6 +9,26 @@ export declare const TabGroupContainer: import("styled-components").StyledCompon
 declare type TabSliderProps = {
     width: number;
     left: number;
+    isActiveTab?: boolean;
+    vertical?: boolean;
+    tabTheme?: TabTheme;
+    selectedTabIndicatorColor?: ThemeColors | string;
 };
 export declare const TabSlider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TabSliderProps, never>;
+declare type TabWrapperProps = {
+    disabled?: boolean;
+    tabTheme?: TabTheme;
+    selectedTabTextColor?: ThemeColors | string;
+    isActiveTab?: boolean;
+    selectedTabIndicatorColor?: ThemeColors | string;
+};
+export declare const TabWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    activeOpacity?: number | undefined;
+    withoutOpacityEffect?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    withoutOpacityEffect: boolean;
+} & TabWrapperProps, "withoutOpacityEffect">;
 export {};

package/dist/cjs/src/molecules/TabGroup/useTabAnimation.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 export declare const useTabAnimation: (activeTab: string) => {
-    setActiveTabIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
-    tabUnderlineLeft: number;
-    tabUnderlineWidth: number;
+    tabsUnderlineLeft: number[];
+    tabsUnderlineWidth: number[];
     tabsRef: import("react").MutableRefObject<(HTMLDivElement | null)[]>;
 };

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { TextProps } from 'atoms';
+import { FontSizesTypes, ThemeColors } from 'theme';
+import { StylesType } from 'typescript';
+export declare type TextMoleculeProps = Partial<{
+    text: string;
+    variant: 'base' | 'custom';
+    fontVariant: FontSizesTypes;
+    textSize: number;
+    textColor: ThemeColors | string;
+    letterSpacing: number;
+    lineHeight: number;
+    fontWeight: string | number;
+    isRichText: boolean;
+    styles: StylesType;
+    textAlign: 'center' | 'right' | 'left';
+}> & Pick<TextProps, 'seoTag' | 'numberOfLines'>;
+export declare const TextMolecule: ({ isRichText, variant, text, seoTag, fontVariant, textColor, textSize, fontWeight, lineHeight, letterSpacing, styles, textAlign, ...restOfTextProps }: TextMoleculeProps) => JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+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;
+};
+export default _default;
+export declare const TextMolecule: StoryFn<TextMoleculeProps>;

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { FeedContentTemplateTypes } from 'organisms/FeedContent/types';
+import { CSSProperties } from 'styled-components';
+export declare type VideoProps = {
+    src: string;
+} & Partial<{
+    width: number;
+    autoplay: boolean;
+    enableCoverImage: boolean;
+    coverImageSrc: string;
+    style: CSSProperties;
+    template: FeedContentTemplateTypes;
+}>;
+export declare const Video: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, }: VideoProps) => JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { StoryFn } from '@storybook/react';
+import { Video as VideoComponent } from './Video';
+declare const _default: {
+    title: string;
+    component: ({ style, src, width, template, autoplay, enableCoverImage, coverImageSrc, }: import("./Video").VideoProps) => JSX.Element;
+};
+export default _default;
+export declare const Video: StoryFn<typeof VideoComponent>;

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

@@ -2,6 +2,7 @@ export * from './FieldLabels/FieldLabels';
 export * from './InputField/InputField';
 export * from './FieldMapper/FieldMapper';
 export * from './CheckboxField/CheckboxField';
+export * from './CheckboxField/CheckboxGroup';
 export * from './SelectField/SelectField';
 export * from './CustomValidation/CustomValidation';
 export * from './SelectableInfoCard/SelectableCardGroup';
@@ -21,3 +22,8 @@ export * from './PdfDocument/PdfDocument';
 export * from './FeedContentHeader/FeedContentHeader';
 export * from './HorizontalButtonsField/HorizontalButtonsField';
 export * from './BottomNavBarItem/BottomNavBarItem';
+export * from './Video/Video';
+export * from './Image/Image';
+export * from './Caruser/Carousel';
+export * from './TextMolecule/TextMolecule';
+export * from './Button/Button';

package/dist/cjs/src/organisms/AccountInformation/AccountInformation.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Control } from 'react-hook-form';
-import { GoogleMapProps } from '../../atoms';
-import { FieldSectionProps } from '../../molecules';
+import { GoogleMapProps } from 'atoms';
+import { FieldSectionProps } from 'molecules';
 export declare type AccountInformationProps<T extends object> = {
     fieldSections: Pick<FieldSectionProps<T>, 'fields' | 'label'>[];
     control: Control<any>;

package/dist/cjs/src/organisms/Body/Body.d.ts

@@ -12,4 +12,4 @@ export declare type BodyProps = {
     horizontalPaddings?: number;
     containerStyles?: CSSProperties;
 };
-export declare const Body: ({ elements, horizontalPaddings, containerStyles }: BodyProps) => JSX.Element;
+export declare const Body: ({ elements, horizontalPaddings, containerStyles, }: BodyProps) => JSX.Element;

package/dist/cjs/src/organisms/Body/Body.stories.d.ts

@@ -3,7 +3,7 @@ import { ComponentStory } from '@storybook/react';
 import { Body as BodyComponent } from './Body';
 declare const _default: {
     title: string;
-    component: ({ elements, horizontalPaddings, containerStyles }: import("./Body").BodyProps) => JSX.Element;
+    component: ({ elements, horizontalPaddings, containerStyles, }: import("./Body").BodyProps) => JSX.Element;
 };
 export default _default;
 export declare const Body: ComponentStory<typeof BodyComponent>;

package/dist/cjs/src/organisms/Consent/ConsentCapture.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { ButtonProps, RadioButtonsProps } from 'atoms';
+import { RadioButtonsProps } from 'atoms';
+import { ButtonProps } from 'molecules';
 export declare type ButtonCaptureProps = {
     type: 'button';
     acceptButton: ButtonProps;