@alfalab/core-components-international-phone-input 1.2.2 → 1.2.4
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.
- package/{esm/Component-89f0cb07.d.ts → Component-553146b2.d.ts} +1 -1
- package/Component-bdb4c6b9.d.ts +12 -0
- package/{Component-0816e61d.d.ts → Component-c29389e5.d.ts} +1 -1
- package/Component.mobile-ebda875c.d.ts +6 -0
- package/{cssm/index-8b2c2707.d.ts → Component.responsive-8566963f.d.ts} +4 -4
- package/Component.responsive.d.ts +10 -10
- package/Component.responsive.js +4 -4
- package/ResponsiveContext-08e5596c.d.ts +5 -0
- package/components/base-international-phone-input/Component.d.ts +3 -3
- package/components/base-international-phone-input/Component.js +1 -1
- package/components/base-international-phone-input/index.css +2 -2
- package/components/country-select/Component.js +1 -1
- package/components/country-select/index.css +8 -8
- package/components/flag-icon/component.js +1 -1
- package/components/flag-icon/index.css +3 -3
- package/components/select-field/component.js +1 -1
- package/components/select-field/index.css +9 -9
- package/{Component-89f0cb07.d.ts → cssm/Component-553146b2.d.ts} +1 -1
- package/cssm/Component-bdb4c6b9.d.ts +12 -0
- package/{esm/Component-0816e61d.d.ts → cssm/Component-c29389e5.d.ts} +1 -1
- package/cssm/Component.mobile-ebda875c.d.ts +6 -0
- package/{esm/index-8b2c2707.d.ts → cssm/Component.responsive-8566963f.d.ts} +4 -4
- package/cssm/Component.responsive.d.ts +10 -10
- package/cssm/Component.responsive.js +4 -4
- package/cssm/ResponsiveContext-08e5596c.d.ts +5 -0
- package/cssm/components/base-international-phone-input/Component.d.ts +3 -3
- package/cssm/{Component.desktop.d.ts → desktop/Component.desktop.d.ts} +1 -1
- package/cssm/{Component.desktop.js → desktop/Component.desktop.js} +15 -15
- package/cssm/desktop/index.d.ts +1 -1
- package/cssm/desktop/index.js +3 -3
- package/cssm/index-553146b2.d.ts +2 -0
- package/cssm/{Component.desktop-0aa4e915.d.ts → index-8566963f.d.ts} +3 -2
- package/cssm/index-ebda875c.d.ts +140 -12
- package/cssm/index.js +3 -3
- package/cssm/{Component.mobile.d.ts → mobile/Component.mobile.d.ts} +1 -1
- package/cssm/{Component.mobile.js → mobile/Component.mobile.js} +12 -12
- package/cssm/mobile/index.d.ts +1 -1
- package/cssm/mobile/index.js +2 -2
- package/cssm/types.d.ts +1 -1
- package/cssm/typings-08e5596c.d.ts +56 -0
- package/cssm/{typings-89f0cb07.d.ts → typings-553146b2.d.ts} +2 -1
- package/cssm/{typings-0816e61d.d.ts → typings-c29389e5.d.ts} +719 -56
- package/cssm/utils-d2597f31.d.ts +1 -1
- package/{esm → desktop}/Component.desktop.d.ts +1 -1
- package/{Component.desktop.js → desktop/Component.desktop.js} +11 -11
- package/desktop/index.d.ts +1 -1
- package/desktop/index.js +3 -3
- package/{modern/Component-89f0cb07.d.ts → esm/Component-553146b2.d.ts} +1 -1
- package/esm/Component-bdb4c6b9.d.ts +12 -0
- package/{cssm/Component-0816e61d.d.ts → esm/Component-c29389e5.d.ts} +1 -1
- package/esm/Component.mobile-ebda875c.d.ts +6 -0
- package/{index-8b2c2707.d.ts → esm/Component.responsive-8566963f.d.ts} +4 -4
- package/esm/Component.responsive.d.ts +10 -10
- package/esm/Component.responsive.js +3 -3
- package/esm/ResponsiveContext-08e5596c.d.ts +5 -0
- package/esm/components/base-international-phone-input/Component.d.ts +3 -3
- package/esm/components/base-international-phone-input/Component.js +1 -1
- package/esm/components/base-international-phone-input/index.css +2 -2
- package/esm/components/country-select/Component.js +1 -1
- package/esm/components/country-select/index.css +8 -8
- package/esm/components/flag-icon/component.js +1 -1
- package/esm/components/flag-icon/index.css +3 -3
- package/esm/components/select-field/component.js +1 -1
- package/esm/components/select-field/index.css +9 -9
- package/{Component.desktop.d.ts → esm/desktop/Component.desktop.d.ts} +1 -1
- package/esm/{Component.desktop.js → desktop/Component.desktop.js} +9 -9
- package/esm/desktop/index.d.ts +1 -1
- package/esm/desktop/index.js +2 -2
- package/esm/index-553146b2.d.ts +2 -0
- package/{modern/Component.desktop-0aa4e915.d.ts → esm/index-8566963f.d.ts} +3 -2
- package/esm/index-ebda875c.d.ts +140 -12
- package/esm/index.js +3 -3
- package/{Component.mobile.d.ts → esm/mobile/Component.mobile.d.ts} +1 -1
- package/esm/{Component.mobile.js → mobile/Component.mobile.js} +8 -8
- package/esm/mobile/index.d.ts +1 -1
- package/esm/mobile/index.js +1 -1
- package/esm/types.d.ts +1 -1
- package/esm/typings-08e5596c.d.ts +56 -0
- package/esm/{typings-89f0cb07.d.ts → typings-553146b2.d.ts} +2 -1
- package/esm/{typings-0816e61d.d.ts → typings-c29389e5.d.ts} +719 -56
- package/esm/utils-d2597f31.d.ts +1 -1
- package/index-553146b2.d.ts +2 -0
- package/{esm/Component.desktop-0aa4e915.d.ts → index-8566963f.d.ts} +3 -2
- package/index-ebda875c.d.ts +140 -12
- package/index.js +3 -3
- package/{esm → mobile}/Component.mobile.d.ts +1 -1
- package/{Component.mobile.js → mobile/Component.mobile.js} +8 -8
- package/mobile/index.d.ts +1 -1
- package/mobile/index.js +2 -2
- package/{cssm/Component-89f0cb07.d.ts → modern/Component-553146b2.d.ts} +1 -1
- package/modern/Component-bdb4c6b9.d.ts +12 -0
- package/modern/{Component-0816e61d.d.ts → Component-c29389e5.d.ts} +1 -1
- package/modern/Component.mobile-ebda875c.d.ts +6 -0
- package/modern/{index-8b2c2707.d.ts → Component.responsive-8566963f.d.ts} +4 -4
- package/modern/Component.responsive.d.ts +10 -10
- package/modern/Component.responsive.js +3 -3
- package/modern/ResponsiveContext-08e5596c.d.ts +5 -0
- package/modern/components/base-international-phone-input/Component.d.ts +3 -3
- package/modern/components/base-international-phone-input/Component.js +1 -1
- package/modern/components/base-international-phone-input/index.css +2 -2
- package/modern/components/country-select/Component.js +1 -1
- package/modern/components/country-select/index.css +8 -8
- package/modern/components/flag-icon/component.js +1 -1
- package/modern/components/flag-icon/index.css +3 -3
- package/modern/components/select-field/component.js +1 -1
- package/modern/components/select-field/index.css +9 -9
- package/modern/{Component.desktop.d.ts → desktop/Component.desktop.d.ts} +1 -1
- package/modern/{Component.desktop.js → desktop/Component.desktop.js} +9 -9
- package/modern/desktop/index.d.ts +1 -1
- package/modern/desktop/index.js +2 -2
- package/modern/index-553146b2.d.ts +2 -0
- package/{Component.desktop-0aa4e915.d.ts → modern/index-8566963f.d.ts} +3 -2
- package/modern/index-ebda875c.d.ts +140 -12
- package/modern/index.js +3 -3
- package/modern/{Component.mobile.d.ts → mobile/Component.mobile.d.ts} +1 -1
- package/modern/{Component.mobile.js → mobile/Component.mobile.js} +8 -8
- package/modern/mobile/index.d.ts +1 -1
- package/modern/mobile/index.js +1 -1
- package/modern/types.d.ts +1 -1
- package/modern/typings-08e5596c.d.ts +56 -0
- package/modern/{typings-89f0cb07.d.ts → typings-553146b2.d.ts} +2 -1
- package/modern/{typings-0816e61d.d.ts → typings-c29389e5.d.ts} +719 -56
- package/modern/utils-d2597f31.d.ts +1 -1
- package/package.json +4 -4
- package/src/Component.responsive.tsx +2 -2
- package/src/{Component.desktop.tsx → desktop/Component.desktop.tsx} +3 -3
- package/src/desktop/index.ts +1 -1
- package/src/{Component.mobile.tsx → mobile/Component.mobile.tsx} +5 -2
- package/src/mobile/index.ts +1 -1
- package/types.d.ts +1 -1
- package/typings-08e5596c.d.ts +56 -0
- package/{typings-89f0cb07.d.ts → typings-553146b2.d.ts} +2 -1
- package/{typings-0816e61d.d.ts → typings-c29389e5.d.ts} +719 -56
- package/utils-d2597f31.d.ts +1 -1
- package/Component-8b2c2707.d.ts +0 -71
- package/Component.responsive-785df74d.d.ts +0 -28
- package/cssm/Component-8b2c2707.d.ts +0 -71
- package/cssm/Component.responsive-785df74d.d.ts +0 -28
- package/cssm/index-72dda473.d.ts +0 -12
- package/cssm/index-89f0cb07.d.ts +0 -2
- package/cssm/index-c44170fe.d.ts +0 -2
- package/cssm/index-c76d6398.d.ts +0 -319
- package/cssm/types-72dda473.d.ts +0 -276
- package/cssm/typings-c44170fe.d.ts +0 -91
- package/esm/Component-8b2c2707.d.ts +0 -71
- package/esm/Component.responsive-785df74d.d.ts +0 -28
- package/esm/index-72dda473.d.ts +0 -12
- package/esm/index-89f0cb07.d.ts +0 -2
- package/esm/index-c44170fe.d.ts +0 -2
- package/esm/index-c76d6398.d.ts +0 -319
- package/esm/types-72dda473.d.ts +0 -276
- package/esm/typings-c44170fe.d.ts +0 -91
- package/index-72dda473.d.ts +0 -12
- package/index-89f0cb07.d.ts +0 -2
- package/index-c44170fe.d.ts +0 -2
- package/index-c76d6398.d.ts +0 -319
- package/modern/Component-8b2c2707.d.ts +0 -71
- package/modern/Component.responsive-785df74d.d.ts +0 -28
- package/modern/index-72dda473.d.ts +0 -12
- package/modern/index-89f0cb07.d.ts +0 -2
- package/modern/index-c44170fe.d.ts +0 -2
- package/modern/index-c76d6398.d.ts +0 -319
- package/modern/types-72dda473.d.ts +0 -276
- package/modern/typings-c44170fe.d.ts +0 -91
- package/types-72dda473.d.ts +0 -276
- package/typings-c44170fe.d.ts +0 -91
- /package/{Component.desktop-785df74d.d.ts → Component.desktop-ebda875c.d.ts} +0 -0
- /package/cssm/{Component.desktop-785df74d.d.ts → Component.desktop-ebda875c.d.ts} +0 -0
- /package/esm/{Component.desktop-785df74d.d.ts → Component.desktop-ebda875c.d.ts} +0 -0
- /package/modern/{Component.desktop-785df74d.d.ts → Component.desktop-ebda875c.d.ts} +0 -0
package/utils-d2597f31.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactNode, RefObject } from 'react';
|
|
2
|
-
import { BaseSelectProps, GroupShape, OptionShape } from "./typings-
|
|
2
|
+
import { BaseSelectProps, GroupShape, OptionShape } from "./typings-c29389e5";
|
|
3
3
|
declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
|
|
4
4
|
declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
|
|
5
5
|
declare const joinOptions: ({ selected, selectedMultiple, }: {
|
package/Component-8b2c2707.d.ts
DELETED
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, ReactElement } from "react";
|
|
4
|
-
import { ButtonProps } from "./index-8b2c2707";
|
|
5
|
-
type IconButtonProps = {
|
|
6
|
-
/**
|
|
7
|
-
* Компонент иконки
|
|
8
|
-
*/
|
|
9
|
-
icon: ElementType<{
|
|
10
|
-
className?: string;
|
|
11
|
-
}> | ReactElement;
|
|
12
|
-
/**
|
|
13
|
-
* Тип кнопки
|
|
14
|
-
*/
|
|
15
|
-
view?: 'primary' | 'secondary' | 'transparent' | 'tertiary' | 'negative';
|
|
16
|
-
/**
|
|
17
|
-
* Размер компонента
|
|
18
|
-
*/
|
|
19
|
-
size?: 'xxs' | 'xs' | 's';
|
|
20
|
-
/**
|
|
21
|
-
* Дополнительный класс
|
|
22
|
-
*/
|
|
23
|
-
className?: string;
|
|
24
|
-
/**
|
|
25
|
-
* Выравнивание иконки
|
|
26
|
-
* @default 'center'
|
|
27
|
-
*/
|
|
28
|
-
alignIcon?: 'left' | 'center' | 'right';
|
|
29
|
-
/**
|
|
30
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
31
|
-
*/
|
|
32
|
-
dataTestId?: string;
|
|
33
|
-
/**
|
|
34
|
-
* Набор цветов для компонента
|
|
35
|
-
*/
|
|
36
|
-
colors?: 'default' | 'inverted';
|
|
37
|
-
} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size'> & Pick<ButtonProps, 'Component' | 'href' | 'loading' | 'breakpoint'> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'target' | 'download'>;
|
|
38
|
-
declare const IconButton: React.ForwardRefExoticComponent<{
|
|
39
|
-
/**
|
|
40
|
-
* Компонент иконки
|
|
41
|
-
*/
|
|
42
|
-
icon: ElementType<{
|
|
43
|
-
className?: string;
|
|
44
|
-
}> | ReactElement;
|
|
45
|
-
/**
|
|
46
|
-
* Тип кнопки
|
|
47
|
-
*/
|
|
48
|
-
view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
|
|
49
|
-
/**
|
|
50
|
-
* Размер компонента
|
|
51
|
-
*/
|
|
52
|
-
size?: "xs" | "s" | "xxs" | undefined;
|
|
53
|
-
/**
|
|
54
|
-
* Дополнительный класс
|
|
55
|
-
*/
|
|
56
|
-
className?: string | undefined;
|
|
57
|
-
/**
|
|
58
|
-
* Выравнивание иконки
|
|
59
|
-
* @default 'center'
|
|
60
|
-
*/
|
|
61
|
-
alignIcon?: "center" | "right" | "left" | undefined;
|
|
62
|
-
/**
|
|
63
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
64
|
-
*/
|
|
65
|
-
dataTestId?: string | undefined;
|
|
66
|
-
/**
|
|
67
|
-
* Набор цветов для компонента
|
|
68
|
-
*/
|
|
69
|
-
colors?: "default" | "inverted" | undefined;
|
|
70
|
-
} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "Component" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
|
|
71
|
-
export { IconButtonProps, IconButton };
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { BaseFormControlProps } from "./index-ebda875c";
|
|
4
|
-
type FormControlMobileProps = Omit<BaseFormControlProps, "styles" | "colorStyles">;
|
|
5
|
-
declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
-
type FormControlProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'> & {
|
|
7
|
-
/**
|
|
8
|
-
* Контрольная точка, с нее начинается desktop версия
|
|
9
|
-
* @default 1024
|
|
10
|
-
*/
|
|
11
|
-
breakpoint?: number;
|
|
12
|
-
/**
|
|
13
|
-
* Значение по-умолчанию для хука useMatchMedia
|
|
14
|
-
*/
|
|
15
|
-
defaultMatchMediaValue?: boolean | (() => boolean);
|
|
16
|
-
};
|
|
17
|
-
declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
|
|
18
|
-
/**
|
|
19
|
-
* Контрольная точка, с нее начинается desktop версия
|
|
20
|
-
* @default 1024
|
|
21
|
-
*/
|
|
22
|
-
breakpoint?: number | undefined;
|
|
23
|
-
/**
|
|
24
|
-
* Значение по-умолчанию для хука useMatchMedia
|
|
25
|
-
*/
|
|
26
|
-
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
27
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
28
|
-
export { FormControlMobileProps, FormControlMobile, FormControlProps, FormControl };
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, ReactElement } from "react";
|
|
4
|
-
import { ButtonProps } from "./index-8b2c2707";
|
|
5
|
-
type IconButtonProps = {
|
|
6
|
-
/**
|
|
7
|
-
* Компонент иконки
|
|
8
|
-
*/
|
|
9
|
-
icon: ElementType<{
|
|
10
|
-
className?: string;
|
|
11
|
-
}> | ReactElement;
|
|
12
|
-
/**
|
|
13
|
-
* Тип кнопки
|
|
14
|
-
*/
|
|
15
|
-
view?: 'primary' | 'secondary' | 'transparent' | 'tertiary' | 'negative';
|
|
16
|
-
/**
|
|
17
|
-
* Размер компонента
|
|
18
|
-
*/
|
|
19
|
-
size?: 'xxs' | 'xs' | 's';
|
|
20
|
-
/**
|
|
21
|
-
* Дополнительный класс
|
|
22
|
-
*/
|
|
23
|
-
className?: string;
|
|
24
|
-
/**
|
|
25
|
-
* Выравнивание иконки
|
|
26
|
-
* @default 'center'
|
|
27
|
-
*/
|
|
28
|
-
alignIcon?: 'left' | 'center' | 'right';
|
|
29
|
-
/**
|
|
30
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
31
|
-
*/
|
|
32
|
-
dataTestId?: string;
|
|
33
|
-
/**
|
|
34
|
-
* Набор цветов для компонента
|
|
35
|
-
*/
|
|
36
|
-
colors?: 'default' | 'inverted';
|
|
37
|
-
} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size'> & Pick<ButtonProps, 'Component' | 'href' | 'loading' | 'breakpoint'> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'target' | 'download'>;
|
|
38
|
-
declare const IconButton: React.ForwardRefExoticComponent<{
|
|
39
|
-
/**
|
|
40
|
-
* Компонент иконки
|
|
41
|
-
*/
|
|
42
|
-
icon: ElementType<{
|
|
43
|
-
className?: string;
|
|
44
|
-
}> | ReactElement;
|
|
45
|
-
/**
|
|
46
|
-
* Тип кнопки
|
|
47
|
-
*/
|
|
48
|
-
view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
|
|
49
|
-
/**
|
|
50
|
-
* Размер компонента
|
|
51
|
-
*/
|
|
52
|
-
size?: "xs" | "s" | "xxs" | undefined;
|
|
53
|
-
/**
|
|
54
|
-
* Дополнительный класс
|
|
55
|
-
*/
|
|
56
|
-
className?: string | undefined;
|
|
57
|
-
/**
|
|
58
|
-
* Выравнивание иконки
|
|
59
|
-
* @default 'center'
|
|
60
|
-
*/
|
|
61
|
-
alignIcon?: "center" | "right" | "left" | undefined;
|
|
62
|
-
/**
|
|
63
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
64
|
-
*/
|
|
65
|
-
dataTestId?: string | undefined;
|
|
66
|
-
/**
|
|
67
|
-
* Набор цветов для компонента
|
|
68
|
-
*/
|
|
69
|
-
colors?: "default" | "inverted" | undefined;
|
|
70
|
-
} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "Component" | "loading" | "breakpoint"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
|
|
71
|
-
export { IconButtonProps, IconButton };
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { BaseFormControlProps } from "./index-ebda875c";
|
|
4
|
-
type FormControlMobileProps = Omit<BaseFormControlProps, "styles" | "colorStyles">;
|
|
5
|
-
declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
-
type FormControlProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'> & {
|
|
7
|
-
/**
|
|
8
|
-
* Контрольная точка, с нее начинается desktop версия
|
|
9
|
-
* @default 1024
|
|
10
|
-
*/
|
|
11
|
-
breakpoint?: number;
|
|
12
|
-
/**
|
|
13
|
-
* Значение по-умолчанию для хука useMatchMedia
|
|
14
|
-
*/
|
|
15
|
-
defaultMatchMediaValue?: boolean | (() => boolean);
|
|
16
|
-
};
|
|
17
|
-
declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
|
|
18
|
-
/**
|
|
19
|
-
* Контрольная точка, с нее начинается desktop версия
|
|
20
|
-
* @default 1024
|
|
21
|
-
*/
|
|
22
|
-
breakpoint?: number | undefined;
|
|
23
|
-
/**
|
|
24
|
-
* Значение по-умолчанию для хука useMatchMedia
|
|
25
|
-
*/
|
|
26
|
-
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
27
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
28
|
-
export { FormControlMobileProps, FormControlMobile, FormControlProps, FormControl };
|
package/cssm/index-72dda473.d.ts
DELETED
|
@@ -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 };
|
package/cssm/index-89f0cb07.d.ts
DELETED
package/cssm/index-c44170fe.d.ts
DELETED
package/cssm/index-c76d6398.d.ts
DELETED
|
@@ -1,319 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
/* eslint-disable complexity */
|
|
3
|
-
import React from "react";
|
|
4
|
-
import { ReactNode, ButtonHTMLAttributes, ElementType, FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
|
|
5
|
-
import { TextElementType, TextSkeletonProps } from "./types-1b036d4b";
|
|
6
|
-
interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
7
|
-
/**
|
|
8
|
-
* Вид компонента
|
|
9
|
-
*/
|
|
10
|
-
view: "desktop" | "mobile";
|
|
11
|
-
/**
|
|
12
|
-
* Дополнительный класс
|
|
13
|
-
*/
|
|
14
|
-
className?: string;
|
|
15
|
-
/**
|
|
16
|
-
* Позиция крестика
|
|
17
|
-
*/
|
|
18
|
-
align?: "left" | "right";
|
|
19
|
-
/**
|
|
20
|
-
* Фиксирует крестик
|
|
21
|
-
*/
|
|
22
|
-
sticky?: boolean;
|
|
23
|
-
/**
|
|
24
|
-
* Иконка
|
|
25
|
-
*/
|
|
26
|
-
icon?: ElementType;
|
|
27
|
-
/**
|
|
28
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
29
|
-
*/
|
|
30
|
-
dataTestId?: string;
|
|
31
|
-
/**
|
|
32
|
-
* Коллбэк закрытия.
|
|
33
|
-
*/
|
|
34
|
-
onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
|
|
35
|
-
}
|
|
36
|
-
type NavigationBarProps = {
|
|
37
|
-
/**
|
|
38
|
-
* Контент шапки
|
|
39
|
-
*/
|
|
40
|
-
children?: ReactNode;
|
|
41
|
-
/**
|
|
42
|
-
* Заголовок шапки
|
|
43
|
-
*/
|
|
44
|
-
title?: string;
|
|
45
|
-
/**
|
|
46
|
-
* Подзаголовок (доступен только в мобильной версии)
|
|
47
|
-
*/
|
|
48
|
-
subtitle?: ReactNode;
|
|
49
|
-
/**
|
|
50
|
-
* Размер заголовка (compact доступен только в мобильной версии)
|
|
51
|
-
*/
|
|
52
|
-
titleSize?: "default" | "compact";
|
|
53
|
-
/**
|
|
54
|
-
* Доп. класс для аддонов
|
|
55
|
-
*/
|
|
56
|
-
addonClassName?: string;
|
|
57
|
-
/**
|
|
58
|
-
* Слот слева
|
|
59
|
-
*/
|
|
60
|
-
leftAddons?: ReactNode;
|
|
61
|
-
/**
|
|
62
|
-
* Слот справа
|
|
63
|
-
*/
|
|
64
|
-
rightAddons?: ReactNode;
|
|
65
|
-
/**
|
|
66
|
-
* Дополнительный класс для closer
|
|
67
|
-
*/
|
|
68
|
-
closerClassName?: string;
|
|
69
|
-
/**
|
|
70
|
-
* Слот снизу
|
|
71
|
-
*/
|
|
72
|
-
bottomAddons?: ReactNode;
|
|
73
|
-
/**
|
|
74
|
-
* Наличие компонента крестика
|
|
75
|
-
*/
|
|
76
|
-
hasCloser?: boolean;
|
|
77
|
-
/**
|
|
78
|
-
* Наличие кнопки "Назад"
|
|
79
|
-
*/
|
|
80
|
-
hasBackButton?: boolean;
|
|
81
|
-
/**
|
|
82
|
-
* Дополнительный класс для правого аддона
|
|
83
|
-
*/
|
|
84
|
-
backButtonClassName?: string;
|
|
85
|
-
/**
|
|
86
|
-
* Дополнительный класс
|
|
87
|
-
*/
|
|
88
|
-
className?: string;
|
|
89
|
-
/**
|
|
90
|
-
* Дополнительный класс для контента
|
|
91
|
-
*/
|
|
92
|
-
contentClassName?: string;
|
|
93
|
-
/**
|
|
94
|
-
* Дополнительный класс для нижнего аддона
|
|
95
|
-
*/
|
|
96
|
-
bottomAddonsClassName?: string;
|
|
97
|
-
/**
|
|
98
|
-
* Выравнивание заголовка
|
|
99
|
-
*/
|
|
100
|
-
align?: "left" | "center";
|
|
101
|
-
/**
|
|
102
|
-
* Обрезать ли заголовок
|
|
103
|
-
*/
|
|
104
|
-
trim?: boolean;
|
|
105
|
-
/**
|
|
106
|
-
* Фиксирует шапку
|
|
107
|
-
*/
|
|
108
|
-
sticky?: boolean;
|
|
109
|
-
/**
|
|
110
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
111
|
-
*/
|
|
112
|
-
dataTestId?: string;
|
|
113
|
-
/**
|
|
114
|
-
* Фоновое изображение
|
|
115
|
-
*/
|
|
116
|
-
imageUrl?: string;
|
|
117
|
-
/**
|
|
118
|
-
* Иконка closer.
|
|
119
|
-
*/
|
|
120
|
-
closerIcon?: React.ElementType;
|
|
121
|
-
/**
|
|
122
|
-
* Обработчик закрытия
|
|
123
|
-
*/
|
|
124
|
-
onClose?: CloserProps["onClose"];
|
|
125
|
-
/**
|
|
126
|
-
* обработчик клика по кнопке "назад"
|
|
127
|
-
*/
|
|
128
|
-
onBack?: () => void;
|
|
129
|
-
/**
|
|
130
|
-
* Вид шапки - мобильный или десктоп
|
|
131
|
-
*/
|
|
132
|
-
view: "desktop" | "mobile";
|
|
133
|
-
/**
|
|
134
|
-
* Ссылка на родительскую ноду overflow: auto
|
|
135
|
-
*/
|
|
136
|
-
scrollableParentRef?: React.RefObject<HTMLDivElement>;
|
|
137
|
-
};
|
|
138
|
-
declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
|
|
139
|
-
interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
140
|
-
/**
|
|
141
|
-
* Текст после иконки
|
|
142
|
-
*/
|
|
143
|
-
text?: string;
|
|
144
|
-
/**
|
|
145
|
-
* Дополнительный класс
|
|
146
|
-
*/
|
|
147
|
-
className?: string;
|
|
148
|
-
/**
|
|
149
|
-
* Вид компонента
|
|
150
|
-
*/
|
|
151
|
-
view: "mobile" | "desktop";
|
|
152
|
-
/**
|
|
153
|
-
* Прозрачность текста
|
|
154
|
-
*/
|
|
155
|
-
textOpacity?: number;
|
|
156
|
-
/**
|
|
157
|
-
* Обработчик клика
|
|
158
|
-
*/
|
|
159
|
-
onClick?: () => void;
|
|
160
|
-
}
|
|
161
|
-
declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
|
|
162
|
-
declare const colors: readonly [
|
|
163
|
-
"tertiary",
|
|
164
|
-
"disabled",
|
|
165
|
-
"accent",
|
|
166
|
-
"primary",
|
|
167
|
-
"attention",
|
|
168
|
-
"positive",
|
|
169
|
-
"secondary",
|
|
170
|
-
"tertiary-inverted",
|
|
171
|
-
"primary-inverted",
|
|
172
|
-
"secondary-inverted",
|
|
173
|
-
"link",
|
|
174
|
-
"negative",
|
|
175
|
-
"static-primary-light",
|
|
176
|
-
"static-secondary-light",
|
|
177
|
-
"static-tertiary-light",
|
|
178
|
-
"static-primary-dark",
|
|
179
|
-
"static-secondary-dark",
|
|
180
|
-
"static-tertiary-dark",
|
|
181
|
-
"static-accent"
|
|
182
|
-
];
|
|
183
|
-
type Color = (typeof colors)[number];
|
|
184
|
-
type NativeProps = HTMLAttributes<HTMLSpanElement>;
|
|
185
|
-
type TextBaseProps = {
|
|
186
|
-
/**
|
|
187
|
-
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)
|
|
188
|
-
*/
|
|
189
|
-
view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "component-primary" | "component-secondary" | "caps";
|
|
190
|
-
/**
|
|
191
|
-
* Цвет текста
|
|
192
|
-
*/
|
|
193
|
-
color?: Color;
|
|
194
|
-
/**
|
|
195
|
-
* Толщина шрифта
|
|
196
|
-
*/
|
|
197
|
-
weight?: "regular" | "medium" | "bold";
|
|
198
|
-
/**
|
|
199
|
-
* Делает цифры моноширинными
|
|
200
|
-
*/
|
|
201
|
-
monospaceNumbers?: boolean;
|
|
202
|
-
/**
|
|
203
|
-
* HTML тег
|
|
204
|
-
*/
|
|
205
|
-
tag?: "span" | "div";
|
|
206
|
-
/**
|
|
207
|
-
* Css-класс для стилизации (native prop)
|
|
208
|
-
*/
|
|
209
|
-
className?: string;
|
|
210
|
-
/**
|
|
211
|
-
* Id компонента для тестов
|
|
212
|
-
*/
|
|
213
|
-
dataTestId?: string;
|
|
214
|
-
/**
|
|
215
|
-
* Контент (native prop)
|
|
216
|
-
*/
|
|
217
|
-
children?: React.ReactNode;
|
|
218
|
-
/**
|
|
219
|
-
* Добавляет отступы к тэгу 'p'
|
|
220
|
-
*/
|
|
221
|
-
defaultMargins?: never;
|
|
222
|
-
/**
|
|
223
|
-
* Количество строк (не поддерживает IE)
|
|
224
|
-
*/
|
|
225
|
-
rowLimit?: 1 | 2 | 3;
|
|
226
|
-
/**
|
|
227
|
-
* Показать скелетон
|
|
228
|
-
*/
|
|
229
|
-
showSkeleton?: boolean;
|
|
230
|
-
/**
|
|
231
|
-
* Пропы для скелетона
|
|
232
|
-
*/
|
|
233
|
-
skeletonProps?: TextSkeletonProps;
|
|
234
|
-
};
|
|
235
|
-
type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
|
|
236
|
-
tag?: "p";
|
|
237
|
-
defaultMargins?: boolean;
|
|
238
|
-
};
|
|
239
|
-
type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
|
|
240
|
-
type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
|
|
241
|
-
type TitleProps = Omit<NativeProps$0, "color"> & {
|
|
242
|
-
/**
|
|
243
|
-
* HTML тег
|
|
244
|
-
*/
|
|
245
|
-
tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
|
|
246
|
-
/**
|
|
247
|
-
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
|
|
248
|
-
*/
|
|
249
|
-
view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
|
|
250
|
-
/**
|
|
251
|
-
* Цвет текста
|
|
252
|
-
*/
|
|
253
|
-
color?: Color;
|
|
254
|
-
/**
|
|
255
|
-
* Толщина шрифта
|
|
256
|
-
*/
|
|
257
|
-
weight?: "regular" | "medium" | "bold";
|
|
258
|
-
/**
|
|
259
|
-
* Шрифт текста
|
|
260
|
-
*/
|
|
261
|
-
font?: "styrene" | "system";
|
|
262
|
-
/**
|
|
263
|
-
* Добавляет отступы
|
|
264
|
-
*/
|
|
265
|
-
defaultMargins?: boolean;
|
|
266
|
-
/**
|
|
267
|
-
* Css-класс для стилизации (native prop)
|
|
268
|
-
*/
|
|
269
|
-
className?: string;
|
|
270
|
-
/**
|
|
271
|
-
* Id компонента для тестов
|
|
272
|
-
*/
|
|
273
|
-
dataTestId?: string;
|
|
274
|
-
/**
|
|
275
|
-
* Контент (native prop)
|
|
276
|
-
*/
|
|
277
|
-
children?: React.ReactNode;
|
|
278
|
-
/**
|
|
279
|
-
* Количество строк (не поддерживает IE)
|
|
280
|
-
*/
|
|
281
|
-
rowLimit?: 1 | 2 | 3;
|
|
282
|
-
/**
|
|
283
|
-
* Показать скелетон
|
|
284
|
-
*/
|
|
285
|
-
showSkeleton?: boolean;
|
|
286
|
-
/**
|
|
287
|
-
* Пропы для скелетона
|
|
288
|
-
*/
|
|
289
|
-
skeletonProps?: TextSkeletonProps;
|
|
290
|
-
};
|
|
291
|
-
type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
|
|
292
|
-
declare const Typography: {
|
|
293
|
-
Title: FC<TitleProps>;
|
|
294
|
-
Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
|
|
295
|
-
TitleResponsive: FC<TitleProps>;
|
|
296
|
-
TitleMobile: FC<TitleMobileProps>;
|
|
297
|
-
};
|
|
298
|
-
declare const typographyPresets: {
|
|
299
|
-
mobile: {
|
|
300
|
-
list: {
|
|
301
|
-
text: {
|
|
302
|
-
primary: {
|
|
303
|
-
tag: string;
|
|
304
|
-
view: string;
|
|
305
|
-
};
|
|
306
|
-
secondary: {
|
|
307
|
-
tag: string;
|
|
308
|
-
color: string;
|
|
309
|
-
view: string;
|
|
310
|
-
};
|
|
311
|
-
};
|
|
312
|
-
};
|
|
313
|
-
};
|
|
314
|
-
};
|
|
315
|
-
declare const TitleResponsive: FC<TitleProps>;
|
|
316
|
-
export { NavigationBar, BackArrowAddonProps, BackArrowAddon, Typography, typographyPresets, TitleResponsive };
|
|
317
|
-
export type { TitleProps, TextProps, Color, NavigationBarProps };
|
|
318
|
-
export * from "./useSkeleton-1b036d4b";
|
|
319
|
-
export * from "./Component-8b2c2707";
|