@zealicsolutions/web-ui 0.3.0 → 0.3.2

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

@@ -1,10 +1,29 @@
 /// <reference types="react" />
-import { Control } from 'react-hook-form/dist/types';
-import { CheckBoxProps } from '../../atoms';
-export declare type CheckboxFieldProps = {
+import { Control, ControllerProps } from 'react-hook-form/dist/types';
+import { SelectOption } from 'atoms';
+import type { StylesType } from 'typescript';
+import { CheckboxInternalConfigProps } from 'atoms/Checkbox/types';
+import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
+export declare type CheckboxesProps = Partial<{
+    checkboxGroupWrapperStyles: StylesType;
+    checkboxFieldWrapperStyles: StylesType;
+    onChange: (id: string) => void;
+    disabled: boolean;
+    options?: SelectOption[];
+    selectedIds?: string[];
+    isError?: boolean;
+    isEditMode?: boolean;
+    isRichText: boolean;
+    internalConfig: CheckboxInternalConfigProps;
+}>;
+export declare type CheckboxFieldProps = Partial<{
+    checkboxesProps: CheckboxesProps;
+    labelsProps: FieldLabelsProps;
     name: string;
-    control?: Control<any>;
-    defaultValue?: boolean;
-    checkboxProps: Omit<CheckBoxProps, 'error' | 'onClick' | 'value'>;
-};
-export declare const CheckboxField: ({ control, name, checkboxProps, defaultValue, }: CheckboxFieldProps) => JSX.Element;
+    rules: ControllerProps['rules'];
+    control: Control<any>;
+    required: boolean;
+    optional: boolean;
+    wrapperStyles: StylesType;
+}>;
+export declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, }: CheckboxFieldProps) => JSX.Element;

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

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+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, }: 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>>;
+            onChange: (id: string) => void;
+            disabled: boolean;
+            options?: import("../..").SelectOption[] | undefined;
+            selectedIds?: string[] | undefined;
+            isError?: boolean | undefined;
+            isEditMode?: boolean | undefined;
+            isRichText: boolean;
+            internalConfig: Partial<{
+                selectedCheckboxBackgroundColor: string;
+                selectedCheckboxIconColor: string;
+                buttonPadding: number;
+                textPadding: number;
+                styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+                wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+                buttonOptionSpacing?: import("theme").SizesTypes | undefined;
+            }>;
+        }>;
+        labelsProps: import("molecules").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;
+        wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+    }>) => JSX.Element;
+};
+export default _default;
+export declare const CheckboxField: StoryFn<typeof CheckboxFieldComponent>;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { RefCallBack } from 'react-hook-form/dist/types';
+import type { Callback } from 'typescript';
+import { CheckboxesProps } from './CheckboxField';
+export declare type CheckboxGroupProps = Partial<{
+    ref: RefCallBack;
+    onBlur: Callback;
+    onChange: (checkedIds: string[]) => void;
+    checkboxesProps: CheckboxesProps;
+}>;
+export declare const CheckboxGroup: ({ ref, onBlur, onChange, checkboxesProps }: CheckboxGroupProps) => JSX.Element;

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/src/molecules/RadioButtonField/RadioButtonField.d.ts

@@ -1,17 +1,60 @@
 /// <reference types="react" />
-import { RadioButtonsProps } from 'atoms';
+import { RadioButtonInternalConfigProps, RadioButtonsProps } from 'atoms';
 import { Control, ControllerProps } from 'react-hook-form/dist/types';
-import { CSSProperties } from 'styled-components';
+import type { StylesType } from 'typescript';
 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;
+    rules: ControllerProps['rules'];
+    styles: StylesType;
+    control: Control<any>;
+    optional: boolean;
+    required: boolean;
+    labelsProps: FieldLabelsProps;
+    defaultValue: string;
     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;
+    internalConfig: RadioButtonInternalConfigProps;
+}>;
+export declare const RadioButtonField: <T extends string>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, }: Partial<{
+    name: string;
+    rules: ControllerProps['rules'];
+    styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+    control: Control<any>;
+    optional: boolean;
+    required: boolean;
+    labelsProps: FieldLabelsProps;
+    defaultValue: string;
+    radioButtonsProps: Partial<{
+        ref: import("react-hook-form").RefCallBack;
+        name: string;
+        value: T;
+        options: import("atoms").SelectOption[];
+        onBlur: import("typescript").Callback;
+        onChange: (value: T) => void;
+        isRow: boolean;
+        isError: boolean;
+        disabled: boolean;
+        isEditMode: boolean;
+        isRichText: boolean;
+        internalConfig: Partial<{
+            selectedRadioOptionBackgroundColor: string;
+            selectedRadioOptionIndicatorColor: string;
+            buttonPadding: number;
+            textPadding: number;
+            styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            buttonOptionSpacing: import("../..").SizesTypes;
+            radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        }>;
+    }>;
+    internalConfig: Partial<{
+        selectedRadioOptionBackgroundColor: string;
+        selectedRadioOptionIndicatorColor: string;
+        buttonPadding: number;
+        textPadding: number;
+        styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        buttonOptionSpacing: import("../..").SizesTypes;
+        radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+    }>;
+}>) => JSX.Element;

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

@@ -3,7 +3,49 @@ 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>({ name, rules, styles, control, optional, required, labelsProps, defaultValue, radioButtonsProps, }: Partial<{
+        name: string;
+        rules: Omit<import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, string>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs"> | undefined;
+        styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        control: import("react-hook-form").Control<any, any>;
+        optional: boolean;
+        required: boolean;
+        labelsProps: import("..").FieldLabelsProps;
+        defaultValue: string;
+        radioButtonsProps: Partial<{
+            ref: import("react-hook-form").RefCallBack;
+            name: string;
+            value: T;
+            options: import("../..").SelectOption[];
+            onBlur: import("typescript").Callback;
+            onChange: (value: T) => void;
+            isRow: boolean;
+            isError: boolean;
+            disabled: boolean;
+            isEditMode: boolean;
+            isRichText: boolean;
+            internalConfig: Partial<{
+                selectedRadioOptionBackgroundColor: string;
+                selectedRadioOptionIndicatorColor: string;
+                buttonPadding: number;
+                textPadding: number;
+                styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+                wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+                buttonOptionSpacing: import("theme").SizesTypes;
+                radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            }>;
+        }>;
+        internalConfig: Partial<{
+            selectedRadioOptionBackgroundColor: string;
+            selectedRadioOptionIndicatorColor: string;
+            buttonPadding: number;
+            textPadding: number;
+            styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            buttonOptionSpacing: import("theme").SizesTypes;
+            radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        }>;
+    }>) => JSX.Element;
 };
 export default _default;
 export declare const RadioButtonField: ComponentStory<typeof RadioButtonFieldComponent>;

package/dist/esm/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/esm/src/molecules/SelectField/SelectField.stories.d.ts

@@ -1,9 +1,32 @@
 /// <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: Partial<{
+            ref: import("react-hook-form").RefCallBack;
+            onBlur: import("typescript").Callback;
+            value: string;
+            optionsPresentation: boolean;
+            onChange: (value: string) => void;
+            placeholder: string;
+            disabled: boolean;
+            options: import("../..").SelectOption[];
+            isError: boolean;
+            isEditMode: boolean;
+            selectInternalConfig: import("../..").SelectInternalConfigurationOptions;
+            isRichText: boolean;
+        }>;
+        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/esm/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/esm/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/esm/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/esm/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/esm/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>;