@alfalab/core-components-input-autocomplete 9.3.11 → 9.3.13

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.
@@ -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_1t70i","footer":"input-autocomplete__footer_1t70i"};
22
+ var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_13wcd","footer":"input-autocomplete__footer_13wcd"};
23
23
  require('./mobile.css')
24
24
 
25
25
  var SELECTED = [];
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
+ import { ButtonProps } from "@alfalab/core-components-button";
3
4
  import { BaseSelectProps } from "@alfalab/core-components-select";
4
5
  import { InputAutocompleteDesktopProps } from "./Component.desktop";
5
6
  import { InputAutocompleteMobileProps } from "./Component.mobile";
@@ -92,8 +93,8 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
92
93
  onClearFilter?: (() => void) | undefined;
93
94
  bottomSheetProps?: Partial<import("./index-7ca84eff").BottomSheetProps> | undefined;
94
95
  bottomSheetHeaderAddonsProps?: Record<string, unknown> | undefined;
95
- continueButtonProps?: import("packages/button/src").ButtonProps | undefined;
96
- cancelButtonProps?: import("packages/button/src").ButtonProps | undefined;
96
+ continueButtonProps?: ButtonProps | undefined;
97
+ cancelButtonProps?: ButtonProps | undefined;
97
98
  Input?: React.ElementType<any> | undefined;
98
99
  } & {
99
100
  /**
@@ -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_1ywgm","error":"input-autocomplete__error_1ywgm"};
15
+ var styles = {"arrow":"input-autocomplete__arrow_19lsi","error":"input-autocomplete__error_19lsi"};
16
16
  require('./index.css')
17
17
 
18
18
  var AutocompleteField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 189un */
2
- .input-autocomplete__arrow_1ywgm.input-autocomplete__error_1ywgm ~ * {
1
+ /* hash: xrdku */
2
+ .input-autocomplete__arrow_19lsi.input-autocomplete__error_19lsi ~ * {
3
3
  display: none;
4
4
  }
@@ -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_1yixw","field":"input-autocomplete__field_1yixw","disabled":"input-autocomplete__disabled_1yixw","placeholder":"input-autocomplete__placeholder_1yixw","contentWrapper":"input-autocomplete__contentWrapper_1yixw","value":"input-autocomplete__value_1yixw","focusVisible":"input-autocomplete__focusVisible_1yixw"};
14
+ var styles = {"component":"input-autocomplete__component_r972q","field":"input-autocomplete__field_r972q","disabled":"input-autocomplete__disabled_r972q","placeholder":"input-autocomplete__placeholder_r972q","contentWrapper":"input-autocomplete__contentWrapper_r972q","value":"input-autocomplete__value_r972q","focusVisible":"input-autocomplete__focusVisible_r972q"};
15
15
  require('./index.css')
16
16
 
17
17
  var AutocompleteMobileField = function (_a) {
@@ -1,9 +1,9 @@
1
- /* hash: 1d79g */
1
+ /* hash: 12osd */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-link: #007aff;
5
- --color-light-text-secondary: rgba(11, 31, 53, 0.7);
6
- } :root {
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 */
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 {
9
9
 
@@ -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_1yixw {
21
+ } .input-autocomplete__component_r972q {
22
22
  width: 100%;
23
23
  outline: none;
24
- } .input-autocomplete__field_1yixw:not(.input-autocomplete__disabled_1yixw) {
24
+ } .input-autocomplete__field_r972q:not(.input-autocomplete__disabled_r972q) {
25
25
  cursor: pointer;
26
- } .input-autocomplete__disabled_1yixw {
26
+ } .input-autocomplete__disabled_r972q {
27
27
  cursor: var(--disabled-cursor);
28
- } .input-autocomplete__placeholder_1yixw {
28
+ } .input-autocomplete__placeholder_r972q {
29
29
  color: var(--color-light-text-secondary);
30
- } .input-autocomplete__contentWrapper_1yixw {
30
+ } .input-autocomplete__contentWrapper_r972q {
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_1yixw {
39
+ } .input-autocomplete__value_r972q {
40
40
  overflow: hidden;
41
41
  text-overflow: ellipsis;
42
42
  text-align: left;
43
- } .input-autocomplete__focusVisible_1yixw {
43
+ } .input-autocomplete__focusVisible_r972q {
44
44
  outline: 2px solid var(--focus-color);
45
45
  outline-offset: 2px;
46
46
  }
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
+ import { ButtonProps } from "@alfalab/core-components-button";
3
4
  import { BaseSelectProps } from "@alfalab/core-components-select";
4
5
  import { InputAutocompleteDesktopProps } from "./Component.desktop";
5
6
  import { InputAutocompleteMobileProps } from "./Component.mobile";
@@ -92,8 +93,8 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
92
93
  onClearFilter?: (() => void) | undefined;
93
94
  bottomSheetProps?: Partial<import("./index-7ca84eff").BottomSheetProps> | undefined;
94
95
  bottomSheetHeaderAddonsProps?: Record<string, unknown> | undefined;
95
- continueButtonProps?: import("packages/button/src").ButtonProps | undefined;
96
- cancelButtonProps?: import("packages/button/src").ButtonProps | undefined;
96
+ continueButtonProps?: ButtonProps | undefined;
97
+ cancelButtonProps?: ButtonProps | undefined;
97
98
  Input?: React.ElementType<any> | undefined;
98
99
  } & {
99
100
  /**
@@ -1,8 +1,8 @@
1
1
  :root {
2
2
  } /* deprecated */ :root {
3
3
  --color-light-border-link: #007aff;
4
- --color-light-text-secondary: rgba(11, 31, 53, 0.7);
5
- } :root {
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 */
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 {
8
8
 
@@ -331,8 +331,8 @@ declare const IconButton: React.ForwardRefExoticComponent<{
331
331
  icon: ElementType<{
332
332
  className?: string;
333
333
  }>;
334
- view?: "primary" | "secondary" | "tertiary" | "transparent" | "negative" | undefined;
335
- size?: "xs" | "s" | "xxs" | undefined;
334
+ view?: "negative" | "tertiary" | "secondary" | "primary" | "transparent" | undefined;
335
+ size?: "s" | "xs" | "xxs" | undefined;
336
336
  className?: string | undefined;
337
337
  dataTestId?: string | undefined;
338
338
  colors?: "default" | "inverted" | undefined;
@@ -1,6 +1,6 @@
1
1
  :root {
2
- } /* deprecated */ :root {
3
- } :root {
2
+ } /* 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 */
3
+ } :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 */
4
4
  } :root {
5
5
  } :root {
6
6
 
@@ -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_1t70i","footer":"input-autocomplete__footer_1t70i"};
13
+ var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_13wcd","footer":"input-autocomplete__footer_13wcd"};
14
14
  require('./mobile.css')
15
15
 
16
16
  var SELECTED = [];
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
+ import { ButtonProps } from "@alfalab/core-components-button";
3
4
  import { BaseSelectProps } from "@alfalab/core-components-select";
4
5
  import { InputAutocompleteDesktopProps } from "./Component.desktop";
5
6
  import { InputAutocompleteMobileProps } from "./Component.mobile";
@@ -92,8 +93,8 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
92
93
  onClearFilter?: (() => void) | undefined;
93
94
  bottomSheetProps?: Partial<import("./index-7ca84eff").BottomSheetProps> | undefined;
94
95
  bottomSheetHeaderAddonsProps?: Record<string, unknown> | undefined;
95
- continueButtonProps?: import("packages/button/src").ButtonProps | undefined;
96
- cancelButtonProps?: import("packages/button/src").ButtonProps | undefined;
96
+ continueButtonProps?: ButtonProps | undefined;
97
+ cancelButtonProps?: ButtonProps | undefined;
97
98
  Input?: React.ElementType<any> | undefined;
98
99
  } & {
99
100
  /**
@@ -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_1ywgm","error":"input-autocomplete__error_1ywgm"};
7
+ var styles = {"arrow":"input-autocomplete__arrow_19lsi","error":"input-autocomplete__error_19lsi"};
8
8
  require('./index.css')
9
9
 
10
10
  var AutocompleteField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 189un */
2
- .input-autocomplete__arrow_1ywgm.input-autocomplete__error_1ywgm ~ * {
1
+ /* hash: xrdku */
2
+ .input-autocomplete__arrow_19lsi.input-autocomplete__error_19lsi ~ * {
3
3
  display: none;
4
4
  }
@@ -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_1yixw","field":"input-autocomplete__field_1yixw","disabled":"input-autocomplete__disabled_1yixw","placeholder":"input-autocomplete__placeholder_1yixw","contentWrapper":"input-autocomplete__contentWrapper_1yixw","value":"input-autocomplete__value_1yixw","focusVisible":"input-autocomplete__focusVisible_1yixw"};
7
+ var styles = {"component":"input-autocomplete__component_r972q","field":"input-autocomplete__field_r972q","disabled":"input-autocomplete__disabled_r972q","placeholder":"input-autocomplete__placeholder_r972q","contentWrapper":"input-autocomplete__contentWrapper_r972q","value":"input-autocomplete__value_r972q","focusVisible":"input-autocomplete__focusVisible_r972q"};
8
8
  require('./index.css')
9
9
 
10
10
  var AutocompleteMobileField = function (_a) {
@@ -1,9 +1,9 @@
1
- /* hash: 1d79g */
1
+ /* hash: 12osd */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-link: #007aff;
5
- --color-light-text-secondary: rgba(11, 31, 53, 0.7);
6
- } :root {
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 */
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 {
9
9
 
@@ -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_1yixw {
21
+ } .input-autocomplete__component_r972q {
22
22
  width: 100%;
23
23
  outline: none;
24
- } .input-autocomplete__field_1yixw:not(.input-autocomplete__disabled_1yixw) {
24
+ } .input-autocomplete__field_r972q:not(.input-autocomplete__disabled_r972q) {
25
25
  cursor: pointer;
26
- } .input-autocomplete__disabled_1yixw {
26
+ } .input-autocomplete__disabled_r972q {
27
27
  cursor: var(--disabled-cursor);
28
- } .input-autocomplete__placeholder_1yixw {
28
+ } .input-autocomplete__placeholder_r972q {
29
29
  color: var(--color-light-text-secondary);
30
- } .input-autocomplete__contentWrapper_1yixw {
30
+ } .input-autocomplete__contentWrapper_r972q {
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_1yixw {
39
+ } .input-autocomplete__value_r972q {
40
40
  overflow: hidden;
41
41
  text-overflow: ellipsis;
42
42
  text-align: left;
43
- } .input-autocomplete__focusVisible_1yixw {
43
+ } .input-autocomplete__focusVisible_r972q {
44
44
  outline: 2px solid var(--focus-color);
45
45
  outline-offset: 2px;
46
46
  }
@@ -331,8 +331,8 @@ declare const IconButton: React.ForwardRefExoticComponent<{
331
331
  icon: ElementType<{
332
332
  className?: string;
333
333
  }>;
334
- view?: "primary" | "secondary" | "tertiary" | "transparent" | "negative" | undefined;
335
- size?: "xs" | "s" | "xxs" | undefined;
334
+ view?: "negative" | "tertiary" | "secondary" | "primary" | "transparent" | undefined;
335
+ size?: "s" | "xs" | "xxs" | undefined;
336
336
  className?: string | undefined;
337
337
  dataTestId?: string | undefined;
338
338
  colors?: "default" | "inverted" | undefined;
package/esm/mobile.css CHANGED
@@ -1,7 +1,7 @@
1
- /* hash: 1y9im */
1
+ /* hash: 1nr1j */
2
2
  :root {
3
- } /* deprecated */ :root {
4
- } :root {
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
+ } :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 */
5
5
  } :root {
6
6
  } :root {
7
7
 
@@ -16,11 +16,11 @@
16
16
  --gap-m: 16px;
17
17
  } :root {
18
18
  } :root {
19
- } .input-autocomplete__bottomSheetInput_1t70i {
19
+ } .input-autocomplete__bottomSheetInput_13wcd {
20
20
  padding: 0 var(--gap-xs) var(--gap-xs);
21
21
  box-sizing: border-box;
22
- } .input-autocomplete__footer_1t70i {
22
+ } .input-autocomplete__footer_13wcd {
23
23
  display: flex
24
- } .input-autocomplete__footer_1t70i > button + button {
24
+ } .input-autocomplete__footer_13wcd > button + button {
25
25
  margin-left: var(--gap-m);
26
26
  }
@@ -331,8 +331,8 @@ declare const IconButton: React.ForwardRefExoticComponent<{
331
331
  icon: ElementType<{
332
332
  className?: string;
333
333
  }>;
334
- view?: "primary" | "secondary" | "tertiary" | "transparent" | "negative" | undefined;
335
- size?: "xs" | "s" | "xxs" | undefined;
334
+ view?: "negative" | "tertiary" | "secondary" | "primary" | "transparent" | undefined;
335
+ size?: "s" | "xs" | "xxs" | undefined;
336
336
  className?: string | undefined;
337
337
  dataTestId?: string | undefined;
338
338
  colors?: "default" | "inverted" | undefined;
package/mobile.css CHANGED
@@ -1,7 +1,7 @@
1
- /* hash: 1y9im */
1
+ /* hash: 1nr1j */
2
2
  :root {
3
- } /* deprecated */ :root {
4
- } :root {
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
+ } :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 */
5
5
  } :root {
6
6
  } :root {
7
7
 
@@ -16,11 +16,11 @@
16
16
  --gap-m: 16px;
17
17
  } :root {
18
18
  } :root {
19
- } .input-autocomplete__bottomSheetInput_1t70i {
19
+ } .input-autocomplete__bottomSheetInput_13wcd {
20
20
  padding: 0 var(--gap-xs) var(--gap-xs);
21
21
  box-sizing: border-box;
22
- } .input-autocomplete__footer_1t70i {
22
+ } .input-autocomplete__footer_13wcd {
23
23
  display: flex
24
- } .input-autocomplete__footer_1t70i > button + button {
24
+ } .input-autocomplete__footer_13wcd > button + button {
25
25
  margin-left: var(--gap-m);
26
26
  }
@@ -37,7 +37,7 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
37
37
  /**
38
38
  * Компонент ввода значения
39
39
  */
40
- Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
40
+ Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
41
41
  value?: string | undefined;
42
42
  defaultValue?: string | undefined;
43
43
  block?: boolean | undefined;
@@ -49,7 +49,7 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
49
49
  hint?: React.ReactNode;
50
50
  label?: React.ReactNode;
51
51
  labelView?: "inner" | "outer" | undefined;
52
- type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
52
+ type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
53
53
  wrapperRef?: React.Ref<HTMLDivElement> | undefined;
54
54
  leftAddons?: React.ReactNode;
55
55
  rightAddons?: React.ReactNode;
@@ -73,7 +73,7 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
73
73
  /**
74
74
  * Пропсы, которые будут прокинуты в инпут
75
75
  */
76
- inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
76
+ inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
77
77
  value?: string | undefined;
78
78
  defaultValue?: string | undefined;
79
79
  block?: boolean | undefined;
@@ -85,7 +85,7 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
85
85
  hint?: React.ReactNode;
86
86
  label?: React.ReactNode;
87
87
  labelView?: "inner" | "outer" | undefined;
88
- type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
88
+ type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
89
89
  wrapperRef?: React.Ref<HTMLDivElement> | undefined;
90
90
  leftAddons?: React.ReactNode;
91
91
  rightAddons?: React.ReactNode;
@@ -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_1t70i","footer":"input-autocomplete__footer_1t70i"};
12
+ const styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_13wcd","footer":"input-autocomplete__footer_13wcd"};
13
13
  require('./mobile.css')
14
14
 
15
15
  const SELECTED = [];
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
+ import { ButtonProps } from "@alfalab/core-components-button";
3
4
  import { BaseSelectProps } from "@alfalab/core-components-select";
4
5
  import { InputAutocompleteDesktopProps } from "./Component.desktop";
5
6
  import { InputAutocompleteMobileProps } from "./Component.mobile";
@@ -12,7 +13,7 @@ type InputAutocompleteResponsiveProps = InputAutocompleteDesktopProps & InputAut
12
13
  };
13
14
  type InputAutocompleteMedia = 'desktop' | 'mobile';
14
15
  declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "Field"> & {
15
- Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
16
+ Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
16
17
  value?: string | undefined;
17
18
  defaultValue?: string | undefined;
18
19
  block?: boolean | undefined;
@@ -24,7 +25,7 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
24
25
  hint?: React.ReactNode;
25
26
  label?: React.ReactNode;
26
27
  labelView?: "inner" | "outer" | undefined;
27
- type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
28
+ type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
28
29
  wrapperRef?: React.Ref<HTMLDivElement> | undefined;
29
30
  leftAddons?: React.ReactNode;
30
31
  rightAddons?: React.ReactNode;
@@ -45,7 +46,7 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
45
46
  onMouseUp?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
46
47
  dataTestId?: string | undefined;
47
48
  } & React.RefAttributes<HTMLInputElement>> | undefined;
48
- inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
49
+ inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
49
50
  value?: string | undefined;
50
51
  defaultValue?: string | undefined;
51
52
  block?: boolean | undefined;
@@ -57,7 +58,7 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
57
58
  hint?: React.ReactNode;
58
59
  label?: React.ReactNode;
59
60
  labelView?: "inner" | "outer" | undefined;
60
- type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
61
+ type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
61
62
  wrapperRef?: React.Ref<HTMLDivElement> | undefined;
62
63
  leftAddons?: React.ReactNode;
63
64
  rightAddons?: React.ReactNode;
@@ -92,8 +93,8 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
92
93
  onClearFilter?: (() => void) | undefined;
93
94
  bottomSheetProps?: Partial<import("./index-7ca84eff").BottomSheetProps> | undefined;
94
95
  bottomSheetHeaderAddonsProps?: Record<string, unknown> | undefined;
95
- continueButtonProps?: import("packages/button/src").ButtonProps | undefined;
96
- cancelButtonProps?: import("packages/button/src").ButtonProps | undefined;
96
+ continueButtonProps?: ButtonProps | undefined;
97
+ cancelButtonProps?: ButtonProps | undefined;
97
98
  Input?: React.ElementType<any> | undefined;
98
99
  } & {
99
100
  /**
@@ -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_1ywgm","error":"input-autocomplete__error_1ywgm"};
6
+ const styles = {"arrow":"input-autocomplete__arrow_19lsi","error":"input-autocomplete__error_19lsi"};
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: 189un */
2
- .input-autocomplete__arrow_1ywgm.input-autocomplete__error_1ywgm ~ * {
1
+ /* hash: xrdku */
2
+ .input-autocomplete__arrow_19lsi.input-autocomplete__error_19lsi ~ * {
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_1yixw","field":"input-autocomplete__field_1yixw","disabled":"input-autocomplete__disabled_1yixw","placeholder":"input-autocomplete__placeholder_1yixw","contentWrapper":"input-autocomplete__contentWrapper_1yixw","value":"input-autocomplete__value_1yixw","focusVisible":"input-autocomplete__focusVisible_1yixw"};
6
+ const styles = {"component":"input-autocomplete__component_r972q","field":"input-autocomplete__field_r972q","disabled":"input-autocomplete__disabled_r972q","placeholder":"input-autocomplete__placeholder_r972q","contentWrapper":"input-autocomplete__contentWrapper_r972q","value":"input-autocomplete__value_r972q","focusVisible":"input-autocomplete__focusVisible_r972q"};
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,9 +1,9 @@
1
- /* hash: 1d79g */
1
+ /* hash: 12osd */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-link: #007aff;
5
- --color-light-text-secondary: rgba(11, 31, 53, 0.7);
6
- } :root {
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 */
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 {
9
9
 
@@ -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_1yixw {
21
+ } .input-autocomplete__component_r972q {
22
22
  width: 100%;
23
23
  outline: none;
24
- } .input-autocomplete__field_1yixw:not(.input-autocomplete__disabled_1yixw) {
24
+ } .input-autocomplete__field_r972q:not(.input-autocomplete__disabled_r972q) {
25
25
  cursor: pointer;
26
- } .input-autocomplete__disabled_1yixw {
26
+ } .input-autocomplete__disabled_r972q {
27
27
  cursor: var(--disabled-cursor);
28
- } .input-autocomplete__placeholder_1yixw {
28
+ } .input-autocomplete__placeholder_r972q {
29
29
  color: var(--color-light-text-secondary);
30
- } .input-autocomplete__contentWrapper_1yixw {
30
+ } .input-autocomplete__contentWrapper_r972q {
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_1yixw {
39
+ } .input-autocomplete__value_r972q {
40
40
  overflow: hidden;
41
41
  text-overflow: ellipsis;
42
42
  text-align: left;
43
- } .input-autocomplete__focusVisible_1yixw {
43
+ } .input-autocomplete__focusVisible_r972q {
44
44
  outline: 2px solid var(--focus-color);
45
45
  outline-offset: 2px;
46
46
  }
@@ -331,7 +331,7 @@ declare const IconButton: React.ForwardRefExoticComponent<{
331
331
  icon: ElementType<{
332
332
  className?: string;
333
333
  }>;
334
- view?: "primary" | "secondary" | "tertiary" | "transparent" | "negative" | undefined;
334
+ view?: "negative" | "tertiary" | "secondary" | "primary" | "transparent" | undefined;
335
335
  size?: "s" | "xs" | "xxs" | undefined;
336
336
  className?: string | undefined;
337
337
  dataTestId?: string | undefined;
package/modern/mobile.css CHANGED
@@ -1,7 +1,7 @@
1
- /* hash: 1y9im */
1
+ /* hash: 1nr1j */
2
2
  :root {
3
- } /* deprecated */ :root {
4
- } :root {
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
+ } :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 */
5
5
  } :root {
6
6
  } :root {
7
7
 
@@ -16,11 +16,11 @@
16
16
  --gap-m: 16px;
17
17
  } :root {
18
18
  } :root {
19
- } .input-autocomplete__bottomSheetInput_1t70i {
19
+ } .input-autocomplete__bottomSheetInput_13wcd {
20
20
  padding: 0 var(--gap-xs) var(--gap-xs);
21
21
  box-sizing: border-box;
22
- } .input-autocomplete__footer_1t70i {
22
+ } .input-autocomplete__footer_13wcd {
23
23
  display: flex
24
- } .input-autocomplete__footer_1t70i > button + button {
24
+ } .input-autocomplete__footer_13wcd > 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.11",
3
+ "version": "9.3.13",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -20,7 +20,7 @@
20
20
  "@alfalab/core-components-button": "^7.1.1",
21
21
  "@alfalab/core-components-form-control": "^9.0.3",
22
22
  "@alfalab/core-components-input": "^11.1.8",
23
- "@alfalab/core-components-select": "^13.2.14",
23
+ "@alfalab/core-components-select": "^13.2.16",
24
24
  "@alfalab/hooks": "^1.4.1",
25
25
  "classnames": "^2.3.1",
26
26
  "lodash.throttle": "^4.1.1",