@zealicsolutions/web-ui 0.2.143 → 0.2.267

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

@@ -1,4 +1,3 @@
-/// <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>;
@@ -9,5 +8,5 @@ export declare const ColumnImage: import("styled-components").StyledComponent<"i
     width: string | number;
     height: string | number;
     onClick: import("../../typescript").Callback;
-    cornerRadius: number;
+    cornerRadius: number | import("../..").SizesTypes;
 }> & import("../../typescript").OverrideStyles, never>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseColumnProps } from './types';
 export declare type ColumnImageProps = BaseColumnProps & {
     isMobile: boolean;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { Columns as ColumnsComponent } from './Columns';
 declare const _default: {

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

@@ -2,10 +2,13 @@ export declare const ColumnWrapper: import("styled-components").StyledComponent<
     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"> & {
-    buttonLink?: string | undefined;
-    elementId?: string | undefined;
-}, never>;
+export declare const Link: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, 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;
+    textColor: string;
+}>, never>;
 export declare const ColumnCardWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isMobile: boolean;
 }, never>;
@@ -19,6 +22,6 @@ export declare const ColumnBackgroundImage: import("styled-components").StyledCo
     width: string | number;
     height: string | number;
     onClick: import("../../typescript").Callback;
-    cornerRadius: number;
+    cornerRadius: number | import("../..").SizesTypes;
 }> & import("../../typescript").OverrideStyles, never>;
 export declare const ColumnBackgroundImageOverlay: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

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

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

@@ -0,0 +1,27 @@
+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 ConsentType = {
+    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/esm/src/{organisms → molecules}/Consent/Consent.stories.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import type { StoryFn } from '@storybook/react';
-import { Consent as ConsentComponent } from './Consent';
+import { Consent as ConsentComponent } from 'molecules/Consent/Consent';
 declare const _default: {
     title: string;
-    component: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: import("./Consent").ConsentProps<T>) => JSX.Element;
+    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/organisms → esm/src/molecules}/Consent/ConsentCapture.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RadioButtonsProps } from 'atoms';
 import { ButtonProps } from 'molecules';
 export declare type ButtonCaptureProps = {
@@ -11,10 +10,11 @@ export declare type RadioButtonsCaptureProps<T extends string> = {
     acceptValue: T;
 } & RadioButtonsProps<T>;
 export declare type CheckboxCaptureProps = {
+    id: string;
     type: 'checkbox';
     label: string;
     value: boolean;
-    onChange: (value: boolean) => void;
+    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/esm/src/molecules/Consent/ConsentMolecule.d.ts

@@ -0,0 +1,11 @@
+import { ConfigurationItemInfo, ConsentFieldMolecule } from 'containers';
+import { AnyObject } from 'typescript';
+declare type ConsentMoleculeProps = {
+    attributes: ConsentFieldMolecule['attributes'];
+    config: ConsentFieldMolecule['config'];
+    formData?: AnyObject;
+    htmlElementId?: string;
+    configurationItemInfo?: ConfigurationItemInfo;
+};
+export declare const ConsentMolecule: ({ attributes, formData, config, htmlElementId, configurationItemInfo, }: ConsentMoleculeProps) => JSX.Element | null;
+export {};

package/dist/{cjs/src/organisms → esm/src/molecules}/Consent/consentMock.d.ts

@@ -1,5 +1,5 @@
-import { ConsentProps } from 'organisms';
-import { ConsentCaptureProps } from 'organisms/Consent/ConsentCapture';
+import { ConsentProps } from 'molecules';
+import { ConsentCaptureProps } from 'molecules/Consent/ConsentCapture';
 export declare const consentTextMock = "[{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"Please read these terms and conditions (\\\"terms and conditions\\\", \\\"terms\\\") carefully before using [website URL] website (\u201Cwebsite\u201D, \\\"service\\\") operated by [company name] (\\\"us\\\", 'we\\\", \\\"our\\\").\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"Conditions of use\",\"bold\":true}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"By using this website, you certify that you have read and reviewed this Agreement and that you agree to comply with its terms. If you do not want to be bound by the terms of this Agreement, you are advised to stop using the website accordingly. [company name] only grants use and access of this website, its products, and its services to those who have accepted its terms.\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"Privacy policy\",\"bold\":true}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"Before you continue using our website, we advise you to read our privacy policy [link to privacy policy] regarding our user data collection. It will help you better understand our practices.\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"Age restriction\",\"bold\":true}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"You must be at least 18 (eighteen) years of age before you can use this website. By using this website, you warrant that you are at least 18 years of age and you may legally adhere to this Agreement. [company name] assumes no responsibility for liabilities related to age misrepresentation.\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"Intellectual property\",\"bold\":true}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"You agree that all materials, products, and services provided on this website are the property of [company name], its affiliates, directors, officers, employees, agents, suppliers, or licensors including all copyrights, trade secrets, trademarks, patents, and other intellectual property. You also agree that you will not reproduce or redistribute the [company name]\u2019s intellectual property in any way, including electronic, digital, or new trademark registrations.\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"You grant [company name] a royalty-free and non-exclusive license to display, use, copy, transmit, and broadcast the content you upload and publish. For issues regarding intellectual property claims, you should contact the company in order to come to an agreement.\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"User accounts\",\"bold\":true}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"As a user of this website, you may be asked to register with us and provide private information. You are responsible for ensuring the accuracy of this information, and you are responsible for maintaining the safety and security of your identifying information. You are also responsible for all activities that occur under your account or password.\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"If you think there are any possible issues regarding the security of your account on the website, inform us immediately so we may address them accordingly.\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"We reserve all rights to terminate accounts, edit or remove content and cancel orders at our sole discretion.\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"Applicable law\",\"bold\":true}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"By using this website, you agree that the laws of the [your location], without regard to principles of conflict laws, will govern these terms and conditions, or any dispute of any sort that might come between [company name] and you, or its business partners and associates.\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"Disputes\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"Any dispute related in any way to your use of this website or to products you purchase from us shall be arbitrated by state or federal court [your location] and you consent to exclusive jurisdiction and venue of such courts.\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"Indemnification\",\"bold\":true}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"You agree to indemnify [company name] and its affiliates and hold [company name] harmless against legal claims and demands that may arise from your use or misuse of our services. We reserve the right to select our own legal counsel.\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"Limitation on liability\",\"bold\":true}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"[company name] is not liable for any damages that may occur to you as a result of your misuse of our website.\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"\"}]},{\"type\":\"paragraph\",\"children\":[{\"type\":\"span\",\"text\":\"[company name] reserves the right to edit, modify, and change this Agreement at any time. We shall let our users know of these changes through electronic mail. This Agreement is an understanding between [company name] and the user, and this supersedes and replaces all prior agreements regarding the use of this website.\"}]}]";
 export declare const captureButtonPropsMock: ConsentCaptureProps;
 export declare const captureCheckboxPropsMock: ConsentCaptureProps;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { FormStateType } from 'containers';
 export declare type CustomValidationRule<T = string> = {
     text: string;
     validate: (value?: T) => boolean;
@@ -8,5 +8,7 @@ export declare type CustomValidationProps<T = string> = {
     value: T;
     isSubmitted?: boolean;
     rules: CustomValidationRule<T>[];
+    spacer?: number;
+    validationState?: FormStateType;
 };
-export declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, }: CustomValidationProps<T>) => JSX.Element;
+export declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, spacer, validationState, }: CustomValidationProps<T>) => JSX.Element;

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

@@ -1,9 +1,8 @@
-/// <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;
+    component: <T extends string = string>({ rules, value, isSubmitted, label, spacer, validationState, }: import("./CustomValidation").CustomValidationProps<T>) => JSX.Element;
 };
 export default _default;
 export declare const CustomValidation: ComponentStory<typeof CustomValidationComponent>;

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

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

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

@@ -3,7 +3,7 @@ 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;
+    component: ({ children, closeIconColor, withCloseIcon, ...props }: React.PropsWithChildren<import("./styles").DrawerProps>) => JSX.Element;
 };
 export default _default;
 export declare const Drawer: StoryFn<typeof DrawerComponent>;

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

@@ -4,16 +4,18 @@ import { Drawer as DrawerComponent, DrawerProps as DrawerComponentProps } from '
 export declare type Anchor = 'top' | 'left' | 'bottom' | 'right';
 export declare type DrawerProps = DrawerComponentProps & {
     anchor: Anchor;
-    padding?: SizesTypes | number;
+    padding?: SizesTypes | number | string;
     height?: number | string;
     width?: number | string;
+    withCloseIcon?: boolean;
     closeIconColor?: ThemeColors | string;
 };
 export declare const BaseDrawer: import("styled-components").StyledComponent<typeof DrawerComponent, import("styled-components").DefaultTheme, DrawerComponentProps & {
     anchor: Anchor;
-    padding?: number | SizesTypes | undefined;
+    padding?: string | number | undefined;
     height?: string | number | undefined;
     width?: string | number | undefined;
+    withCloseIcon?: boolean | undefined;
     closeIconColor?: string | undefined;
 }, never>;
 export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare type EmphasizedTextProps = {
     type: 'emphasized_text';
     invertColors: boolean;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { EmphasizedText as EmphasizedTextComponent } from './EmphasizedText';
 declare const _default: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputFieldProps, MenuItemsProps } from 'molecules';
 import { FilteredFeedContentType } from 'organisms';
 export declare type FeedTemplateKeys = `feed_${'a' | 'b'}`;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentStory } from '@storybook/react';
 import { FeedContentHeader as FeedContentHeaderComponent } from './FeedContentHeader';
 declare const _default: {

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import type { StylesType } from 'typescript';
 import { FontSizesTypes, ThemeColors } from 'theme';
+import type { Nullable, StylesType } from 'typescript';
 export declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
 export declare type LabelInternalConfig = {
     fontVariant: FontSizesTypes;
@@ -34,7 +33,7 @@ export declare type FieldLabelsProps = {
     tooltipText?: string;
     isError?: boolean;
     isTooltipVisible?: boolean;
-    ruleLabel?: FieldRuleLabelTypes;
+    ruleLabel?: Nullable<FieldRuleLabelTypes>;
     labelInternalConfig?: LabelInternalConfig;
     ruleLabelInternalConfig?: RuleLabelInternalConfig;
     tooltipInternalConfig?: TooltipInternalConfig;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StoryFn } from '@storybook/react';
 import { FieldLabelsProps } from './FieldLabels';
 declare const _default: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { UIField } from 'fieldsConfiguration';
 import { Control } from 'react-hook-form/dist/types';
 import { StylesType } from 'typescript';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Control } from 'react-hook-form/dist/types';
 import { UIFields } from '../../fieldsConfiguration';
 export declare type FieldSectionProps<T extends object> = {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { FieldSection as FieldSectionComponent } from './FieldSection';
 declare const _default: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RegularImageProps } from 'atoms';
 import { ButtonProps } from 'molecules';
 export declare type HeroImageAlignment = 'left_aligned' | 'center_aligned';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { HeroImage as HeroImageComponent } from './HeroImage';
 declare const _default: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { HorizontalButtonsProps } from 'atoms';
 import { Control } from 'react-hook-form/dist/types';
 declare type ToggleFieldProps = {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { HorizontalButtonsField as HorizontalButtonsFieldComponent } from './HorizontalButtonsField';
 declare const _default: {

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

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-import { Callback, StylesType } from 'typescript';
+import { ConfigurationItemInfo, MetadataType } from 'containers';
+import type { Callback, StylesType } from 'typescript';
+import { SizesTypes } from 'theme';
 export declare type ImageProps = {
     src: string;
 } & Partial<{
@@ -9,8 +10,11 @@ export declare type ImageProps = {
     onClick: Callback;
     width: number;
     height: number;
-    cornerRadius: number;
+    cornerRadius: SizesTypes | number;
     behaveAs: 'background' | 'regular';
     styles: StylesType;
+    metadata: MetadataType;
+    htmlElementId: string;
+    configurationItemInfo: ConfigurationItemInfo;
 }>;
-export declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, }: ImageProps) => JSX.Element;
+export declare const Image: ({ src, onClick, link, altText, styles, width, height, id, behaveAs, cornerRadius, htmlElementId, metadata, configurationItemInfo, }: ImageProps) => JSX.Element | null;

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

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

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { Control, ControllerProps } from 'react-hook-form/dist/types';
 import { InputProps } from 'atoms';
-import type { StylesType } from 'typescript';
+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 InputFieldProps = Partial<{
     name: string;
@@ -13,5 +13,10 @@ export declare type InputFieldProps = Partial<{
     inputProps: InputProps;
     styles: StylesType;
     labelsProps: FieldLabelsProps;
+    conditionConfig: ConditionConfig;
+    state: FormStateType;
+    formData: AnyObject;
+    htmlElementId: string;
+    configurationItemInfo?: ConfigurationItemInfo;
 }>;
-export declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, }: InputFieldProps) => JSX.Element;
+export declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, configurationItemInfo, }: InputFieldProps) => JSX.Element | null;

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

@@ -3,7 +3,7 @@ import { StoryFn } from '@storybook/react';
 import { InputFieldProps } from './InputField';
 declare const _default: {
     title: string;
-    component: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, }: Partial<{
+    component: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, configurationItemInfo, }: Partial<{
         name: string;
         control: import("react-hook-form").Control<any, any>;
         rules: Omit<Partial<{
@@ -27,10 +27,40 @@ declare const _default: {
         required: boolean;
         optional: boolean;
         defaultValue: string;
-        inputProps: import("../..").InputProps;
+        inputProps: Partial<{
+            value: string;
+            leftIcon: import("../..").InputIconProps;
+            rightIcon: import("../..").InputIconProps;
+            onBlur: import("typescript").Callback;
+            type: import("fieldsConfiguration").InputFieldTypes;
+            placeholder: string;
+            disabled: boolean;
+            isEditMode: boolean;
+            isError: boolean;
+            maxLength: number;
+            onChange: (value: string) => void;
+            onKeyDown: (event: import("react").KeyboardEvent<HTMLInputElement>) => void;
+            internalConfig: Partial<{
+                textColor: string;
+                textFontSize: number;
+                placeholderTextColor: string;
+                placeholderTextFontSize: number;
+                verticalPadding: number;
+                horizontalPadding: 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>>;
+            }>;
+            config?: import("../../atoms/Input/helpers").MaskConfig | undefined;
+            state: import("../..").FormStateType;
+        }>;
         styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
         labelsProps: import("..").FieldLabelsProps;
-    }>) => JSX.Element;
+        conditionConfig: import("../..").ConditionConfig;
+        state: import("../..").FormStateType;
+        formData: import("typescript").AnyObject;
+        htmlElementId: string;
+        configurationItemInfo?: import("../..").ConfigurationItemInfo | undefined;
+    }>) => JSX.Element | null;
 };
 export default _default;
 export declare const InputField: StoryFn<InputFieldProps>;

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

@@ -0,0 +1,13 @@
+import { TextButtonProps } from 'atoms';
+import { ConfigurationItemInfo } from 'containers';
+export declare type LinkProps = Omit<TextButtonProps, 'children'> & Partial<{
+    text: string;
+    isRichText: boolean;
+    href: string;
+    htmlElementId: string;
+    moleculeId: string;
+    isTrigger: boolean;
+    onExternalLink?: () => void;
+    configurationItemInfo?: ConfigurationItemInfo;
+}>;
+export declare const Link: ({ text, isRichText, htmlElementId, isTrigger, moleculeId, configurationItemInfo, ...props }: LinkProps) => JSX.Element | null;

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

@@ -0,0 +1,8 @@
+import type { StoryFn } from '@storybook/react';
+import { Link as LinkComponent } from 'molecules';
+declare const _default: {
+    title: string;
+    component: ({ text, isRichText, htmlElementId, isTrigger, moleculeId, configurationItemInfo, ...props }: import("molecules").LinkProps) => JSX.Element | null;
+};
+export default _default;
+export declare const Link: StoryFn<typeof LinkComponent>;

package/dist/esm/src/molecules/MenuItems/MenuItem.d.ts

@@ -0,0 +1,20 @@
+export declare type MenuItemType<T> = {
+    id: T;
+    title: string;
+    active?: boolean;
+    onClick: (id: T) => void;
+    options?: MenuItemType<T>[];
+    divider?: boolean;
+    disabled?: boolean;
+    itemColor?: string;
+    activeItemColor?: string;
+};
+export declare type MenuItemProps<T> = {
+    item: MenuItemType<T>;
+    activeKey?: T;
+    itemColor?: string;
+    menuTheme?: 'light' | 'dark';
+    activeItemColor?: string;
+    parentHandleClick?: (id: T) => void;
+};
+export declare const MenuItem: <T extends string | number>({ item, activeKey, menuTheme, itemColor, activeItemColor, parentHandleClick, }: MenuItemProps<T>) => JSX.Element;

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

@@ -1,12 +1,11 @@
-/// <reference types="react" />
-export declare type MenuItem<T> = {
-    id: T;
-    title: string;
-    onClick?: (id: T) => void;
-};
+import { MenuItemType } from './MenuItem';
 export declare type MenuItemsProps<T> = {
     title?: string;
+    options?: MenuItemType<T>[];
+    activeKey?: T;
+    itemColor?: string;
+    menuTheme?: 'light' | 'dark';
     onItemPress?: (id: T) => void;
-    options?: MenuItem<T>[];
+    activeItemColor?: string;
 };
-export declare const MenuItems: <T extends string | number>({ title, onItemPress, options, }: MenuItemsProps<T>) => JSX.Element;
+export declare const MenuItems: <T extends string | number>({ title, options, activeKey, itemColor, menuTheme, onItemPress, activeItemColor, }: MenuItemsProps<T>) => JSX.Element;

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { MenuItems as MenuItemsComponent } from './MenuItems';
 declare const _default: {
     title: string;
-    component: <T extends string | number>({ title, onItemPress, options, }: import("./MenuItems").MenuItemsProps<T>) => JSX.Element;
+    component: <T extends string | number>({ title, options, activeKey, itemColor, menuTheme, onItemPress, activeItemColor, }: import("./MenuItems").MenuItemsProps<T>) => JSX.Element;
 };
 export default _default;
 export declare const MenuItems: ComponentStory<typeof MenuItemsComponent>;

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

@@ -1,9 +1,11 @@
-/// <reference types="react" />
+import { IconNames } from 'atoms';
 import { MenuItemsProps } from '../MenuItems/MenuItems';
 export declare type MenuNavigationProps<T> = {
     menuConfig: MenuItemsProps<T>;
+    customIconType?: IconNames;
+    menuIconColor?: string;
 };
-export declare const MenuNavigation: <T extends string | number>({ menuConfig, }: MenuNavigationProps<T>) => JSX.Element;
+export declare const MenuNavigation: <T extends string | number>({ menuConfig, customIconType, menuIconColor, }: MenuNavigationProps<T>) => JSX.Element;
 export declare const CaretIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isOpen: boolean;
 }, never>;

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

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import type { ComponentStory } from '@storybook/react';
 import { MenuNavigation as MenuNavigationComponent } from 'molecules/MenuNavigation/MenuNavigation';
 import 'rc-dropdown/assets/index.css';
 declare const _default: {
     title: string;
-    component: <T extends string | number>({ menuConfig, }: import("molecules/MenuNavigation/MenuNavigation").MenuNavigationProps<T>) => JSX.Element;
+    component: <T extends string | number>({ menuConfig, customIconType, menuIconColor, }: import("molecules/MenuNavigation/MenuNavigation").MenuNavigationProps<T>) => JSX.Element;
 };
 export default _default;
 export declare const MenuNavigation: ComponentStory<typeof MenuNavigationComponent>;

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

@@ -0,0 +1,25 @@
+import { ConfigurationItemInfo, FormStateType } from 'containers';
+import { UIFields } from 'fieldsConfiguration';
+import { MaxRuleValidation, MinRuleValidation } from 'organisms/SetPasswordForm/types';
+import { UseFormReturn } from 'react-hook-form';
+export declare type PasswordRuleValidation = {
+    label: string;
+    rule: MaxRuleValidation | MinRuleValidation;
+};
+export declare type PasswordFields = {
+    password: {
+        value: string;
+    };
+    reenteredPassword?: {
+        value?: string;
+    };
+};
+export declare type PasswordSetupProps = {
+    fields: UIFields<PasswordFields>;
+    validations: PasswordRuleValidation[];
+    form?: UseFormReturn<any>;
+    validationLabel?: string;
+    validationState?: FormStateType;
+    configurationItemInfo?: ConfigurationItemInfo;
+};
+export declare const PasswordSetup: ({ fields, validations, form, validationLabel, validationState, configurationItemInfo, }: PasswordSetupProps) => JSX.Element;

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

@@ -0,0 +1,8 @@
+import type { StoryFn } from '@storybook/react';
+import { PasswordSetup as PasswordSetupComponent } from './PasswordSetup';
+declare const _default: {
+    title: string;
+    component: ({ fields, validations, form, validationLabel, validationState, configurationItemInfo, }: import("./PasswordSetup").PasswordSetupProps) => JSX.Element;
+};
+export default _default;
+export declare const PasswordSetup: StoryFn<typeof PasswordSetupComponent>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ThemeColors } from 'theme';
 export declare type PdfDocumentProps = {
     source: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentStory } from '@storybook/react';
 import { PdfDocument as PdfDocumentComponent } from 'molecules';
 declare const _default: {