@alfalab/core-components-notification 6.2.8 → 6.2.10

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.
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { PaddingType } from "./index-72dda473";
4
- declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
5
- export { createPaddingStyle };
@@ -1,84 +0,0 @@
1
- /// <reference types="react" />
2
- /* eslint-disable no-plusplus, no-param-reassign */
3
- import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
4
- import React from "react";
5
- import { FC } from "react";
6
- import { CommonButtonProps, PrivateButtonProps } from "./typings-89f0cb07";
7
- declare const isClient: () => boolean;
8
- declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
9
- declare function easeInOutQuad(x: number): number;
10
- declare const easingFns: {
11
- easeInOutQuad: typeof easeInOutQuad;
12
- };
13
- /**
14
- * Возвращает true, если значение равно null или undefined
15
- */
16
- declare function isNil(value: unknown): boolean;
17
- /**
18
- * Выбор значения между min max границами
19
- */
20
- declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
21
- declare function noop(): void;
22
- declare const fnUtils: {
23
- clamp: typeof clamp;
24
- noop: typeof noop;
25
- isNil: typeof isNil;
26
- };
27
- /**
28
- * Запрещает каретке становиться за указанные границы
29
- */
30
- declare function caretGuard(guard: (value: string, selection: readonly [
31
- from: number,
32
- to: number
33
- ]) => [
34
- from: number,
35
- to: number
36
- ]): MaskitoPlugin;
37
- /**
38
- * Запрещает удалять указанный префикс
39
- */
40
- declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
41
- /**
42
- * Препроцессор необходим для правильной вставки/автокомплита телефонного номера
43
- */
44
- declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
45
- declare const maskUtils: {
46
- insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
47
- prefixPostprocessor: typeof prefixPostprocessor;
48
- caretGuard: typeof caretGuard;
49
- };
50
- type SpinnerProps = {
51
- /**
52
- * Управление видимостью компонента
53
- */
54
- visible?: boolean;
55
- /**
56
- * Размер компонента
57
- */
58
- size?: "xs" | "s" | "m";
59
- /**
60
- * Дополнительный класс
61
- */
62
- className?: string;
63
- /**
64
- * Идентификатор компонента в DOM
65
- */
66
- id?: string;
67
- /**
68
- * Идентификатор для систем автоматизированного тестирования
69
- */
70
- dataTestId?: string;
71
- /**
72
- * Палитра, в контексте которой используется спиннер
73
- */
74
- colors?: "default" | "inverted";
75
- };
76
- declare const Spinner: FC<SpinnerProps>;
77
- /**
78
- * Минимальное время отображения лоадера - 500мс,
79
- * чтобы при быстрых ответах от сервера кнопка не «моргала».
80
- */
81
- declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
82
- declare const BaseButton: React.ForwardRefExoticComponent<(CommonButtonProps & PrivateButtonProps) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
83
- export { isClient, getDataTestId, easingFns, fnUtils, maskUtils, SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };
84
- export * from "./createPaddingStyle-72dda473";
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { PaddingType } from "./index-72dda473";
4
- declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
5
- export { createPaddingStyle };
@@ -1,12 +0,0 @@
1
- type BackgroundColorType = 'accent' | 'info' | 'attention-muted' | 'positive-muted' | 'negative-muted' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'specialbg-component' | 'specialbg-component-inverted' | 'specialbg-primary-grouped' | 'specialbg-secondary-grouped' | 'specialbg-tertiary-grouped' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
2
- type BorderColorType = 'accent' | 'key' | 'key-inverted' | 'link' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'underline' | 'underline-inverted' | 'graphic-attention' | 'graphic-link' | 'graphic-negative' | 'graphic-positive' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
3
- type GraphicColorType = 'accent' | 'link' | 'attention' | 'positive' | 'negative' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'static-light' | 'static-accent' | 'static-dark';
4
- type ShadowType = 'shadow-xs' | 'shadow-s' | 'shadow-m' | 'shadow-l' | 'shadow-xl' | 'shadow-xs-hard' | 'shadow-s-hard' | 'shadow-m-hard' | 'shadow-l-hard' | 'shadow-xl-hard' | 'shadow-xs-up' | 'shadow-s-up' | 'shadow-m-up' | 'shadow-l-up' | 'shadow-xl-up' | 'shadow-xs-hard-up' | 'shadow-s-hard-up' | 'shadow-m-hard-up' | 'shadow-l-hard-up' | 'shadow-xl-hard-up';
5
- type GapType = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl';
6
- type PaddingType = number | string | {
7
- top?: number;
8
- right?: number;
9
- bottom?: number;
10
- left?: number;
11
- };
12
- export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, PaddingType };
@@ -1,93 +0,0 @@
1
- import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, ReactNode } from 'react';
2
- type StyleColors = {
3
- default: {
4
- [key: string]: string;
5
- };
6
- inverted: {
7
- [key: string]: string;
8
- };
9
- };
10
- type ComponentProps = {
11
- /**
12
- * Тип кнопки
13
- * @default secondary
14
- */
15
- view?: 'accent' | 'primary' | 'secondary' | 'tertiary' | 'outlined' | 'filled' | 'transparent' | 'link' | 'ghost';
16
- /**
17
- * Слот слева
18
- */
19
- leftAddons?: ReactNode;
20
- /**
21
- * Слот справа
22
- */
23
- rightAddons?: ReactNode;
24
- /**
25
- * Размер компонента
26
- * @default m
27
- */
28
- size?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
29
- /**
30
- * Растягивает компонент на ширину контейнера
31
- * @default false
32
- */
33
- block?: boolean;
34
- /**
35
- * Дополнительный класс
36
- */
37
- className?: string;
38
- /**
39
- * Дополнительный класс для спиннера
40
- */
41
- spinnerClassName?: string;
42
- /**
43
- * Выводит ссылку в виде кнопки
44
- */
45
- href?: string;
46
- /**
47
- * Позволяет использовать кастомный компонент для кнопки (например Link из роутера)
48
- */
49
- Component?: ElementType;
50
- /**
51
- * Идентификатор для систем автоматизированного тестирования
52
- */
53
- dataTestId?: string;
54
- /**
55
- * Показать лоадер
56
- * @default false
57
- */
58
- loading?: boolean;
59
- /**
60
- * Не переносить текст кнопки на новую строку
61
- * @default false
62
- */
63
- nowrap?: boolean;
64
- /**
65
- * Набор цветов для компонента
66
- */
67
- colors?: 'default' | 'inverted';
68
- /**
69
- * Дочерние элементы.
70
- */
71
- children?: ReactNode;
72
- };
73
- type PrivateButtonProps = {
74
- /**
75
- * Основные стили компонента.
76
- */
77
- styles: {
78
- [key: string]: string;
79
- };
80
- /**
81
- * Стили компонента для default и inverted режима.
82
- */
83
- colorStylesMap: StyleColors;
84
- };
85
- type CommonButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
86
- type ButtonProps = CommonButtonProps & {
87
- /**
88
- * Контрольная точка, с нее начинается desktop версия
89
- * @default 1024
90
- */
91
- breakpoint?: number;
92
- };
93
- export { StyleColors, ComponentProps, PrivateButtonProps, CommonButtonProps, ButtonProps };
@@ -1,84 +0,0 @@
1
- /// <reference types="react" />
2
- /* eslint-disable no-plusplus, no-param-reassign */
3
- import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
4
- import React from "react";
5
- import { FC } from "react";
6
- import { CommonButtonProps, PrivateButtonProps } from "./typings-89f0cb07";
7
- declare const isClient: () => boolean;
8
- declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
9
- declare function easeInOutQuad(x: number): number;
10
- declare const easingFns: {
11
- easeInOutQuad: typeof easeInOutQuad;
12
- };
13
- /**
14
- * Возвращает true, если значение равно null или undefined
15
- */
16
- declare function isNil(value: unknown): boolean;
17
- /**
18
- * Выбор значения между min max границами
19
- */
20
- declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
21
- declare function noop(): void;
22
- declare const fnUtils: {
23
- clamp: typeof clamp;
24
- noop: typeof noop;
25
- isNil: typeof isNil;
26
- };
27
- /**
28
- * Запрещает каретке становиться за указанные границы
29
- */
30
- declare function caretGuard(guard: (value: string, selection: readonly [
31
- from: number,
32
- to: number
33
- ]) => [
34
- from: number,
35
- to: number
36
- ]): MaskitoPlugin;
37
- /**
38
- * Запрещает удалять указанный префикс
39
- */
40
- declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
41
- /**
42
- * Препроцессор необходим для правильной вставки/автокомплита телефонного номера
43
- */
44
- declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
45
- declare const maskUtils: {
46
- insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
47
- prefixPostprocessor: typeof prefixPostprocessor;
48
- caretGuard: typeof caretGuard;
49
- };
50
- type SpinnerProps = {
51
- /**
52
- * Управление видимостью компонента
53
- */
54
- visible?: boolean;
55
- /**
56
- * Размер компонента
57
- */
58
- size?: "xs" | "s" | "m";
59
- /**
60
- * Дополнительный класс
61
- */
62
- className?: string;
63
- /**
64
- * Идентификатор компонента в DOM
65
- */
66
- id?: string;
67
- /**
68
- * Идентификатор для систем автоматизированного тестирования
69
- */
70
- dataTestId?: string;
71
- /**
72
- * Палитра, в контексте которой используется спиннер
73
- */
74
- colors?: "default" | "inverted";
75
- };
76
- declare const Spinner: FC<SpinnerProps>;
77
- /**
78
- * Минимальное время отображения лоадера - 500мс,
79
- * чтобы при быстрых ответах от сервера кнопка не «моргала».
80
- */
81
- declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
82
- declare const BaseButton: React.ForwardRefExoticComponent<(CommonButtonProps & PrivateButtonProps) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
83
- export { isClient, getDataTestId, easingFns, fnUtils, maskUtils, SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };
84
- export * from "./createPaddingStyle-72dda473";
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { PaddingType } from "./index-72dda473";
4
- declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
5
- export { createPaddingStyle };
@@ -1,12 +0,0 @@
1
- type BackgroundColorType = 'accent' | 'info' | 'attention-muted' | 'positive-muted' | 'negative-muted' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'specialbg-component' | 'specialbg-component-inverted' | 'specialbg-primary-grouped' | 'specialbg-secondary-grouped' | 'specialbg-tertiary-grouped' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
2
- type BorderColorType = 'accent' | 'key' | 'key-inverted' | 'link' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'underline' | 'underline-inverted' | 'graphic-attention' | 'graphic-link' | 'graphic-negative' | 'graphic-positive' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
3
- type GraphicColorType = 'accent' | 'link' | 'attention' | 'positive' | 'negative' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'static-light' | 'static-accent' | 'static-dark';
4
- type ShadowType = 'shadow-xs' | 'shadow-s' | 'shadow-m' | 'shadow-l' | 'shadow-xl' | 'shadow-xs-hard' | 'shadow-s-hard' | 'shadow-m-hard' | 'shadow-l-hard' | 'shadow-xl-hard' | 'shadow-xs-up' | 'shadow-s-up' | 'shadow-m-up' | 'shadow-l-up' | 'shadow-xl-up' | 'shadow-xs-hard-up' | 'shadow-s-hard-up' | 'shadow-m-hard-up' | 'shadow-l-hard-up' | 'shadow-xl-hard-up';
5
- type GapType = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl';
6
- type PaddingType = number | string | {
7
- top?: number;
8
- right?: number;
9
- bottom?: number;
10
- left?: number;
11
- };
12
- export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, PaddingType };
@@ -1,93 +0,0 @@
1
- import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, ReactNode } from 'react';
2
- type StyleColors = {
3
- default: {
4
- [key: string]: string;
5
- };
6
- inverted: {
7
- [key: string]: string;
8
- };
9
- };
10
- type ComponentProps = {
11
- /**
12
- * Тип кнопки
13
- * @default secondary
14
- */
15
- view?: 'accent' | 'primary' | 'secondary' | 'tertiary' | 'outlined' | 'filled' | 'transparent' | 'link' | 'ghost';
16
- /**
17
- * Слот слева
18
- */
19
- leftAddons?: ReactNode;
20
- /**
21
- * Слот справа
22
- */
23
- rightAddons?: ReactNode;
24
- /**
25
- * Размер компонента
26
- * @default m
27
- */
28
- size?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
29
- /**
30
- * Растягивает компонент на ширину контейнера
31
- * @default false
32
- */
33
- block?: boolean;
34
- /**
35
- * Дополнительный класс
36
- */
37
- className?: string;
38
- /**
39
- * Дополнительный класс для спиннера
40
- */
41
- spinnerClassName?: string;
42
- /**
43
- * Выводит ссылку в виде кнопки
44
- */
45
- href?: string;
46
- /**
47
- * Позволяет использовать кастомный компонент для кнопки (например Link из роутера)
48
- */
49
- Component?: ElementType;
50
- /**
51
- * Идентификатор для систем автоматизированного тестирования
52
- */
53
- dataTestId?: string;
54
- /**
55
- * Показать лоадер
56
- * @default false
57
- */
58
- loading?: boolean;
59
- /**
60
- * Не переносить текст кнопки на новую строку
61
- * @default false
62
- */
63
- nowrap?: boolean;
64
- /**
65
- * Набор цветов для компонента
66
- */
67
- colors?: 'default' | 'inverted';
68
- /**
69
- * Дочерние элементы.
70
- */
71
- children?: ReactNode;
72
- };
73
- type PrivateButtonProps = {
74
- /**
75
- * Основные стили компонента.
76
- */
77
- styles: {
78
- [key: string]: string;
79
- };
80
- /**
81
- * Стили компонента для default и inverted режима.
82
- */
83
- colorStylesMap: StyleColors;
84
- };
85
- type CommonButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
86
- type ButtonProps = CommonButtonProps & {
87
- /**
88
- * Контрольная точка, с нее начинается desktop версия
89
- * @default 1024
90
- */
91
- breakpoint?: number;
92
- };
93
- export { StyleColors, ComponentProps, PrivateButtonProps, CommonButtonProps, ButtonProps };
@@ -1,12 +0,0 @@
1
- type BackgroundColorType = 'accent' | 'info' | 'attention-muted' | 'positive-muted' | 'negative-muted' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'specialbg-component' | 'specialbg-component-inverted' | 'specialbg-primary-grouped' | 'specialbg-secondary-grouped' | 'specialbg-tertiary-grouped' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
2
- type BorderColorType = 'accent' | 'key' | 'key-inverted' | 'link' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'underline' | 'underline-inverted' | 'graphic-attention' | 'graphic-link' | 'graphic-negative' | 'graphic-positive' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
3
- type GraphicColorType = 'accent' | 'link' | 'attention' | 'positive' | 'negative' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'static-light' | 'static-accent' | 'static-dark';
4
- type ShadowType = 'shadow-xs' | 'shadow-s' | 'shadow-m' | 'shadow-l' | 'shadow-xl' | 'shadow-xs-hard' | 'shadow-s-hard' | 'shadow-m-hard' | 'shadow-l-hard' | 'shadow-xl-hard' | 'shadow-xs-up' | 'shadow-s-up' | 'shadow-m-up' | 'shadow-l-up' | 'shadow-xl-up' | 'shadow-xs-hard-up' | 'shadow-s-hard-up' | 'shadow-m-hard-up' | 'shadow-l-hard-up' | 'shadow-xl-hard-up';
5
- type GapType = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl';
6
- type PaddingType = number | string | {
7
- top?: number;
8
- right?: number;
9
- bottom?: number;
10
- left?: number;
11
- };
12
- export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, PaddingType };
@@ -1,84 +0,0 @@
1
- /// <reference types="react" />
2
- /* eslint-disable no-plusplus, no-param-reassign */
3
- import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
4
- import React from "react";
5
- import { FC } from "react";
6
- import { CommonButtonProps, PrivateButtonProps } from "./typings-89f0cb07";
7
- declare const isClient: () => boolean;
8
- declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
9
- declare function easeInOutQuad(x: number): number;
10
- declare const easingFns: {
11
- easeInOutQuad: typeof easeInOutQuad;
12
- };
13
- /**
14
- * Возвращает true, если значение равно null или undefined
15
- */
16
- declare function isNil(value: unknown): boolean;
17
- /**
18
- * Выбор значения между min max границами
19
- */
20
- declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
21
- declare function noop(): void;
22
- declare const fnUtils: {
23
- clamp: typeof clamp;
24
- noop: typeof noop;
25
- isNil: typeof isNil;
26
- };
27
- /**
28
- * Запрещает каретке становиться за указанные границы
29
- */
30
- declare function caretGuard(guard: (value: string, selection: readonly [
31
- from: number,
32
- to: number
33
- ]) => [
34
- from: number,
35
- to: number
36
- ]): MaskitoPlugin;
37
- /**
38
- * Запрещает удалять указанный префикс
39
- */
40
- declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
41
- /**
42
- * Препроцессор необходим для правильной вставки/автокомплита телефонного номера
43
- */
44
- declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
45
- declare const maskUtils: {
46
- insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
47
- prefixPostprocessor: typeof prefixPostprocessor;
48
- caretGuard: typeof caretGuard;
49
- };
50
- type SpinnerProps = {
51
- /**
52
- * Управление видимостью компонента
53
- */
54
- visible?: boolean;
55
- /**
56
- * Размер компонента
57
- */
58
- size?: "xs" | "s" | "m";
59
- /**
60
- * Дополнительный класс
61
- */
62
- className?: string;
63
- /**
64
- * Идентификатор компонента в DOM
65
- */
66
- id?: string;
67
- /**
68
- * Идентификатор для систем автоматизированного тестирования
69
- */
70
- dataTestId?: string;
71
- /**
72
- * Палитра, в контексте которой используется спиннер
73
- */
74
- colors?: "default" | "inverted";
75
- };
76
- declare const Spinner: FC<SpinnerProps>;
77
- /**
78
- * Минимальное время отображения лоадера - 500мс,
79
- * чтобы при быстрых ответах от сервера кнопка не «моргала».
80
- */
81
- declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
82
- declare const BaseButton: React.ForwardRefExoticComponent<(CommonButtonProps & PrivateButtonProps) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
83
- export { isClient, getDataTestId, easingFns, fnUtils, maskUtils, SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };
84
- export * from "./createPaddingStyle-72dda473";
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { PaddingType } from "./index-72dda473";
4
- declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
5
- export { createPaddingStyle };
@@ -1,12 +0,0 @@
1
- type BackgroundColorType = 'accent' | 'info' | 'attention-muted' | 'positive-muted' | 'negative-muted' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'specialbg-component' | 'specialbg-component-inverted' | 'specialbg-primary-grouped' | 'specialbg-secondary-grouped' | 'specialbg-tertiary-grouped' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
2
- type BorderColorType = 'accent' | 'key' | 'key-inverted' | 'link' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'underline' | 'underline-inverted' | 'graphic-attention' | 'graphic-link' | 'graphic-negative' | 'graphic-positive' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
3
- type GraphicColorType = 'accent' | 'link' | 'attention' | 'positive' | 'negative' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'static-light' | 'static-accent' | 'static-dark';
4
- type ShadowType = 'shadow-xs' | 'shadow-s' | 'shadow-m' | 'shadow-l' | 'shadow-xl' | 'shadow-xs-hard' | 'shadow-s-hard' | 'shadow-m-hard' | 'shadow-l-hard' | 'shadow-xl-hard' | 'shadow-xs-up' | 'shadow-s-up' | 'shadow-m-up' | 'shadow-l-up' | 'shadow-xl-up' | 'shadow-xs-hard-up' | 'shadow-s-hard-up' | 'shadow-m-hard-up' | 'shadow-l-hard-up' | 'shadow-xl-hard-up';
5
- type GapType = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl';
6
- type PaddingType = number | string | {
7
- top?: number;
8
- right?: number;
9
- bottom?: number;
10
- left?: number;
11
- };
12
- export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, PaddingType };
@@ -1,93 +0,0 @@
1
- import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, ReactNode } from 'react';
2
- type StyleColors = {
3
- default: {
4
- [key: string]: string;
5
- };
6
- inverted: {
7
- [key: string]: string;
8
- };
9
- };
10
- type ComponentProps = {
11
- /**
12
- * Тип кнопки
13
- * @default secondary
14
- */
15
- view?: 'accent' | 'primary' | 'secondary' | 'tertiary' | 'outlined' | 'filled' | 'transparent' | 'link' | 'ghost';
16
- /**
17
- * Слот слева
18
- */
19
- leftAddons?: ReactNode;
20
- /**
21
- * Слот справа
22
- */
23
- rightAddons?: ReactNode;
24
- /**
25
- * Размер компонента
26
- * @default m
27
- */
28
- size?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
29
- /**
30
- * Растягивает компонент на ширину контейнера
31
- * @default false
32
- */
33
- block?: boolean;
34
- /**
35
- * Дополнительный класс
36
- */
37
- className?: string;
38
- /**
39
- * Дополнительный класс для спиннера
40
- */
41
- spinnerClassName?: string;
42
- /**
43
- * Выводит ссылку в виде кнопки
44
- */
45
- href?: string;
46
- /**
47
- * Позволяет использовать кастомный компонент для кнопки (например Link из роутера)
48
- */
49
- Component?: ElementType;
50
- /**
51
- * Идентификатор для систем автоматизированного тестирования
52
- */
53
- dataTestId?: string;
54
- /**
55
- * Показать лоадер
56
- * @default false
57
- */
58
- loading?: boolean;
59
- /**
60
- * Не переносить текст кнопки на новую строку
61
- * @default false
62
- */
63
- nowrap?: boolean;
64
- /**
65
- * Набор цветов для компонента
66
- */
67
- colors?: 'default' | 'inverted';
68
- /**
69
- * Дочерние элементы.
70
- */
71
- children?: ReactNode;
72
- };
73
- type PrivateButtonProps = {
74
- /**
75
- * Основные стили компонента.
76
- */
77
- styles: {
78
- [key: string]: string;
79
- };
80
- /**
81
- * Стили компонента для default и inverted режима.
82
- */
83
- colorStylesMap: StyleColors;
84
- };
85
- type CommonButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
86
- type ButtonProps = CommonButtonProps & {
87
- /**
88
- * Контрольная точка, с нее начинается desktop версия
89
- * @default 1024
90
- */
91
- breakpoint?: number;
92
- };
93
- export { StyleColors, ComponentProps, PrivateButtonProps, CommonButtonProps, ButtonProps };