@alfalab/core-components-input-autocomplete 10.1.2 → 10.1.3

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 (66) hide show
  1. package/Component.mobile.js +1 -1
  2. package/Component.modal.mobile.js +1 -1
  3. package/Component.responsive.js +1 -1
  4. package/autocomplete-field/Component.js +1 -1
  5. package/autocomplete-field/index.css +2 -2
  6. package/autocomplete-mobile-field/Component.js +1 -1
  7. package/autocomplete-mobile-field/index.css +8 -8
  8. package/component-1a4fbd11.d.ts +1 -1
  9. package/cssm/component-1a4fbd11.d.ts +1 -1
  10. package/cssm/index-f12ee135.d.ts +1 -1
  11. package/cssm/{types-b0ff398d.d.ts → types-e40becc7.d.ts} +6 -2
  12. package/esm/Component.mobile.js +1 -1
  13. package/esm/Component.modal.mobile.js +1 -1
  14. package/esm/Component.responsive.js +1 -1
  15. package/esm/autocomplete-field/Component.js +1 -1
  16. package/esm/autocomplete-field/index.css +2 -2
  17. package/esm/autocomplete-mobile-field/Component.js +1 -1
  18. package/esm/autocomplete-mobile-field/index.css +8 -8
  19. package/esm/component-1a4fbd11.d.ts +1 -1
  20. package/esm/index-f12ee135.d.ts +1 -1
  21. package/esm/index.js +1 -1
  22. package/esm/mobile.css +4 -4
  23. package/esm/mobile.js +1 -1
  24. package/esm/{mobile.module-7ccedebb.js → mobile.module-03606a79.js} +1 -1
  25. package/{modern/types-b0ff398d.d.ts → esm/types-e40becc7.d.ts} +6 -2
  26. package/index-f12ee135.d.ts +1 -1
  27. package/index.js +1 -1
  28. package/mobile.css +4 -4
  29. package/mobile.js +1 -1
  30. package/{mobile.module-f3a9e8d4.js → mobile.module-6999b8d8.js} +1 -1
  31. package/modern/Component-63dec22f.d.ts +184 -0
  32. package/modern/Component-dd8ca091.d.ts +70 -3
  33. package/modern/Component-ebda875c.d.ts +9 -98
  34. package/modern/Component.mobile-ebda875c.d.ts +6 -0
  35. package/modern/Component.mobile.d.ts +1 -1
  36. package/modern/Component.mobile.js +1 -1
  37. package/modern/{mobile-45dc17c6.d.ts → Component.modal.mobile-dd8ca091.d.ts} +26 -13
  38. package/modern/Component.modal.mobile.d.ts +2 -2
  39. package/modern/Component.modal.mobile.js +1 -1
  40. package/modern/Component.responsive.d.ts +1 -1
  41. package/modern/Component.responsive.js +1 -1
  42. package/modern/autocomplete-field/Component.js +1 -1
  43. package/modern/autocomplete-field/index.css +2 -2
  44. package/modern/autocomplete-mobile-field/Component.js +1 -1
  45. package/modern/autocomplete-mobile-field/index.css +8 -8
  46. package/modern/component-1a4fbd11.d.ts +1 -1
  47. package/modern/desktop-63dec22f.d.ts +6 -2
  48. package/modern/hook-8abfea97.d.ts +4 -4
  49. package/modern/index-bdb4c6b9.d.ts +2 -180
  50. package/modern/index-ebda875c.d.ts +107 -190
  51. package/modern/index-f12ee135.d.ts +1 -1
  52. package/modern/index.js +1 -1
  53. package/modern/mobile-96988a65.d.ts +2 -5
  54. package/modern/mobile-ade26e99.d.ts +5 -0
  55. package/modern/mobile.css +4 -4
  56. package/modern/mobile.js +1 -1
  57. package/modern/{mobile.module-f3a5d2f8.js → mobile.module-a67b7161.js} +1 -1
  58. package/modern/shared-4cd3936b.d.ts +59 -2
  59. package/{esm/types-b0ff398d.d.ts → modern/types-e40becc7.d.ts} +6 -2
  60. package/modern/utils-1574ad8b.d.ts +29 -0
  61. package/package.json +2 -2
  62. package/{types-b0ff398d.d.ts → types-e40becc7.d.ts} +6 -2
  63. package/modern/Component-96988a65.d.ts +0 -9
  64. package/modern/Component-aed0af6e.d.ts +0 -11
  65. package/modern/hook-ebda875c.d.ts +0 -48
  66. /package/modern/{useSkeleton-1b036d4b.d.ts → useSkeleton-ebda875c.d.ts} +0 -0
@@ -11,7 +11,7 @@ var mobile$1 = require('@alfalab/core-components-button/mobile');
11
11
  var coreComponentsInput = require('@alfalab/core-components-input');
12
12
  var mobile = require('@alfalab/core-components-select/mobile');
13
13
  var autocompleteMobileField_Component = require('./autocomplete-mobile-field/Component.js');
14
- var mobile_module = require('./mobile.module-f3a9e8d4.js');
14
+ var mobile_module = require('./mobile.module-6999b8d8.js');
15
15
  require('@alfalab/core-components-form-control/mobile');
16
16
  require('@alfalab/hooks');
17
17
 
@@ -11,7 +11,7 @@ var mobile$1 = require('@alfalab/core-components-button/mobile');
11
11
  var coreComponentsInput = require('@alfalab/core-components-input');
12
12
  var mobile = require('@alfalab/core-components-select/mobile');
13
13
  var autocompleteMobileField_Component = require('./autocomplete-mobile-field/Component.js');
14
- var mobile_module = require('./mobile.module-f3a9e8d4.js');
14
+ var mobile_module = require('./mobile.module-6999b8d8.js');
15
15
  require('@alfalab/core-components-form-control/mobile');
16
16
  require('@alfalab/hooks');
17
17
 
@@ -18,7 +18,7 @@ require('@alfalab/core-components-input');
18
18
  require('@alfalab/core-components-select/mobile');
19
19
  require('./autocomplete-mobile-field/Component.js');
20
20
  require('@alfalab/core-components-form-control/mobile');
21
- require('./mobile.module-f3a9e8d4.js');
21
+ require('./mobile.module-6999b8d8.js');
22
22
 
23
23
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
24
24
 
@@ -14,7 +14,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
14
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
15
15
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
16
16
 
17
- var styles = {"arrow":"input-autocomplete__arrow_1gs19","error":"input-autocomplete__error_1gs19"};
17
+ var styles = {"arrow":"input-autocomplete__arrow_dnzfz","error":"input-autocomplete__error_dnzfz"};
18
18
  require('./index.css')
19
19
 
20
20
  var AutocompleteField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1t0l6 */
2
- .input-autocomplete__arrow_1gs19.input-autocomplete__error_1gs19 ~ * {
1
+ /* hash: 1uewe */
2
+ .input-autocomplete__arrow_dnzfz.input-autocomplete__error_dnzfz ~ * {
3
3
  display: none;
4
4
  }
@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
13
13
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
14
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
15
15
 
16
- var styles = {"component":"input-autocomplete__component_enkca","field":"input-autocomplete__field_enkca","disabled":"input-autocomplete__disabled_enkca","placeholder":"input-autocomplete__placeholder_enkca","contentWrapper":"input-autocomplete__contentWrapper_enkca","value":"input-autocomplete__value_enkca","focusVisible":"input-autocomplete__focusVisible_enkca"};
16
+ var styles = {"component":"input-autocomplete__component_1hrm5","field":"input-autocomplete__field_1hrm5","disabled":"input-autocomplete__disabled_1hrm5","placeholder":"input-autocomplete__placeholder_1hrm5","contentWrapper":"input-autocomplete__contentWrapper_1hrm5","value":"input-autocomplete__value_1hrm5","focusVisible":"input-autocomplete__focusVisible_1hrm5"};
17
17
  require('./index.css')
18
18
 
19
19
  var AutocompleteMobileField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1izgu */
1
+ /* hash: 1t93h */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-link: #0072ef;
@@ -18,16 +18,16 @@
18
18
  } :root {
19
19
  --focus-color: var(--color-light-border-link);
20
20
  --disabled-cursor: not-allowed;
21
- } .input-autocomplete__component_enkca {
21
+ } .input-autocomplete__component_1hrm5 {
22
22
  width: 100%;
23
23
  outline: none;
24
- } .input-autocomplete__field_enkca:not(.input-autocomplete__disabled_enkca) {
24
+ } .input-autocomplete__field_1hrm5:not(.input-autocomplete__disabled_1hrm5) {
25
25
  cursor: pointer;
26
- } .input-autocomplete__disabled_enkca {
26
+ } .input-autocomplete__disabled_1hrm5 {
27
27
  cursor: var(--disabled-cursor);
28
- } .input-autocomplete__placeholder_enkca {
28
+ } .input-autocomplete__placeholder_1hrm5 {
29
29
  color: var(--color-light-text-secondary);
30
- } .input-autocomplete__contentWrapper_enkca {
30
+ } .input-autocomplete__contentWrapper_1hrm5 {
31
31
  font-size: 16px;
32
32
  line-height: 20px;
33
33
  font-weight: 400;
@@ -36,11 +36,11 @@
36
36
  text-overflow: ellipsis;
37
37
  overflow: hidden;
38
38
  width: 100%;
39
- } .input-autocomplete__value_enkca {
39
+ } .input-autocomplete__value_1hrm5 {
40
40
  overflow: hidden;
41
41
  text-overflow: ellipsis;
42
42
  text-align: left;
43
- } .input-autocomplete__focusVisible_enkca {
43
+ } .input-autocomplete__focusVisible_1hrm5 {
44
44
  outline: 2px solid var(--focus-color);
45
45
  outline-offset: 2px;
46
46
  }
@@ -4,7 +4,7 @@ import { FC, ReactNode, RefObject } from "react";
4
4
  import { NavigationBarProps } from "./index-c76d6398";
5
5
  import { SwipeableHandlers } from "react-swipeable";
6
6
  import { BackdropProps } from "./index-ebda875c";
7
- import { BottomSheetProps } from "./types-b0ff398d";
7
+ import { BottomSheetProps } from "./types-e40becc7";
8
8
  type FooterProps = {
9
9
  /**
10
10
  * Контент футера
@@ -4,7 +4,7 @@ import { FC, ReactNode, RefObject } from "react";
4
4
  import { NavigationBarProps } from "./index-c76d6398";
5
5
  import { SwipeableHandlers } from "react-swipeable";
6
6
  import { BackdropProps } from "./index-ebda875c";
7
- import { BottomSheetProps } from "./types-b0ff398d";
7
+ import { BottomSheetProps } from "./types-e40becc7";
8
8
  type FooterProps = {
9
9
  /**
10
10
  * Контент футера
@@ -1,3 +1,3 @@
1
1
  export * from "./component-1a4fbd11";
2
- export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-b0ff398d";
2
+ export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-e40becc7";
3
3
  export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";
@@ -265,8 +265,12 @@ type BottomSheetProps = {
265
265
  */
266
266
  onOffsetChange?: (offset: number, percent: number) => void;
267
267
  /**
268
- * Вызывается для событий touchend and mouseup.
268
+ * Вызывается в начале свайпа
269
269
  */
270
- onTouchEnd?: (event: HandledEvents) => void;
270
+ onSwipeStart?: (event: HandledEvents) => void;
271
+ /**
272
+ * Вызывается после окончания свайпа
273
+ */
274
+ onSwipeEnd?: (event: HandledEvents | null) => void;
271
275
  };
272
276
  export { BottomSheetTitleAlign, BottomSheetProps };
@@ -7,7 +7,7 @@ import { ButtonMobile } from '@alfalab/core-components-button/esm/mobile';
7
7
  import { Input } from '@alfalab/core-components-input/esm';
8
8
  import { SelectMobile } from '@alfalab/core-components-select/esm/mobile';
9
9
  import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
10
- import { s as styles } from './mobile.module-7ccedebb.js';
10
+ import { s as styles } from './mobile.module-03606a79.js';
11
11
  import '@alfalab/core-components-form-control/esm/mobile';
12
12
  import '@alfalab/hooks';
13
13
 
@@ -7,7 +7,7 @@ import { ButtonMobile } from '@alfalab/core-components-button/esm/mobile';
7
7
  import { Input } from '@alfalab/core-components-input/esm';
8
8
  import { SelectModalMobile } from '@alfalab/core-components-select/esm/mobile';
9
9
  import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
10
- import { s as styles } from './mobile.module-7ccedebb.js';
10
+ import { s as styles } from './mobile.module-03606a79.js';
11
11
  import '@alfalab/core-components-form-control/esm/mobile';
12
12
  import '@alfalab/hooks';
13
13
 
@@ -14,7 +14,7 @@ import '@alfalab/core-components-input/esm';
14
14
  import '@alfalab/core-components-select/esm/mobile';
15
15
  import './autocomplete-mobile-field/Component.js';
16
16
  import '@alfalab/core-components-form-control/esm/mobile';
17
- import './mobile.module-7ccedebb.js';
17
+ import './mobile.module-03606a79.js';
18
18
 
19
19
  var InputAutocompleteResponsive = forwardRef(function (_a, ref) {
20
20
  var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["breakpoint"]);
@@ -4,7 +4,7 @@ import mergeRefs from 'react-merge-refs';
4
4
  import cn from 'classnames';
5
5
  import { InputDesktop } from '@alfalab/core-components-input/esm/desktop';
6
6
 
7
- var styles = {"arrow":"input-autocomplete__arrow_1gs19","error":"input-autocomplete__error_1gs19"};
7
+ var styles = {"arrow":"input-autocomplete__arrow_dnzfz","error":"input-autocomplete__error_dnzfz"};
8
8
  require('./index.css')
9
9
 
10
10
  var AutocompleteField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1t0l6 */
2
- .input-autocomplete__arrow_1gs19.input-autocomplete__error_1gs19 ~ * {
1
+ /* hash: 1uewe */
2
+ .input-autocomplete__arrow_dnzfz.input-autocomplete__error_dnzfz ~ * {
3
3
  display: none;
4
4
  }
@@ -4,7 +4,7 @@ import cn from 'classnames';
4
4
  import { FormControlMobile } from '@alfalab/core-components-form-control/esm/mobile';
5
5
  import { useFocus } from '@alfalab/hooks';
6
6
 
7
- var styles = {"component":"input-autocomplete__component_enkca","field":"input-autocomplete__field_enkca","disabled":"input-autocomplete__disabled_enkca","placeholder":"input-autocomplete__placeholder_enkca","contentWrapper":"input-autocomplete__contentWrapper_enkca","value":"input-autocomplete__value_enkca","focusVisible":"input-autocomplete__focusVisible_enkca"};
7
+ var styles = {"component":"input-autocomplete__component_1hrm5","field":"input-autocomplete__field_1hrm5","disabled":"input-autocomplete__disabled_1hrm5","placeholder":"input-autocomplete__placeholder_1hrm5","contentWrapper":"input-autocomplete__contentWrapper_1hrm5","value":"input-autocomplete__value_1hrm5","focusVisible":"input-autocomplete__focusVisible_1hrm5"};
8
8
  require('./index.css')
9
9
 
10
10
  var AutocompleteMobileField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1izgu */
1
+ /* hash: 1t93h */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-link: #0072ef;
@@ -18,16 +18,16 @@
18
18
  } :root {
19
19
  --focus-color: var(--color-light-border-link);
20
20
  --disabled-cursor: not-allowed;
21
- } .input-autocomplete__component_enkca {
21
+ } .input-autocomplete__component_1hrm5 {
22
22
  width: 100%;
23
23
  outline: none;
24
- } .input-autocomplete__field_enkca:not(.input-autocomplete__disabled_enkca) {
24
+ } .input-autocomplete__field_1hrm5:not(.input-autocomplete__disabled_1hrm5) {
25
25
  cursor: pointer;
26
- } .input-autocomplete__disabled_enkca {
26
+ } .input-autocomplete__disabled_1hrm5 {
27
27
  cursor: var(--disabled-cursor);
28
- } .input-autocomplete__placeholder_enkca {
28
+ } .input-autocomplete__placeholder_1hrm5 {
29
29
  color: var(--color-light-text-secondary);
30
- } .input-autocomplete__contentWrapper_enkca {
30
+ } .input-autocomplete__contentWrapper_1hrm5 {
31
31
  font-size: 16px;
32
32
  line-height: 20px;
33
33
  font-weight: 400;
@@ -36,11 +36,11 @@
36
36
  text-overflow: ellipsis;
37
37
  overflow: hidden;
38
38
  width: 100%;
39
- } .input-autocomplete__value_enkca {
39
+ } .input-autocomplete__value_1hrm5 {
40
40
  overflow: hidden;
41
41
  text-overflow: ellipsis;
42
42
  text-align: left;
43
- } .input-autocomplete__focusVisible_enkca {
43
+ } .input-autocomplete__focusVisible_1hrm5 {
44
44
  outline: 2px solid var(--focus-color);
45
45
  outline-offset: 2px;
46
46
  }
@@ -4,7 +4,7 @@ import { FC, ReactNode, RefObject } from "react";
4
4
  import { NavigationBarProps } from "./index-c76d6398";
5
5
  import { SwipeableHandlers } from "react-swipeable";
6
6
  import { BackdropProps } from "./index-ebda875c";
7
- import { BottomSheetProps } from "./types-b0ff398d";
7
+ import { BottomSheetProps } from "./types-e40becc7";
8
8
  type FooterProps = {
9
9
  /**
10
10
  * Контент футера
@@ -1,3 +1,3 @@
1
1
  export * from "./component-1a4fbd11";
2
- export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-b0ff398d";
2
+ export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-e40becc7";
3
3
  export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";
package/esm/index.js CHANGED
@@ -15,4 +15,4 @@ import '@alfalab/core-components-input/esm';
15
15
  import '@alfalab/core-components-select/esm/mobile';
16
16
  import './autocomplete-mobile-field/Component.js';
17
17
  import '@alfalab/core-components-form-control/esm/mobile';
18
- import './mobile.module-7ccedebb.js';
18
+ import './mobile.module-03606a79.js';
package/esm/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1vh9c */
1
+ /* hash: 1wvkk */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,11 +16,11 @@
16
16
  --gap-m: 16px;
17
17
  } :root {
18
18
  } :root {
19
- } .input-autocomplete__bottomAddonInput_1j8pf {
19
+ } .input-autocomplete__bottomAddonInput_g4nm3 {
20
20
  padding: 0 var(--gap-xs) var(--gap-xs);
21
21
  box-sizing: border-box;
22
- } .input-autocomplete__footer_1j8pf {
22
+ } .input-autocomplete__footer_g4nm3 {
23
23
  display: flex
24
- } .input-autocomplete__footer_1j8pf > button + button {
24
+ } .input-autocomplete__footer_g4nm3 > button + button {
25
25
  margin-left: var(--gap-m);
26
26
  }
package/esm/mobile.js CHANGED
@@ -11,4 +11,4 @@ import '@alfalab/core-components-select/esm/mobile';
11
11
  import './autocomplete-mobile-field/Component.js';
12
12
  import '@alfalab/core-components-form-control/esm/mobile';
13
13
  import '@alfalab/hooks';
14
- import './mobile.module-7ccedebb.js';
14
+ import './mobile.module-03606a79.js';
@@ -1,4 +1,4 @@
1
- var styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_1j8pf","footer":"input-autocomplete__footer_1j8pf"};
1
+ var styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_g4nm3","footer":"input-autocomplete__footer_g4nm3"};
2
2
  require('./mobile.css')
3
3
 
4
4
  export { styles as s };
@@ -265,8 +265,12 @@ type BottomSheetProps = {
265
265
  */
266
266
  onOffsetChange?: (offset: number, percent: number) => void;
267
267
  /**
268
- * Вызывается для событий touchend and mouseup.
268
+ * Вызывается в начале свайпа
269
269
  */
270
- onTouchEnd?: (event: HandledEvents) => void;
270
+ onSwipeStart?: (event: HandledEvents) => void;
271
+ /**
272
+ * Вызывается после окончания свайпа
273
+ */
274
+ onSwipeEnd?: (event: HandledEvents | null) => void;
271
275
  };
272
276
  export { BottomSheetTitleAlign, BottomSheetProps };
@@ -1,3 +1,3 @@
1
1
  export * from "./component-1a4fbd11";
2
- export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-b0ff398d";
2
+ export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-e40becc7";
3
3
  export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";
package/index.js CHANGED
@@ -19,7 +19,7 @@ require('@alfalab/core-components-input');
19
19
  require('@alfalab/core-components-select/mobile');
20
20
  require('./autocomplete-mobile-field/Component.js');
21
21
  require('@alfalab/core-components-form-control/mobile');
22
- require('./mobile.module-f3a9e8d4.js');
22
+ require('./mobile.module-6999b8d8.js');
23
23
 
24
24
 
25
25
 
package/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1vh9c */
1
+ /* hash: 1wvkk */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,11 +16,11 @@
16
16
  --gap-m: 16px;
17
17
  } :root {
18
18
  } :root {
19
- } .input-autocomplete__bottomAddonInput_1j8pf {
19
+ } .input-autocomplete__bottomAddonInput_g4nm3 {
20
20
  padding: 0 var(--gap-xs) var(--gap-xs);
21
21
  box-sizing: border-box;
22
- } .input-autocomplete__footer_1j8pf {
22
+ } .input-autocomplete__footer_g4nm3 {
23
23
  display: flex
24
- } .input-autocomplete__footer_1j8pf > button + button {
24
+ } .input-autocomplete__footer_g4nm3 > button + button {
25
25
  margin-left: var(--gap-m);
26
26
  }
package/mobile.js CHANGED
@@ -15,7 +15,7 @@ require('@alfalab/core-components-select/mobile');
15
15
  require('./autocomplete-mobile-field/Component.js');
16
16
  require('@alfalab/core-components-form-control/mobile');
17
17
  require('@alfalab/hooks');
18
- require('./mobile.module-f3a9e8d4.js');
18
+ require('./mobile.module-6999b8d8.js');
19
19
 
20
20
 
21
21
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_1j8pf","footer":"input-autocomplete__footer_1j8pf"};
3
+ var styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_g4nm3","footer":"input-autocomplete__footer_g4nm3"};
4
4
  require('./mobile.css')
5
5
 
6
6
  exports.styles = styles;
@@ -0,0 +1,184 @@
1
+ /// <reference types="react" />
2
+ import React from "react";
3
+ import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
4
+ import { TextElementType, TextSkeletonProps } from "./types-1b036d4b";
5
+ declare const colors: readonly [
6
+ "tertiary",
7
+ "disabled",
8
+ "accent",
9
+ "primary",
10
+ "attention",
11
+ "positive",
12
+ "secondary",
13
+ "tertiary-inverted",
14
+ "primary-inverted",
15
+ "secondary-inverted",
16
+ "link",
17
+ "negative",
18
+ "static-primary-light",
19
+ "static-secondary-light",
20
+ "static-tertiary-light",
21
+ "static-primary-dark",
22
+ "static-secondary-dark",
23
+ "static-tertiary-dark",
24
+ "static-accent"
25
+ ];
26
+ type Color = (typeof colors)[number];
27
+ type NativeProps = HTMLAttributes<HTMLSpanElement>;
28
+ type TextBaseProps = {
29
+ /**
30
+ * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)
31
+ */
32
+ view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
33
+ /**
34
+ * Цвет текста
35
+ */
36
+ color?: Color;
37
+ /**
38
+ * Толщина шрифта
39
+ */
40
+ weight?: "regular" | "medium" | "bold";
41
+ /**
42
+ * Делает цифры моноширинными
43
+ */
44
+ monospaceNumbers?: boolean;
45
+ /**
46
+ * HTML тег
47
+ */
48
+ tag?: "span" | "div";
49
+ /**
50
+ * Css-класс для стилизации (native prop)
51
+ */
52
+ className?: string;
53
+ /**
54
+ * Id компонента для тестов
55
+ */
56
+ dataTestId?: string;
57
+ /**
58
+ * Контент (native prop)
59
+ */
60
+ children?: React.ReactNode;
61
+ /**
62
+ * Добавляет отступы к тэгу 'p'
63
+ */
64
+ defaultMargins?: never;
65
+ /**
66
+ * Количество строк (не поддерживает IE)
67
+ */
68
+ rowLimit?: 1 | 2 | 3;
69
+ /**
70
+ * Показать скелетон
71
+ */
72
+ showSkeleton?: boolean;
73
+ /**
74
+ * Пропы для скелетона
75
+ */
76
+ skeletonProps?: TextSkeletonProps;
77
+ };
78
+ type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
79
+ tag?: "p";
80
+ defaultMargins?: boolean;
81
+ };
82
+ type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
83
+ type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
84
+ type TitleProps = Omit<NativeProps$0, "color"> & {
85
+ /**
86
+ * HTML тег
87
+ */
88
+ tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
89
+ /**
90
+ * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
91
+ */
92
+ view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
93
+ /**
94
+ * Цвет текста
95
+ */
96
+ color?: Color;
97
+ /**
98
+ * Толщина шрифта
99
+ */
100
+ weight?: "regular" | "medium" | "bold";
101
+ /**
102
+ * Шрифт текста
103
+ */
104
+ font?: "styrene" | "system";
105
+ /**
106
+ * Добавляет отступы
107
+ */
108
+ defaultMargins?: boolean;
109
+ /**
110
+ * Css-класс для стилизации (native prop)
111
+ */
112
+ className?: string;
113
+ /**
114
+ * Id компонента для тестов
115
+ */
116
+ dataTestId?: string;
117
+ /**
118
+ * Контент (native prop)
119
+ */
120
+ children?: React.ReactNode;
121
+ /**
122
+ * Количество строк (не поддерживает IE)
123
+ */
124
+ rowLimit?: 1 | 2 | 3;
125
+ /**
126
+ * Показать скелетон
127
+ */
128
+ showSkeleton?: boolean;
129
+ /**
130
+ * Пропы для скелетона
131
+ */
132
+ skeletonProps?: TextSkeletonProps;
133
+ };
134
+ type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
135
+ declare const Typography: {
136
+ Title: FC<TitleProps>;
137
+ Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
138
+ TitleResponsive: FC<TitleProps>;
139
+ TitleMobile: FC<TitleMobileProps>;
140
+ };
141
+ declare const typographyPresets: {
142
+ mobile: {
143
+ list: {
144
+ text: {
145
+ primary: {
146
+ tag: string;
147
+ view: string;
148
+ };
149
+ secondary: {
150
+ tag: string;
151
+ color: string;
152
+ view: string;
153
+ };
154
+ };
155
+ };
156
+ };
157
+ };
158
+ declare const TitleResponsive: FC<TitleProps>;
159
+ interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
160
+ /**
161
+ * Текст после иконки
162
+ */
163
+ text?: string;
164
+ /**
165
+ * Дополнительный класс
166
+ */
167
+ className?: string;
168
+ /**
169
+ * Вид компонента
170
+ */
171
+ view: 'mobile' | 'desktop';
172
+ /**
173
+ * Прозрачность текста
174
+ */
175
+ textOpacity?: number;
176
+ /**
177
+ * Обработчик клика
178
+ */
179
+ onClick?: () => void;
180
+ }
181
+ declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
182
+ export { Typography, typographyPresets, TitleResponsive, BackArrowAddonProps, BackArrowAddon };
183
+ export type { TitleProps, TextProps, Color };
184
+ export * from "./useSkeleton-ebda875c";
@@ -1,5 +1,72 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { CheckmarkProps } from "./typings-dd8ca091";
4
- declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => React.JSX.Element;
5
- export { BaseCheckmark };
3
+ import { ReactNode } from "react";
4
+ import { BottomSheetProps } from "./index-f12ee135";
5
+ import { BaseSelectProps } from "./typings-dd8ca091";
6
+ type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
7
+ /**
8
+ * Футер
9
+ * @deprecated Используйте bottomSheetProps.actionButton
10
+ */
11
+ footer?: ReactNode;
12
+ /**
13
+ * Будет ли свайпаться шторка
14
+ * @deprecated Используйте bottomSheetProps.swipeable
15
+ */
16
+ swipeable?: boolean;
17
+ /**
18
+ * Отображать в BottomSheet
19
+ */
20
+ isBottomSheet?: boolean;
21
+ /**
22
+ * Дополнительные пропсы шторки
23
+ */
24
+ bottomSheetProps?: Partial<BottomSheetProps>;
25
+ /**
26
+ * Дополнительные пропсы модалки
27
+ */
28
+ modalProps?: Partial<React.ComponentProps<typeof ModalMobile>>;
29
+ /**
30
+ * Дополнительные пропсы шапки модалки
31
+ */
32
+ modalHeaderProps?: Partial<React.ComponentProps<typeof ModalMobile.Header>>;
33
+ /**
34
+ * Дополнительные пропсы футера модалки
35
+ */
36
+ modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
37
+ };
38
+ declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
39
+ /**
40
+ * Футер
41
+ * @deprecated Используйте bottomSheetProps.actionButton
42
+ */
43
+ footer?: ReactNode;
44
+ /**
45
+ * Будет ли свайпаться шторка
46
+ * @deprecated Используйте bottomSheetProps.swipeable
47
+ */
48
+ swipeable?: boolean | undefined;
49
+ /**
50
+ * Отображать в BottomSheet
51
+ */
52
+ isBottomSheet?: boolean | undefined;
53
+ /**
54
+ * Дополнительные пропсы шторки
55
+ */
56
+ bottomSheetProps?: Partial<BottomSheetProps> | undefined;
57
+ /**
58
+ * Дополнительные пропсы модалки
59
+ */
60
+ modalProps?: Partial<ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
61
+ /**
62
+ * Дополнительные пропсы шапки модалки
63
+ */
64
+ modalHeaderProps?: Partial<import("./Component-c76d6398").HeaderProps> | undefined;
65
+ /**
66
+ * Дополнительные пропсы футера модалки
67
+ */
68
+ modalFooterProps?: Partial<import("./Component.mobile-f1f15074").FooterProps> | undefined;
69
+ } & React.RefAttributes<unknown>>;
70
+ export * from "./Component.mobile-f1f15074";
71
+ export { ModalMobileProps } from "./typings-bdb4c6b9";
72
+ export { SelectMobileProps, BaseSelectMobile };