profinansy-ui-lib 1.2.4 → 2.0.2

package/dist/components/uikit/Button/Button.const.d.ts

@@ -0,0 +1,135 @@
+export declare const Size: {
+    large: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+        height: string;
+        maxHeight: string;
+    };
+    medium: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+        height: string;
+        maxHeight: string;
+    };
+    small: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+        height: string;
+        maxHeight: string;
+    };
+};
+export declare const Theme: {
+    Primary: {
+        default: {
+            color: string;
+            border: string;
+            background: string;
+        };
+        hover: {
+            background: string;
+            borderColor: string;
+            color: string;
+        };
+        active: {
+            background: string;
+            borderColor: string;
+            color: string;
+        };
+        disabled: {
+            background: string;
+            borderColor: string;
+            color: string;
+        };
+    };
+    Secondary: {
+        default: {
+            color: string;
+            border: string;
+            background: string;
+        };
+        hover: {
+            background: string;
+            borderColor: string;
+            color: string;
+        };
+        active: {
+            background: string;
+            borderColor: string;
+            color: string;
+        };
+        disabled: {
+            background: string;
+            borderColor: string;
+            color: string;
+        };
+    };
+    Tertiary: {
+        default: {
+            color: string;
+            border: string;
+            background: string;
+        };
+        hover: {
+            background: string;
+            borderColor: string;
+            color: string;
+        };
+        active: {
+            background: string;
+            borderColor: string;
+            color: string;
+        };
+        disabled: {
+            background: string;
+            borderColor: string;
+            color: string;
+        };
+    };
+    Negative: {
+        default: {
+            color: string;
+            border: string;
+            background: string;
+        };
+        hover: {
+            background: string;
+            borderColor: string;
+            color: string;
+        };
+        active: {
+            background: string;
+            borderColor: string;
+            color: string;
+        };
+        disabled: {
+            background: string;
+            borderColor: string;
+            color: string;
+        };
+    };
+    Neutral: {
+        default: {
+            color: string;
+            border: string;
+            background: string;
+        };
+        hover: {
+            background: string;
+            borderColor: string;
+            color: string;
+        };
+        active: {
+            background: string;
+            borderColor: string;
+            color: string;
+        };
+        disabled: {
+            background: string;
+            borderColor: string;
+            color: string;
+        };
+    };
+};

package/dist/components/uikit/Button/Button.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IButton } from './Button.typed';
+declare const Button: React.ForwardRefExoticComponent<IButton & React.RefAttributes<HTMLButtonElement>>;
+export { Button };

package/dist/components/uikit/Button/Button.stories.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("./Button.typed").IButton & React.RefAttributes<HTMLButtonElement>>;
+};
+export default _default;
+export declare const Button: () => JSX.Element;

package/dist/components/uikit/Button/Button.styled.d.ts

@@ -0,0 +1,22 @@
+import { ButtonTheme, ButtonSize } from './Button.typed';
+declare const Button: import("styled-components").StyledComponent<"button", any, {
+    size: ButtonSize;
+    width: string;
+    theme: ButtonTheme;
+    isText: boolean;
+    isIconLeft: boolean;
+    isIconRight: boolean;
+    isFill: boolean;
+}, never>;
+declare const IconLeft: import("styled-components").StyledComponent<"span", any, {
+    size: ButtonSize;
+    isText: boolean;
+}, never>;
+declare const IconRight: import("styled-components").StyledComponent<"span", any, {
+    size: ButtonSize;
+    isText: boolean;
+}, never>;
+declare const Loading: import("styled-components").StyledComponent<"div", any, {
+    theme: ButtonTheme;
+}, never>;
+export { Loading, IconRight, IconLeft, Button };

package/dist/components/uikit/Button/Button.typed.d.ts

@@ -0,0 +1,31 @@
+import CSS from 'csstype';
+import { ReactNode } from 'react';
+import { SizeLoader } from '../Loader';
+export declare enum ButtonTheme {
+    Primary = "Primary",
+    Secondary = "Secondary",
+    Tertiary = "Tertiary",
+    Negative = "Negative",
+    Neutral = "Neutral"
+}
+export declare enum ButtonSize {
+    L = "large",
+    M = "medium",
+    S = "small"
+}
+export interface IButton {
+    type?: 'submit' | 'button';
+    text?: string;
+    loading?: boolean;
+    disabled?: boolean;
+    iconLeft?: ReactNode;
+    iconRight?: ReactNode;
+    theme?: ButtonTheme;
+    size?: ButtonSize;
+    style?: CSS.Properties;
+    width?: string;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    className?: string;
+    loaderSize?: SizeLoader;
+    isFill?: boolean;
+}

package/dist/components/uikit/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { Button } from './Button';
+export { ButtonTheme, ButtonSize } from './Button.typed';

package/dist/components/uikit/Checkbox/Checkbox.d.ts

@@ -0,0 +1,3 @@
+import { ICheckbox } from './Checkbox.typed';
+declare const Checkbox: (props: ICheckbox) => JSX.Element;
+export { Checkbox };

package/dist/components/uikit/Checkbox/Checkbox.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+    component: (props: import("./Checkbox.typed").ICheckbox) => JSX.Element;
+};
+export default _default;
+export declare const Checkbox: () => JSX.Element;

package/dist/components/uikit/Checkbox/Checkbox.styled.d.ts

@@ -0,0 +1,18 @@
+import { CheckboxForm, CheckboxSize } from './Checkbox.typed';
+declare const Element: import("styled-components").StyledComponent<"span", any, {
+    size: CheckboxSize;
+    form: CheckboxForm;
+}, never>;
+declare const Container: import("styled-components").StyledComponent<"label", any, {
+    align: string;
+    readonly: boolean;
+}, never>;
+declare const NativeInput: import("styled-components").StyledComponent<"input", any, {
+    type: "checkbox";
+}, "type">;
+declare const Text: import("styled-components").StyledComponent<"span", any, {
+    size: CheckboxSize;
+    isTextLeft: boolean;
+    color: string;
+}, never>;
+export { NativeInput, Container, Element, Text };

package/dist/components/uikit/Checkbox/Checkbox.typed.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+export declare enum CheckboxSize {
+    regular = "regular",
+    compact = "compact"
+}
+export declare enum CheckboxForm {
+    square = "square",
+    circle = "circle"
+}
+export interface ICheckbox {
+    checked?: boolean;
+    text?: string;
+    name?: string;
+    align?: 'center' | 'flex-start';
+    size?: CheckboxSize;
+    form?: CheckboxForm;
+    isTextLeft?: boolean;
+    color?: string;
+    value?: string | number;
+    readonly?: boolean;
+    classNameText?: string;
+    classNameContainer?: string;
+    onChange?: (value: boolean, e: React.ChangeEvent<HTMLInputElement>) => void;
+}

package/dist/components/uikit/Checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { Checkbox } from './Checkbox';
+export { CheckboxSize, CheckboxForm } from './Checkbox.typed';

package/dist/components/uikit/ErrorText/ErrorText.d.ts

@@ -0,0 +1,3 @@
+import { IErrorText } from './ErrorText.typed';
+declare const ErrorText: ({ text }: IErrorText) => JSX.Element;
+export { ErrorText };

package/dist/components/uikit/ErrorText/ErrorText.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+    component: ({ text }: import("./ErrorText.typed").IErrorText) => JSX.Element;
+};
+export default _default;
+export declare const ErrorText: () => JSX.Element;

package/dist/components/uikit/ErrorText/ErrorText.styled.d.ts

@@ -0,0 +1 @@
+export declare const Text: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/components/uikit/ErrorText/ErrorText.typed.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface IErrorText {
+    /**Текст ошибки*/
+    text: React.ReactNode | string;
+}

package/dist/components/uikit/ErrorText/index.d.ts

@@ -0,0 +1 @@
+export { ErrorText } from './ErrorText';

package/dist/components/uikit/Input/Input.const.d.ts

@@ -0,0 +1,4 @@
+export declare const RegexPattern: {
+    NUMBER: RegExp;
+    FLOAT_NUMBER: RegExp;
+};

package/dist/components/uikit/Input/Input.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IInput } from './Input.typed';
+declare const Input: React.ForwardRefExoticComponent<IInput & React.RefAttributes<HTMLInputElement>>;
+export { Input };

package/dist/components/uikit/Input/Input.stories.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("./Input.typed").IInput & React.RefAttributes<HTMLInputElement>>;
+};
+export default _default;
+export declare const Input: () => JSX.Element;

package/dist/components/uikit/Input/Input.styled.d.ts

@@ -0,0 +1,17 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Icon: import("styled-components").StyledComponent<"span", any, {
+    iconBorder: boolean;
+} & {
+    iconBorder: boolean;
+}, never>;
+export declare const RightText: import("styled-components").StyledComponent<"span", any, {
+    iconBorder: boolean;
+} & {
+    iconBorder: boolean;
+    rightTextColor: string;
+}, never>;
+export declare const Input: import("styled-components").StyledComponent<"input", any, {
+    icon: boolean;
+    error: boolean;
+}, never>;

package/dist/components/uikit/Input/Input.typed.d.ts

@@ -0,0 +1,26 @@
+import React, { ReactNode } from 'react';
+export interface IInput {
+    /**Значение инпута*/
+    value: string;
+    placeholder?: string;
+    name: string;
+    type?: 'text' | 'password' | 'number';
+    readonly?: boolean;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    maxLength?: number;
+    numAfterDot?: number;
+    icon?: ReactNode;
+    rightText?: string;
+    rightTextColor?: string;
+    autoComplete?: 'on' | 'off';
+    inputClassName?: string;
+    iconBorder?: boolean;
+    pattern?: RegExp;
+    error?: boolean | string | React.ReactNode;
+    onChange?: (val: string, evt: React.ChangeEvent<HTMLInputElement>) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    onKeyDown?: (evt: React.KeyboardEvent<HTMLInputElement>) => void;
+    onClick?: () => void;
+}

package/dist/components/uikit/Input/Input.utils.d.ts

@@ -0,0 +1 @@
+export declare const numberWithSpaces: (val: string) => string;

package/dist/components/uikit/Input/index.d.ts

@@ -0,0 +1,2 @@
+export { Input } from './Input';
+export { RegexPattern } from './Input.const';

package/dist/components/uikit/Loader/Loader.d.ts

@@ -0,0 +1,3 @@
+import { ILoader } from './Loader.typed';
+declare const Loader: ({ size, color }: ILoader) => JSX.Element;
+export { Loader };

package/dist/components/uikit/Loader/Loader.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+    component: ({ size, color }: import("./Loader.typed").ILoader) => JSX.Element;
+};
+export default _default;
+export declare const Loader: () => JSX.Element;

package/dist/components/uikit/Loader/Loader.styled.d.ts

@@ -0,0 +1,9 @@
+import { SizeLoader } from './Loader.typed';
+declare const Container: import("styled-components").StyledComponent<"div", any, {
+    size: SizeLoader;
+}, never>;
+declare const Dot: import("styled-components").StyledComponent<"div", any, {
+    color: string;
+    size: SizeLoader;
+}, never>;
+export { Container, Dot };

package/dist/components/uikit/Loader/Loader.typed.d.ts

@@ -0,0 +1,10 @@
+export declare enum SizeLoader {
+    L = "L",
+    M = "M",
+    S = "S",
+    XS = "XS"
+}
+export interface ILoader {
+    size?: SizeLoader;
+    color?: string;
+}

package/dist/components/uikit/Loader/index.d.ts

@@ -0,0 +1,2 @@
+export { Loader } from './Loader';
+export { SizeLoader } from './Loader.typed';

package/dist/components/uikit/Modal/Modal.d.ts

@@ -0,0 +1,3 @@
+import { IModal } from './Modal.typed';
+declare const Modal: (props: IModal) => JSX.Element;
+export { Modal };

package/dist/components/uikit/Modal/Modal.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+    component: (props: import("./Modal.typed").IModal) => JSX.Element;
+};
+export default _default;
+export declare const Modal: () => JSX.Element;

package/dist/components/uikit/Modal/Modal.styled.d.ts

@@ -0,0 +1,21 @@
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {
+    open: boolean;
+}, never>;
+export declare const Layout: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Content: import("styled-components").StyledComponent<"div", any, {
+    theme: 'light' | 'dark';
+}, never>;
+export declare const Header: import("styled-components").StyledComponent<"div", any, {
+    borderHeader: boolean;
+}, never>;
+export declare const HeaderFirstLine: import("styled-components").StyledComponent<"div", any, {
+    onlyCloseIcon: boolean;
+}, never>;
+export declare const Title: import("styled-components").StyledComponent<"h2", any, {
+    theme: 'light' | 'dark';
+    titlePosition: 'left' | 'center';
+}, never>;
+export declare const Subtitle: import("styled-components").StyledComponent<"span", any, {
+    theme: 'light' | 'dark';
+}, never>;
+export declare const CloseButton: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/uikit/Modal/Modal.typed.d.ts

@@ -0,0 +1,32 @@
+import { CSSProperties, ReactNode } from 'react';
+export interface IModal {
+    /** Состояние попапа. */
+    open: boolean;
+    /** Действие при закрытии попапа. */
+    onClose: () => void;
+    /** Контент попапа. */
+    children: ReactNode;
+    /** Показывать ли кнопку закрытия. */
+    showCloseButton?: boolean;
+    /** Показывать ли бордер у title. */
+    borderHeader?: boolean;
+    /** Заголовок модалки */
+    title?: string;
+    /** Подзаголовок модалки */
+    subtitle?: string;
+    /** Тема */
+    theme?: 'light' | 'dark';
+    /** инлайновые стили для контента попапа */
+    styleContent?: CSSProperties;
+    /** инлайновые стили для фона попапа */
+    styleBackground?: CSSProperties;
+    /** класс для фона попапа */
+    classNameBackground?: string;
+    /** класс для контента попапа */
+    classNameContent?: string;
+    /** класс для хедера попапа */
+    classNameHeader?: string;
+    classNameWrapper?: string;
+    /** центрирование заголовка */
+    titlePosition?: 'left' | 'center';
+}

package/dist/components/uikit/Modal/index.d.ts

@@ -0,0 +1 @@
+export { Modal } from './Modal';

package/dist/components/uikit/Portal/Portal.d.ts

@@ -0,0 +1,3 @@
+import { IPortal } from './Portal.typed';
+declare const Portal: ({ id, children }: IPortal) => any;
+export { Portal };

package/dist/components/uikit/Portal/Portal.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+    component: ({ id, children }: import("./Portal.typed").IPortal) => any;
+};
+export default _default;
+export declare const Portal: () => JSX.Element;

package/dist/components/uikit/Portal/Portal.typed.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface IPortal {
+    id: string;
+    children: React.ReactNode;
+}

package/dist/components/uikit/Portal/index.d.ts

@@ -0,0 +1 @@
+export { Portal } from './Portal';

package/dist/components/uikit/Portal/usePortal.d.ts

@@ -0,0 +1,2 @@
+declare const usePortal: (id: string) => Element;
+export { usePortal };

package/dist/components/uikit/Radio/Radio.d.ts

@@ -0,0 +1,3 @@
+import { IRadio } from './Radio.typed';
+declare const Radio: (props: IRadio) => JSX.Element;
+export { Radio };

package/dist/components/uikit/Radio/Radio.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+    component: (props: import("./Radio.typed").IRadio) => JSX.Element;
+};
+export default _default;
+export declare const Radio: () => JSX.Element;

package/dist/components/uikit/Radio/Radio.styled.d.ts

@@ -0,0 +1,16 @@
+import { RadioSize } from './Radio.typed';
+declare const Element: import("styled-components").StyledComponent<"span", any, {
+    size: RadioSize;
+}, never>;
+declare const Container: import("styled-components").StyledComponent<"label", any, {
+    align: 'center' | 'flex-start';
+}, never>;
+declare const NativeInput: import("styled-components").StyledComponent<"input", any, {
+    type: "radio";
+}, "type">;
+declare const Text: import("styled-components").StyledComponent<"span", any, {
+    size: RadioSize;
+    isTextLeft: boolean;
+    color: string;
+}, never>;
+export { Text, NativeInput, Container, Element };

package/dist/components/uikit/Radio/Radio.typed.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export declare enum RadioSize {
+    regular = "regular",
+    compact = "compact"
+}
+export interface IRadio {
+    checked?: boolean;
+    text?: string;
+    name?: string;
+    size?: RadioSize;
+    align?: 'center' | 'flex-start';
+    isTextLeft?: boolean;
+    onChange?: (value: string, e: React.ChangeEvent<HTMLInputElement>) => void;
+    value?: string | number;
+    color?: string;
+}

package/dist/components/uikit/Radio/index.d.ts

@@ -0,0 +1,2 @@
+export { Radio } from './Radio';
+export { RadioSize } from './Radio.typed';

package/dist/components/uikit/Scroll/Scroll.d.ts

@@ -0,0 +1 @@
+export declare const Scroll = "\n    scrollbar-color: #a398f9 rgba(224, 224, 224, 0.2);\n    scrollbar-width: thin;\n    &::-webkit-scrollbar {\n        width: 6px;\n        height: 6px;\n    };\n    &::-webkit-scrollbar-track {\n        background: #ffffff;\n        border-radius: 12px;\n    };\n    &::-webkit-scrollbar-thumb {\n        background: #a398f9;\n        border-radius: 12px;\n    };\n    &::-webkit-scrollbar-thumb:hover {\n        background: #6553f5;\n    };\n";

package/dist/components/uikit/Skeleton/Skeleton.d.ts

@@ -0,0 +1,3 @@
+import { ISkeleton } from './Skeleton.typed';
+declare const Skeleton: ({ height, maxWidth, bottom, right, radius, type, className }: ISkeleton) => JSX.Element;
+export { Skeleton };

package/dist/components/uikit/Skeleton/Skeleton.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+    component: ({ height, maxWidth, bottom, right, radius, type, className }: import("./Skeleton.typed").ISkeleton) => JSX.Element;
+};
+export default _default;
+export declare const Skeleton: () => JSX.Element;

package/dist/components/uikit/Skeleton/Skeleton.styled.d.ts

@@ -0,0 +1,3 @@
+import { ISkeleton } from './Skeleton.typed';
+declare const Skeleton: import("styled-components").StyledComponent<"div", any, ISkeleton, never>;
+export { Skeleton };

package/dist/components/uikit/Skeleton/Skeleton.typed.d.ts

@@ -0,0 +1,15 @@
+export interface ISkeleton {
+    /**Высота блока*/
+    height: number;
+    /**Отступ снизу*/
+    bottom?: number;
+    /**Отступ справа*/
+    right?: number;
+    /**Максимальная ширина*/
+    maxWidth?: number;
+    /**Радиус закругления*/
+    radius?: number;
+    /**Тема*/
+    type?: 'light' | 'dark';
+    className?: string;
+}

package/dist/components/uikit/Skeleton/index.d.ts

@@ -0,0 +1 @@
+export { Skeleton } from './Skeleton';

package/dist/components/uikit/TextButton/TextButton.const.d.ts

@@ -0,0 +1,30 @@
+export declare const TextButtonConst: {
+    Blue: {
+        default: {
+            color: string;
+        };
+        hover: {
+            color: string;
+        };
+        active: {
+            color: string;
+        };
+        disabled: {
+            color: string;
+        };
+    };
+    Gray: {
+        default: {
+            color: string;
+        };
+        hover: {
+            color: string;
+        };
+        active: {
+            color: string;
+        };
+        disabled: {
+            color: string;
+        };
+    };
+};

package/dist/components/uikit/TextButton/TextButton.d.ts

@@ -0,0 +1,3 @@
+import { ITextButton } from './TextButton.typed';
+declare const TextButton: ({ type, theme, text, style, onClick, className, iconLeft, disabled }: ITextButton) => JSX.Element;
+export { TextButton };

package/dist/components/uikit/TextButton/TextButton.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+    component: ({ type, theme, text, style, onClick, className, iconLeft, disabled }: import("./TextButton.typed").ITextButton) => JSX.Element;
+};
+export default _default;
+export declare const TextButton: () => JSX.Element;