@zealicsolutions/web-ui 0.3.268 → 0.3.334

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { AvatarDropdown as AvatarDropdownComponent } from './AvatarDropdown';
+declare const _default: {
+    title: string;
+    component: <T extends string | number>({ avatarProps, menuConfig, }: import("./AvatarDropdown").AvatarDropdownProps<T>) => JSX.Element;
+};
+export default _default;
+export declare const AvatarDropdown: ComponentStory<typeof AvatarDropdownComponent>;

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

@@ -0,0 +1,11 @@
+import { ComponentType } from 'react';
+import { IconProps } from 'atoms';
+import { Callback } from '../../typescript';
+export declare type BottomNaVBarItemProps = {
+    name: string;
+    icon: ComponentType<Omit<IconProps, 'name'>>;
+    active: boolean;
+    activeColor: string;
+    onNavigate: Callback;
+};
+export declare const BottomNavBarItem: ({ name, icon: IconComponent, active, activeColor, onNavigate, }: BottomNaVBarItemProps) => JSX.Element;

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

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

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

@@ -0,0 +1,41 @@
+import { PropsWithChildren } from 'react';
+import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme';
+import type { Callback, StylesType } from 'typescript';
+export declare type ButtonVariant = 'primary' | 'secondary' | 'text' | 'custom';
+export declare type ButtonType = 'button' | 'submit' | 'reset';
+export declare type BaseButtonProps = PropsWithChildren<Partial<{
+    onClick: Callback;
+    variant: ButtonVariant;
+    disabled: boolean;
+    state: 'disabled' | 'enabled';
+    fullWidth: boolean;
+    size: 'medium' | 'small';
+    buttonFont: FontSizesTypes;
+    textColor: ThemeColors | string;
+    textSize: number;
+    horizontalPadding: SizesTypes;
+    verticalPadding: SizesTypes;
+    buttonColor: ThemeColors | string;
+    buttonStroke: ThemeColors | string;
+    cornerRadius: SizesTypes | number;
+    hoverButtonColor: ThemeColors | string;
+    hoverStrokeColor: ThemeColors | string;
+    inactiveButtonColor: ThemeColors | string;
+    inactiveStrokeColor: ThemeColors | string;
+    inactiveTextColor: ThemeColors | string;
+    styles: StylesType;
+    colorTheme: 'light' | 'dark';
+    href: string;
+    type: ButtonType;
+}>>;
+export declare type ButtonProps = BaseButtonProps & {
+    fullWidth?: boolean;
+    text?: string;
+    link?: string;
+    elementId?: string;
+    loading?: boolean;
+    isRichText?: boolean;
+    containerStyle?: StylesType;
+    buttonStyle?: StylesType;
+};
+export declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, buttonStyle, size, textColor, inactiveTextColor, state, href, ...props }: ButtonProps) => JSX.Element | null;

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

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

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

@@ -0,0 +1,15 @@
+import { PropsWithChildren } from 'react';
+export declare type CarouselProps = {
+    children: JSX.Element[];
+};
+export declare const Carousel: ({ children }: PropsWithChildren<CarouselProps>) => JSX.Element;
+export declare const Wrapper: import("styled-components").StyledComponent<"section", import("styled-components").DefaultTheme, {}, never>;
+export declare const SlidesWrapper: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
+    translateX: number;
+}, never>;
+export declare const Slide: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
+export declare const ButtonsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ArrowIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    arrowSide: 'left' | 'right';
+}, never>;
+export declare const NavigationDotsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { SelectOption } from 'atoms';
+import { CheckboxInternalConfigProps } from 'atoms/Checkbox/types';
+import { ConditionConfig, FormStateType } from 'containers';
+import { Control, ControllerProps } from 'react-hook-form/dist/types';
+import type { StylesType } from 'typescript';
+import { 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;
+    rules: ControllerProps['rules'];
+    control: Control<any>;
+    required: boolean;
+    optional: boolean;
+    wrapperStyles: StylesType;
+    conditionConfig: ConditionConfig;
+    state: FormStateType;
+    defaultValue: string;
+}>;
+export declare const CheckboxField: ({ checkboxesProps, name, rules, control, optional, required, labelsProps, wrapperStyles, conditionConfig, defaultValue, }: CheckboxFieldProps) => JSX.Element | null;

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

@@ -0,0 +1,57 @@
+/// <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, conditionConfig, defaultValue, }: 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<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;
+        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>>;
+        conditionConfig: import("../..").ConditionConfig;
+        state: import("../..").FormStateType;
+        defaultValue: string;
+    }>) => JSX.Element | null;
+};
+export default _default;
+export declare const CheckboxField: StoryFn<typeof CheckboxFieldComponent>;

package/dist/cjs/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/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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+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>;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { BaseColumnProps } from './types';
+export declare type ColumnImageProps = BaseColumnProps & {
+    isMobile: boolean;
+};
+export declare const ColumnImage: ({ item, isMobile }: ColumnImageProps) => JSX.Element;

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

@@ -0,0 +1,16 @@
+import { CSSProperties } from 'react';
+import { TextButtonProps } from 'atoms';
+import { ColumnsTemplateKeys } from './types';
+export declare type ColumnsProps = {
+    type: 'columns';
+    columns: ColumnItem[];
+    containerStyles?: CSSProperties;
+    template?: ColumnsTemplateKeys;
+};
+export declare type ColumnItem = {
+    title?: string;
+    mainContent?: string;
+    button?: TextButtonProps;
+    icon: string;
+};
+export declare const Columns: ({ columns, containerStyles, template }: ColumnsProps) => JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { Columns as ColumnsComponent } from './Columns';
+declare const _default: {
+    title: string;
+    component: ({ columns, containerStyles, template }: import("./Columns").ColumnsProps) => JSX.Element;
+};
+export default _default;
+export declare const Columns: ComponentStory<typeof ColumnsComponent>;

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

@@ -0,0 +1,28 @@
+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, {
+    target: "_blank";
+} & Pick<import("..").BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
+    buttonLink: string;
+    elementId: string;
+    $styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+    $variant: import("atoms").LinkVariant;
+}>, "target">;
+export declare const ColumnCardWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    isMobile: boolean;
+}, never>;
+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 ColumnBackgroundImageOverlay: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,5 @@
+import { ColumnItem } from './Columns';
+export declare type ColumnsTemplateKeys = 'horizontal' | 'card' | 'with_image';
+export declare type BaseColumnProps = {
+    item: ColumnItem;
+};

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { TextButtonProps } from 'atoms';
+export declare const useAnnotationCircle: (linkButton?: TextButtonProps) => {
+    circleJSX: false | JSX.Element;
+};

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

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { CustomDescendant } from 'atoms/RichTextViewer/types';
+import { ConsentCaptureProps } from 'molecules/Consent/ConsentCapture';
+import { CSSProperties } from 'styled-components';
+export declare type ConsentCaptureMethod = 'button' | 'radioButton' | 'checkbox';
+export declare type DefaultSelectionType = 'confirmation' | 'rejection';
+export declare type Consent = {
+    id: string;
+    name: string;
+    acknowledgment: CustomDescendant[];
+    methodOfCapture: ConsentCaptureMethod;
+    description: string;
+    language: CustomDescendant[];
+    expiration: string;
+    confirmationButtonText: string;
+    rejectionButtonText: string;
+    defaultSelection: DefaultSelectionType;
+    value?: DefaultSelectionType | boolean;
+    isRequired?: boolean;
+};
+export declare type ConsentProps<T extends string = string> = {
+    text: string;
+    isRequired?: boolean;
+    consentCaptureProps: ConsentCaptureProps<T>;
+    containerStyles?: CSSProperties;
+    clearStyles?: boolean;
+};
+export declare const Consent: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: ConsentProps<T>) => JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { StoryFn } from '@storybook/react';
+import { Consent as ConsentComponent } from 'molecules/Consent/Consent';
+declare const _default: {
+    title: string;
+    component: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: import("molecules/Consent/Consent").ConsentProps<T>) => JSX.Element;
+};
+export default _default;
+export declare const Consent: StoryFn<typeof ConsentComponent>;

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { RadioButtonsProps } from 'atoms';
+import { ButtonProps } from 'molecules';
+export declare type ButtonCaptureProps = {
+    type: 'button';
+    acceptButton: ButtonProps;
+    denyButton: ButtonProps;
+};
+export declare type RadioButtonsCaptureProps<T extends string> = {
+    type: 'radioButton';
+    acceptValue: T;
+} & RadioButtonsProps<T>;
+export declare type CheckboxCaptureProps = {
+    id: string;
+    type: 'checkbox';
+    label: string;
+    value: boolean;
+    onChange: (id: string) => void;
+};
+export declare type ConsentCaptureProps<T extends string = string> = ButtonCaptureProps | RadioButtonsCaptureProps<T> | CheckboxCaptureProps;
+export declare const ConsentCapture: <T extends string>(props: ConsentCaptureProps<T>) => JSX.Element;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ConsentFieldMolecule } from 'containers';
+export declare const ConsentMolecule: (attributes: ConsentFieldMolecule['attributes']) => JSX.Element | null;

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare type CustomValidationRule<T = string> = {
+    text: string;
+    validate: (value?: T) => boolean;
+};
+export declare type CustomValidationProps<T = string> = {
+    label?: string;
+    value: T;
+    isSubmitted?: boolean;
+    rules: CustomValidationRule<T>[];
+};
+export declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, }: CustomValidationProps<T>) => JSX.Element;

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

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

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

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+import { DrawerProps } from './styles';
+export declare const Drawer: ({ children, closeIconColor, ...props }: PropsWithChildren<DrawerProps>) => JSX.Element;

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

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

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

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { SizesTypes, ThemeColors } from 'theme/types';
+import { Drawer as DrawerComponent, DrawerProps as DrawerComponentProps } from '@mui/material';
+export declare type Anchor = 'top' | 'left' | 'bottom' | 'right';
+export declare type DrawerProps = DrawerComponentProps & {
+    anchor: Anchor;
+    padding?: SizesTypes | number;
+    height?: number | string;
+    width?: number | string;
+    closeIconColor?: ThemeColors | string;
+};
+export declare const BaseDrawer: import("styled-components").StyledComponent<typeof DrawerComponent, import("styled-components").DefaultTheme, DrawerComponentProps & {
+    anchor: Anchor;
+    padding?: number | SizesTypes | undefined;
+    height?: string | number | undefined;
+    width?: string | number | undefined;
+    closeIconColor?: string | undefined;
+}, never>;
+export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    activeOpacity?: number | undefined;
+    withoutOpacityEffect?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    children?: import("react").ReactNode;
+}, never>;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare type EmphasizedTextProps = {
+    type: 'emphasized_text';
+    invertColors: boolean;
+    textContent: string;
+};
+export declare const EmphasizedText: ({ textContent, invertColors }: EmphasizedTextProps) => JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { EmphasizedText as EmphasizedTextComponent } from './EmphasizedText';
+declare const _default: {
+    title: string;
+    component: ({ textContent, invertColors }: import("./EmphasizedText").EmphasizedTextProps) => JSX.Element;
+};
+export default _default;
+export declare const EmphasizedText: ComponentStory<typeof EmphasizedTextComponent>;

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { InputFieldProps, MenuItemsProps } from 'molecules';
+import { FilteredFeedContentType } from 'organisms';
+export declare type FeedTemplateKeys = `feed_${'a' | 'b'}`;
+export declare type FeedContentHeaderProps = {
+    title: string;
+    enableFavoriting?: boolean;
+    templateType: FeedTemplateKeys;
+    isMobile?: boolean;
+    menuConfig: MenuItemsProps<FilteredFeedContentType>;
+} & Partial<Omit<InputFieldProps, 'labelsProps' | 'required' | 'optional'>>;
+export declare const FeedContentHeader: ({ templateType, title, name, inputProps, isMobile, menuConfig, ...rest }: FeedContentHeaderProps) => JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+import { FeedContentHeader as FeedContentHeaderComponent } from './FeedContentHeader';
+declare const _default: {
+    title: string;
+    component: ({ templateType, title, name, inputProps, isMobile, menuConfig, ...rest }: import("./FeedContentHeader").FeedContentHeaderProps) => JSX.Element;
+};
+export default _default;
+export declare const FeedContentHeader: ComponentStory<typeof FeedContentHeaderComponent>;

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

@@ -0,0 +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;
+    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;

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

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

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { UIField } from 'fieldsConfiguration';
+import { Control } from 'react-hook-form/dist/types';
+import { StylesType } from 'typescript';
+export declare type FieldMapperProps<T extends object> = {
+    field: UIField<keyof T>;
+    isEditMode?: boolean;
+    control?: Control<T>;
+    spacer?: number;
+    isTooltipVisible?: boolean;
+    optionsPresentation?: boolean;
+    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/FieldSection/FieldSection.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Control } from 'react-hook-form/dist/types';
+import { UIFields } from '../../fieldsConfiguration';
+export declare type FieldSectionProps<T extends object> = {
+    label: string;
+    control?: Control<T>;
+    isEditMode?: boolean;
+    fields: UIFields<T>;
+};
+export declare const FieldSection: <T extends object>({ fields, label, isEditMode, control, }: FieldSectionProps<T>) => JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { FieldSection as FieldSectionComponent } from './FieldSection';
+declare const _default: {
+    title: string;
+    component: <T extends object>({ fields, label, isEditMode, control, }: import("./FieldSection").FieldSectionProps<T>) => JSX.Element;
+};
+export default _default;
+export declare const FieldSection: ComponentStory<typeof FieldSectionComponent>;

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+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: RegularImageProps;
+    mainHeading: string;
+    subHeading?: string;
+    button?: ButtonProps;
+    contentAlignment?: HeroImageAlignment;
+    horizontalPaddings?: number;
+    template?: HeroImageTemplate;
+    isMobile?: boolean;
+    height?: number;
+};
+export declare const HeroImage: ({ backgroundImage, button, contentAlignment, mainHeading, horizontalPaddings, subHeading, template, isMobile, height, }: HeroImageProps) => JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { HeroImage as HeroImageComponent } from './HeroImage';
+declare const _default: {
+    title: string;
+    component: ({ backgroundImage, button, contentAlignment, mainHeading, horizontalPaddings, subHeading, template, isMobile, height, }: import("./HeroImage").HeroImageProps) => JSX.Element;
+};
+export default _default;
+export declare const HeroImage: ComponentStory<typeof HeroImageComponent>;

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { HorizontalButtonsProps } from 'atoms';
+import { Control } from 'react-hook-form/dist/types';
+declare type ToggleFieldProps = {
+    name: string;
+    title: string;
+    control?: Control<any>;
+    description?: string;
+    horizontalButtonsProps: HorizontalButtonsProps;
+    defaultValue?: string;
+};
+export declare const HorizontalButtonsField: ({ name, title, control, description, horizontalButtonsProps, }: ToggleFieldProps) => JSX.Element;
+export {};