@zealicsolutions/web-ui 0.4.95 → 1.0.0

package/dist/esm/src/assets/index.d.ts

@@ -1,8 +1,2 @@
-export declare const AppLogo: any;
-export declare const HomeHeroImage: any;
-export declare const ProfileGraphic: any;
-export declare const PulseEmblem: any;
-export declare const Logo: any;
-export declare const AppleLogo: any;
-export declare const ModernaLogo: any;
-export declare const PfizerLogo: any;
+export declare const AppLogo: string;
+export declare const HomeBannerImage: string;

package/dist/esm/src/atoms/Buttons/Button.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { Noop } from 'react-hook-form';
+export declare type BaseButtonProps = {
+    onClick?: Noop;
+    variant?: 'primary' | 'secondary';
+    disabled?: boolean;
+    fullWidth?: boolean;
+};
+export declare type ButtonProps = BaseButtonProps & {
+    fullWidth?: boolean;
+    text?: string;
+    loading?: boolean;
+};
+export declare const Button: ({ text, onClick, loading, disabled, variant, fullWidth, }: ButtonProps) => JSX.Element;

package/dist/esm/src/atoms/Buttons/LinkButton.d.ts

@@ -0,0 +1,20 @@
+import { PropsWithChildren } from 'react';
+import { Noop } from 'react-hook-form';
+export declare type LinkButtonProps = PropsWithChildren<{
+    activeOpacity?: number;
+    withoutOpacityEffect?: boolean;
+    disabled?: boolean;
+    onClick?: Noop;
+}>;
+export declare const LinkButton: 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?: Noop | undefined;
+}, never>;

package/dist/esm/src/atoms/Checkbox/Checkbox.d.ts

@@ -1,14 +1,9 @@
-import { CheckboxInternalConfigProps } from './types';
-export declare type CheckboxProps = {
-    id: string;
-    onClick: (id: string) => void;
-    label: string;
-    isError?: boolean;
+/// <reference types="react" />
+export declare type CheckBoxProps = {
+    value: boolean;
+    onClick: (value: boolean) => void;
     disabled?: boolean;
-    isEditMode?: boolean;
-    isSelected?: boolean;
-    isRichText?: boolean;
-    notInteractable?: boolean;
-    internalConfig?: CheckboxInternalConfigProps;
+    error?: boolean;
+    label?: string;
 };
-export declare const Checkbox: ({ id, onClick, label, isError, disabled, isEditMode, isSelected, isRichText, notInteractable, internalConfig, }: CheckboxProps) => JSX.Element;
+export declare const Checkbox: ({ label, onClick, value, disabled, error }: CheckBoxProps) => JSX.Element;

package/dist/esm/src/atoms/Icon/Icon.d.ts

@@ -1,38 +1,26 @@
-import { CSSProperties } from 'styled-components';
-import { ThemeColors } from 'theme';
+/// <reference types="react" />
 export declare type IconProps = {
     name: IconNames;
     size?: number;
-    color?: ThemeColors | string;
-    fill?: ThemeColors | string;
+    color?: string;
     pointerEvents?: 'auto' | 'none';
-    style?: CSSProperties;
 };
 declare const availableIcons: {
-    ArrowRight: ({ color, ...props }: Omit<IconProps, "name">) => JSX.Element;
-    Bell: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
-    Bookmark: ({ fill, color, size, ...props }: Omit<IconProps, "name">) => JSX.Element;
-    CaretDown: ({ color, size, }: Omit<IconProps, "name">) => JSX.Element;
-    CaretLeft: ({ color, size, ...props }: Omit<IconProps, "name">) => JSX.Element;
-    CaretRight: ({ color, size, ...props }: Omit<IconProps, "name">) => JSX.Element;
+    CaretDown: ({ color, ...props }: Omit<IconProps, "name">) => JSX.Element;
     CaretUp: ({ color, ...props }: Omit<IconProps, "name">) => JSX.Element;
-    Check: ({ size, color, }: Omit<IconProps, "name">) => JSX.Element;
-    Close: ({ size, color, }: Omit<IconProps, "name">) => JSX.Element;
-    Edit: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
-    Filter: ({ size, color, }: Omit<IconProps, "name">) => JSX.Element;
-    Hide: ({ color, size }: Omit<IconProps, "name">) => JSX.Element;
+    Filter: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    Check: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
     Info: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    View: ({ color, size }: Omit<IconProps, "name">) => JSX.Element;
+    Hide: ({ color, size }: Omit<IconProps, "name">) => JSX.Element;
+    Close: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    Minus: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
     InfoBoxIcon: ({ color, size }: Omit<IconProps, "name">) => JSX.Element;
+    Warning: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    Bell: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    Mobile: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
     Mail: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
-    Menu: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
-    Minus: ({ size, color, }: Omit<IconProps, "name">) => JSX.Element;
-    Mobile: ({ size, color, }: Omit<IconProps, "name">) => JSX.Element;
-    Play: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
-    Save: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
-    Search: ({ size, color, ...props }: Omit<IconProps, "name">) => JSX.Element;
-    View: ({ color, size, }: Omit<IconProps, "name">) => JSX.Element;
-    Warning: ({ size, color, }: Omit<IconProps, "name">) => JSX.Element;
 };
 export declare type IconNames = keyof typeof availableIcons;
-export declare const Icon: ({ name, color, ...props }: IconProps) => JSX.Element;
+export declare const Icon: ({ name, ...props }: IconProps) => JSX.Element;
 export {};

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { CSSProperties } from 'styled-components';
+export declare type ImageProps = {
+    src: string;
+    alt?: string;
+    styles?: CSSProperties;
+};
+export declare const Image: (props: ImageProps) => JSX.Element;

package/dist/esm/src/atoms/Input/Input.d.ts

@@ -1,39 +1,22 @@
+/// <reference types="react" />
 import type { IconNames } from 'atoms/Icon/Icon';
-import { FormStateType } from 'containers';
 import { InputFieldTypes } from 'fieldsConfiguration/types';
-import React from 'react';
-import { ThemeColors } from 'theme/types';
-import type { Callback, StylesType } from 'typescript';
-import { MaskConfig } from './helpers';
-export declare type InputFieldInternalConfigProps = Partial<{
-    textColor: ThemeColors | string;
-    textFontSize: number;
-    placeholderTextColor: ThemeColors | string;
-    placeholderTextFontSize: number;
-    verticalPadding: number;
-    horizontalPadding: number;
-    styles: StylesType;
-    wrapperStyles: StylesType;
-}>;
+import { Noop } from 'react-hook-form';
 export declare type InputIconProps = {
     name: IconNames;
-    onClick?: Callback;
+    onClick?: Noop;
 };
-export declare type InputProps = Partial<{
-    value: string;
-    leftIcon: InputIconProps;
-    rightIcon: InputIconProps;
-    onBlur: Callback;
-    type: InputFieldTypes;
-    placeholder: string;
-    disabled: boolean;
-    isEditMode: boolean;
-    isError: boolean;
-    maxLength: number;
-    onChange: (value: string) => void;
-    onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    internalConfig: InputFieldInternalConfigProps;
-    config?: MaskConfig;
-    state: FormStateType;
-}>;
-export declare const Input: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, config, ...rest }: InputProps) => JSX.Element;
+export declare type InputProps = {
+    value?: string;
+    leftIcon?: InputIconProps;
+    rightIcon?: InputIconProps;
+    onBlur?: Noop;
+    type?: InputFieldTypes;
+    placeholder?: string;
+    disabled?: boolean;
+    isEditMode?: boolean;
+    isError?: boolean;
+    maxLength?: number;
+    onChange?: (value: string) => void;
+};
+export declare const Input: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, ...rest }: InputProps) => JSX.Element;

package/dist/esm/src/atoms/Select/Select.d.ts

@@ -1,34 +1,3 @@
-import { RefCallBack } from 'react-hook-form/dist/types';
-import { ThemeColors } from 'theme';
-import type { AnyObject, Callback, StylesType } from 'typescript';
-export declare type SelectOption = {
-    id: string;
-    label: string;
-    value?: string;
-    config?: AnyObject;
-};
-export declare type SelectInternalConfigurationOptions = {
-    placeholderTextColor: ThemeColors | string;
-    placeholderTextFontSize: number;
-    selectedTextColor: ThemeColors | string;
-    selectedTextFontSize: number;
-    verticalPadding: number;
-    horizontalPadding: number;
-    wrapperStyles: StylesType;
-    styles: StylesType;
-};
-export declare type SelectProps = Partial<{
-    ref: RefCallBack;
-    onBlur: Callback;
-    value: string;
-    optionsPresentation: boolean;
-    onChange: (value: string) => void;
-    placeholder: string;
-    disabled: boolean;
-    options: SelectOption[];
-    isError: boolean;
-    isEditMode: boolean;
-    selectInternalConfig: SelectInternalConfigurationOptions;
-    isRichText: boolean;
-}>;
-export declare const Select: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, isEditMode, selectInternalConfig, isRichText, }: SelectProps) => JSX.Element;
+/// <reference types="react" />
+import type { SelectProps } from './types';
+export declare const Select: ({ onChange, value, placeholder, options, disabled, isError, }: SelectProps) => JSX.Element;

package/dist/esm/src/atoms/Select/styles.d.ts

@@ -1,17 +1,12 @@
-import { StylesType } from 'typescript';
-import { SelectInternalConfigurationOptions } from './Select';
 declare type SelectContainerProps = {
     hasValue: boolean;
     disabled: boolean;
     isOpen: boolean;
     hasError: boolean;
-    $styles: StylesType;
-    isEditMode?: boolean;
 };
 export declare const SelectContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, SelectContainerProps, never>;
 export declare const DropdownMenu: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const DropdownMenuItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    $selected: boolean;
+    selected: boolean;
 }, never>;
-export declare const getSelectStyles: (internalConfig?: SelectInternalConfigurationOptions, isSelectedOption?: boolean) => import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
 export {};

package/dist/esm/src/atoms/Select/types.d.ts

@@ -0,0 +1,13 @@
+export declare type SelectOption = {
+    id: string;
+    label: string;
+};
+export declare type SelectProps = {
+    value?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    options: SelectOption[];
+    isError?: boolean;
+    isEditMode?: boolean;
+};

package/dist/esm/src/atoms/TextWrapper/TextWrapper.d.ts

@@ -1,23 +1,13 @@
-import { PropsWithChildren } from 'react';
-import { FontSizesTypes, ThemeColors } from 'theme/types';
-import type { StylesType } from 'typescript';
+import { ReactNode } from 'react';
+import { SizesTypes } from 'theme/types';
+import { StylesType } from 'typescript';
 export declare type TextTypes = 'primary' | 'secondary' | 'error' | 'success';
-export declare type TextAlign = 'center' | 'right' | 'left';
-export declare type SeoTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
-export declare type TextProps = {
-    variant: FontSizesTypes;
+export declare type TextWrapperProps = {
+    children: ReactNode;
+    variant: SizesTypes;
     layout?: 'div' | 'span';
     type?: TextTypes;
     styles?: StylesType;
-    color?: ThemeColors | string;
-    numberOfLines?: number;
-    textAlign?: TextAlign;
-    behaveAs?: 'text' | 'button';
-    seoTag?: SeoTags;
-    htmlElementId?: string;
+    color?: string;
 };
-export declare type TextWrapperProps = PropsWithChildren<TextProps>;
-export declare const TextWrapper: ({ children, seoTag, ...textProps }: TextWrapperProps) => JSX.Element;
-export declare const ErrorText: ({ text }: {
-    text: string;
-}) => JSX.Element;
+export declare const TextWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TextWrapperProps, never>;

package/dist/esm/src/atoms/Toast/ToastContent.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ToastType } from './types';
 declare type ToastContentProps = {
     type: ToastType;

package/dist/esm/src/atoms/Tooltip/Tooltip.d.ts

@@ -1,8 +1,6 @@
+/// <reference types="react" />
 import { TooltipProps as TooltipComponentProps } from 'rc-tooltip/lib/Tooltip';
-import { OverrideStyles, StylesType } from 'typescript';
 import 'rc-tooltip/assets/bootstrap.css';
-export declare type TooltipProps = Pick<TooltipComponentProps, 'overlay' | 'placement' | 'trigger' | 'visible' | 'children'> & {
-    styles?: StylesType;
-};
-export declare const StyleWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, OverrideStyles, never>;
-export declare const Tooltip: ({ trigger, placement, styles, ...props }: TooltipProps) => JSX.Element;
+export declare type TooltipProps = Pick<TooltipComponentProps, 'overlay' | 'placement' | 'trigger' | 'visible' | 'children'>;
+export declare const StyleWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Tooltip: ({ trigger, placement, ...props }: TooltipProps) => JSX.Element;

package/dist/esm/src/atoms/ValidationTag/ValidationTag.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare type ValidationTagStatus = 'DEFAULT' | 'ERROR' | 'SUCCESS';
 export declare type ValidationTagProps = {
     status: ValidationTagStatus;

package/dist/esm/src/atoms/index.d.ts

@@ -1,3 +1,4 @@
+export * from './Buttons/Button';
 export * from './Buttons/TouchableOpacity';
 export * from './Checkbox/Checkbox';
 export * from './Select/Select';
@@ -6,19 +7,8 @@ export * from './TextWrapper/TextWrapper';
 export * from './Icon/Icon';
 export * from './Spacer/Spacer';
 export * from './Spinner/Spinner';
-export * from './RegularImage/RegularImage';
-export * from './Buttons/TextButton';
+export * from './Image/Image';
+export * from './Buttons/LinkButton';
 export * from './ValidationTag/ValidationTag';
 export * from './Tooltip/Tooltip';
 export * from './Toast/toast';
-export * from './HorizontalButtons/HorizontalButtons';
-export * from './Avatar/Avatar';
-export * from './Paddings/Paddings';
-export * from './Divider/Divider';
-export * from './GoogleMap/GoogleMap';
-export * from './RichTextViewer/RichTextViewer';
-export * from './RadioButtons/RadioButtons';
-export * from './Circle/Circle';
-export * from './CircularIndicator/CircularIndicator';
-export * from './Buttons/IconButton';
-export * from './Tab/Tab';

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

@@ -1,4 +1,3 @@
 export * from './getFieldPlaceholder';
 export * from './types';
 export * from './utils';
-export * from './mock';

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

@@ -1,13 +1,6 @@
 import { UIFields } from 'fieldsConfiguration/types';
-import { PasswordFields } from 'molecules/PasswordSetup/PasswordSetup';
 import { LoginFields } from 'organisms/LoginForm/types';
 import { SetPasswordFields } from 'organisms/SetPasswordForm/types';
-export declare const acquisitionFormMockFields: UIFields<Record<string, string>>;
+export declare const acquisitionFormMockFields: UIFields<any>;
 export declare const setPasswordMockFields: UIFields<SetPasswordFields>;
-export declare const passwordMockFields: UIFields<PasswordFields>;
 export declare const loginMockFields: UIFields<LoginFields>;
-export declare const sectionMockFields: UIFields<Record<string, string>>;
-export declare const profileInformationMockForm: {
-    label: string;
-    fields: UIFields<Record<string, string>>;
-}[];

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

@@ -1,29 +1,26 @@
-/// <reference types="react" />
-import { SelectOption } from 'atoms';
-import { InputFieldProps, SelectFieldProps } from 'molecules';
-import { ControllerProps } from 'react-hook-form';
-export declare type InputFieldTypes = 'any' | 'text' | 'email' | 'integer' | 'password' | 'username' | 'numerical' | 'us_zip_code' | 'phone_number' | 'month_year_date' | 'day_month_year_date' | 'month_day_year_date' | 'year_month_day_date';
-export declare type FieldTypes = 'input' | 'select' | 'checkbox';
-export declare type UIField<T = string> = (UIInputField & UISelectField & UICheckboxField) & {
+import { SelectOption } from 'atoms/Select/types';
+export declare type InputFieldTypes = 'number' | 'text' | 'email' | 'password';
+export declare type FieldTypes = 'input' | 'select' | 'date-picker' | 'checkbox' | 'switch';
+export declare type UIField<T = string> = (UIInputField | UISelectField | UICheckboxField) & {
     name: T;
-    type: FieldTypes;
     value?: string;
     label?: string;
     placeholder?: string;
     required?: boolean;
+    optional?: boolean;
     tooltip?: string;
-    rules?: ControllerProps['rules'];
-    order?: number;
 };
 export declare type UIInputField = {
+    type: 'input';
     inputType?: InputFieldTypes;
     maxLength?: number;
-    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-} & InputFieldProps;
+};
 export declare type UISelectField = {
-    options?: SelectOption[];
-} & SelectFieldProps;
+    type: 'select';
+    options: SelectOption[];
+};
 export declare type UICheckboxField = {
+    type: 'checkbox';
     checkboxLabel?: string;
 };
 export declare type UIFields<T extends object> = UIField<keyof T>[];

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

@@ -1,6 +1,4 @@
 import { UIFields } from 'fieldsConfiguration/types';
-import { FieldSectionProps } from 'molecules';
 import { DeepPartial, FieldValues, FormState } from 'react-hook-form';
 export declare const getInitialValuesFromFields: <T extends object>(fields: UIFields<T>) => DeepPartial<T>;
 export declare const isFormValid: <T extends FieldValues>(formState: FormState<T>) => boolean;
-export declare const getFieldsFromFieldSections: <T extends object>(sections: Pick<FieldSectionProps<T>, "fields">[]) => UIFields<T>;

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

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'styled-components';
 export declare const getSizeStyle: (size: number) => Pick<CSSProperties, 'maxWidth' | 'maxHeight' | 'minWidth' | 'minHeight'>;
 export declare const changeColorTint: (color: string, percent: number) => string;
-export declare const getTintColor: (color: string, percent?: number) => string;
-export declare const getShadeColor: (color: string, percent?: number) => string;
+export declare const getTintColor: (color: string) => string;
+export declare const getShadeColor: (color: string) => string;

package/dist/esm/src/hooks/index.d.ts

@@ -1,2 +1 @@
 export { useStep } from './useStep';
-export { useRequiredConsentsAcceptedValues } from './useRequiredConsentsAcceptedValues';

package/dist/esm/src/icons/Bell.d.ts

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

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

@@ -1,2 +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, ...props }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/esm/src/icons/CaretUp.d.ts

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

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

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

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

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

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

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

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

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

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

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

package/dist/esm/src/icons/InfoBoxIcon.d.ts

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +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/esm/src/icons/index.d.ts

@@ -1,8 +1,5 @@
-export { Bookmark } from './Bookmark';
 export { CaretDown } from './CaretDown';
 export { CaretUp } from './CaretUp';
-export { CaretLeft } from './CaretLeft';
-export { CaretRight } from './CaretRight';
 export { Check } from './Check';
 export { Info } from './Info';
 export { Filter } from './Filter';
@@ -15,9 +12,3 @@ export { Bell } from './Bell';
 export { Warning } from './Warning';
 export { Mobile } from './Mobile';
 export { Mail } from './Mail';
-export { Edit } from './Edit';
-export { Save } from './Save';
-export { Menu } from './Menu';
-export { Play } from './Play';
-export { Search } from './Search';
-export { ArrowRight } from './ArrowRight';

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

@@ -1,10 +1,2 @@
-export * from './atoms';
-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';
+import { Button } from 'atoms';
+export { Button };

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ButtonProps, ImageProps } from '../../atoms';
+export declare type BannerProps = {
+    backgroundImage: ImageProps;
+    title: string;
+    description?: string;
+    button?: ButtonProps;
+};
+export declare const Banner: ({ backgroundImage, button, title, description }: BannerProps) => JSX.Element;

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

@@ -1,37 +1,10 @@
-import { SelectOption } from 'atoms';
-import { CheckboxInternalConfigProps } from 'atoms/Checkbox/types';
-import { ConditionConfig, ConfigurationItemInfo, FormStateType } from 'containers';
-import { Control, ControllerProps } from 'react-hook-form/dist/types';
-import type { AnyObject, StylesType } from 'typescript';
-import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
-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;
+/// <reference types="react" />
+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;
-    conditionConfig: ConditionConfig;
-    state: FormStateType;
-    defaultValue: string[];
-    formData: AnyObject;
-    htmlElementId: string;
-    isTrigger?: boolean;
-    moleculeId: string;
-    configurationItemInfo?: ConfigurationItemInfo;
-}>;
-export declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, formData, htmlElementId, state, isTrigger, moleculeId, configurationItemInfo, }: CheckboxFieldProps) => JSX.Element | null;
+    defaultValue?: boolean;
+    checkboxProps: Omit<CheckBoxProps, 'error' | 'onClick' | 'value'>;
+};
+export declare const CheckboxField: ({ control, name, checkboxProps, defaultValue, }: CheckboxFieldProps) => JSX.Element;