@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.
Files changed (170) hide show
  1. package/{esm/Component-89f0cb07.d.ts → Component-553146b2.d.ts} +1 -1
  2. package/Component-bdb4c6b9.d.ts +12 -0
  3. package/{Component-0816e61d.d.ts → Component-c29389e5.d.ts} +1 -1
  4. package/Component.mobile-ebda875c.d.ts +6 -0
  5. package/{cssm/index-8b2c2707.d.ts → Component.responsive-8566963f.d.ts} +4 -4
  6. package/Component.responsive.d.ts +10 -10
  7. package/Component.responsive.js +4 -4
  8. package/ResponsiveContext-08e5596c.d.ts +5 -0
  9. package/components/base-international-phone-input/Component.d.ts +3 -3
  10. package/components/base-international-phone-input/Component.js +1 -1
  11. package/components/base-international-phone-input/index.css +2 -2
  12. package/components/country-select/Component.js +1 -1
  13. package/components/country-select/index.css +8 -8
  14. package/components/flag-icon/component.js +1 -1
  15. package/components/flag-icon/index.css +3 -3
  16. package/components/select-field/component.js +1 -1
  17. package/components/select-field/index.css +9 -9
  18. package/{Component-89f0cb07.d.ts → cssm/Component-553146b2.d.ts} +1 -1
  19. package/cssm/Component-bdb4c6b9.d.ts +12 -0
  20. package/{esm/Component-0816e61d.d.ts → cssm/Component-c29389e5.d.ts} +1 -1
  21. package/cssm/Component.mobile-ebda875c.d.ts +6 -0
  22. package/{esm/index-8b2c2707.d.ts → cssm/Component.responsive-8566963f.d.ts} +4 -4
  23. package/cssm/Component.responsive.d.ts +10 -10
  24. package/cssm/Component.responsive.js +4 -4
  25. package/cssm/ResponsiveContext-08e5596c.d.ts +5 -0
  26. package/cssm/components/base-international-phone-input/Component.d.ts +3 -3
  27. package/cssm/{Component.desktop.d.ts → desktop/Component.desktop.d.ts} +1 -1
  28. package/cssm/{Component.desktop.js → desktop/Component.desktop.js} +15 -15
  29. package/cssm/desktop/index.d.ts +1 -1
  30. package/cssm/desktop/index.js +3 -3
  31. package/cssm/index-553146b2.d.ts +2 -0
  32. package/cssm/{Component.desktop-0aa4e915.d.ts → index-8566963f.d.ts} +3 -2
  33. package/cssm/index-ebda875c.d.ts +140 -12
  34. package/cssm/index.js +3 -3
  35. package/cssm/{Component.mobile.d.ts → mobile/Component.mobile.d.ts} +1 -1
  36. package/cssm/{Component.mobile.js → mobile/Component.mobile.js} +12 -12
  37. package/cssm/mobile/index.d.ts +1 -1
  38. package/cssm/mobile/index.js +2 -2
  39. package/cssm/types.d.ts +1 -1
  40. package/cssm/typings-08e5596c.d.ts +56 -0
  41. package/cssm/{typings-89f0cb07.d.ts → typings-553146b2.d.ts} +2 -1
  42. package/cssm/{typings-0816e61d.d.ts → typings-c29389e5.d.ts} +719 -56
  43. package/cssm/utils-d2597f31.d.ts +1 -1
  44. package/{esm → desktop}/Component.desktop.d.ts +1 -1
  45. package/{Component.desktop.js → desktop/Component.desktop.js} +11 -11
  46. package/desktop/index.d.ts +1 -1
  47. package/desktop/index.js +3 -3
  48. package/{modern/Component-89f0cb07.d.ts → esm/Component-553146b2.d.ts} +1 -1
  49. package/esm/Component-bdb4c6b9.d.ts +12 -0
  50. package/{cssm/Component-0816e61d.d.ts → esm/Component-c29389e5.d.ts} +1 -1
  51. package/esm/Component.mobile-ebda875c.d.ts +6 -0
  52. package/{index-8b2c2707.d.ts → esm/Component.responsive-8566963f.d.ts} +4 -4
  53. package/esm/Component.responsive.d.ts +10 -10
  54. package/esm/Component.responsive.js +3 -3
  55. package/esm/ResponsiveContext-08e5596c.d.ts +5 -0
  56. package/esm/components/base-international-phone-input/Component.d.ts +3 -3
  57. package/esm/components/base-international-phone-input/Component.js +1 -1
  58. package/esm/components/base-international-phone-input/index.css +2 -2
  59. package/esm/components/country-select/Component.js +1 -1
  60. package/esm/components/country-select/index.css +8 -8
  61. package/esm/components/flag-icon/component.js +1 -1
  62. package/esm/components/flag-icon/index.css +3 -3
  63. package/esm/components/select-field/component.js +1 -1
  64. package/esm/components/select-field/index.css +9 -9
  65. package/{Component.desktop.d.ts → esm/desktop/Component.desktop.d.ts} +1 -1
  66. package/esm/{Component.desktop.js → desktop/Component.desktop.js} +9 -9
  67. package/esm/desktop/index.d.ts +1 -1
  68. package/esm/desktop/index.js +2 -2
  69. package/esm/index-553146b2.d.ts +2 -0
  70. package/{modern/Component.desktop-0aa4e915.d.ts → esm/index-8566963f.d.ts} +3 -2
  71. package/esm/index-ebda875c.d.ts +140 -12
  72. package/esm/index.js +3 -3
  73. package/{Component.mobile.d.ts → esm/mobile/Component.mobile.d.ts} +1 -1
  74. package/esm/{Component.mobile.js → mobile/Component.mobile.js} +8 -8
  75. package/esm/mobile/index.d.ts +1 -1
  76. package/esm/mobile/index.js +1 -1
  77. package/esm/types.d.ts +1 -1
  78. package/esm/typings-08e5596c.d.ts +56 -0
  79. package/esm/{typings-89f0cb07.d.ts → typings-553146b2.d.ts} +2 -1
  80. package/esm/{typings-0816e61d.d.ts → typings-c29389e5.d.ts} +719 -56
  81. package/esm/utils-d2597f31.d.ts +1 -1
  82. package/index-553146b2.d.ts +2 -0
  83. package/{esm/Component.desktop-0aa4e915.d.ts → index-8566963f.d.ts} +3 -2
  84. package/index-ebda875c.d.ts +140 -12
  85. package/index.js +3 -3
  86. package/{esm → mobile}/Component.mobile.d.ts +1 -1
  87. package/{Component.mobile.js → mobile/Component.mobile.js} +8 -8
  88. package/mobile/index.d.ts +1 -1
  89. package/mobile/index.js +2 -2
  90. package/{cssm/Component-89f0cb07.d.ts → modern/Component-553146b2.d.ts} +1 -1
  91. package/modern/Component-bdb4c6b9.d.ts +12 -0
  92. package/modern/{Component-0816e61d.d.ts → Component-c29389e5.d.ts} +1 -1
  93. package/modern/Component.mobile-ebda875c.d.ts +6 -0
  94. package/modern/{index-8b2c2707.d.ts → Component.responsive-8566963f.d.ts} +4 -4
  95. package/modern/Component.responsive.d.ts +10 -10
  96. package/modern/Component.responsive.js +3 -3
  97. package/modern/ResponsiveContext-08e5596c.d.ts +5 -0
  98. package/modern/components/base-international-phone-input/Component.d.ts +3 -3
  99. package/modern/components/base-international-phone-input/Component.js +1 -1
  100. package/modern/components/base-international-phone-input/index.css +2 -2
  101. package/modern/components/country-select/Component.js +1 -1
  102. package/modern/components/country-select/index.css +8 -8
  103. package/modern/components/flag-icon/component.js +1 -1
  104. package/modern/components/flag-icon/index.css +3 -3
  105. package/modern/components/select-field/component.js +1 -1
  106. package/modern/components/select-field/index.css +9 -9
  107. package/modern/{Component.desktop.d.ts → desktop/Component.desktop.d.ts} +1 -1
  108. package/modern/{Component.desktop.js → desktop/Component.desktop.js} +9 -9
  109. package/modern/desktop/index.d.ts +1 -1
  110. package/modern/desktop/index.js +2 -2
  111. package/modern/index-553146b2.d.ts +2 -0
  112. package/{Component.desktop-0aa4e915.d.ts → modern/index-8566963f.d.ts} +3 -2
  113. package/modern/index-ebda875c.d.ts +140 -12
  114. package/modern/index.js +3 -3
  115. package/modern/{Component.mobile.d.ts → mobile/Component.mobile.d.ts} +1 -1
  116. package/modern/{Component.mobile.js → mobile/Component.mobile.js} +8 -8
  117. package/modern/mobile/index.d.ts +1 -1
  118. package/modern/mobile/index.js +1 -1
  119. package/modern/types.d.ts +1 -1
  120. package/modern/typings-08e5596c.d.ts +56 -0
  121. package/modern/{typings-89f0cb07.d.ts → typings-553146b2.d.ts} +2 -1
  122. package/modern/{typings-0816e61d.d.ts → typings-c29389e5.d.ts} +719 -56
  123. package/modern/utils-d2597f31.d.ts +1 -1
  124. package/package.json +4 -4
  125. package/src/Component.responsive.tsx +2 -2
  126. package/src/{Component.desktop.tsx → desktop/Component.desktop.tsx} +3 -3
  127. package/src/desktop/index.ts +1 -1
  128. package/src/{Component.mobile.tsx → mobile/Component.mobile.tsx} +5 -2
  129. package/src/mobile/index.ts +1 -1
  130. package/types.d.ts +1 -1
  131. package/typings-08e5596c.d.ts +56 -0
  132. package/{typings-89f0cb07.d.ts → typings-553146b2.d.ts} +2 -1
  133. package/{typings-0816e61d.d.ts → typings-c29389e5.d.ts} +719 -56
  134. package/utils-d2597f31.d.ts +1 -1
  135. package/Component-8b2c2707.d.ts +0 -71
  136. package/Component.responsive-785df74d.d.ts +0 -28
  137. package/cssm/Component-8b2c2707.d.ts +0 -71
  138. package/cssm/Component.responsive-785df74d.d.ts +0 -28
  139. package/cssm/index-72dda473.d.ts +0 -12
  140. package/cssm/index-89f0cb07.d.ts +0 -2
  141. package/cssm/index-c44170fe.d.ts +0 -2
  142. package/cssm/index-c76d6398.d.ts +0 -319
  143. package/cssm/types-72dda473.d.ts +0 -276
  144. package/cssm/typings-c44170fe.d.ts +0 -91
  145. package/esm/Component-8b2c2707.d.ts +0 -71
  146. package/esm/Component.responsive-785df74d.d.ts +0 -28
  147. package/esm/index-72dda473.d.ts +0 -12
  148. package/esm/index-89f0cb07.d.ts +0 -2
  149. package/esm/index-c44170fe.d.ts +0 -2
  150. package/esm/index-c76d6398.d.ts +0 -319
  151. package/esm/types-72dda473.d.ts +0 -276
  152. package/esm/typings-c44170fe.d.ts +0 -91
  153. package/index-72dda473.d.ts +0 -12
  154. package/index-89f0cb07.d.ts +0 -2
  155. package/index-c44170fe.d.ts +0 -2
  156. package/index-c76d6398.d.ts +0 -319
  157. package/modern/Component-8b2c2707.d.ts +0 -71
  158. package/modern/Component.responsive-785df74d.d.ts +0 -28
  159. package/modern/index-72dda473.d.ts +0 -12
  160. package/modern/index-89f0cb07.d.ts +0 -2
  161. package/modern/index-c44170fe.d.ts +0 -2
  162. package/modern/index-c76d6398.d.ts +0 -319
  163. package/modern/types-72dda473.d.ts +0 -276
  164. package/modern/typings-c44170fe.d.ts +0 -91
  165. package/types-72dda473.d.ts +0 -276
  166. package/typings-c44170fe.d.ts +0 -91
  167. /package/{Component.desktop-785df74d.d.ts → Component.desktop-ebda875c.d.ts} +0 -0
  168. /package/cssm/{Component.desktop-785df74d.d.ts → Component.desktop-ebda875c.d.ts} +0 -0
  169. /package/esm/{Component.desktop-785df74d.d.ts → Component.desktop-ebda875c.d.ts} +0 -0
  170. /package/modern/{Component.desktop-785df74d.d.ts → Component.desktop-ebda875c.d.ts} +0 -0
@@ -1,5 +1,5 @@
1
1
  import { ReactNode, RefObject } from 'react';
2
- import { BaseSelectProps, GroupShape, OptionShape } from "./typings-0816e61d";
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, }: {
@@ -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 };
@@ -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,2 +0,0 @@
1
- export { ButtonDesktop } from "./Component.desktop-0aa4e915";
2
- export type { CommonButtonProps as ButtonDesktopProps } from "./typings-89f0cb07";
@@ -1,2 +0,0 @@
1
- export * from "./Component.responsive-785df74d";
2
- export {};
@@ -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";