@zealicsolutions/web-ui 0.3.267 → 0.3.269

package/dist/esm/atoms/CircularIndicator/CircularIndicator.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { ThemeColors } from 'theme';
+export declare type CircularIndicatorProps = {
+    active: boolean;
+    activeColor?: ThemeColors | string;
+    inactiveColor?: ThemeColors | string;
+};
+export declare const CircularIndicator: ({ activeColor, inactiveColor, ...props }: CircularIndicatorProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CircularIndicatorStyledComponent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & CircularIndicatorProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/esm/atoms/Divider/Divider.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { SizesTypes, ThemeColors } from 'theme';
+export declare type DividerProps = {
+    type?: 'horizontal' | 'vertical';
+    color?: ThemeColors | string;
+    marginVertical?: SizesTypes | number;
+    marginHorizontal?: SizesTypes | number;
+    weight?: number;
+};
+export declare const Divider: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & DividerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/atoms/HorizontalButtons/HorizontalButtons.d.ts

@@ -0,0 +1,11 @@
+export declare type HorizontalButtonsProps = {
+    selectedButtonId: string;
+    buttonOptions: {
+        value: string;
+        id: string;
+    }[];
+    onClick: (value: string) => void;
+    disabled?: boolean;
+    error?: boolean;
+};
+export declare const HorizontalButtons: ({ onClick, disabled, buttonOptions, selectedButtonId, error, }: HorizontalButtonsProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,39 @@
+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;
+}>;
+export declare type InputIconProps = {
+    name: IconNames;
+    onClick?: Callback;
+};
+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) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,44 @@
+import { MaskedInputProps } from 'react-text-mask';
+import { HTMLInputTypeAttribute } from 'react';
+import { ThemeColors } from 'theme';
+import { InputProps } from 'atoms';
+import { InputFieldTypes } from '../../fieldsConfiguration';
+import { DataModelFieldFormatCodeTypes } from '../../containers';
+export declare type MaskConfig = {
+    maskPlaceholder?: string;
+    maskPattern?: Array<string | RegExp>;
+    dataModelFieldType: DataModelFieldFormatCodeTypes;
+};
+export declare const getSpecificInputProps: (type: InputFieldTypes) => {
+    type?: HTMLInputTypeAttribute | undefined;
+    inputMode?: "none" | "search" | "text" | "email" | "numeric" | "tel" | "url" | "decimal" | undefined;
+};
+export declare const getMaskInputProps: (type?: InputFieldTypes, config?: MaskConfig) => Pick<MaskedInputProps, 'pipe' | 'mask' | 'placeholder' | 'keepCharPositions'>;
+export declare const getInputIconColor: ({ isEditMode, isFocused, isError, disabled, }: Pick<Partial<{
+    value: string;
+    leftIcon: import("atoms").InputIconProps;
+    rightIcon: import("atoms").InputIconProps;
+    onBlur: import("../../typescript").Callback;
+    type: 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("@emotion/utils").SerializedStyles;
+        wrapperStyles: import("@emotion/utils").SerializedStyles;
+    }>;
+    config?: MaskConfig | undefined;
+    state: import("../../containers").FormStateType;
+}>, "disabled" | "isEditMode" | "isError"> & {
+    isFocused: boolean;
+}) => ThemeColors;

package/dist/esm/atoms/Paddings/Paddings.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { SizesTypes } from 'theme';
+export declare type PaddingProps = {
+    padding: SizesTypes | number;
+};
+export declare const HorizontalPadding: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & PaddingProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const VerticalPadding: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & PaddingProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/atoms/RadioButtons/RadioButtons.d.ts

@@ -0,0 +1,56 @@
+import { RefCallBack } from 'react-hook-form/dist/types';
+import { SizesTypes, ThemeColors } from 'theme';
+import type { Callback, OverrideStyles, StyledTransientProps, StylesType } from 'typescript';
+import { SelectOption } from '../Select/Select';
+export declare type RadioButtonInternalConfigProps = Partial<{
+    selectedRadioOptionBackgroundColor: ThemeColors | string;
+    selectedRadioOptionIndicatorColor: ThemeColors | string;
+    buttonPadding: number;
+    textPadding: number;
+    styles: StylesType;
+    wrapperStyles: StylesType;
+    buttonOptionSpacing: SizesTypes;
+    radioGroupWrapperStyles: StylesType;
+}>;
+export declare type RadioButtonsProps<T extends string> = Partial<{
+    ref: RefCallBack;
+    name: string;
+    value: T;
+    options: SelectOption[];
+    onBlur: Callback;
+    onChange: (value: T) => void;
+    isRow: boolean;
+    isError: boolean;
+    disabled: boolean;
+    isEditMode: boolean;
+    isRichText: boolean;
+    internalConfig: RadioButtonInternalConfigProps;
+}>;
+export declare const RadioButtons: <T extends string>({ ref, name, value, options, onBlur, onChange, isRow, isError, disabled, isEditMode, isRichText, internalConfig, }: Partial<{
+    ref: RefCallBack;
+    name: string;
+    value: T;
+    options: SelectOption[];
+    onBlur: Callback;
+    onChange: (value: T) => void;
+    isRow: boolean;
+    isError: boolean;
+    disabled: boolean;
+    isEditMode: boolean;
+    isRichText: boolean;
+    internalConfig: Partial<{
+        selectedRadioOptionBackgroundColor: ThemeColors | string;
+        selectedRadioOptionIndicatorColor: ThemeColors | string;
+        buttonPadding: number;
+        textPadding: number;
+        styles: StylesType;
+        wrapperStyles: StylesType;
+        buttonOptionSpacing: SizesTypes;
+        radioGroupWrapperStyles: StylesType;
+    }>;
+}>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const RadioGroupWrapper: import("@emotion/styled").StyledComponent<import("@mui/material").RadioGroupProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & StyledTransientProps<{
+    isRow: boolean;
+}> & OverrideStyles, {}, {}>;

package/dist/esm/atoms/RadioButtons/RadioOption.d.ts

@@ -0,0 +1,11 @@
+import { RadioButtonInternalConfigProps, SelectOption } from 'atoms';
+declare type RadioOptionProps = {
+    option: SelectOption;
+    isError?: boolean;
+    disabled?: boolean;
+    isEditMode?: boolean;
+    isRichText?: boolean;
+    internalConfig?: RadioButtonInternalConfigProps;
+};
+export declare const RadioOption: ({ option, isError, disabled, isEditMode, isRichText, internalConfig, }: RadioOptionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/atoms/RadioButtons/helpers.d.ts

@@ -0,0 +1,17 @@
+import { RadioButtonInternalConfigProps } from 'atoms';
+import { ThemeColors } from 'theme';
+import type { StylesType } from 'typescript';
+declare type RadioOptionStylesConfig = {
+    textStyles: StylesType;
+    groupWrapperStyles: StylesType;
+    radioIconWrapperStyles: StylesType;
+    radioLabelWrapperStyles: StylesType;
+    textColor: ThemeColors;
+};
+declare type GetRadioOptionStylesProps = Partial<{
+    isError: boolean;
+    disabled: boolean;
+    internalConfig: RadioButtonInternalConfigProps;
+}>;
+export declare const getRadioOptionStyles: ({ isError, disabled, internalConfig, }: GetRadioOptionStylesProps) => RadioOptionStylesConfig;
+export {};

package/dist/esm/atoms/RadioButtons/styles.d.ts

@@ -0,0 +1,13 @@
+import type { OverrideStyles, StyledTransientProps } from 'typescript';
+export declare const RadioLabelWrapper: import("@emotion/styled").StyledComponent<import("@mui/material").FormControlLabelProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & StyledTransientProps<{
+    isError?: boolean | undefined;
+}> & OverrideStyles, {}, {}>;
+export declare const RadioIconWrapper: import("@emotion/styled").StyledComponent<import("@mui/material").RadioProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & StyledTransientProps<{
+    disabled: boolean;
+    isError?: boolean | undefined;
+    isEditMode?: boolean | undefined;
+}> & OverrideStyles, {}, {}>;

package/dist/esm/atoms/RegularImage/RegularImage.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import type { Callback, OverrideStyles } from 'typescript';
+import { SizesTypes } from 'theme';
+export declare type RegularImageProps = {
+    src: string;
+} & Partial<{
+    alt: string;
+    width: number | string;
+    height: number | string;
+    onClick: Callback;
+    cornerRadius: SizesTypes | number;
+}> & OverrideStyles;
+export declare const RegularImage: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    src: string;
+} & Partial<{
+    alt: string;
+    width: number | string;
+    height: number | string;
+    onClick: Callback;
+    cornerRadius: SizesTypes | number;
+}> & OverrideStyles, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const BackgroundImage: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    src: string;
+} & Partial<{
+    alt: string;
+    width: number | string;
+    height: number | string;
+    onClick: Callback;
+    cornerRadius: SizesTypes | number;
+}> & OverrideStyles & import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/dist/esm/atoms/RichTextViewer/RichTextViewer.d.ts

@@ -0,0 +1,24 @@
+import { TextProps } from 'atoms';
+import { Descendant } from 'slate';
+import { FontSizesTypes, ThemeColors } from 'theme';
+import { AnyObject, StylesType } from 'typescript';
+export declare const defaultValue: Descendant[];
+export declare const MATRIX_MESSAGE_ELEMENT_ID = "matrix-message";
+export declare const COMMUNICATION_LINK_ELEMENT_ID = "communication-link";
+export declare const MATRIX_MESSAGE_DATA_ID = "matrix-message-id";
+export declare const COMMUNICATION_LINK_DATA_URL = "communication-link-url";
+export declare const COMMUNICATION_LINK_DATA_TEXT = "communication-link-text";
+export declare type RichTextEditorProps = {
+    moleculeId: string;
+    value: string;
+    font?: FontSizesTypes;
+    color?: ThemeColors | string;
+    textStyles?: StylesType;
+    numberOfLines?: number;
+    extraTextProps?: TextProps;
+    renderElementWrapperComponent?: (props: AnyObject) => JSX.Element;
+    renderElementWrapperProps?: AnyObject;
+    htmlElementId?: string;
+    isTrigger?: boolean;
+};
+export declare const RichTextViewer: ({ value, font, color, textStyles, numberOfLines, extraTextProps, renderElementWrapperComponent, renderElementWrapperProps, htmlElementId, moleculeId, isTrigger, }: RichTextEditorProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/atoms/RichTextViewer/components/EditorElement.d.ts

@@ -0,0 +1,5 @@
+import { RenderElementProps } from 'slate-react/dist/components/editable';
+import { Callback } from 'typescript';
+export declare const EditorElement: ({ element, children, attributes, onClick, }: RenderElementProps & {
+    onClick?: Callback | undefined;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/atoms/RichTextViewer/components/Leaf.d.ts

@@ -0,0 +1,2 @@
+import { RenderLeafProps } from 'slate-react';
+export declare const Leaf: ({ leaf, children, attributes }: RenderLeafProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/atoms/RichTextViewer/components/index.d.ts

@@ -0,0 +1,2 @@
+export { EditorElement } from './EditorElement';
+export { Leaf } from './Leaf';

package/dist/esm/atoms/RichTextViewer/types.d.ts

@@ -0,0 +1,36 @@
+export declare type Format = 'bold' | 'italic' | 'underline' | 'strikethrough' | 'numbered-list' | 'bulleted-list' | 'communicationLink' | 'tag' | 'variable';
+export declare type TextFormat = Partial<{
+    bold: boolean;
+    italic: boolean;
+    underline: boolean;
+    strikethrough: boolean;
+    communicationLink: CommunicationLinkPayload;
+    variable: VariablePayload;
+    tag: {
+        id: string;
+        label: string;
+    };
+    'numbered-list': boolean;
+    'bulleted-list': boolean;
+}>;
+export declare type CustomElementType = 'paragraph' | 'list-item' | 'bulleted-list' | 'numbered-list' | 'span';
+export declare type CustomText = {
+    text: string;
+    type?: CustomElementType;
+} & TextFormat;
+export declare type CustomElement = {
+    type: CustomElementType;
+    children: CustomText[];
+    href?: string;
+    format?: Format;
+};
+export declare type LinkType = 'externalLink' | 'internalLink';
+export declare type CommunicationLinkPayload = {
+    type: LinkType;
+    url: string;
+};
+export declare type VariablePayload = {
+    id: string;
+    text: string;
+};
+export declare type CustomDescendant = CustomText | CustomElement;

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

@@ -0,0 +1,34 @@
+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) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+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("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & SelectContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DropdownMenu: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DropdownMenuItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    $selected: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const getSelectStyles: (internalConfig?: SelectInternalConfigurationOptions, isSelectedOption?: boolean) => StylesType;
+export {};

package/dist/esm/atoms/Spacer/Spacer.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { SizesTypes } from 'theme';
+export declare type SpacerProps = {
+    width?: SizesTypes | number;
+    height?: SizesTypes | number;
+    layout?: 'div' | 'span';
+};
+export declare const Spacer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & SpacerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/atoms/Spinner/Spinner.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { SizesTypes, ThemeColors } from 'theme/types';
+export declare const Spinner: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    color?: ThemeColors | undefined;
+    size?: SizesTypes | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/atoms/Tab/Tab.d.ts

@@ -0,0 +1,56 @@
+import React from 'react';
+import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme';
+import { StylesType } from 'typescript';
+import { MenuItemType } from '../../molecules/MenuItems/MenuItem';
+export declare type TabOption<T = string> = {
+    menuText: string;
+    menuKey: T;
+    onMenuClick?: (key: T) => void;
+    isSelected?: boolean;
+};
+declare type TabElement = HTMLDivElement | null;
+export declare type TabTheme = 'light' | 'dark';
+export declare type TabProps<T = string, K = string> = {
+    tabKey: T;
+    text: string;
+} & Partial<{
+    disabled: boolean;
+    vertical: boolean;
+    isActive: boolean;
+    onClick: (key: T) => void;
+    options: MenuItemType<K>[];
+    onOptionClick: (optionKey: K) => void;
+    tabTheme: TabTheme;
+    divider: boolean;
+    tabFont: FontSizesTypes;
+    textSize: number;
+    tabPadding: SizesTypes | number;
+    defaultTabTextColor: ThemeColors | string;
+    selectedTabTextColor: ThemeColors | string;
+    selectedTabIndicatorColor: ThemeColors | string;
+    styles: StylesType;
+}>;
+declare const ZealTab: <T extends string, K extends string>({ options, onClick, text, tabKey, vertical, onOptionClick, tabTheme, tabFont, tabPadding, selectedTabIndicatorColor, textSize, defaultTabTextColor, ...tabProps }: TabProps<T, K>, ref: React.ForwardedRef<TabElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Tab: <T, K>(props: {
+    tabKey: T;
+    text: string;
+} & Partial<{
+    disabled: boolean;
+    vertical: boolean;
+    isActive: boolean;
+    onClick: (key: T) => void;
+    options: MenuItemType<K>[];
+    onOptionClick: (optionKey: K) => void;
+    tabTheme: TabTheme;
+    divider: boolean;
+    tabFont: FontSizesTypes;
+    textSize: number;
+    tabPadding: SizesTypes | number;
+    defaultTabTextColor: ThemeColors | string;
+    selectedTabTextColor: ThemeColors | string;
+    selectedTabIndicatorColor: ThemeColors | string;
+    styles: StylesType;
+}> & {
+    ref?: React.ForwardedRef<TabElement> | undefined;
+}) => ReturnType<typeof ZealTab>;
+export {};

package/dist/esm/atoms/Tab/styles.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { TabProps } from 'atoms/Tab/Tab';
+declare type TabContainerProps = Pick<TabProps, 'isActive' | 'disabled' | 'tabTheme' | 'selectedTabTextColor' | 'styles' | 'defaultTabTextColor'>;
+declare type TabTextProps = Pick<TabProps, 'tabTheme' | 'textSize' | 'defaultTabTextColor' | 'tabPadding' | 'tabFont'>;
+export declare const TabText: import("@emotion/styled").StyledComponent<import("atoms").TextProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & TabTextProps, {}, {}>;
+export declare const TabContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & TabContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CaretIconWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & TabContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/dist/esm/atoms/Tab/utils.d.ts

@@ -0,0 +1,4 @@
+import { TabTheme } from 'atoms/Tab/Tab';
+import { ThemeColors } from 'theme';
+export declare const getColorForCaretDownIcon: (color?: ThemeColors | string, tabTheme?: TabTheme, disabled?: boolean) => string;
+export declare const getSelectionIndicatorColor: (selectedTabIndicatorColor?: ThemeColors | string, isActiveTab?: boolean, tabTheme?: TabTheme) => string;

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

@@ -0,0 +1,23 @@
+import { PropsWithChildren } from 'react';
+import { FontSizesTypes, ThemeColors } from 'theme/types';
+import type { 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;
+    layout?: 'div' | 'span';
+    type?: TextTypes;
+    styles?: StylesType;
+    color?: ThemeColors | string;
+    numberOfLines?: number;
+    textAlign?: TextAlign;
+    behaveAs?: 'text' | 'button';
+    seoTag?: SeoTags;
+    htmlElementId?: string;
+};
+export declare type TextWrapperProps = PropsWithChildren<TextProps>;
+export declare const TextWrapper: ({ children, seoTag, ...textProps }: TextWrapperProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ErrorText: ({ text }: {
+    text: string;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+import { ToastType } from './types';
+declare type ToastContentProps = {
+    type: ToastType;
+    message: string;
+};
+export declare const ToastContent: ({ type, message }: ToastContentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/atoms/Toast/toast.d.ts

@@ -0,0 +1,3 @@
+import { ToastParams } from './types';
+import 'rc-notification/assets/index.css';
+export declare const toast: ({ message, type, duration }: ToastParams) => void | undefined;

package/dist/esm/atoms/Toast/types.d.ts

@@ -0,0 +1,6 @@
+export declare type ToastType = 'success' | 'infoTierOne' | 'infoTierTwo' | 'warning' | 'error';
+export declare type ToastParams = {
+    message: string;
+    type?: ToastType;
+    duration?: number;
+};

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

@@ -0,0 +1,12 @@
+/// <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("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & OverrideStyles, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Tooltip: ({ trigger, placement, styles, ...props }: TooltipProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+export declare type ValidationTagStatus = 'DEFAULT' | 'ERROR' | 'SUCCESS';
+export declare type ValidationTagProps = {
+    status: ValidationTagStatus;
+    text: string;
+};
+export declare const ValidationTag: ({ text, status }: ValidationTagProps) => import("@emotion/react/jsx-runtime").JSX.Element;