@innovaccer/design-system 4.0.0 → 4.1.0

package/dist/core/components/molecules/dropzone/Dropzone.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { DropzoneBaseProps } from "./DropzoneBase";
+import { BaseProps } from "../../../utils/types";
+export declare type DropZoneType = 'standard' | 'compressed' | 'tight';
+export interface DropzoneProps extends BaseProps, DropzoneBaseProps {
+    formatLabel?: string;
+    type: DropZoneType;
+    sizeLabel?: string;
+    sampleFileLink?: React.ReactNode;
+}
+export declare const Dropzone: {
+    (props: DropzoneProps): React.JSX.Element;
+    displayName: string;
+    defaultProps: {
+        type: string;
+        disabled: boolean;
+        getFilesFromEvent: typeof import("./FileSelectorUtils").fromEvent;
+        maxSize: number;
+        minSize: number;
+        multiple: boolean;
+        preventDropOnDocument: boolean;
+        validator: () => null;
+    };
+};
+export default Dropzone;

package/dist/core/components/molecules/dropzone/DropzoneActive.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { DropzoneProps } from "../../../index.type";
+export interface DropzoneActiveProps {
+    type: DropzoneProps['type'];
+}
+export declare const DropzoneActive: {
+    (props: DropzoneActiveProps): React.JSX.Element;
+    displayName: string;
+};
+export default DropzoneActive;

package/dist/core/components/molecules/dropzone/DropzoneBase.d.ts

@@ -0,0 +1,42 @@
+import { FileErrorTypes } from "./FileErrors";
+import { fromEvent } from "./FileSelectorUtils";
+import { BaseProps } from "../../../utils/types";
+interface FileError {
+    type: FileErrorTypes;
+    message: string;
+}
+export interface FileRejection {
+    file: File;
+    errors: FileError[];
+}
+export interface DropzoneBaseProps extends BaseProps {
+    accept?: string | string[];
+    multiple?: boolean;
+    preventDropOnDocument?: boolean;
+    minSize: number;
+    maxSize: number;
+    disabled: boolean;
+    getFilesFromEvent: (event: DragEvent | Event) => any;
+    onFileDialogCancel?: () => void;
+    onDragEnter?: (event: DragEvent) => void;
+    onDragLeave?: (event: DragEvent) => void;
+    onDragOver?: (event: DragEvent) => void;
+    onDrop?: (event: DragEvent | Event, acceptedFiles: File[], rejectedFiles: FileRejection[]) => void;
+    onDropAccepted?: (event: DragEvent | Event, files: File[]) => void;
+    onDropRejected?: (event: DragEvent | Event, rejectedFiles: FileRejection[]) => void;
+    validator?: (file: File) => FileError | FileError[];
+}
+export declare const DropzoneBase: {
+    (props: DropzoneBaseProps): any;
+    displayName: string;
+    defaultProps: {
+        disabled: boolean;
+        getFilesFromEvent: typeof fromEvent;
+        maxSize: number;
+        minSize: number;
+        multiple: boolean;
+        preventDropOnDocument: boolean;
+        validator: () => null;
+    };
+};
+export default DropzoneBase;

package/dist/core/components/molecules/dropzone/DropzoneError.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { DropzoneProps } from "../../../index.type";
+export interface DropzoneErrorProps {
+    error: string;
+    type: DropzoneProps['type'];
+}
+export declare const DropzoneError: {
+    (props: DropzoneErrorProps): React.JSX.Element;
+    displayName: string;
+};
+export default DropzoneError;

package/dist/core/components/molecules/dropzone/DropzoneIcon.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare type SVGIconProps = {
+    name: 'default' | 'active' | 'error';
+    type: 'standard' | 'compressed' | 'tight';
+    disabled?: boolean;
+};
+declare const DropzoneIcon: (props: SVGIconProps) => React.JSX.Element;
+export default DropzoneIcon;

package/dist/core/components/molecules/dropzone/FileErrors.d.ts

@@ -0,0 +1,26 @@
+export declare type FileErrorTypes = 'FILE_INVALID_TYPE' | 'FILE_TOO_LARGE' | 'FILE_TOO_SMALL' | 'TOO_MANY_FILES';
+export declare const fileErrorMessages: {
+    [key: string]: string;
+};
+export declare const getInvalidTypeRejectionErr: (accept?: string | string[] | undefined) => {
+    type: string;
+    message: string;
+};
+export declare const getTooLargeRejectionErr: (maxSize: number) => {
+    type: string;
+    message: string;
+};
+export declare const getTooSmallRejectionErr: (minSize: number) => {
+    type: string;
+    message: string;
+};
+export declare const fileAccepted: (file: File, accept?: string | string[] | undefined) => (boolean | {
+    type: string;
+    message: string;
+} | null)[];
+export declare const fileMatchSize: (file: File, minSize: number, maxSize: number) => (boolean | {
+    type: string;
+    message: string;
+})[] | (boolean | null)[];
+export declare const getFileError: (options: any) => "" | "FILE_INVALID_TYPE" | "FILE_TOO_LARGE" | "TOO_MANY_FILES";
+export declare const allFilesAccepted: (options: any) => any;

package/dist/core/components/molecules/dropzone/FileSelectorUtils.d.ts

@@ -0,0 +1,11 @@
+export declare const COMMON_MIME_TYPES: Map<string, string>;
+interface DOMFile extends Blob {
+    readonly lastModified: number;
+    readonly name: string;
+}
+export interface FileWithPath extends DOMFile {
+    readonly path?: string;
+}
+export declare function fromEvent(evt: Event): Promise<(FileWithPath | DataTransferItem)[]>;
+export declare function toFileWithPath(file: FileWithPath, path?: string): FileWithPath;
+export {};

package/dist/core/components/molecules/dropzone/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Dropzone";
+export * from "./Dropzone";

package/dist/core/components/molecules/dropzone/utils.d.ts

@@ -0,0 +1,10 @@
+export declare const accepts: (file: File, acceptedFiles?: string | string[] | undefined) => boolean;
+export declare const isPropagationStopped: (event: any) => any;
+export declare const isEvtWithFiles: (event: any) => boolean;
+export declare const isKindFile: (item: null | Record<string, unknown>) => boolean;
+export declare const onDocumentDragOver: (event: DragEvent) => void;
+export declare const isIeOrEdge: (userAgent?: string) => boolean;
+declare type functype = (event: Event, ...args: unknown[]) => void;
+export declare const composeEventHandlers: (...fns: functype[]) => (event: Event, ...args: unknown[]) => boolean;
+export declare const reducer: (state: any, action: any) => any;
+export {};

package/dist/core/components/molecules/editableChipInput/EditableChipInput.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+import { ChipInputProps } from "../../../index.type";
+export interface EditableChipInputProps extends BaseProps {
+    placeholder: string;
+    value?: string[];
+    onChange?: (chips: string[]) => void;
+    disableSaveAction?: boolean;
+    chipInputOptions: Omit<ChipInputProps, 'placeholder' | 'value' | 'defaultValue'>;
+}
+export declare const EditableChipInput: {
+    (props: EditableChipInputProps): React.JSX.Element;
+    defaultProps: {
+        placeholder: string;
+        chipInputOptions: {};
+    };
+};
+export default EditableChipInput;

package/dist/core/components/molecules/editableChipInput/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./EditableChipInput";
+export * from "./EditableChipInput";

package/dist/core/components/molecules/editableDropdown/EditableDropdown.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { Dropdown } from "../../../index";
+import { DropdownProps } from "../../../index.type";
+import { BaseProps, MakeOptional } from "../../../utils/types";
+declare type DropdownOptions = MakeOptional<DropdownProps, keyof (typeof Dropdown)['defaultProps']>;
+export interface EditableDropdownProps extends BaseProps {
+    placeholder: string;
+    dropdownOptions: Omit<DropdownOptions, 'getLabel' | 'placeholder'>;
+    customTriggerRenderer?: (label: string) => React.ReactNode;
+}
+export declare const EditableDropdown: {
+    (props: EditableDropdownProps): React.JSX.Element;
+    defaultProps: {
+        placeholder: string;
+        dropdownOptions: {};
+    };
+};
+export default EditableDropdown;

package/dist/core/components/molecules/editableDropdown/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./EditableDropdown";
+export * from "./EditableDropdown";

package/dist/core/components/molecules/editableInput/EditableInput.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { InputProps } from "../../../index.type";
+import { BaseProps } from "../../../utils/types";
+export interface EditableInputProps extends BaseProps {
+    value?: string;
+    placeholder?: string;
+    size: 'tiny' | 'regular';
+    disableSaveAction?: boolean;
+    error?: boolean;
+    errorMessage?: string;
+    inputOptions: Omit<InputProps, 'error' | 'value' | 'defaultValue' | 'size' | 'placeholder'>;
+    onChange?: (value: string) => void;
+}
+export declare const EditableInput: {
+    (props: EditableInputProps): React.JSX.Element;
+    defaultProps: {
+        size: string;
+        placeholder: string;
+        inputOptions: {};
+    };
+};
+export default EditableInput;

package/dist/core/components/molecules/editableInput/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./EditableInput";
+export * from "./EditableInput";

package/dist/core/components/molecules/emptyState/EmptyState.d.ts

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import { HeadingProps, TextProps } from "../../../index.type";
+import { BaseProps } from "../../../utils/types";
+import { TEmptyStateSize } from "../../../common.type";
+export interface EmptyStateProps extends BaseProps {
+    imageSrc?: string;
+    title?: string;
+    description?: string;
+    image?: React.ReactNode;
+    size?: TEmptyStateSize;
+    maxWidth?: number | string;
+    minWidth?: number | string;
+    width?: number | string;
+    children?: React.ReactNode;
+}
+export declare const imageHeight: {
+    large: string;
+    small: string;
+    standard: string;
+    compressed: string;
+    tight: string;
+};
+export declare const templateWidth: {
+    standard: string;
+    compressed: string;
+    tight: string;
+    large: string;
+    small: string;
+};
+export declare const HeadingSize: Record<TEmptyStateSize, HeadingProps['size']>;
+export declare const textSize: Record<TEmptyStateSize, TextProps['size']>;
+export declare const EmptyState: {
+    (props: EmptyStateProps): React.JSX.Element;
+    displayName: string;
+    Title: (props: import("./EmptyStateTitle").EmptyDescriptionProps) => React.JSX.Element;
+    Description: (props: import("./EmptyStateDescription").EmptyDescriptionProps) => React.JSX.Element;
+    Image: (props: import("./EmptyStateImage").EmptyImageProps) => React.JSX.Element;
+    Actions: (props: import("./EmptyStateActions").EmptyActionProps) => React.JSX.Element;
+    defaultProps: {
+        size: string;
+    };
+};
+export default EmptyState;

package/dist/core/components/molecules/emptyState/EmptyStateActions.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { BaseProps } from "../../../utils/types";
+export interface EmptyActionProps extends BaseProps {
+    children: React.ReactNode;
+}
+declare const EmptyStateActions: (props: EmptyActionProps) => React.JSX.Element;
+export default EmptyStateActions;

package/dist/core/components/molecules/emptyState/EmptyStateContext.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { TEmptyStateSize } from "../../../common.type";
+export declare type ContextProps = {
+    size?: TEmptyStateSize;
+    maxWidth?: number | string;
+};
+export declare const EmptyStateContext: React.Context<ContextProps>;
+export default EmptyStateContext;

package/dist/core/components/molecules/emptyState/EmptyStateDescription.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { BaseProps } from "../../../utils/types";
+export interface EmptyDescriptionProps extends BaseProps {
+    children: React.ReactText;
+}
+declare const EmptyStateDescription: (props: EmptyDescriptionProps) => React.JSX.Element;
+export default EmptyStateDescription;

package/dist/core/components/molecules/emptyState/EmptyStateImage.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { BaseProps } from "../../../utils/types";
+export interface EmptyImageProps extends BaseProps, React.ImgHTMLAttributes<HTMLImageElement> {
+    children?: React.ReactNode;
+    src?: string;
+    alt?: string;
+    height?: string | number;
+    minHeight?: string | number;
+    maxHeight?: string | number;
+}
+export declare const imageHeight: {
+    standard: string;
+    compressed: string;
+    tight: string;
+    large: string;
+    small: string;
+};
+declare const EmptyStateImage: (props: EmptyImageProps) => React.JSX.Element;
+export default EmptyStateImage;

package/dist/core/components/molecules/emptyState/EmptyStateTitle.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { BaseProps } from "../../../utils/types";
+export interface EmptyDescriptionProps extends BaseProps {
+    children: React.ReactText;
+}
+declare const EmptyStateTitle: (props: EmptyDescriptionProps) => React.JSX.Element;
+export default EmptyStateTitle;

package/dist/core/components/molecules/emptyState/_tests_/EmptyState.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/core/components/molecules/emptyState/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./EmptyState";
+export * from "./EmptyState";

package/dist/core/components/molecules/fileList/FileIcon.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { FileListItemProps } from "./FileListItem";
+export interface FileIconProps {
+    file: FileListItemProps['file'];
+    progress: FileListItemProps['progress'];
+    status: FileListItemProps['status'];
+}
+export declare const FileIcon: {
+    (props: FileIconProps): React.JSX.Element;
+    displayName: string;
+    defaultProps: {
+        progress: number;
+        status: string;
+    };
+};
+export default FileIcon;

package/dist/core/components/molecules/fileList/FileList.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+import { FileListItemProps } from "./FileListItem";
+export interface FileListProps extends BaseProps {
+    fileList: Omit<FileListItemProps[], 'onClick'>;
+    onClick?: FileListItemProps['onClick'];
+    actionRenderer?: React.FC<FileListItemProps>;
+}
+export declare const FileList: {
+    (props: FileListProps): React.JSX.Element | null;
+    defaultProps: {
+        fileList: never[];
+    };
+    displayName: string;
+};
+export default FileList;

package/dist/core/components/molecules/fileList/FileListItem.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+import { FileStatus } from "../../../common.type";
+export interface FileObject extends BaseProps, Record<string, any> {
+    name: string;
+    size: string;
+    type: string;
+}
+export interface FileListItemProps extends BaseProps, Record<string, any> {
+    file: File | FileObject;
+    status: FileStatus;
+    progress?: number;
+    errorMessage?: string;
+    actions?: React.ReactNode;
+    fileItem?: any;
+    fileSize?: string;
+    onClick?: (file: FileListItemProps) => void;
+}
+export declare const FileListItem: {
+    (props: FileListItemProps): React.JSX.Element;
+    defaultProps: {
+        progress: number;
+        errorMessage: string;
+    };
+    displayName: string;
+};
+export default FileListItem;

package/dist/core/components/molecules/fileList/index.d.ts

@@ -0,0 +1 @@
+export * from "./FileList";

package/dist/core/components/molecules/fileUploader/FileUploader.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { FileUploaderFormatProps } from "./FileUploaderFormat";
+import { FileUploaderButtonProps } from "./FileUploaderButton";
+import { BaseProps } from "../../../utils/types";
+export interface FileUploaderProps extends FileUploaderButtonProps, FileUploaderFormatProps, BaseProps {
+    title: string;
+    sizeLabel: string;
+    sampleFileLink?: JSX.Element;
+}
+export declare const FileUploader: {
+    (props: FileUploaderProps): React.JSX.Element;
+    defaultProps: {
+        uploadButtonLabel: string;
+        disabled: boolean;
+        multiple: boolean;
+    } & {
+        title: string;
+        sizeLabel: string;
+    };
+    displayName: string;
+};
+export default FileUploader;

package/dist/core/components/molecules/fileUploader/FileUploaderButton.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+export interface FileUploaderButtonProps extends BaseProps {
+    name?: string;
+    id?: string;
+    accept?: string[];
+    multiple: boolean;
+    uploadButtonLabel: string;
+    disabled: boolean;
+    onChange?: (fileList: File[], event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const FileUploaderButton: {
+    (props: FileUploaderButtonProps): React.JSX.Element;
+    defaultProps: {
+        uploadButtonLabel: string;
+        disabled: boolean;
+        multiple: boolean;
+    };
+    displayName: string;
+};
+export default FileUploaderButton;

package/dist/core/components/molecules/fileUploader/FileUploaderFormat.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface FileUploaderFormatProps {
+    formatLabel?: string;
+}
+export declare const FileUploaderFormat: {
+    (props: FileUploaderFormatProps): React.JSX.Element | null;
+    displayName: string;
+};
+export default FileUploaderFormat;

package/dist/core/components/molecules/fileUploader/FileUploaderItem.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+import { FileStatus } from "../../../common.type";
+export interface FileItem {
+    file: File;
+    id?: any;
+    status?: FileStatus;
+    progress?: number;
+    errorMessage?: string;
+}
+export interface FileUploaderItemProps extends BaseProps, FileItem {
+    onDelete?: (file: File, id?: any) => void;
+    onRetry?: (file: File, id?: any) => void;
+    onClick?: (file: File, id?: any) => void;
+}
+export declare const FileUploaderItem: {
+    (props: FileUploaderItemProps): React.JSX.Element;
+    defaultProps: {
+        status: string;
+        progress: number;
+        errorMessage: string;
+    };
+    displayName: string;
+};
+export default FileUploaderItem;

package/dist/core/components/molecules/fileUploader/FileUploaderList.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { FileItem } from "./FileUploaderItem";
+import { BaseProps } from "../../../utils/types";
+export interface FileUploaderListProps extends BaseProps {
+    fileList: FileItem[];
+    onClick?: (file: File, id?: any) => void;
+    onDelete?: (file: File, id?: any) => void;
+    onRetry?: (file: File, id?: any) => void;
+}
+export declare const FileUploaderList: {
+    (props: FileUploaderListProps): React.JSX.Element | null;
+    defaultProps: {
+        fileList: never[];
+    };
+    displayName: string;
+};
+export default FileUploaderList;

package/dist/core/components/molecules/fileUploader/FileUploaderStatus.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { FileStatus } from "../../../common.type";
+export interface FileUploaderStatusProps {
+    file: File;
+    progress: number;
+    id?: any;
+    status: FileStatus;
+    onRetry?: () => void;
+}
+export declare const FileUploaderStatus: {
+    (props: FileUploaderStatusProps): React.JSX.Element | null;
+    displayName: string;
+    defaultProps: {
+        status: string;
+        progress: number;
+    };
+};
+export default FileUploaderStatus;

package/dist/core/components/molecules/fileUploader/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./FileUploader";
+export * from "./FileUploaderList";

package/dist/core/components/molecules/fullscreenModal/FullscreenModal.d.ts

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+import { OverlayHeaderProps } from "../overlayHeader";
+import { FooterOptions } from "../../../common.type";
+export declare type FullScreenDimension = 'medium' | 'large';
+export interface FullscreenModalProps extends BaseProps {
+    dimension: FullScreenDimension;
+    open: boolean;
+    onClose?: (event?: Event | React.MouseEvent<HTMLElement, MouseEvent>, reason?: string) => void;
+    headerOptions?: OverlayHeaderProps;
+    header?: React.ReactNode;
+    footerOptions?: FooterOptions;
+    footer?: React.ReactNode;
+    children?: React.ReactNode;
+    closeOnEscape?: boolean;
+}
+interface ModalState {
+    open: boolean;
+    animate: boolean;
+    zIndex?: number;
+}
+declare class FullscreenModal extends React.Component<FullscreenModalProps, ModalState> {
+    modalRef: React.RefObject<HTMLDivElement>;
+    element: Element;
+    static defaultProps: {
+        dimension: string;
+    };
+    constructor(props: FullscreenModalProps);
+    onOutsideClickHandler: (event: Event) => void;
+    onCloseHandler: (event: KeyboardEvent) => void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: FullscreenModalProps): void;
+    render(): React.JSX.Element;
+}
+export default FullscreenModal;

package/dist/core/components/molecules/fullscreenModal/index.d.ts

@@ -0,0 +1,2 @@
+export { default, default as FullscreenModal } from "./FullscreenModal";
+export * from "./FullscreenModal";

package/dist/core/components/molecules/inputMask/InputMask.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { BaseProps, Validators, Mask } from "../../../utils/types";
+import { InputProps } from "../../../index.type";
+import { getDefaultValue } from "./utilites";
+export interface MaskProps extends BaseProps {
+    mask: Mask;
+    placeholderChar?: string;
+    caption?: string;
+    validators?: Validators;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>, maskedVal: string) => void;
+    onBlur?: (e: React.ChangeEvent<HTMLInputElement>, maskedVal: string) => void;
+    onClear?: (e: React.MouseEvent<HTMLElement>) => void;
+    onPaste?: (e: React.ClipboardEvent<HTMLInputElement>, val?: string) => void;
+    clearOnEmptyBlur?: boolean;
+    helpText?: string;
+}
+export declare type InputMaskProps = InputProps & MaskProps;
+declare type InputMaskType = React.ForwardRefExoticComponent<InputProps & MaskProps & React.RefAttributes<HTMLInputElement>> & {
+    utils: {
+        getDefaultValue: typeof getDefaultValue;
+    };
+};
+declare const X: InputMaskType;
+export { X as InputMask };
+declare const _default: InputMaskType;
+export default _default;

package/dist/core/components/molecules/inputMask/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./InputMask";
+export * from "./InputMask";

package/dist/core/components/molecules/inputMask/utilites.d.ts

@@ -0,0 +1,3 @@
+import { InputMaskProps } from "../../../index.type";
+export declare const isEditable: (mask: InputMaskProps['mask'], pos: number) => boolean;
+export declare const getDefaultValue: (mask: InputMaskProps['mask'], placeholderChar: InputMaskProps['placeholderChar']) => string;

package/dist/core/components/molecules/keyValuePair/KeyElement.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { IconProps } from "../../../index.type";
+import { BaseProps } from "../../../utils/types";
+declare type IconPosition = 'left' | 'right';
+export interface KeyElementProps extends BaseProps {
+    children?: React.ReactNode;
+    label?: React.ReactText;
+    icon?: string;
+    iconOptions?: IconProps;
+    iconAlign?: IconPosition;
+}
+export declare const KeyElement: {
+    (props: KeyElementProps): React.JSX.Element;
+    defaultProps: {
+        iconAlign: string;
+    };
+};
+export default KeyElement;

package/dist/core/components/molecules/keyValuePair/KeyValuePair.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+export interface KeyValuePairProps extends BaseProps {
+    children: React.ReactNode;
+}
+export declare const KeyValuePair: {
+    (props: KeyValuePairProps): React.JSX.Element;
+    Key: {
+        (props: import("./KeyElement").KeyElementProps): React.JSX.Element;
+        defaultProps: {
+            iconAlign: string;
+        };
+    };
+    Value: (props: import("./ValueElement").ValueElementProps) => React.JSX.Element;
+};
+export default KeyValuePair;