profinansy-ui-lib 1.2.3 → 2.0.1

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/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/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/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;

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

@@ -0,0 +1,5 @@
+import { TextButtonTheme } from './TextButton.typed';
+export declare const TextButton: import("styled-components").StyledComponent<"button", any, {
+    theme: TextButtonTheme;
+}, never>;
+export declare const IconLeft: import("styled-components").StyledComponent<"span", any, {}, never>;

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

@@ -0,0 +1,16 @@
+import CSS from 'csstype';
+import { ReactNode } from 'react';
+export declare enum TextButtonTheme {
+    Blue = "Blue",
+    Gray = "Gray"
+}
+export interface ITextButton {
+    type?: 'submit' | 'button';
+    className?: string;
+    text?: string;
+    disabled?: boolean;
+    theme?: TextButtonTheme;
+    iconLeft?: ReactNode;
+    style?: CSS.Properties;
+    onClick?: () => void;
+}

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

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

package/dist/components/uikit/storybook/StoryDescription/StoryDescription.d.ts

@@ -0,0 +1,5 @@
+interface IProps {
+    text: string;
+}
+declare const StoryDescription: ({ text }: IProps) => JSX.Element;
+export { StoryDescription };

package/dist/components/uikit/storybook/StoryDescription/StoryDescription.styled.d.ts

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

package/dist/components/uikit/storybook/StoryExample/StoryExample.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IProps {
+    children: React.ReactNode;
+}
+declare const StoryExample: ({ children }: IProps) => JSX.Element;
+export { StoryExample };

package/dist/components/uikit/storybook/StoryExample/StoryExample.styled.d.ts

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

package/dist/components/uikit/storybook/StoryTitle/StoryTitle.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IProps {
+    children: React.ReactNode;
+}
+declare const StoryTitle: ({ children }: IProps) => JSX.Element;
+export { StoryTitle };

package/dist/components/uikit/storybook/StoryTitle/StoryTitle.styled.d.ts

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

package/dist/hooks/useBreakpoints.d.ts

@@ -1,6 +1,6 @@
-export declare const useBreakpoints: () => {
-    xs: boolean;
-    sm: boolean;
-    md: boolean;
-    lg: boolean;
-};
+export declare const useBreakpoints: () => {
+    xs: boolean;
+    sm: boolean;
+    md: boolean;
+    lg: boolean;
+};

package/dist/hooks/useCurrentPath.d.ts

@@ -1,4 +1,4 @@
-export declare const useCurrentPath: () => {
-    currentPathname: any;
-    currentHref: any;
-};
+export declare const useCurrentPath: () => {
+    currentPathname: any;
+    currentHref: any;
+};

package/dist/hooks/useDisableScroll.d.ts

@@ -1,3 +1,3 @@
-export declare const useDisableScroll: ({ disable }: {
-    disable?: boolean;
-}) => void;
+export declare const useDisableScroll: ({ disable }: {
+    disable?: boolean;
+}) => void;

package/dist/hooks/useListenOutsideClick.d.ts

@@ -1,3 +1,3 @@
-export declare const useListenOutsideClick: ({ onOutsideClick }: {
-    onOutsideClick: () => void;
-}) => void;
+export declare const useListenOutsideClick: ({ onOutsideClick }: {
+    onOutsideClick: () => void;
+}) => void;

package/dist/index.d.ts

@@ -1,3 +1,9 @@
-import { Header } from './components/header/header';
-import { Footer } from './components/footer';
-export { Footer, Header };
+import { Header } from './components/header/header';
+import { Footer } from './components/footer';
+import { CheckboxSize, Checkbox, CheckboxForm } from './components/uikit/Checkbox';
+import { Radio, RadioSize } from './components/uikit/Radio';
+import { Portal } from './components/uikit/Portal';
+import { Loader, SizeLoader } from './components/uikit/Loader';
+import { ButtonTheme, ButtonSize, Button } from './components/uikit/Button';
+import { TextButtonTheme, TextButton } from './components/uikit/TextButton';
+export { Footer, Header, CheckboxForm, CheckboxSize, Checkbox, Radio, RadioSize, Portal, Loader, SizeLoader, Button, ButtonSize, ButtonTheme, TextButton, TextButtonTheme };