@alfalab/core-components-input-autocomplete 9.1.1 → 9.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 (38) hide show
  1. package/Component-7ca84eff.d.ts +11 -2
  2. package/Component.d.ts +4 -4
  3. package/Component.js +1 -1
  4. package/Component.mobile.js +2 -2
  5. package/autocomplete-field/Component.js +2 -2
  6. package/autocomplete-field/index.css +2 -2
  7. package/autocomplete-field/index.js +1 -1
  8. package/autocomplete-mobile-field/Component.js +2 -2
  9. package/autocomplete-mobile-field/index.css +8 -8
  10. package/autocomplete-mobile-field/index.js +1 -1
  11. package/cssm/Component-7ca84eff.d.ts +11 -2
  12. package/esm/Component-7ca84eff.d.ts +11 -2
  13. package/esm/Component.js +1 -1
  14. package/esm/Component.mobile.js +2 -2
  15. package/esm/autocomplete-field/Component.js +2 -2
  16. package/esm/autocomplete-field/index.css +2 -2
  17. package/esm/autocomplete-field/index.js +1 -1
  18. package/esm/autocomplete-mobile-field/Component.js +2 -2
  19. package/esm/autocomplete-mobile-field/index.css +8 -8
  20. package/esm/autocomplete-mobile-field/index.js +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/{tslib.es6-9adadf9c.d.ts → tslib.es6-6f21004e.d.ts} +0 -0
  25. package/esm/{tslib.es6-9adadf9c.js → tslib.es6-6f21004e.js} +0 -0
  26. package/index.js +1 -1
  27. package/mobile.css +4 -4
  28. package/mobile.js +1 -1
  29. package/modern/Component-7ca84eff.d.ts +11 -2
  30. package/modern/Component.mobile.js +1 -1
  31. package/modern/autocomplete-field/Component.js +1 -1
  32. package/modern/autocomplete-field/index.css +2 -2
  33. package/modern/autocomplete-mobile-field/Component.js +1 -1
  34. package/modern/autocomplete-mobile-field/index.css +8 -8
  35. package/modern/mobile.css +4 -4
  36. package/package.json +2 -2
  37. /package/{tslib.es6-3e629b87.d.ts → tslib.es6-ca8b36c2.d.ts} +0 -0
  38. /package/{tslib.es6-3e629b87.js → tslib.es6-ca8b36c2.js} +0 -0
@@ -65,7 +65,7 @@ declare const colors: readonly [
65
65
  ];
66
66
  type Color = typeof colors[number];
67
67
  type NativeProps = HTMLAttributes<HTMLSpanElement>;
68
- type TextProps = Omit<NativeProps, "color"> & {
68
+ type TextBaseProps = {
69
69
  /**
70
70
  * [Вариант начертания](https://alfa-laboratory.github.io/core-components/master/?path=/docs/гайдлайны-типографика--page)
71
71
  */
@@ -85,7 +85,7 @@ type TextProps = Omit<NativeProps, "color"> & {
85
85
  /**
86
86
  * HTML тег
87
87
  */
88
- tag?: "p" | "span" | "div";
88
+ tag?: "span" | "div";
89
89
  /**
90
90
  * Css-класс для стилизации (native prop)
91
91
  */
@@ -98,7 +98,16 @@ type TextProps = Omit<NativeProps, "color"> & {
98
98
  * Контент (native prop)
99
99
  */
100
100
  children?: React.ReactNode;
101
+ /**
102
+ * Добавляет отступы к тэгу 'p'
103
+ */
104
+ defaultMargins?: never;
105
+ };
106
+ type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
107
+ tag?: "p";
108
+ defaultMargins?: boolean;
101
109
  };
110
+ type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
102
111
  type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
103
112
  type TitleProps = Omit<NativeProps$0, "color"> & {
104
113
  /**
package/Component.d.ts CHANGED
@@ -37,7 +37,7 @@ declare const InputAutocomplete: React.ForwardRefExoticComponent<Omit<BaseSelect
37
37
  /**
38
38
  * Компонент ввода значения
39
39
  */
40
- Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
40
+ Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "defaultValue" | "onChange" | "size" | "enterKeyHint"> & {
41
41
  value?: string | undefined;
42
42
  defaultValue?: string | undefined;
43
43
  block?: boolean | undefined;
@@ -49,7 +49,7 @@ declare const InputAutocomplete: React.ForwardRefExoticComponent<Omit<BaseSelect
49
49
  hint?: React.ReactNode;
50
50
  label?: React.ReactNode;
51
51
  labelView?: "inner" | "outer" | undefined;
52
- type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
52
+ type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
53
53
  wrapperRef?: React.Ref<HTMLDivElement> | undefined;
54
54
  leftAddons?: React.ReactNode;
55
55
  rightAddons?: React.ReactNode;
@@ -73,7 +73,7 @@ declare const InputAutocomplete: React.ForwardRefExoticComponent<Omit<BaseSelect
73
73
  /**
74
74
  * Пропсы, которые будут прокинуты в инпут
75
75
  */
76
- inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
76
+ inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "defaultValue" | "onChange" | "size" | "enterKeyHint"> & {
77
77
  value?: string | undefined;
78
78
  defaultValue?: string | undefined;
79
79
  block?: boolean | undefined;
@@ -85,7 +85,7 @@ declare const InputAutocomplete: React.ForwardRefExoticComponent<Omit<BaseSelect
85
85
  hint?: React.ReactNode;
86
86
  label?: React.ReactNode;
87
87
  labelView?: "inner" | "outer" | undefined;
88
- type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
88
+ type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
89
89
  wrapperRef?: React.Ref<HTMLDivElement> | undefined;
90
90
  leftAddons?: React.ReactNode;
91
91
  rightAddons?: React.ReactNode;
package/Component.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('./tslib.es6-3e629b87.js');
5
+ var tslib_es6 = require('./tslib.es6-ca8b36c2.js');
6
6
  var React = require('react');
7
7
  require('react-merge-refs');
8
8
  require('classnames');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('./tslib.es6-3e629b87.js');
5
+ var tslib_es6 = require('./tslib.es6-ca8b36c2.js');
6
6
  var React = require('react');
7
7
  var mergeRefs = require('react-merge-refs');
8
8
  var cn = require('classnames');
@@ -21,7 +21,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
21
21
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
22
22
  var throttle__default = /*#__PURE__*/_interopDefaultLegacy(throttle);
23
23
 
24
- var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_ei5ob","footer":"input-autocomplete__footer_ei5ob"};
24
+ var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_meg5r","footer":"input-autocomplete__footer_meg5r"};
25
25
  require('./mobile.css')
26
26
 
27
27
  var SELECTED = [];
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../tslib.es6-3e629b87.js');
5
+ var tslib_es6 = require('../tslib.es6-ca8b36c2.js');
6
6
  var React = require('react');
7
7
  var mergeRefs = require('react-merge-refs');
8
8
  var cn = require('classnames');
@@ -14,7 +14,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
14
  var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
15
15
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
16
16
 
17
- var styles = {"arrow":"input-autocomplete__arrow_c1hi7","error":"input-autocomplete__error_c1hi7"};
17
+ var styles = {"arrow":"input-autocomplete__arrow_jxrzn","error":"input-autocomplete__error_jxrzn"};
18
18
  require('./index.css')
19
19
 
20
20
  var AutocompleteField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1vuct */
2
- .input-autocomplete__arrow_c1hi7.input-autocomplete__error_c1hi7 ~ * {
1
+ /* hash: 11uj9 */
2
+ .input-autocomplete__arrow_jxrzn.input-autocomplete__error_jxrzn ~ * {
3
3
  display: none;
4
4
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../tslib.es6-3e629b87.js');
5
+ require('../tslib.es6-ca8b36c2.js');
6
6
  require('react');
7
7
  require('react-merge-refs');
8
8
  require('classnames');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../tslib.es6-3e629b87.js');
5
+ var tslib_es6 = require('../tslib.es6-ca8b36c2.js');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
8
  var coreComponentsFormControl = require('@alfalab/core-components-form-control');
@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
13
13
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
14
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
15
15
 
16
- var styles = {"component":"input-autocomplete__component_ae72o","field":"input-autocomplete__field_ae72o","disabled":"input-autocomplete__disabled_ae72o","placeholder":"input-autocomplete__placeholder_ae72o","contentWrapper":"input-autocomplete__contentWrapper_ae72o","value":"input-autocomplete__value_ae72o","focusVisible":"input-autocomplete__focusVisible_ae72o"};
16
+ var styles = {"component":"input-autocomplete__component_86ooi","field":"input-autocomplete__field_86ooi","disabled":"input-autocomplete__disabled_86ooi","placeholder":"input-autocomplete__placeholder_86ooi","contentWrapper":"input-autocomplete__contentWrapper_86ooi","value":"input-autocomplete__value_86ooi","focusVisible":"input-autocomplete__focusVisible_86ooi"};
17
17
  require('./index.css')
18
18
 
19
19
  var AutocompleteMobileField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: fm7bg */
1
+ /* hash: 3pjp3 */
2
2
  :root {
3
3
  --color-light-border-link: #007aff;
4
4
  --color-light-text-secondary: rgba(11, 31, 53, 0.7);
@@ -15,20 +15,20 @@
15
15
  --focus-color: var(--color-light-border-link);
16
16
  --disabled-cursor: not-allowed;
17
17
  }
18
- .input-autocomplete__component_ae72o {
18
+ .input-autocomplete__component_86ooi {
19
19
  width: 100%;
20
20
  outline: none;
21
21
  }
22
- .input-autocomplete__field_ae72o:not(.input-autocomplete__disabled_ae72o) {
22
+ .input-autocomplete__field_86ooi:not(.input-autocomplete__disabled_86ooi) {
23
23
  cursor: pointer;
24
24
  }
25
- .input-autocomplete__disabled_ae72o {
25
+ .input-autocomplete__disabled_86ooi {
26
26
  cursor: var(--disabled-cursor);
27
27
  }
28
- .input-autocomplete__placeholder_ae72o {
28
+ .input-autocomplete__placeholder_86ooi {
29
29
  color: var(--color-light-text-secondary);
30
30
  }
31
- .input-autocomplete__contentWrapper_ae72o {
31
+ .input-autocomplete__contentWrapper_86ooi {
32
32
  font-size: 16px;
33
33
  line-height: 20px;
34
34
  font-weight: 400;
@@ -38,12 +38,12 @@
38
38
  overflow: hidden;
39
39
  width: 100%;
40
40
  }
41
- .input-autocomplete__value_ae72o {
41
+ .input-autocomplete__value_86ooi {
42
42
  overflow: hidden;
43
43
  text-overflow: ellipsis;
44
44
  text-align: left;
45
45
  }
46
- .input-autocomplete__focusVisible_ae72o {
46
+ .input-autocomplete__focusVisible_86ooi {
47
47
  outline: 2px solid var(--focus-color);
48
48
  outline-offset: 2px;
49
49
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../tslib.es6-3e629b87.js');
5
+ require('../tslib.es6-ca8b36c2.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('@alfalab/core-components-form-control');
@@ -65,7 +65,7 @@ declare const colors: readonly [
65
65
  ];
66
66
  type Color = typeof colors[number];
67
67
  type NativeProps = HTMLAttributes<HTMLSpanElement>;
68
- type TextProps = Omit<NativeProps, "color"> & {
68
+ type TextBaseProps = {
69
69
  /**
70
70
  * [Вариант начертания](https://alfa-laboratory.github.io/core-components/master/?path=/docs/гайдлайны-типографика--page)
71
71
  */
@@ -85,7 +85,7 @@ type TextProps = Omit<NativeProps, "color"> & {
85
85
  /**
86
86
  * HTML тег
87
87
  */
88
- tag?: "p" | "span" | "div";
88
+ tag?: "span" | "div";
89
89
  /**
90
90
  * Css-класс для стилизации (native prop)
91
91
  */
@@ -98,7 +98,16 @@ type TextProps = Omit<NativeProps, "color"> & {
98
98
  * Контент (native prop)
99
99
  */
100
100
  children?: React.ReactNode;
101
+ /**
102
+ * Добавляет отступы к тэгу 'p'
103
+ */
104
+ defaultMargins?: never;
105
+ };
106
+ type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
107
+ tag?: "p";
108
+ defaultMargins?: boolean;
101
109
  };
110
+ type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
102
111
  type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
103
112
  type TitleProps = Omit<NativeProps$0, "color"> & {
104
113
  /**
@@ -65,7 +65,7 @@ declare const colors: readonly [
65
65
  ];
66
66
  type Color = typeof colors[number];
67
67
  type NativeProps = HTMLAttributes<HTMLSpanElement>;
68
- type TextProps = Omit<NativeProps, "color"> & {
68
+ type TextBaseProps = {
69
69
  /**
70
70
  * [Вариант начертания](https://alfa-laboratory.github.io/core-components/master/?path=/docs/гайдлайны-типографика--page)
71
71
  */
@@ -85,7 +85,7 @@ type TextProps = Omit<NativeProps, "color"> & {
85
85
  /**
86
86
  * HTML тег
87
87
  */
88
- tag?: "p" | "span" | "div";
88
+ tag?: "span" | "div";
89
89
  /**
90
90
  * Css-класс для стилизации (native prop)
91
91
  */
@@ -98,7 +98,16 @@ type TextProps = Omit<NativeProps, "color"> & {
98
98
  * Контент (native prop)
99
99
  */
100
100
  children?: React.ReactNode;
101
+ /**
102
+ * Добавляет отступы к тэгу 'p'
103
+ */
104
+ defaultMargins?: never;
105
+ };
106
+ type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
107
+ tag?: "p";
108
+ defaultMargins?: boolean;
101
109
  };
110
+ type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
102
111
  type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
103
112
  type TitleProps = Omit<NativeProps$0, "color"> & {
104
113
  /**
package/esm/Component.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-9adadf9c.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-6f21004e.js';
2
2
  import React, { forwardRef } from 'react';
3
3
  import 'react-merge-refs';
4
4
  import 'classnames';
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-9adadf9c.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-6f21004e.js';
2
2
  import React, { useState, useRef, useMemo } from 'react';
3
3
  import mergeRefs from 'react-merge-refs';
4
4
  import cn from 'classnames';
@@ -10,7 +10,7 @@ import '@alfalab/core-components-form-control/esm';
10
10
  import '@alfalab/hooks';
11
11
  import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
12
12
 
13
- var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_ei5ob","footer":"input-autocomplete__footer_ei5ob"};
13
+ var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_meg5r","footer":"input-autocomplete__footer_meg5r"};
14
14
  require('./mobile.css')
15
15
 
16
16
  var SELECTED = [];
@@ -1,10 +1,10 @@
1
- import { a as __assign } from '../tslib.es6-9adadf9c.js';
1
+ import { a as __assign } from '../tslib.es6-6f21004e.js';
2
2
  import React, { useRef, useCallback } from 'react';
3
3
  import mergeRefs from 'react-merge-refs';
4
4
  import cn from 'classnames';
5
5
  import { Input } from '@alfalab/core-components-input/esm';
6
6
 
7
- var styles = {"arrow":"input-autocomplete__arrow_c1hi7","error":"input-autocomplete__error_c1hi7"};
7
+ var styles = {"arrow":"input-autocomplete__arrow_jxrzn","error":"input-autocomplete__error_jxrzn"};
8
8
  require('./index.css')
9
9
 
10
10
  var AutocompleteField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1vuct */
2
- .input-autocomplete__arrow_c1hi7.input-autocomplete__error_c1hi7 ~ * {
1
+ /* hash: 11uj9 */
2
+ .input-autocomplete__arrow_jxrzn.input-autocomplete__error_jxrzn ~ * {
3
3
  display: none;
4
4
  }
@@ -1,4 +1,4 @@
1
- import '../tslib.es6-9adadf9c.js';
1
+ import '../tslib.es6-6f21004e.js';
2
2
  import 'react';
3
3
  import 'react-merge-refs';
4
4
  import 'classnames';
@@ -1,10 +1,10 @@
1
- import { _ as __rest, a as __assign } from '../tslib.es6-9adadf9c.js';
1
+ import { _ as __rest, a as __assign } from '../tslib.es6-6f21004e.js';
2
2
  import React, { useState, useRef } from 'react';
3
3
  import cn from 'classnames';
4
4
  import { FormControl } from '@alfalab/core-components-form-control/esm';
5
5
  import { useFocus } from '@alfalab/hooks';
6
6
 
7
- var styles = {"component":"input-autocomplete__component_ae72o","field":"input-autocomplete__field_ae72o","disabled":"input-autocomplete__disabled_ae72o","placeholder":"input-autocomplete__placeholder_ae72o","contentWrapper":"input-autocomplete__contentWrapper_ae72o","value":"input-autocomplete__value_ae72o","focusVisible":"input-autocomplete__focusVisible_ae72o"};
7
+ var styles = {"component":"input-autocomplete__component_86ooi","field":"input-autocomplete__field_86ooi","disabled":"input-autocomplete__disabled_86ooi","placeholder":"input-autocomplete__placeholder_86ooi","contentWrapper":"input-autocomplete__contentWrapper_86ooi","value":"input-autocomplete__value_86ooi","focusVisible":"input-autocomplete__focusVisible_86ooi"};
8
8
  require('./index.css')
9
9
 
10
10
  var AutocompleteMobileField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: fm7bg */
1
+ /* hash: 3pjp3 */
2
2
  :root {
3
3
  --color-light-border-link: #007aff;
4
4
  --color-light-text-secondary: rgba(11, 31, 53, 0.7);
@@ -15,20 +15,20 @@
15
15
  --focus-color: var(--color-light-border-link);
16
16
  --disabled-cursor: not-allowed;
17
17
  }
18
- .input-autocomplete__component_ae72o {
18
+ .input-autocomplete__component_86ooi {
19
19
  width: 100%;
20
20
  outline: none;
21
21
  }
22
- .input-autocomplete__field_ae72o:not(.input-autocomplete__disabled_ae72o) {
22
+ .input-autocomplete__field_86ooi:not(.input-autocomplete__disabled_86ooi) {
23
23
  cursor: pointer;
24
24
  }
25
- .input-autocomplete__disabled_ae72o {
25
+ .input-autocomplete__disabled_86ooi {
26
26
  cursor: var(--disabled-cursor);
27
27
  }
28
- .input-autocomplete__placeholder_ae72o {
28
+ .input-autocomplete__placeholder_86ooi {
29
29
  color: var(--color-light-text-secondary);
30
30
  }
31
- .input-autocomplete__contentWrapper_ae72o {
31
+ .input-autocomplete__contentWrapper_86ooi {
32
32
  font-size: 16px;
33
33
  line-height: 20px;
34
34
  font-weight: 400;
@@ -38,12 +38,12 @@
38
38
  overflow: hidden;
39
39
  width: 100%;
40
40
  }
41
- .input-autocomplete__value_ae72o {
41
+ .input-autocomplete__value_86ooi {
42
42
  overflow: hidden;
43
43
  text-overflow: ellipsis;
44
44
  text-align: left;
45
45
  }
46
- .input-autocomplete__focusVisible_ae72o {
46
+ .input-autocomplete__focusVisible_86ooi {
47
47
  outline: 2px solid var(--focus-color);
48
48
  outline-offset: 2px;
49
49
  }
@@ -1,4 +1,4 @@
1
- import '../tslib.es6-9adadf9c.js';
1
+ import '../tslib.es6-6f21004e.js';
2
2
  import 'react';
3
3
  import 'classnames';
4
4
  import '@alfalab/core-components-form-control/esm';
package/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './tslib.es6-9adadf9c.js';
1
+ import './tslib.es6-6f21004e.js';
2
2
  import 'react';
3
3
  import 'react-merge-refs';
4
4
  import 'classnames';
package/esm/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 73rpw */
1
+ /* hash: 1c528 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -11,13 +11,13 @@
11
11
  --gap-xs: 8px;
12
12
  --gap-m: 16px;
13
13
  }
14
- .input-autocomplete__bottomSheetInput_ei5ob {
14
+ .input-autocomplete__bottomSheetInput_meg5r {
15
15
  padding: 0 var(--gap-xs) var(--gap-xs);
16
16
  box-sizing: border-box;
17
17
  }
18
- .input-autocomplete__footer_ei5ob {
18
+ .input-autocomplete__footer_meg5r {
19
19
  display: flex
20
20
  }
21
- .input-autocomplete__footer_ei5ob > button + button {
21
+ .input-autocomplete__footer_meg5r > button + button {
22
22
  margin-left: var(--gap-m);
23
23
  }
package/esm/mobile.js CHANGED
@@ -1,4 +1,4 @@
1
- import './tslib.es6-9adadf9c.js';
1
+ import './tslib.es6-6f21004e.js';
2
2
  import 'react';
3
3
  import 'react-merge-refs';
4
4
  import 'classnames';
package/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./tslib.es6-3e629b87.js');
5
+ require('./tslib.es6-ca8b36c2.js');
6
6
  require('react');
7
7
  require('react-merge-refs');
8
8
  require('classnames');
package/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 73rpw */
1
+ /* hash: 1c528 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -11,13 +11,13 @@
11
11
  --gap-xs: 8px;
12
12
  --gap-m: 16px;
13
13
  }
14
- .input-autocomplete__bottomSheetInput_ei5ob {
14
+ .input-autocomplete__bottomSheetInput_meg5r {
15
15
  padding: 0 var(--gap-xs) var(--gap-xs);
16
16
  box-sizing: border-box;
17
17
  }
18
- .input-autocomplete__footer_ei5ob {
18
+ .input-autocomplete__footer_meg5r {
19
19
  display: flex
20
20
  }
21
- .input-autocomplete__footer_ei5ob > button + button {
21
+ .input-autocomplete__footer_meg5r > button + button {
22
22
  margin-left: var(--gap-m);
23
23
  }
package/mobile.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./tslib.es6-3e629b87.js');
5
+ require('./tslib.es6-ca8b36c2.js');
6
6
  require('react');
7
7
  require('react-merge-refs');
8
8
  require('classnames');
@@ -65,7 +65,7 @@ declare const colors: readonly [
65
65
  ];
66
66
  type Color = typeof colors[number];
67
67
  type NativeProps = HTMLAttributes<HTMLSpanElement>;
68
- type TextProps = Omit<NativeProps, "color"> & {
68
+ type TextBaseProps = {
69
69
  /**
70
70
  * [Вариант начертания](https://alfa-laboratory.github.io/core-components/master/?path=/docs/гайдлайны-типографика--page)
71
71
  */
@@ -85,7 +85,7 @@ type TextProps = Omit<NativeProps, "color"> & {
85
85
  /**
86
86
  * HTML тег
87
87
  */
88
- tag?: "p" | "span" | "div";
88
+ tag?: "span" | "div";
89
89
  /**
90
90
  * Css-класс для стилизации (native prop)
91
91
  */
@@ -98,7 +98,16 @@ type TextProps = Omit<NativeProps, "color"> & {
98
98
  * Контент (native prop)
99
99
  */
100
100
  children?: React.ReactNode;
101
+ /**
102
+ * Добавляет отступы к тэгу 'p'
103
+ */
104
+ defaultMargins?: never;
105
+ };
106
+ type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
107
+ tag?: "p";
108
+ defaultMargins?: boolean;
101
109
  };
110
+ type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
102
111
  type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
103
112
  type TitleProps = Omit<NativeProps$0, "color"> & {
104
113
  /**
@@ -9,7 +9,7 @@ import '@alfalab/core-components-form-control/modern';
9
9
  import '@alfalab/hooks';
10
10
  import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
11
11
 
12
- var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_ei5ob","footer":"input-autocomplete__footer_ei5ob"};
12
+ var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_meg5r","footer":"input-autocomplete__footer_meg5r"};
13
13
  require('./mobile.css')
14
14
 
15
15
  const SELECTED = [];
@@ -3,7 +3,7 @@ import mergeRefs from 'react-merge-refs';
3
3
  import cn from 'classnames';
4
4
  import { Input } from '@alfalab/core-components-input/modern';
5
5
 
6
- var styles = {"arrow":"input-autocomplete__arrow_c1hi7","error":"input-autocomplete__error_c1hi7"};
6
+ var styles = {"arrow":"input-autocomplete__arrow_jxrzn","error":"input-autocomplete__error_jxrzn"};
7
7
  require('./index.css')
8
8
 
9
9
  const AutocompleteField = ({ label, labelView = 'inner', placeholder, size, Arrow, Input: Input$1 = Input, value, error, success, hint, disabled, readOnly, onInput, inputProps = {}, innerProps, }) => {
@@ -1,4 +1,4 @@
1
- /* hash: 1vuct */
2
- .input-autocomplete__arrow_c1hi7.input-autocomplete__error_c1hi7 ~ * {
1
+ /* hash: 11uj9 */
2
+ .input-autocomplete__arrow_jxrzn.input-autocomplete__error_jxrzn ~ * {
3
3
  display: none;
4
4
  }
@@ -3,7 +3,7 @@ import cn from 'classnames';
3
3
  import { FormControl } from '@alfalab/core-components-form-control/modern';
4
4
  import { useFocus } from '@alfalab/hooks';
5
5
 
6
- var styles = {"component":"input-autocomplete__component_ae72o","field":"input-autocomplete__field_ae72o","disabled":"input-autocomplete__disabled_ae72o","placeholder":"input-autocomplete__placeholder_ae72o","contentWrapper":"input-autocomplete__contentWrapper_ae72o","value":"input-autocomplete__value_ae72o","focusVisible":"input-autocomplete__focusVisible_ae72o"};
6
+ var styles = {"component":"input-autocomplete__component_86ooi","field":"input-autocomplete__field_86ooi","disabled":"input-autocomplete__disabled_86ooi","placeholder":"input-autocomplete__placeholder_86ooi","contentWrapper":"input-autocomplete__contentWrapper_86ooi","value":"input-autocomplete__value_86ooi","focusVisible":"input-autocomplete__focusVisible_86ooi"};
7
7
  require('./index.css')
8
8
 
9
9
  const AutocompleteMobileField = ({ size = 'm', open, error, hint, disabled, label, labelView = 'inner', placeholder, value, innerProps, dataTestId, fieldClassName, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, ...restProps }) => {
@@ -1,4 +1,4 @@
1
- /* hash: fm7bg */
1
+ /* hash: 3pjp3 */
2
2
  :root {
3
3
  --color-light-border-link: #007aff;
4
4
  --color-light-text-secondary: rgba(11, 31, 53, 0.7);
@@ -15,20 +15,20 @@
15
15
  --focus-color: var(--color-light-border-link);
16
16
  --disabled-cursor: not-allowed;
17
17
  }
18
- .input-autocomplete__component_ae72o {
18
+ .input-autocomplete__component_86ooi {
19
19
  width: 100%;
20
20
  outline: none;
21
21
  }
22
- .input-autocomplete__field_ae72o:not(.input-autocomplete__disabled_ae72o) {
22
+ .input-autocomplete__field_86ooi:not(.input-autocomplete__disabled_86ooi) {
23
23
  cursor: pointer;
24
24
  }
25
- .input-autocomplete__disabled_ae72o {
25
+ .input-autocomplete__disabled_86ooi {
26
26
  cursor: var(--disabled-cursor);
27
27
  }
28
- .input-autocomplete__placeholder_ae72o {
28
+ .input-autocomplete__placeholder_86ooi {
29
29
  color: var(--color-light-text-secondary);
30
30
  }
31
- .input-autocomplete__contentWrapper_ae72o {
31
+ .input-autocomplete__contentWrapper_86ooi {
32
32
  font-size: 16px;
33
33
  line-height: 20px;
34
34
  font-weight: 400;
@@ -38,12 +38,12 @@
38
38
  overflow: hidden;
39
39
  width: 100%;
40
40
  }
41
- .input-autocomplete__value_ae72o {
41
+ .input-autocomplete__value_86ooi {
42
42
  overflow: hidden;
43
43
  text-overflow: ellipsis;
44
44
  text-align: left;
45
45
  }
46
- .input-autocomplete__focusVisible_ae72o {
46
+ .input-autocomplete__focusVisible_86ooi {
47
47
  outline: 2px solid var(--focus-color);
48
48
  outline-offset: 2px;
49
49
  }
package/modern/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 73rpw */
1
+ /* hash: 1c528 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -11,13 +11,13 @@
11
11
  --gap-xs: 8px;
12
12
  --gap-m: 16px;
13
13
  }
14
- .input-autocomplete__bottomSheetInput_ei5ob {
14
+ .input-autocomplete__bottomSheetInput_meg5r {
15
15
  padding: 0 var(--gap-xs) var(--gap-xs);
16
16
  box-sizing: border-box;
17
17
  }
18
- .input-autocomplete__footer_ei5ob {
18
+ .input-autocomplete__footer_meg5r {
19
19
  display: flex
20
20
  }
21
- .input-autocomplete__footer_ei5ob > button + button {
21
+ .input-autocomplete__footer_meg5r > button + button {
22
22
  margin-left: var(--gap-m);
23
23
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-input-autocomplete",
3
- "version": "9.1.1",
3
+ "version": "9.1.3",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -20,7 +20,7 @@
20
20
  "@alfalab/core-components-button": "^7.0.1",
21
21
  "@alfalab/core-components-form-control": "^9.0.1",
22
22
  "@alfalab/core-components-input": "^11.1.0",
23
- "@alfalab/core-components-select": "^13.1.1",
23
+ "@alfalab/core-components-select": "^13.2.0",
24
24
  "@alfalab/hooks": "^1.4.1",
25
25
  "classnames": "^2.3.1",
26
26
  "lodash.throttle": "^4.1.1",