@alfalab/core-components-input-autocomplete 9.3.15 → 9.3.17

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.desktop.js +2 -0
  2. package/Component.mobile.js +3 -1
  3. package/Component.responsive.js +2 -0
  4. package/autocomplete-field/Component.js +3 -1
  5. package/autocomplete-field/index.css +2 -2
  6. package/autocomplete-field/index.js +2 -0
  7. package/autocomplete-mobile-field/Component.js +3 -1
  8. package/autocomplete-mobile-field/index.css +10 -10
  9. package/autocomplete-mobile-field/index.js +2 -0
  10. package/cssm/Component.desktop.js +2 -0
  11. package/cssm/Component.mobile.js +2 -0
  12. package/cssm/Component.responsive.js +2 -0
  13. package/cssm/autocomplete-field/Component.js +2 -0
  14. package/cssm/autocomplete-field/index.js +2 -0
  15. package/cssm/autocomplete-mobile-field/Component.js +2 -0
  16. package/cssm/autocomplete-mobile-field/index.js +2 -0
  17. package/cssm/autocomplete-mobile-field/index.module.css +2 -2
  18. package/cssm/desktop.js +2 -0
  19. package/cssm/index-7ca84eff.d.ts +5 -0
  20. package/cssm/index.js +2 -0
  21. package/cssm/mobile.js +2 -0
  22. package/cssm/responsive.js +2 -0
  23. package/desktop.js +2 -0
  24. package/esm/Component.mobile.js +1 -1
  25. package/esm/autocomplete-field/Component.js +1 -1
  26. package/esm/autocomplete-field/index.css +2 -2
  27. package/esm/autocomplete-mobile-field/Component.js +1 -1
  28. package/esm/autocomplete-mobile-field/index.css +10 -10
  29. package/esm/index-7ca84eff.d.ts +5 -0
  30. package/esm/mobile.css +4 -4
  31. package/index-7ca84eff.d.ts +5 -0
  32. package/index.js +2 -0
  33. package/mobile.css +4 -4
  34. package/mobile.js +2 -0
  35. package/modern/Component.mobile.js +1 -1
  36. package/modern/autocomplete-field/Component.js +1 -1
  37. package/modern/autocomplete-field/index.css +2 -2
  38. package/modern/autocomplete-mobile-field/Component.js +1 -1
  39. package/modern/autocomplete-mobile-field/index.css +10 -10
  40. package/modern/index-7ca84eff.d.ts +5 -0
  41. package/modern/mobile.css +4 -4
  42. package/package.json +5 -5
  43. package/responsive.js +2 -0
package/Component.desktop.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var coreComponentsSelect = require('@alfalab/core-components-select');
package/Component.mobile.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var mergeRefs = require('react-merge-refs');
@@ -19,7 +21,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
19
21
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
20
22
  var throttle__default = /*#__PURE__*/_interopDefaultCompat(throttle);
21
23
 
22
- var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_uzl1k","footer":"input-autocomplete__footer_uzl1k"};
24
+ var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_1b54m","footer":"input-autocomplete__footer_1b54m"};
23
25
  require('./mobile.css')
24
26
 
25
27
  var SELECTED = [];
package/Component.responsive.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var hooks = require('@alfalab/hooks');
package/autocomplete-field/Component.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var mergeRefs = require('react-merge-refs');
@@ -12,7 +14,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
14
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
13
15
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
14
16
 
15
- var styles = {"arrow":"input-autocomplete__arrow_6kfps","error":"input-autocomplete__error_6kfps"};
17
+ var styles = {"arrow":"input-autocomplete__arrow_18ogg","error":"input-autocomplete__error_18ogg"};
16
18
  require('./index.css')
17
19
 
18
20
  var AutocompleteField = function (_a) {
package/autocomplete-field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: j5qo7 */
2
- .input-autocomplete__arrow_6kfps.input-autocomplete__error_6kfps ~ * {
1
+ /* hash: 8n9lc */
2
+ .input-autocomplete__arrow_18ogg.input-autocomplete__error_18ogg ~ * {
3
3
  display: none;
4
4
  }
package/autocomplete-field/index.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var autocompleteField_Component = require('./Component.js');
4
6
  require('tslib');
5
7
  require('react');
package/autocomplete-mobile-field/Component.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var cn = require('classnames');
@@ -11,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
11
13
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
14
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
13
15
 
14
- var styles = {"component":"input-autocomplete__component_1bz7k","field":"input-autocomplete__field_1bz7k","disabled":"input-autocomplete__disabled_1bz7k","placeholder":"input-autocomplete__placeholder_1bz7k","contentWrapper":"input-autocomplete__contentWrapper_1bz7k","value":"input-autocomplete__value_1bz7k","focusVisible":"input-autocomplete__focusVisible_1bz7k"};
16
+ var styles = {"component":"input-autocomplete__component_1fkhm","field":"input-autocomplete__field_1fkhm","disabled":"input-autocomplete__disabled_1fkhm","placeholder":"input-autocomplete__placeholder_1fkhm","contentWrapper":"input-autocomplete__contentWrapper_1fkhm","value":"input-autocomplete__value_1fkhm","focusVisible":"input-autocomplete__focusVisible_1fkhm"};
15
17
  require('./index.css')
16
18
 
17
19
  var AutocompleteMobileField = function (_a) {
package/autocomplete-mobile-field/index.css CHANGED
@@ -1,8 +1,8 @@
1
- /* hash: 3a9dq */
1
+ /* hash: 1rswc */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-border-link: #007aff;
5
- --color-light-text-secondary: rgba(11, 31, 53, 0.7); /* 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
+ --color-light-border-link: #0072ef;
5
+ --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* 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 */
6
6
  } :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 */
7
7
  } :root {
8
8
  } :root {
@@ -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_1bz7k {
21
+ } .input-autocomplete__component_1fkhm {
22
22
  width: 100%;
23
23
  outline: none;
24
- } .input-autocomplete__field_1bz7k:not(.input-autocomplete__disabled_1bz7k) {
24
+ } .input-autocomplete__field_1fkhm:not(.input-autocomplete__disabled_1fkhm) {
25
25
  cursor: pointer;
26
- } .input-autocomplete__disabled_1bz7k {
26
+ } .input-autocomplete__disabled_1fkhm {
27
27
  cursor: var(--disabled-cursor);
28
- } .input-autocomplete__placeholder_1bz7k {
28
+ } .input-autocomplete__placeholder_1fkhm {
29
29
  color: var(--color-light-text-secondary);
30
- } .input-autocomplete__contentWrapper_1bz7k {
30
+ } .input-autocomplete__contentWrapper_1fkhm {
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_1bz7k {
39
+ } .input-autocomplete__value_1fkhm {
40
40
  overflow: hidden;
41
41
  text-overflow: ellipsis;
42
42
  text-align: left;
43
- } .input-autocomplete__focusVisible_1bz7k {
43
+ } .input-autocomplete__focusVisible_1fkhm {
44
44
  outline: 2px solid var(--focus-color);
45
45
  outline-offset: 2px;
46
46
  }
package/autocomplete-mobile-field/index.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var autocompleteMobileField_Component = require('./Component.js');
4
6
  require('tslib');
5
7
  require('react');
package/cssm/Component.desktop.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var coreComponentsSelect = require('@alfalab/core-components-select/cssm');
package/cssm/Component.mobile.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var mergeRefs = require('react-merge-refs');
package/cssm/Component.responsive.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var hooks = require('@alfalab/hooks');
package/cssm/autocomplete-field/Component.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var mergeRefs = require('react-merge-refs');
package/cssm/autocomplete-field/index.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var autocompleteField_Component = require('./Component.js');
4
6
  require('tslib');
5
7
  require('react');
package/cssm/autocomplete-mobile-field/Component.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var cn = require('classnames');
package/cssm/autocomplete-mobile-field/index.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var autocompleteMobileField_Component = require('./Component.js');
4
6
  require('tslib');
5
7
  require('react');
package/cssm/autocomplete-mobile-field/index.module.css CHANGED
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  } /* deprecated */ :root {
3
- --color-light-border-link: #007aff;
4
- --color-light-text-secondary: rgba(11, 31, 53, 0.7); /* 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 */
3
+ --color-light-border-link: #0072ef;
4
+ --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* 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 */
5
5
  } :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 */
6
6
  } :root {
7
7
  } :root {
package/cssm/desktop.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var Component_desktop = require('./Component.desktop.js');
4
6
  require('tslib');
5
7
  require('react');
package/cssm/index-7ca84eff.d.ts CHANGED
@@ -7,6 +7,7 @@ import { BaseModalProps } from "./index-bdb4c6b9";
7
7
  import { NavigationBarProps } from "./index-e81c389f";
8
8
  import { SwipeableHandlers } from "react-swipeable/types";
9
9
  import { BackdropProps } from "./index-ebda875c";
10
+ 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";
10
11
  type BottomSheetTitleAlign = "center" | "left";
11
12
  type BottomSheetProps = {
12
13
  /**
@@ -55,6 +56,10 @@ type BottomSheetProps = {
55
56
  * Дополнительный класс
56
57
  */
57
58
  containerClassName?: string;
59
+ /**
60
+ * Цвет фона
61
+ */
62
+ backgroundColor?: Extract<BackgroundColorType, "primary" | "secondary">;
58
63
  /**
59
64
  * Дополнительный класс шапки
60
65
  */
package/cssm/index.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var Component_desktop = require('./Component.desktop.js');
4
6
  var Component_responsive = require('./Component.responsive.js');
5
7
  require('tslib');
package/cssm/mobile.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var Component_mobile = require('./Component.mobile.js');
4
6
  require('tslib');
5
7
  require('react');
package/cssm/responsive.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var Component_responsive = require('./Component.responsive.js');
4
6
  require('tslib');
5
7
  require('react');
package/desktop.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var Component_desktop = require('./Component.desktop.js');
4
6
  require('tslib');
5
7
  require('react');
package/esm/Component.mobile.js CHANGED
@@ -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_uzl1k","footer":"input-autocomplete__footer_uzl1k"};
13
+ var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_1b54m","footer":"input-autocomplete__footer_1b54m"};
14
14
  require('./mobile.css')
15
15
 
16
16
  var SELECTED = [];
package/esm/autocomplete-field/Component.js CHANGED
@@ -4,7 +4,7 @@ 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_6kfps","error":"input-autocomplete__error_6kfps"};
7
+ var styles = {"arrow":"input-autocomplete__arrow_18ogg","error":"input-autocomplete__error_18ogg"};
8
8
  require('./index.css')
9
9
 
10
10
  var AutocompleteField = function (_a) {
package/esm/autocomplete-field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: j5qo7 */
2
- .input-autocomplete__arrow_6kfps.input-autocomplete__error_6kfps ~ * {
1
+ /* hash: 8n9lc */
2
+ .input-autocomplete__arrow_18ogg.input-autocomplete__error_18ogg ~ * {
3
3
  display: none;
4
4
  }
package/esm/autocomplete-mobile-field/Component.js CHANGED
@@ -4,7 +4,7 @@ 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_1bz7k","field":"input-autocomplete__field_1bz7k","disabled":"input-autocomplete__disabled_1bz7k","placeholder":"input-autocomplete__placeholder_1bz7k","contentWrapper":"input-autocomplete__contentWrapper_1bz7k","value":"input-autocomplete__value_1bz7k","focusVisible":"input-autocomplete__focusVisible_1bz7k"};
7
+ var styles = {"component":"input-autocomplete__component_1fkhm","field":"input-autocomplete__field_1fkhm","disabled":"input-autocomplete__disabled_1fkhm","placeholder":"input-autocomplete__placeholder_1fkhm","contentWrapper":"input-autocomplete__contentWrapper_1fkhm","value":"input-autocomplete__value_1fkhm","focusVisible":"input-autocomplete__focusVisible_1fkhm"};
8
8
  require('./index.css')
9
9
 
10
10
  var AutocompleteMobileField = function (_a) {
package/esm/autocomplete-mobile-field/index.css CHANGED
@@ -1,8 +1,8 @@
1
- /* hash: 3a9dq */
1
+ /* hash: 1rswc */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-border-link: #007aff;
5
- --color-light-text-secondary: rgba(11, 31, 53, 0.7); /* 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
+ --color-light-border-link: #0072ef;
5
+ --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* 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 */
6
6
  } :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 */
7
7
  } :root {
8
8
  } :root {
@@ -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_1bz7k {
21
+ } .input-autocomplete__component_1fkhm {
22
22
  width: 100%;
23
23
  outline: none;
24
- } .input-autocomplete__field_1bz7k:not(.input-autocomplete__disabled_1bz7k) {
24
+ } .input-autocomplete__field_1fkhm:not(.input-autocomplete__disabled_1fkhm) {
25
25
  cursor: pointer;
26
- } .input-autocomplete__disabled_1bz7k {
26
+ } .input-autocomplete__disabled_1fkhm {
27
27
  cursor: var(--disabled-cursor);
28
- } .input-autocomplete__placeholder_1bz7k {
28
+ } .input-autocomplete__placeholder_1fkhm {
29
29
  color: var(--color-light-text-secondary);
30
- } .input-autocomplete__contentWrapper_1bz7k {
30
+ } .input-autocomplete__contentWrapper_1fkhm {
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_1bz7k {
39
+ } .input-autocomplete__value_1fkhm {
40
40
  overflow: hidden;
41
41
  text-overflow: ellipsis;
42
42
  text-align: left;
43
- } .input-autocomplete__focusVisible_1bz7k {
43
+ } .input-autocomplete__focusVisible_1fkhm {
44
44
  outline: 2px solid var(--focus-color);
45
45
  outline-offset: 2px;
46
46
  }
package/esm/index-7ca84eff.d.ts CHANGED
@@ -7,6 +7,7 @@ import { BaseModalProps } from "./index-bdb4c6b9";
7
7
  import { NavigationBarProps } from "./index-e81c389f";
8
8
  import { SwipeableHandlers } from "react-swipeable/types";
9
9
  import { BackdropProps } from "./index-ebda875c";
10
+ 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";
10
11
  type BottomSheetTitleAlign = "center" | "left";
11
12
  type BottomSheetProps = {
12
13
  /**
@@ -55,6 +56,10 @@ type BottomSheetProps = {
55
56
  * Дополнительный класс
56
57
  */
57
58
  containerClassName?: string;
59
+ /**
60
+ * Цвет фона
61
+ */
62
+ backgroundColor?: Extract<BackgroundColorType, "primary" | "secondary">;
58
63
  /**
59
64
  * Дополнительный класс шапки
60
65
  */
package/esm/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 195em */
1
+ /* hash: ymxjr */
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__bottomSheetInput_uzl1k {
19
+ } .input-autocomplete__bottomSheetInput_1b54m {
20
20
  padding: 0 var(--gap-xs) var(--gap-xs);
21
21
  box-sizing: border-box;
22
- } .input-autocomplete__footer_uzl1k {
22
+ } .input-autocomplete__footer_1b54m {
23
23
  display: flex
24
- } .input-autocomplete__footer_uzl1k > button + button {
24
+ } .input-autocomplete__footer_1b54m > button + button {
25
25
  margin-left: var(--gap-m);
26
26
  }
package/index-7ca84eff.d.ts CHANGED
@@ -7,6 +7,7 @@ import { BaseModalProps } from "./index-bdb4c6b9";
7
7
  import { NavigationBarProps } from "./index-e81c389f";
8
8
  import { SwipeableHandlers } from "react-swipeable/types";
9
9
  import { BackdropProps } from "./index-ebda875c";
10
+ 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";
10
11
  type BottomSheetTitleAlign = "center" | "left";
11
12
  type BottomSheetProps = {
12
13
  /**
@@ -55,6 +56,10 @@ type BottomSheetProps = {
55
56
  * Дополнительный класс
56
57
  */
57
58
  containerClassName?: string;
59
+ /**
60
+ * Цвет фона
61
+ */
62
+ backgroundColor?: Extract<BackgroundColorType, "primary" | "secondary">;
58
63
  /**
59
64
  * Дополнительный класс шапки
60
65
  */
package/index.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var Component_desktop = require('./Component.desktop.js');
4
6
  var Component_responsive = require('./Component.responsive.js');
5
7
  require('tslib');
package/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 195em */
1
+ /* hash: ymxjr */
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__bottomSheetInput_uzl1k {
19
+ } .input-autocomplete__bottomSheetInput_1b54m {
20
20
  padding: 0 var(--gap-xs) var(--gap-xs);
21
21
  box-sizing: border-box;
22
- } .input-autocomplete__footer_uzl1k {
22
+ } .input-autocomplete__footer_1b54m {
23
23
  display: flex
24
- } .input-autocomplete__footer_uzl1k > button + button {
24
+ } .input-autocomplete__footer_1b54m > button + button {
25
25
  margin-left: var(--gap-m);
26
26
  }
package/mobile.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var Component_mobile = require('./Component.mobile.js');
4
6
  require('tslib');
5
7
  require('react');
package/modern/Component.mobile.js CHANGED
@@ -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_uzl1k","footer":"input-autocomplete__footer_uzl1k"};
12
+ const styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_1b54m","footer":"input-autocomplete__footer_1b54m"};
13
13
  require('./mobile.css')
14
14
 
15
15
  const SELECTED = [];
package/modern/autocomplete-field/Component.js CHANGED
@@ -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_6kfps","error":"input-autocomplete__error_6kfps"};
6
+ const styles = {"arrow":"input-autocomplete__arrow_18ogg","error":"input-autocomplete__error_18ogg"};
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, }) => {
package/modern/autocomplete-field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: j5qo7 */
2
- .input-autocomplete__arrow_6kfps.input-autocomplete__error_6kfps ~ * {
1
+ /* hash: 8n9lc */
2
+ .input-autocomplete__arrow_18ogg.input-autocomplete__error_18ogg ~ * {
3
3
  display: none;
4
4
  }
package/modern/autocomplete-mobile-field/Component.js CHANGED
@@ -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_1bz7k","field":"input-autocomplete__field_1bz7k","disabled":"input-autocomplete__disabled_1bz7k","placeholder":"input-autocomplete__placeholder_1bz7k","contentWrapper":"input-autocomplete__contentWrapper_1bz7k","value":"input-autocomplete__value_1bz7k","focusVisible":"input-autocomplete__focusVisible_1bz7k"};
6
+ const styles = {"component":"input-autocomplete__component_1fkhm","field":"input-autocomplete__field_1fkhm","disabled":"input-autocomplete__disabled_1fkhm","placeholder":"input-autocomplete__placeholder_1fkhm","contentWrapper":"input-autocomplete__contentWrapper_1fkhm","value":"input-autocomplete__value_1fkhm","focusVisible":"input-autocomplete__focusVisible_1fkhm"};
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 }) => {
package/modern/autocomplete-mobile-field/index.css CHANGED
@@ -1,8 +1,8 @@
1
- /* hash: 3a9dq */
1
+ /* hash: 1rswc */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-border-link: #007aff;
5
- --color-light-text-secondary: rgba(11, 31, 53, 0.7); /* 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
+ --color-light-border-link: #0072ef;
5
+ --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* 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 */
6
6
  } :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 */
7
7
  } :root {
8
8
  } :root {
@@ -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_1bz7k {
21
+ } .input-autocomplete__component_1fkhm {
22
22
  width: 100%;
23
23
  outline: none;
24
- } .input-autocomplete__field_1bz7k:not(.input-autocomplete__disabled_1bz7k) {
24
+ } .input-autocomplete__field_1fkhm:not(.input-autocomplete__disabled_1fkhm) {
25
25
  cursor: pointer;
26
- } .input-autocomplete__disabled_1bz7k {
26
+ } .input-autocomplete__disabled_1fkhm {
27
27
  cursor: var(--disabled-cursor);
28
- } .input-autocomplete__placeholder_1bz7k {
28
+ } .input-autocomplete__placeholder_1fkhm {
29
29
  color: var(--color-light-text-secondary);
30
- } .input-autocomplete__contentWrapper_1bz7k {
30
+ } .input-autocomplete__contentWrapper_1fkhm {
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_1bz7k {
39
+ } .input-autocomplete__value_1fkhm {
40
40
  overflow: hidden;
41
41
  text-overflow: ellipsis;
42
42
  text-align: left;
43
- } .input-autocomplete__focusVisible_1bz7k {
43
+ } .input-autocomplete__focusVisible_1fkhm {
44
44
  outline: 2px solid var(--focus-color);
45
45
  outline-offset: 2px;
46
46
  }
package/modern/index-7ca84eff.d.ts CHANGED
@@ -7,6 +7,7 @@ import { BaseModalProps } from "./index-bdb4c6b9";
7
7
  import { NavigationBarProps } from "./index-e81c389f";
8
8
  import { SwipeableHandlers } from "react-swipeable/types";
9
9
  import { BackdropProps } from "./index-ebda875c";
10
+ 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";
10
11
  type BottomSheetTitleAlign = "center" | "left";
11
12
  type BottomSheetProps = {
12
13
  /**
@@ -55,6 +56,10 @@ type BottomSheetProps = {
55
56
  * Дополнительный класс
56
57
  */
57
58
  containerClassName?: string;
59
+ /**
60
+ * Цвет фона
61
+ */
62
+ backgroundColor?: Extract<BackgroundColorType, "primary" | "secondary">;
58
63
  /**
59
64
  * Дополнительный класс шапки
60
65
  */
package/modern/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 195em */
1
+ /* hash: ymxjr */
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__bottomSheetInput_uzl1k {
19
+ } .input-autocomplete__bottomSheetInput_1b54m {
20
20
  padding: 0 var(--gap-xs) var(--gap-xs);
21
21
  box-sizing: border-box;
22
- } .input-autocomplete__footer_uzl1k {
22
+ } .input-autocomplete__footer_1b54m {
23
23
  display: flex
24
- } .input-autocomplete__footer_uzl1k > button + button {
24
+ } .input-autocomplete__footer_1b54m > button + button {
25
25
  margin-left: var(--gap-m);
26
26
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-input-autocomplete",
3
- "version": "9.3.15",
3
+ "version": "9.3.17",
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.1.1",
21
- "@alfalab/core-components-form-control": "^9.0.3",
22
- "@alfalab/core-components-input": "^11.1.8",
23
- "@alfalab/core-components-select": "^13.2.18",
20
+ "@alfalab/core-components-button": "^8.0.0",
21
+ "@alfalab/core-components-form-control": "^9.0.4",
22
+ "@alfalab/core-components-input": "^11.1.9",
23
+ "@alfalab/core-components-select": "^13.2.20",
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,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var Component_responsive = require('./Component.responsive.js');
4
6
  require('tslib');
5
7
  require('react');