@alfalab/core-components-input-autocomplete 9.3.3 → 9.3.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 (43) hide show
  1. package/Component-7ca84eff.d.ts +2 -2
  2. package/Component.desktop.js +1 -1
  3. package/Component.mobile.js +2 -2
  4. package/Component.responsive.js +1 -1
  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 +2 -2
  12. package/desktop.js +1 -1
  13. package/esm/Component-7ca84eff.d.ts +2 -2
  14. package/esm/Component.desktop.js +1 -1
  15. package/esm/Component.mobile.js +2 -2
  16. package/esm/Component.responsive.js +1 -1
  17. package/esm/autocomplete-field/Component.js +2 -2
  18. package/esm/autocomplete-field/index.css +2 -2
  19. package/esm/autocomplete-field/index.js +1 -1
  20. package/esm/autocomplete-mobile-field/Component.js +2 -2
  21. package/esm/autocomplete-mobile-field/index.css +8 -8
  22. package/esm/autocomplete-mobile-field/index.js +1 -1
  23. package/esm/desktop.js +1 -1
  24. package/esm/index.js +1 -1
  25. package/esm/mobile.css +4 -4
  26. package/esm/mobile.js +1 -1
  27. package/esm/responsive.js +1 -1
  28. package/esm/{tslib.es6-f4a47774.d.ts → tslib.es6-f2befdfc.d.ts} +0 -0
  29. package/esm/{tslib.es6-f4a47774.js → tslib.es6-f2befdfc.js} +0 -0
  30. package/index.js +1 -1
  31. package/mobile.css +4 -4
  32. package/mobile.js +1 -1
  33. package/modern/Component-7ca84eff.d.ts +2 -2
  34. package/modern/Component.mobile.js +1 -1
  35. package/modern/autocomplete-field/Component.js +1 -1
  36. package/modern/autocomplete-field/index.css +2 -2
  37. package/modern/autocomplete-mobile-field/Component.js +1 -1
  38. package/modern/autocomplete-mobile-field/index.css +8 -8
  39. package/modern/mobile.css +4 -4
  40. package/package.json +4 -4
  41. package/responsive.js +1 -1
  42. /package/{tslib.es6-e22c676b.d.ts → tslib.es6-063ae0c4.d.ts} +0 -0
  43. /package/{tslib.es6-e22c676b.js → tslib.es6-063ae0c4.js} +0 -0
@@ -68,7 +68,7 @@ type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
68
68
  type NativeProps = HTMLAttributes<HTMLSpanElement>;
69
69
  type TextBaseProps = {
70
70
  /**
71
- * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/инструкции-типографика--page)
71
+ * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
72
72
  */
73
73
  view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
74
74
  /**
@@ -116,7 +116,7 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
116
116
  */
117
117
  tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
118
118
  /**
119
- * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/инструкции-типографика--page)
119
+ * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
120
120
  */
121
121
  view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
122
122
  /**
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var tslib_es6 = require('./tslib.es6-e22c676b.js');
3
+ var tslib_es6 = require('./tslib.es6-063ae0c4.js');
4
4
  var React = require('react');
5
5
  var coreComponentsSelect = require('@alfalab/core-components-select');
6
6
  var autocompleteField_Component = require('./autocomplete-field/Component.js');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var tslib_es6 = require('./tslib.es6-e22c676b.js');
3
+ var tslib_es6 = require('./tslib.es6-063ae0c4.js');
4
4
  var React = require('react');
5
5
  var mergeRefs = require('react-merge-refs');
6
6
  var cn = require('classnames');
@@ -19,7 +19,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
19
19
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
20
20
  var throttle__default = /*#__PURE__*/_interopDefaultCompat(throttle);
21
21
 
22
- var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_1gjyb","footer":"input-autocomplete__footer_1gjyb"};
22
+ var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_ukk5x","footer":"input-autocomplete__footer_ukk5x"};
23
23
  require('./mobile.css')
24
24
 
25
25
  var SELECTED = [];
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var tslib_es6 = require('./tslib.es6-e22c676b.js');
3
+ var tslib_es6 = require('./tslib.es6-063ae0c4.js');
4
4
  var React = require('react');
5
5
  var hooks = require('@alfalab/hooks');
6
6
  var Component_desktop = require('./Component.desktop.js');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var tslib_es6 = require('../tslib.es6-e22c676b.js');
3
+ var tslib_es6 = require('../tslib.es6-063ae0c4.js');
4
4
  var React = require('react');
5
5
  var mergeRefs = require('react-merge-refs');
6
6
  var cn = require('classnames');
@@ -12,7 +12,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
12
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
13
13
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
14
14
 
15
- var styles = {"arrow":"input-autocomplete__arrow_1e3a5","error":"input-autocomplete__error_1e3a5"};
15
+ var styles = {"arrow":"input-autocomplete__arrow_s3vzt","error":"input-autocomplete__error_s3vzt"};
16
16
  require('./index.css')
17
17
 
18
18
  var AutocompleteField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: ak8dk */
2
- .input-autocomplete__arrow_1e3a5.input-autocomplete__error_1e3a5 ~ * {
1
+ /* hash: 1pe3z */
2
+ .input-autocomplete__arrow_s3vzt.input-autocomplete__error_s3vzt ~ * {
3
3
  display: none;
4
4
  }
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var autocompleteField_Component = require('./Component.js');
4
- require('../tslib.es6-e22c676b.js');
4
+ require('../tslib.es6-063ae0c4.js');
5
5
  require('react');
6
6
  require('react-merge-refs');
7
7
  require('classnames');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var tslib_es6 = require('../tslib.es6-e22c676b.js');
3
+ var tslib_es6 = require('../tslib.es6-063ae0c4.js');
4
4
  var React = require('react');
5
5
  var cn = require('classnames');
6
6
  var coreComponentsFormControl = require('@alfalab/core-components-form-control');
@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
11
11
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
12
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
13
13
 
14
- var styles = {"component":"input-autocomplete__component_x9pm1","field":"input-autocomplete__field_x9pm1","disabled":"input-autocomplete__disabled_x9pm1","placeholder":"input-autocomplete__placeholder_x9pm1","contentWrapper":"input-autocomplete__contentWrapper_x9pm1","value":"input-autocomplete__value_x9pm1","focusVisible":"input-autocomplete__focusVisible_x9pm1"};
14
+ var styles = {"component":"input-autocomplete__component_koc3","field":"input-autocomplete__field_koc3","disabled":"input-autocomplete__disabled_koc3","placeholder":"input-autocomplete__placeholder_koc3","contentWrapper":"input-autocomplete__contentWrapper_koc3","value":"input-autocomplete__value_koc3","focusVisible":"input-autocomplete__focusVisible_koc3"};
15
15
  require('./index.css')
16
16
 
17
17
  var AutocompleteMobileField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: td6xf */
1
+ /* hash: 1dkfd */
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_x9pm1 {
18
+ .input-autocomplete__component_koc3 {
19
19
  width: 100%;
20
20
  outline: none;
21
21
  }
22
- .input-autocomplete__field_x9pm1:not(.input-autocomplete__disabled_x9pm1) {
22
+ .input-autocomplete__field_koc3:not(.input-autocomplete__disabled_koc3) {
23
23
  cursor: pointer;
24
24
  }
25
- .input-autocomplete__disabled_x9pm1 {
25
+ .input-autocomplete__disabled_koc3 {
26
26
  cursor: var(--disabled-cursor);
27
27
  }
28
- .input-autocomplete__placeholder_x9pm1 {
28
+ .input-autocomplete__placeholder_koc3 {
29
29
  color: var(--color-light-text-secondary);
30
30
  }
31
- .input-autocomplete__contentWrapper_x9pm1 {
31
+ .input-autocomplete__contentWrapper_koc3 {
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_x9pm1 {
41
+ .input-autocomplete__value_koc3 {
42
42
  overflow: hidden;
43
43
  text-overflow: ellipsis;
44
44
  text-align: left;
45
45
  }
46
- .input-autocomplete__focusVisible_x9pm1 {
46
+ .input-autocomplete__focusVisible_koc3 {
47
47
  outline: 2px solid var(--focus-color);
48
48
  outline-offset: 2px;
49
49
  }
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var autocompleteMobileField_Component = require('./Component.js');
4
- require('../tslib.es6-e22c676b.js');
4
+ require('../tslib.es6-063ae0c4.js');
5
5
  require('react');
6
6
  require('classnames');
7
7
  require('@alfalab/core-components-form-control');
@@ -68,7 +68,7 @@ type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
68
68
  type NativeProps = HTMLAttributes<HTMLSpanElement>;
69
69
  type TextBaseProps = {
70
70
  /**
71
- * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/инструкции-типографика--page)
71
+ * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
72
72
  */
73
73
  view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
74
74
  /**
@@ -116,7 +116,7 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
116
116
  */
117
117
  tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
118
118
  /**
119
- * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/инструкции-типографика--page)
119
+ * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
120
120
  */
121
121
  view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
122
122
  /**
package/desktop.js CHANGED
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var Component_desktop = require('./Component.desktop.js');
4
- require('./tslib.es6-e22c676b.js');
4
+ require('./tslib.es6-063ae0c4.js');
5
5
  require('react');
6
6
  require('@alfalab/core-components-select');
7
7
  require('./autocomplete-field/Component.js');
@@ -68,7 +68,7 @@ type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
68
68
  type NativeProps = HTMLAttributes<HTMLSpanElement>;
69
69
  type TextBaseProps = {
70
70
  /**
71
- * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/инструкции-типографика--page)
71
+ * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
72
72
  */
73
73
  view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
74
74
  /**
@@ -116,7 +116,7 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
116
116
  */
117
117
  tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
118
118
  /**
119
- * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/инструкции-типографика--page)
119
+ * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
120
120
  */
121
121
  view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
122
122
  /**
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-f4a47774.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-f2befdfc.js';
2
2
  import React, { forwardRef } from 'react';
3
3
  import { BaseSelect, OptionsList, Optgroup, Option } from '@alfalab/core-components-select/esm';
4
4
  import { AutocompleteField } from './autocomplete-field/Component.js';
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-f4a47774.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-f2befdfc.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 { AutocompleteMobileField } from './autocomplete-mobile-field/Component.j
10
10
  import '@alfalab/core-components-form-control/esm';
11
11
  import '@alfalab/hooks';
12
12
 
13
- var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_1gjyb","footer":"input-autocomplete__footer_1gjyb"};
13
+ var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_ukk5x","footer":"input-autocomplete__footer_ukk5x"};
14
14
  require('./mobile.css')
15
15
 
16
16
  var SELECTED = [];
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-f4a47774.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-f2befdfc.js';
2
2
  import React from 'react';
3
3
  import { useMedia } from '@alfalab/hooks';
4
4
  import { InputAutocompleteDesktop } from './Component.desktop.js';
@@ -1,10 +1,10 @@
1
- import { a as __assign } from '../tslib.es6-f4a47774.js';
1
+ import { a as __assign } from '../tslib.es6-f2befdfc.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_1e3a5","error":"input-autocomplete__error_1e3a5"};
7
+ var styles = {"arrow":"input-autocomplete__arrow_s3vzt","error":"input-autocomplete__error_s3vzt"};
8
8
  require('./index.css')
9
9
 
10
10
  var AutocompleteField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: ak8dk */
2
- .input-autocomplete__arrow_1e3a5.input-autocomplete__error_1e3a5 ~ * {
1
+ /* hash: 1pe3z */
2
+ .input-autocomplete__arrow_s3vzt.input-autocomplete__error_s3vzt ~ * {
3
3
  display: none;
4
4
  }
@@ -1,5 +1,5 @@
1
1
  export { AutocompleteField } from './Component.js';
2
- import '../tslib.es6-f4a47774.js';
2
+ import '../tslib.es6-f2befdfc.js';
3
3
  import 'react';
4
4
  import 'react-merge-refs';
5
5
  import 'classnames';
@@ -1,10 +1,10 @@
1
- import { _ as __rest, a as __assign } from '../tslib.es6-f4a47774.js';
1
+ import { _ as __rest, a as __assign } from '../tslib.es6-f2befdfc.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_x9pm1","field":"input-autocomplete__field_x9pm1","disabled":"input-autocomplete__disabled_x9pm1","placeholder":"input-autocomplete__placeholder_x9pm1","contentWrapper":"input-autocomplete__contentWrapper_x9pm1","value":"input-autocomplete__value_x9pm1","focusVisible":"input-autocomplete__focusVisible_x9pm1"};
7
+ var styles = {"component":"input-autocomplete__component_koc3","field":"input-autocomplete__field_koc3","disabled":"input-autocomplete__disabled_koc3","placeholder":"input-autocomplete__placeholder_koc3","contentWrapper":"input-autocomplete__contentWrapper_koc3","value":"input-autocomplete__value_koc3","focusVisible":"input-autocomplete__focusVisible_koc3"};
8
8
  require('./index.css')
9
9
 
10
10
  var AutocompleteMobileField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: td6xf */
1
+ /* hash: 1dkfd */
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_x9pm1 {
18
+ .input-autocomplete__component_koc3 {
19
19
  width: 100%;
20
20
  outline: none;
21
21
  }
22
- .input-autocomplete__field_x9pm1:not(.input-autocomplete__disabled_x9pm1) {
22
+ .input-autocomplete__field_koc3:not(.input-autocomplete__disabled_koc3) {
23
23
  cursor: pointer;
24
24
  }
25
- .input-autocomplete__disabled_x9pm1 {
25
+ .input-autocomplete__disabled_koc3 {
26
26
  cursor: var(--disabled-cursor);
27
27
  }
28
- .input-autocomplete__placeholder_x9pm1 {
28
+ .input-autocomplete__placeholder_koc3 {
29
29
  color: var(--color-light-text-secondary);
30
30
  }
31
- .input-autocomplete__contentWrapper_x9pm1 {
31
+ .input-autocomplete__contentWrapper_koc3 {
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_x9pm1 {
41
+ .input-autocomplete__value_koc3 {
42
42
  overflow: hidden;
43
43
  text-overflow: ellipsis;
44
44
  text-align: left;
45
45
  }
46
- .input-autocomplete__focusVisible_x9pm1 {
46
+ .input-autocomplete__focusVisible_koc3 {
47
47
  outline: 2px solid var(--focus-color);
48
48
  outline-offset: 2px;
49
49
  }
@@ -1,5 +1,5 @@
1
1
  export { AutocompleteMobileField } from './Component.js';
2
- import '../tslib.es6-f4a47774.js';
2
+ import '../tslib.es6-f2befdfc.js';
3
3
  import 'react';
4
4
  import 'classnames';
5
5
  import '@alfalab/core-components-form-control/esm';
package/esm/desktop.js CHANGED
@@ -1,5 +1,5 @@
1
1
  export { InputAutocompleteDesktop } from './Component.desktop.js';
2
- import './tslib.es6-f4a47774.js';
2
+ import './tslib.es6-f2befdfc.js';
3
3
  import 'react';
4
4
  import '@alfalab/core-components-select/esm';
5
5
  import './autocomplete-field/Component.js';
package/esm/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export { InputAutocompleteDesktop as InputAutocomplete } from './Component.desktop.js';
2
2
  export { InputAutocompleteResponsive } from './Component.responsive.js';
3
- import './tslib.es6-f4a47774.js';
3
+ import './tslib.es6-f2befdfc.js';
4
4
  import 'react';
5
5
  import '@alfalab/core-components-select/esm';
6
6
  import './autocomplete-field/Component.js';
package/esm/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: kurbv */
1
+ /* hash: nivdk */
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_1gjyb {
14
+ .input-autocomplete__bottomSheetInput_ukk5x {
15
15
  padding: 0 var(--gap-xs) var(--gap-xs);
16
16
  box-sizing: border-box;
17
17
  }
18
- .input-autocomplete__footer_1gjyb {
18
+ .input-autocomplete__footer_ukk5x {
19
19
  display: flex
20
20
  }
21
- .input-autocomplete__footer_1gjyb > button + button {
21
+ .input-autocomplete__footer_ukk5x > button + button {
22
22
  margin-left: var(--gap-m);
23
23
  }
package/esm/mobile.js CHANGED
@@ -1,5 +1,5 @@
1
1
  export { InputAutocompleteMobile } from './Component.mobile.js';
2
- import './tslib.es6-f4a47774.js';
2
+ import './tslib.es6-f2befdfc.js';
3
3
  import 'react';
4
4
  import 'react-merge-refs';
5
5
  import 'classnames';
package/esm/responsive.js CHANGED
@@ -1,5 +1,5 @@
1
1
  export { InputAutocompleteResponsive } from './Component.responsive.js';
2
- import './tslib.es6-f4a47774.js';
2
+ import './tslib.es6-f2befdfc.js';
3
3
  import 'react';
4
4
  import '@alfalab/hooks';
5
5
  import './Component.desktop.js';
package/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  var Component_desktop = require('./Component.desktop.js');
4
4
  var Component_responsive = require('./Component.responsive.js');
5
- require('./tslib.es6-e22c676b.js');
5
+ require('./tslib.es6-063ae0c4.js');
6
6
  require('react');
7
7
  require('@alfalab/core-components-select');
8
8
  require('./autocomplete-field/Component.js');
package/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: kurbv */
1
+ /* hash: nivdk */
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_1gjyb {
14
+ .input-autocomplete__bottomSheetInput_ukk5x {
15
15
  padding: 0 var(--gap-xs) var(--gap-xs);
16
16
  box-sizing: border-box;
17
17
  }
18
- .input-autocomplete__footer_1gjyb {
18
+ .input-autocomplete__footer_ukk5x {
19
19
  display: flex
20
20
  }
21
- .input-autocomplete__footer_1gjyb > button + button {
21
+ .input-autocomplete__footer_ukk5x > button + button {
22
22
  margin-left: var(--gap-m);
23
23
  }
package/mobile.js CHANGED
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var Component_mobile = require('./Component.mobile.js');
4
- require('./tslib.es6-e22c676b.js');
4
+ require('./tslib.es6-063ae0c4.js');
5
5
  require('react');
6
6
  require('react-merge-refs');
7
7
  require('classnames');
@@ -68,7 +68,7 @@ type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
68
68
  type NativeProps = HTMLAttributes<HTMLSpanElement>;
69
69
  type TextBaseProps = {
70
70
  /**
71
- * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/инструкции-типографика--page)
71
+ * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
72
72
  */
73
73
  view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
74
74
  /**
@@ -116,7 +116,7 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
116
116
  */
117
117
  tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
118
118
  /**
119
- * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/инструкции-типографика--page)
119
+ * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
120
120
  */
121
121
  view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
122
122
  /**
@@ -9,7 +9,7 @@ import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.j
9
9
  import '@alfalab/core-components-form-control/modern';
10
10
  import '@alfalab/hooks';
11
11
 
12
- const styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_1gjyb","footer":"input-autocomplete__footer_1gjyb"};
12
+ const styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_ukk5x","footer":"input-autocomplete__footer_ukk5x"};
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
- const styles = {"arrow":"input-autocomplete__arrow_1e3a5","error":"input-autocomplete__error_1e3a5"};
6
+ const styles = {"arrow":"input-autocomplete__arrow_s3vzt","error":"input-autocomplete__error_s3vzt"};
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: ak8dk */
2
- .input-autocomplete__arrow_1e3a5.input-autocomplete__error_1e3a5 ~ * {
1
+ /* hash: 1pe3z */
2
+ .input-autocomplete__arrow_s3vzt.input-autocomplete__error_s3vzt ~ * {
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
- const styles = {"component":"input-autocomplete__component_x9pm1","field":"input-autocomplete__field_x9pm1","disabled":"input-autocomplete__disabled_x9pm1","placeholder":"input-autocomplete__placeholder_x9pm1","contentWrapper":"input-autocomplete__contentWrapper_x9pm1","value":"input-autocomplete__value_x9pm1","focusVisible":"input-autocomplete__focusVisible_x9pm1"};
6
+ const styles = {"component":"input-autocomplete__component_koc3","field":"input-autocomplete__field_koc3","disabled":"input-autocomplete__disabled_koc3","placeholder":"input-autocomplete__placeholder_koc3","contentWrapper":"input-autocomplete__contentWrapper_koc3","value":"input-autocomplete__value_koc3","focusVisible":"input-autocomplete__focusVisible_koc3"};
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: td6xf */
1
+ /* hash: 1dkfd */
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_x9pm1 {
18
+ .input-autocomplete__component_koc3 {
19
19
  width: 100%;
20
20
  outline: none;
21
21
  }
22
- .input-autocomplete__field_x9pm1:not(.input-autocomplete__disabled_x9pm1) {
22
+ .input-autocomplete__field_koc3:not(.input-autocomplete__disabled_koc3) {
23
23
  cursor: pointer;
24
24
  }
25
- .input-autocomplete__disabled_x9pm1 {
25
+ .input-autocomplete__disabled_koc3 {
26
26
  cursor: var(--disabled-cursor);
27
27
  }
28
- .input-autocomplete__placeholder_x9pm1 {
28
+ .input-autocomplete__placeholder_koc3 {
29
29
  color: var(--color-light-text-secondary);
30
30
  }
31
- .input-autocomplete__contentWrapper_x9pm1 {
31
+ .input-autocomplete__contentWrapper_koc3 {
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_x9pm1 {
41
+ .input-autocomplete__value_koc3 {
42
42
  overflow: hidden;
43
43
  text-overflow: ellipsis;
44
44
  text-align: left;
45
45
  }
46
- .input-autocomplete__focusVisible_x9pm1 {
46
+ .input-autocomplete__focusVisible_koc3 {
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: kurbv */
1
+ /* hash: nivdk */
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_1gjyb {
14
+ .input-autocomplete__bottomSheetInput_ukk5x {
15
15
  padding: 0 var(--gap-xs) var(--gap-xs);
16
16
  box-sizing: border-box;
17
17
  }
18
- .input-autocomplete__footer_1gjyb {
18
+ .input-autocomplete__footer_ukk5x {
19
19
  display: flex
20
20
  }
21
- .input-autocomplete__footer_1gjyb > button + button {
21
+ .input-autocomplete__footer_ukk5x > 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.3.3",
3
+ "version": "9.3.4",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -17,10 +17,10 @@
17
17
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
18
18
  },
19
19
  "dependencies": {
20
- "@alfalab/core-components-button": "^7.0.2",
20
+ "@alfalab/core-components-button": "^7.0.3",
21
21
  "@alfalab/core-components-form-control": "^9.0.2",
22
- "@alfalab/core-components-input": "^11.1.3",
23
- "@alfalab/core-components-select": "^13.2.6",
22
+ "@alfalab/core-components-input": "^11.1.4",
23
+ "@alfalab/core-components-select": "^13.2.7",
24
24
  "@alfalab/hooks": "^1.4.1",
25
25
  "classnames": "^2.3.1",
26
26
  "lodash.throttle": "^4.1.1",
package/responsive.js CHANGED
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var Component_responsive = require('./Component.responsive.js');
4
- require('./tslib.es6-e22c676b.js');
4
+ require('./tslib.es6-063ae0c4.js');
5
5
  require('react');
6
6
  require('@alfalab/hooks');
7
7
  require('./Component.desktop.js');