@alfalab/core-components-input-autocomplete 9.3.16 → 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 (23) hide show
  1. package/Component.mobile.js +1 -1
  2. package/autocomplete-field/Component.js +1 -1
  3. package/autocomplete-field/index.css +2 -2
  4. package/autocomplete-mobile-field/Component.js +1 -1
  5. package/autocomplete-mobile-field/index.css +8 -8
  6. package/cssm/index-7ca84eff.d.ts +5 -0
  7. package/esm/Component.mobile.js +1 -1
  8. package/esm/autocomplete-field/Component.js +1 -1
  9. package/esm/autocomplete-field/index.css +2 -2
  10. package/esm/autocomplete-mobile-field/Component.js +1 -1
  11. package/esm/autocomplete-mobile-field/index.css +8 -8
  12. package/esm/index-7ca84eff.d.ts +5 -0
  13. package/esm/mobile.css +4 -4
  14. package/index-7ca84eff.d.ts +5 -0
  15. package/mobile.css +4 -4
  16. package/modern/Component.mobile.js +1 -1
  17. package/modern/autocomplete-field/Component.js +1 -1
  18. package/modern/autocomplete-field/index.css +2 -2
  19. package/modern/autocomplete-mobile-field/Component.js +1 -1
  20. package/modern/autocomplete-mobile-field/index.css +8 -8
  21. package/modern/index-7ca84eff.d.ts +5 -0
  22. package/modern/mobile.css +4 -4
  23. package/package.json +2 -2
package/Component.mobile.js CHANGED
@@ -21,7 +21,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
21
21
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
22
22
  var throttle__default = /*#__PURE__*/_interopDefaultCompat(throttle);
23
23
 
24
- var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_eejlb","footer":"input-autocomplete__footer_eejlb"};
24
+ var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_1b54m","footer":"input-autocomplete__footer_1b54m"};
25
25
  require('./mobile.css')
26
26
 
27
27
  var SELECTED = [];
package/autocomplete-field/Component.js CHANGED
@@ -14,7 +14,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
14
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
15
15
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
16
16
 
17
- var styles = {"arrow":"input-autocomplete__arrow_k3zq2","error":"input-autocomplete__error_k3zq2"};
17
+ var styles = {"arrow":"input-autocomplete__arrow_18ogg","error":"input-autocomplete__error_18ogg"};
18
18
  require('./index.css')
19
19
 
20
20
  var AutocompleteField = function (_a) {
package/autocomplete-field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1nx4b */
2
- .input-autocomplete__arrow_k3zq2.input-autocomplete__error_k3zq2 ~ * {
1
+ /* hash: 8n9lc */
2
+ .input-autocomplete__arrow_18ogg.input-autocomplete__error_18ogg ~ * {
3
3
  display: none;
4
4
  }
package/autocomplete-mobile-field/Component.js CHANGED
@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
13
13
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
14
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
15
15
 
16
- var styles = {"component":"input-autocomplete__component_1gqzu","field":"input-autocomplete__field_1gqzu","disabled":"input-autocomplete__disabled_1gqzu","placeholder":"input-autocomplete__placeholder_1gqzu","contentWrapper":"input-autocomplete__contentWrapper_1gqzu","value":"input-autocomplete__value_1gqzu","focusVisible":"input-autocomplete__focusVisible_1gqzu"};
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"};
17
17
  require('./index.css')
18
18
 
19
19
  var AutocompleteMobileField = function (_a) {
package/autocomplete-mobile-field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: xjzsw */
1
+ /* hash: 1rswc */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-link: #0072ef;
@@ -18,16 +18,16 @@
18
18
  } :root {
19
19
  --focus-color: var(--color-light-border-link);
20
20
  --disabled-cursor: not-allowed;
21
- } .input-autocomplete__component_1gqzu {
21
+ } .input-autocomplete__component_1fkhm {
22
22
  width: 100%;
23
23
  outline: none;
24
- } .input-autocomplete__field_1gqzu:not(.input-autocomplete__disabled_1gqzu) {
24
+ } .input-autocomplete__field_1fkhm:not(.input-autocomplete__disabled_1fkhm) {
25
25
  cursor: pointer;
26
- } .input-autocomplete__disabled_1gqzu {
26
+ } .input-autocomplete__disabled_1fkhm {
27
27
  cursor: var(--disabled-cursor);
28
- } .input-autocomplete__placeholder_1gqzu {
28
+ } .input-autocomplete__placeholder_1fkhm {
29
29
  color: var(--color-light-text-secondary);
30
- } .input-autocomplete__contentWrapper_1gqzu {
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_1gqzu {
39
+ } .input-autocomplete__value_1fkhm {
40
40
  overflow: hidden;
41
41
  text-overflow: ellipsis;
42
42
  text-align: left;
43
- } .input-autocomplete__focusVisible_1gqzu {
43
+ } .input-autocomplete__focusVisible_1fkhm {
44
44
  outline: 2px solid var(--focus-color);
45
45
  outline-offset: 2px;
46
46
  }
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/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_eejlb","footer":"input-autocomplete__footer_eejlb"};
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_k3zq2","error":"input-autocomplete__error_k3zq2"};
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: 1nx4b */
2
- .input-autocomplete__arrow_k3zq2.input-autocomplete__error_k3zq2 ~ * {
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_1gqzu","field":"input-autocomplete__field_1gqzu","disabled":"input-autocomplete__disabled_1gqzu","placeholder":"input-autocomplete__placeholder_1gqzu","contentWrapper":"input-autocomplete__contentWrapper_1gqzu","value":"input-autocomplete__value_1gqzu","focusVisible":"input-autocomplete__focusVisible_1gqzu"};
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,4 +1,4 @@
1
- /* hash: xjzsw */
1
+ /* hash: 1rswc */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-link: #0072ef;
@@ -18,16 +18,16 @@
18
18
  } :root {
19
19
  --focus-color: var(--color-light-border-link);
20
20
  --disabled-cursor: not-allowed;
21
- } .input-autocomplete__component_1gqzu {
21
+ } .input-autocomplete__component_1fkhm {
22
22
  width: 100%;
23
23
  outline: none;
24
- } .input-autocomplete__field_1gqzu:not(.input-autocomplete__disabled_1gqzu) {
24
+ } .input-autocomplete__field_1fkhm:not(.input-autocomplete__disabled_1fkhm) {
25
25
  cursor: pointer;
26
- } .input-autocomplete__disabled_1gqzu {
26
+ } .input-autocomplete__disabled_1fkhm {
27
27
  cursor: var(--disabled-cursor);
28
- } .input-autocomplete__placeholder_1gqzu {
28
+ } .input-autocomplete__placeholder_1fkhm {
29
29
  color: var(--color-light-text-secondary);
30
- } .input-autocomplete__contentWrapper_1gqzu {
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_1gqzu {
39
+ } .input-autocomplete__value_1fkhm {
40
40
  overflow: hidden;
41
41
  text-overflow: ellipsis;
42
42
  text-align: left;
43
- } .input-autocomplete__focusVisible_1gqzu {
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: evo7f */
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_eejlb {
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_eejlb {
22
+ } .input-autocomplete__footer_1b54m {
23
23
  display: flex
24
- } .input-autocomplete__footer_eejlb > 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/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: evo7f */
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_eejlb {
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_eejlb {
22
+ } .input-autocomplete__footer_1b54m {
23
23
  display: flex
24
- } .input-autocomplete__footer_eejlb > button + button {
24
+ } .input-autocomplete__footer_1b54m > button + button {
25
25
  margin-left: var(--gap-m);
26
26
  }
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_eejlb","footer":"input-autocomplete__footer_eejlb"};
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_k3zq2","error":"input-autocomplete__error_k3zq2"};
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: 1nx4b */
2
- .input-autocomplete__arrow_k3zq2.input-autocomplete__error_k3zq2 ~ * {
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_1gqzu","field":"input-autocomplete__field_1gqzu","disabled":"input-autocomplete__disabled_1gqzu","placeholder":"input-autocomplete__placeholder_1gqzu","contentWrapper":"input-autocomplete__contentWrapper_1gqzu","value":"input-autocomplete__value_1gqzu","focusVisible":"input-autocomplete__focusVisible_1gqzu"};
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,4 +1,4 @@
1
- /* hash: xjzsw */
1
+ /* hash: 1rswc */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-link: #0072ef;
@@ -18,16 +18,16 @@
18
18
  } :root {
19
19
  --focus-color: var(--color-light-border-link);
20
20
  --disabled-cursor: not-allowed;
21
- } .input-autocomplete__component_1gqzu {
21
+ } .input-autocomplete__component_1fkhm {
22
22
  width: 100%;
23
23
  outline: none;
24
- } .input-autocomplete__field_1gqzu:not(.input-autocomplete__disabled_1gqzu) {
24
+ } .input-autocomplete__field_1fkhm:not(.input-autocomplete__disabled_1fkhm) {
25
25
  cursor: pointer;
26
- } .input-autocomplete__disabled_1gqzu {
26
+ } .input-autocomplete__disabled_1fkhm {
27
27
  cursor: var(--disabled-cursor);
28
- } .input-autocomplete__placeholder_1gqzu {
28
+ } .input-autocomplete__placeholder_1fkhm {
29
29
  color: var(--color-light-text-secondary);
30
- } .input-autocomplete__contentWrapper_1gqzu {
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_1gqzu {
39
+ } .input-autocomplete__value_1fkhm {
40
40
  overflow: hidden;
41
41
  text-overflow: ellipsis;
42
42
  text-align: left;
43
- } .input-autocomplete__focusVisible_1gqzu {
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: evo7f */
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_eejlb {
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_eejlb {
22
+ } .input-autocomplete__footer_1b54m {
23
23
  display: flex
24
- } .input-autocomplete__footer_eejlb > 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.16",
3
+ "version": "9.3.17",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -20,7 +20,7 @@
20
20
  "@alfalab/core-components-button": "^8.0.0",
21
21
  "@alfalab/core-components-form-control": "^9.0.4",
22
22
  "@alfalab/core-components-input": "^11.1.9",
23
- "@alfalab/core-components-select": "^13.2.19",
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",