@zealicsolutions/web-ui 0.2.142 → 0.3.0

package/dist/cjs/src/contexts/MlrRichTextViewerContext/types.d.ts

@@ -2,13 +2,9 @@ export declare type AnnotationsList = {
     tags: {
         id: string;
         label: string;
-        entityIds: string[];
-        moleculeIds: string[];
-        referencedByIds: string[];
     }[];
     links: {
-        referencedById: string;
-        moleculeId: string;
+        id: string;
         text: string;
         url: string;
     }[];

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

@@ -2,6 +2,3 @@ export * from './MlrRichTextViewerContext/MlrRichTextViewerProvider';
 export * from './MlrRichTextViewerContext/MlrRichTextViewerContext';
 export * from './MlrRichTextViewerContext/types';
 export * from './hooks/useMlrRichTextViewerContext';
-export * from './hooks/useButtonActionsContext';
-export * from './ButtonActionsContext/ButtonActionsContext';
-export * from './ButtonActionsContext/ButtonActionsContextProvider';

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

@@ -1,8 +1,7 @@
 /// <reference types="react" />
+import { SelectOption } from 'atoms/Select/types';
 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';
+export declare type InputFieldTypes = 'number' | 'text' | 'email' | 'password';
 export declare type FieldTypes = 'input' | 'select' | 'checkbox';
 export declare type UIField<T = string> = (UIInputField & UISelectField & UICheckboxField) & {
     name: T;
@@ -11,6 +10,7 @@ export declare type UIField<T = string> = (UIInputField & UISelectField & UIChec
     label?: string;
     placeholder?: string;
     required?: boolean;
+    optional?: boolean;
     tooltip?: string;
     rules?: ControllerProps['rules'];
     order?: number;
@@ -19,10 +19,10 @@ export declare type UIInputField = {
     inputType?: InputFieldTypes;
     maxLength?: number;
     onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-} & InputFieldProps;
+};
 export declare type UISelectField = {
     options?: SelectOption[];
-} & SelectFieldProps;
+};
 export declare type UICheckboxField = {
     checkboxLabel?: string;
 };

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

@@ -1,15 +1,5 @@
 import { InputFieldTypes } from 'fieldsConfiguration';
 import { ValidationRule } from 'react-hook-form';
-export declare const urlPattern: RegExp;
 export declare const phoneNumberValidation: RegExp;
-export declare const numberValidation: RegExp;
 export declare const emailValidation: RegExp;
-export declare const textValidation: RegExp;
-export declare const dateValidation: RegExp;
-export declare const usZipCode: RegExp;
 export declare const getInputValidation: (type?: InputFieldTypes) => ValidationRule<RegExp> | undefined;
-export declare const postCodeMask: RegExp[];
-export declare const dayMonthYearDateMask: (string | RegExp)[];
-export declare const monthYearDateMask: (string | RegExp)[];
-export declare const phoneNumberMask: (string | RegExp)[];
-export declare const removeMaskFromString: (inputString: string) => string;

package/dist/cjs/src/icons/CaretDown.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import type { IconProps } from 'atoms/Icon/Icon';
-export declare const CaretDown: ({ color, size, }: Omit<IconProps, 'name'>) => JSX.Element;
+export declare const CaretDown: ({ color, size }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Check.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import type { IconProps } from 'atoms';
-export declare const Check: ({ size, color, }: Omit<IconProps, 'name'>) => JSX.Element;
+import type { IconProps } from '../atoms/Icon/Icon';
+export declare const Check: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Close.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import type { IconProps } from 'atoms/Icon/Icon';
-export declare const Close: ({ size, color, }: Omit<IconProps, 'name'>) => JSX.Element;
+export declare const Close: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Filter.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import type { IconProps } from 'atoms';
-export declare const Filter: ({ size, color, }: Omit<IconProps, 'name'>) => JSX.Element;
+import type { IconProps } from '../atoms/Icon/Icon';
+export declare const Filter: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Hide.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import type { IconProps } from 'atoms';
+import type { IconProps } from '../atoms';
 export declare const Hide: ({ color, size }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Info.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import type { IconProps } from 'atoms';
+import type { IconProps } from '../atoms/Icon/Icon';
 export declare const Info: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Mail.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import type { IconProps } from 'atoms';
+import type { IconProps } from '../atoms/Icon/Icon';
 export declare const Mail: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Minus.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { IconProps } from 'atoms';
-export declare const Minus: ({ size, color, }: Omit<IconProps, 'name'>) => JSX.Element;
+import { IconProps } from '../atoms';
+export declare const Minus: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Mobile.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import type { IconProps } from 'atoms';
-export declare const Mobile: ({ size, color, }: Omit<IconProps, 'name'>) => JSX.Element;
+import type { IconProps } from '../atoms/Icon/Icon';
+export declare const Mobile: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Play.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { IconProps } from 'atoms';
+import { IconProps } from '../atoms';
 export declare const Play: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Search.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import type { IconProps } from 'atoms';
+import type { IconProps } from '../atoms/Icon/Icon';
 export declare const Search: ({ size, color, ...props }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/View.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import type { IconProps } from 'atoms';
-export declare const View: ({ color, size, }: Omit<IconProps, 'name'>) => JSX.Element;
+import type { IconProps } from '../atoms';
+export declare const View: ({ color, size }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Warning.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import type { IconProps } from 'atoms/Icon/Icon';
-export declare const Warning: ({ size, color, }: Omit<IconProps, 'name'>) => JSX.Element;
+export declare const Warning: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

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

@@ -1,10 +1,8 @@
 export * from './atoms';
+export * from './molecules';
 export * from './organisms';
 export * from './templates';
 export * from './hooks';
 export * from './theme';
 export * from './fieldsConfiguration';
 export * from './contexts';
-export * from 'helpers/constants';
-export * from './molecules';
-export * from './containers';

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { AvatarProps } from 'atoms';
 import { MenuItemsProps } from '../MenuItems/MenuItems';
+import { AvatarProps } from '../../atoms';
 import 'rc-dropdown/assets/index.css';
 export declare type AvatarDropdownProps<T> = {
     avatarProps: AvatarProps;

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

@@ -1,29 +1,10 @@
 /// <reference types="react" />
-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;
+import { Control } from 'react-hook-form/dist/types';
+import { CheckBoxProps } from '../../atoms';
+export declare type CheckboxFieldProps = {
     name: string;
-    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;
+    control?: Control<any>;
+    defaultValue?: boolean;
+    checkboxProps: Omit<CheckBoxProps, 'error' | 'onClick' | 'value'>;
+};
+export declare const CheckboxField: ({ control, name, checkboxProps, defaultValue, }: CheckboxFieldProps) => JSX.Element;

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

@@ -2,12 +2,4 @@
 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, {
-    src: string;
-} & Partial<{
-    alt: string;
-    width: string | number;
-    height: string | number;
-    onClick: import("../../typescript").Callback;
-    cornerRadius: number;
-}> & import("../../typescript").OverrideStyles, never>;
+export declare const ColumnImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, import("atoms").ImageProps, never>;

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

@@ -1,8 +1,19 @@
+/// <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<"a", import("styled-components").DefaultTheme, Pick<import("..").BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & {
+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;
     buttonLink?: string | undefined;
     elementId?: string | undefined;
 }, never>;
@@ -12,13 +23,5 @@ 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, {
-    src: string;
-} & Partial<{
-    alt: string;
-    width: string | number;
-    height: string | number;
-    onClick: import("../../typescript").Callback;
-    cornerRadius: number;
-}> & import("../../typescript").OverrideStyles, never>;
+export declare const ColumnBackgroundImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, import("atoms").ImageProps, never>;
 export declare const ColumnBackgroundImageOverlay: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,4 +1,4 @@
-import type { StoryFn } from '@storybook/react';
+import type { ComponentStory } from '@storybook/react';
 import React from 'react';
 import { Drawer as DrawerComponent } from './Drawer';
 declare const _default: {
@@ -6,4 +6,4 @@ declare const _default: {
     component: ({ children, closeIconColor, ...props }: React.PropsWithChildren<import("./styles").DrawerProps>) => JSX.Element;
 };
 export default _default;
-export declare const Drawer: StoryFn<typeof DrawerComponent>;
+export declare const Drawer: ComponentStory<typeof DrawerComponent>;

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

@@ -1,43 +1,10 @@
 /// <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, labelInternalConfig, ruleLabelInternalConfig, tooltipInternalConfig, isRichText, }: FieldLabelsProps) => JSX.Element;
+export declare const FieldLabels: ({ label, isTooltipVisible, isError, ruleLabel, tooltipText, }: FieldLabelsProps) => JSX.Element;

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

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

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

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-import { UIField } from 'fieldsConfiguration';
 import { Control } from 'react-hook-form/dist/types';
-import { StylesType } from 'typescript';
+import { UIField } from '../../fieldsConfiguration';
 export declare type FieldMapperProps<T extends object> = {
     field: UIField<keyof T>;
     isEditMode?: boolean;
@@ -9,6 +8,6 @@ export declare type FieldMapperProps<T extends object> = {
     spacer?: number;
     isTooltipVisible?: boolean;
     optionsPresentation?: boolean;
-    styles?: StylesType;
+    styles?: React.CSSProperties;
 };
 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,11 +1,10 @@
 /// <reference types="react" />
-import { RegularImageProps } from 'atoms';
-import { ButtonProps } from 'molecules';
+import { ButtonProps, ImageProps } from 'atoms';
 export declare type HeroImageAlignment = 'left_aligned' | 'center_aligned';
 export declare type HeroImageTemplate = 'card' | 'full_width';
 export declare type HeroImageProps = {
     type: 'hero_image';
-    backgroundImage: RegularImageProps;
+    backgroundImage: ImageProps;
     mainHeading: string;
     subHeading?: string;
     button?: ButtonProps;

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

@@ -1,17 +1,17 @@
 /// <reference types="react" />
-import { Control, ControllerProps } from 'react-hook-form/dist/types';
 import { InputProps } from 'atoms';
-import type { StylesType } from 'typescript';
+import { Control, ControllerProps } from 'react-hook-form/dist/types';
+import { CSSProperties } from 'styled-components';
 import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
-export declare type InputFieldProps = Partial<{
+export declare type InputFieldProps = {
     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: StylesType;
-    labelsProps: FieldLabelsProps;
-}>;
+    styles?: CSSProperties;
+    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,36 +1,10 @@
 /// <reference types="react" />
-import { StoryFn } from '@storybook/react';
-import { InputFieldProps } from './InputField';
+import type { ComponentStory } from '@storybook/react';
+import { InputField as InputFieldComponent } from './InputField';
 declare const _default: {
     title: string;
-    component: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, }: Partial<{
-        name: string;
-        control: import("react-hook-form").Control<any, any>;
-        rules: Omit<Partial<{
-            required: string | import("react-hook-form").ValidationRule<boolean>;
-            min: import("react-hook-form").ValidationRule<string | number>;
-            max: import("react-hook-form").ValidationRule<string | number>;
-            maxLength: import("react-hook-form").ValidationRule<number>;
-            minLength: import("react-hook-form").ValidationRule<number>;
-            pattern: import("react-hook-form").ValidationRule<RegExp>;
-            validate: import("react-hook-form").Validate<any> | Record<string, import("react-hook-form").Validate<any>>;
-            valueAsNumber: boolean;
-            valueAsDate: boolean;
-            value: any;
-            setValueAs: (value: any) => any;
-            shouldUnregister?: boolean | undefined;
-            onChange?: ((event: any) => void) | undefined;
-            onBlur?: ((event: any) => void) | undefined;
-            disabled: boolean;
-            deps: string | 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;
+    component: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, }: import("./InputField").InputFieldProps) => JSX.Element;
 };
 export default _default;
-export declare const InputField: StoryFn<InputFieldProps>;
+export declare const InputField: ComponentStory<typeof InputFieldComponent>;
+export declare const InputPasswordField: ComponentStory<typeof InputFieldComponent>;

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

@@ -1,60 +1,17 @@
 /// <reference types="react" />
-import { RadioButtonInternalConfigProps, RadioButtonsProps } from 'atoms';
+import { RadioButtonsProps } from 'atoms';
 import { Control, ControllerProps } from 'react-hook-form/dist/types';
-import type { StylesType } from 'typescript';
+import { CSSProperties } from 'styled-components';
 import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
-export declare type RadioButtonFieldProps<T extends string> = Partial<{
+export declare type RadioButtonFieldProps<T extends string> = {
     name: string;
-    rules: ControllerProps['rules'];
-    styles: StylesType;
-    control: Control<any>;
-    optional: boolean;
-    required: boolean;
-    labelsProps: FieldLabelsProps;
-    defaultValue: string;
+    control?: Control<any>;
+    rules?: ControllerProps['rules'];
+    required?: boolean;
+    optional?: boolean;
+    defaultValue?: string;
+    styles?: CSSProperties;
     radioButtonsProps: RadioButtonsProps<T>;
-    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;
+    labelsProps?: FieldLabelsProps;
+};
+export declare const RadioButtonField: <T extends string>({ control, name, radioButtonsProps, styles, labelsProps, defaultValue, optional, required, rules, }: RadioButtonFieldProps<T>) => JSX.Element;

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

@@ -3,66 +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, }: Partial<{
-        name: string;
-        rules: Omit<Partial<{
-            required: string | import("react-hook-form").ValidationRule<boolean>;
-            min: import("react-hook-form").ValidationRule<string | number>;
-            max: import("react-hook-form").ValidationRule<string | number>;
-            maxLength: import("react-hook-form").ValidationRule<number>;
-            minLength: import("react-hook-form").ValidationRule<number>;
-            pattern: import("react-hook-form").ValidationRule<RegExp>;
-            validate: import("react-hook-form").Validate<any> | Record<string, import("react-hook-form").Validate<any>>;
-            valueAsNumber: boolean;
-            valueAsDate: boolean;
-            value: any;
-            setValueAs: (value: any) => any;
-            shouldUnregister?: boolean | undefined;
-            onChange?: ((event: any) => void) | undefined;
-            onBlur?: ((event: any) => void) | undefined;
-            disabled: boolean;
-            deps: string | 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;
+    component: <T extends string>({ control, name, radioButtonsProps, styles, labelsProps, defaultValue, optional, required, rules, }: import("./RadioButtonField").RadioButtonFieldProps<T>) => 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 type { StylesType } from 'typescript';
+import { CSSProperties } from 'styled-components';
+import { SelectProps } from '../../atoms/Select/types';
 import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
-export declare type SelectFieldProps = Partial<{
+export declare type SelectFieldProps = {
     selectProps: SelectProps;
-    labelsProps: FieldLabelsProps;
+    labelsProps?: FieldLabelsProps;
     name: string;
-    rules: ControllerProps['rules'];
-    control: Control<any>;
-    required: boolean;
-    optional: boolean;
-    defaultValue: string;
-    styles: StylesType;
-}>;
+    rules?: ControllerProps['rules'];
+    control?: Control<any>;
+    required?: boolean;
+    optional?: boolean;
+    defaultValue?: string;
+    styles?: CSSProperties;
+};
 export declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, rules, }: SelectFieldProps) => JSX.Element;