profinansy-ui-lib 3.1.9 → 3.1.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,3 @@
1
+ import { IAlert } from './Alert.typed';
2
+ declare const Alert: ({ modal, cancelButton, confirmButton }: IAlert) => JSX.Element;
3
+ export { Alert };
@@ -0,0 +1,13 @@
1
+ declare const _default: {
2
+ title: string;
3
+ component: ({ modal, cancelButton, confirmButton }: import("./Alert.typed").IAlert) => JSX.Element;
4
+ tags: string[];
5
+ parameters: {
6
+ design: {
7
+ type: string;
8
+ url: string;
9
+ };
10
+ };
11
+ };
12
+ export default _default;
13
+ export declare const Alert: () => JSX.Element;
@@ -0,0 +1 @@
1
+ export declare const Buttons: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -0,0 +1,10 @@
1
+ import { IButton } from '../Button/Button.typed';
2
+ import { IModal } from '../Modal/Modal.typed';
3
+ export interface IAlert {
4
+ /** Пропсы для модалки. Принимает такие же свойства, как и компонент Modal. */
5
+ modal: Omit<IModal, 'children'>;
6
+ /** Пропсы для кнопки отмены. Принимает такие же свойства, как и компонент Button. */
7
+ cancelButton?: IButton;
8
+ /** Пропсы для кнопки подтверждения. Принимает такие же свойства, как и компонент Button. */
9
+ confirmButton?: IButton;
10
+ }
@@ -1,12 +1,13 @@
1
- import { TModesStyle } from './Button.typed';
1
+ import { ButtonForm, TModesStyle } from './Button.typed';
2
2
  import { TTheme } from '../../../theme/theme.typed';
3
- export declare const Size: {
3
+ export declare const getSize: (form: ButtonForm) => {
4
4
  M: {
5
5
  fontWeight: number;
6
6
  fontSize: string;
7
7
  lineHeight: string;
8
8
  height: string;
9
9
  maxHeight: string;
10
+ borderRadius: string;
10
11
  };
11
12
  S: {
12
13
  fontWeight: number;
@@ -14,6 +15,15 @@ export declare const Size: {
14
15
  lineHeight: string;
15
16
  height: string;
16
17
  maxHeight: string;
18
+ borderRadius: string;
19
+ };
20
+ XS: {
21
+ fontWeight: number;
22
+ fontSize: string;
23
+ lineHeight: string;
24
+ height: string;
25
+ maxHeight: string;
26
+ borderRadius: string;
17
27
  };
18
28
  };
19
29
  export declare const getMode: (theme: TTheme) => TModesStyle;
@@ -2,6 +2,13 @@ import React from 'react';
2
2
  declare const _default: {
3
3
  title: string;
4
4
  component: React.ForwardRefExoticComponent<import("./Button.typed").IButton & React.RefAttributes<HTMLButtonElement>>;
5
+ tags: string[];
6
+ parameters: {
7
+ design: {
8
+ type: string;
9
+ url: string;
10
+ };
11
+ };
5
12
  };
6
13
  export default _default;
7
14
  export declare const Button: () => JSX.Element;
@@ -1,12 +1,11 @@
1
1
  import { DefaultTheme } from 'styled-components';
2
- import { TButtonMode, ButtonSize } from './Button.typed';
2
+ import { TButtonMode, ButtonSize, ButtonForm } from './Button.typed';
3
3
  declare const Button: import("styled-components").StyledComponent<"button", DefaultTheme, {
4
+ form: ButtonForm;
4
5
  size: ButtonSize;
5
6
  width: string;
6
7
  mode: TButtonMode;
7
8
  isText: boolean;
8
- isIconLeft: boolean;
9
- isIconRight: boolean;
10
9
  isFill: boolean;
11
10
  }, never>;
12
11
  declare const IconLeft: import("styled-components").StyledComponent<"span", DefaultTheme, {
@@ -1,36 +1,56 @@
1
1
  import CSS from 'csstype';
2
2
  import { ReactNode } from 'react';
3
- import { SizeLoader } from '../Loader';
4
- export type TButtonMode = 'primary' | 'tertiary' | 'negative' | 'neutral';
5
- export type ButtonSize = 'M' | 'S';
3
+ export type TButtonMode = 'primary' | 'secondary' | 'outlineBrand' | 'success' | 'warning' | 'critical' | 'system' | 'neutral' | 'flatBrand' | 'flatSystem';
4
+ export type ButtonSize = 'M' | 'S' | 'XS';
5
+ export type ButtonForm = 'square' | 'circle';
6
6
  export interface IButton {
7
+ /**Тип кнопки */
8
+ mode?: TButtonMode;
9
+ /**Размер кнопки */
10
+ size?: ButtonSize;
11
+ /** Форма кнопки. */
12
+ form?: ButtonForm;
13
+ /** Тип кнопки. */
7
14
  type?: 'submit' | 'button';
15
+ /** Текст кнопки. */
8
16
  text?: string;
17
+ /** Текст кнопки как HTML элемент. */
9
18
  textCustom?: ReactNode;
19
+ /** Индикатор загрузки. */
10
20
  loading?: boolean;
21
+ /** Блокирование кнопки */
11
22
  disabled?: boolean;
23
+ /** Слот слева */
12
24
  iconLeft?: ReactNode;
25
+ /** Слот справа */
13
26
  iconRight?: ReactNode;
14
- mode?: TButtonMode;
15
- size?: ButtonSize;
27
+ /** Стили для кнопки */
16
28
  style?: CSS.Properties;
29
+ /** Ширина кнопки */
17
30
  width?: string;
31
+ /** Действие при нажатии на кнопку */
18
32
  onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
33
+ /** Класс для кнопки */
19
34
  className?: string;
20
- loaderSize?: SizeLoader;
35
+ /** Закрашивать ли иконку */
21
36
  isFill?: boolean;
22
37
  }
23
38
  export type TModesStyle = {
24
39
  primary: TStatesStyle;
25
- tertiary: TStatesStyle;
26
- negative: TStatesStyle;
40
+ secondary: TStatesStyle;
41
+ outlineBrand: TStatesStyle;
42
+ success: TStatesStyle;
43
+ warning: TStatesStyle;
44
+ critical: TStatesStyle;
45
+ system: TStatesStyle;
27
46
  neutral: TStatesStyle;
47
+ flatBrand: TStatesStyle;
48
+ flatSystem: TStatesStyle;
28
49
  };
29
50
  type TStatesStyle = {
30
51
  default: TModeStyle;
31
52
  hover: TModeStyle;
32
53
  active: TModeStyle;
33
- disabled: TModeStyle;
34
54
  };
35
55
  type TModeStyle = {
36
56
  color: string;
@@ -1,6 +1,13 @@
1
1
  declare const _default: {
2
2
  title: string;
3
3
  component: (props: import("./Modal.typed").IModal) => JSX.Element;
4
+ tags: string[];
5
+ parameters: {
6
+ design: {
7
+ type: string;
8
+ url: string;
9
+ };
10
+ };
4
11
  };
5
12
  export default _default;
6
13
  export declare const Modal: () => JSX.Element;
@@ -1,16 +1,15 @@
1
1
  import { RadioSize } from './Radio.typed';
2
- declare const Element: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
2
+ export declare const Element: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
3
3
  size: RadioSize;
4
4
  }, never>;
5
- declare const Container: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {
5
+ export declare const Container: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {
6
6
  align: 'center' | 'flex-start';
7
7
  }, never>;
8
- declare const NativeInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
8
+ export declare const NativeInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
9
9
  type: "radio";
10
10
  }, "type">;
11
- declare const Text: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
11
+ export declare const Text: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
12
12
  size: RadioSize;
13
13
  isTextLeft: boolean;
14
14
  color: string;
15
15
  }, never>;
16
- export { Text, NativeInput, Container, Element };
@@ -1,4 +1,5 @@
1
1
  import React from 'react';
2
+ import { IPopup } from '../Popup/Popup.typed';
2
3
  export type RadioSize = 'M' | 'S';
3
4
  export interface IRadio {
4
5
  checked?: boolean;
@@ -10,4 +11,6 @@ export interface IRadio {
10
11
  onChange?: (value: string, e: React.ChangeEvent<HTMLInputElement>) => void;
11
12
  value?: string | number;
12
13
  color?: string;
14
+ /**Добавить подсказку к полю*/
15
+ hint?: IPopup;
13
16
  }
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  interface IProps {
3
3
  children: React.ReactNode;
4
+ isBig?: boolean;
4
5
  }
5
- declare const StoryTitle: ({ children }: IProps) => JSX.Element;
6
+ declare const StoryTitle: ({ children, isBig }: IProps) => JSX.Element;
6
7
  export { StoryTitle };
@@ -1 +1,2 @@
1
+ export declare const H1: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, {}, never>;
1
2
  export declare const H2: import("styled-components").StyledComponent<"h2", import("styled-components").DefaultTheme, {}, never>;