@alfalab/core-components-input-autocomplete 12.1.4 → 12.1.5

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 (24) hide show
  1. package/Component.responsive.js +1 -0
  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/Component.responsive.js +1 -0
  7. package/esm/Component.responsive.js +1 -0
  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/mobile/Component.mobile.js +1 -1
  13. package/esm/mobile/mobile.css +2 -2
  14. package/mobile/Component.mobile.js +1 -1
  15. package/mobile/mobile.css +2 -2
  16. package/modern/Component.responsive.js +1 -0
  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/mobile/Component.mobile.js +1 -1
  22. package/modern/mobile/mobile.css +2 -2
  23. package/package.json +5 -5
  24. package/src/Component.responsive.tsx +2 -0
package/Component.responsive.js CHANGED
@@ -18,5 +18,6 @@ var InputAutocomplete = React.forwardRef(function (_a, ref) {
18
18
  var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
19
19
  return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.InputAutocompleteDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(mobile_Component_mobile.InputAutocompleteMobile, tslib.__assign({}, restProps, mobileProps, { ref: ref })));
20
20
  });
21
+ InputAutocomplete.displayName = 'InputAutocomplete';
21
22
 
22
23
  exports.InputAutocomplete = InputAutocomplete;
package/autocomplete-field/Component.js CHANGED
@@ -15,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
15
15
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
16
16
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
17
17
 
18
- var styles = {"arrow":"input-autocomplete__arrow_1g3et","error":"input-autocomplete__error_1g3et"};
18
+ var styles = {"arrow":"input-autocomplete__arrow_czczy","error":"input-autocomplete__error_czczy"};
19
19
  require('./index.css')
20
20
 
21
21
  var AutocompleteField = function (_a) {
package/autocomplete-field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 16nbq */
2
- .input-autocomplete__arrow_1g3et.input-autocomplete__error_1g3et ~ * {
1
+ /* hash: m2iiy */
2
+ .input-autocomplete__arrow_czczy.input-autocomplete__error_czczy ~ * {
3
3
  display: none;
4
4
  }
package/autocomplete-mobile-field/Component.js CHANGED
@@ -15,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
15
15
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
16
16
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
17
17
 
18
- var styles = {"component":"input-autocomplete__component_rdczg","field":"input-autocomplete__field_rdczg","disabled":"input-autocomplete__disabled_rdczg","placeholder":"input-autocomplete__placeholder_rdczg","contentWrapper":"input-autocomplete__contentWrapper_rdczg","value":"input-autocomplete__value_rdczg","focusVisible":"input-autocomplete__focusVisible_rdczg"};
18
+ var styles = {"component":"input-autocomplete__component_1uhes","field":"input-autocomplete__field_1uhes","disabled":"input-autocomplete__disabled_1uhes","placeholder":"input-autocomplete__placeholder_1uhes","contentWrapper":"input-autocomplete__contentWrapper_1uhes","value":"input-autocomplete__value_1uhes","focusVisible":"input-autocomplete__focusVisible_1uhes"};
19
19
  require('./index.css')
20
20
 
21
21
  var AutocompleteMobileField = function (_a) {
package/autocomplete-mobile-field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: wm7e7 */
1
+ /* hash: c9s6d */
2
2
  :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
3
  } /* deprecated */ :root {
4
4
  --color-light-border-link: #2288fa;
@@ -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_rdczg {
21
+ } .input-autocomplete__component_1uhes {
22
22
  width: 100%;
23
23
  outline: none;
24
- } .input-autocomplete__field_rdczg:not(.input-autocomplete__disabled_rdczg) {
24
+ } .input-autocomplete__field_1uhes:not(.input-autocomplete__disabled_1uhes) {
25
25
  cursor: pointer;
26
- } .input-autocomplete__disabled_rdczg {
26
+ } .input-autocomplete__disabled_1uhes {
27
27
  cursor: var(--disabled-cursor);
28
- } .input-autocomplete__placeholder_rdczg {
28
+ } .input-autocomplete__placeholder_1uhes {
29
29
  color: var(--color-light-text-secondary);
30
- } .input-autocomplete__contentWrapper_rdczg {
30
+ } .input-autocomplete__contentWrapper_1uhes {
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_rdczg {
39
+ } .input-autocomplete__value_1uhes {
40
40
  overflow: hidden;
41
41
  text-overflow: ellipsis;
42
42
  text-align: left;
43
- } .input-autocomplete__focusVisible_rdczg {
43
+ } .input-autocomplete__focusVisible_1uhes {
44
44
  outline: 2px solid var(--focus-color);
45
45
  outline-offset: 2px;
46
46
  }
package/cssm/Component.responsive.js CHANGED
@@ -18,5 +18,6 @@ var InputAutocomplete = React.forwardRef(function (_a, ref) {
18
18
  var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
19
19
  return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.InputAutocompleteDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(mobile_Component_mobile.InputAutocompleteMobile, tslib.__assign({}, restProps, mobileProps, { ref: ref })));
20
20
  });
21
+ InputAutocomplete.displayName = 'InputAutocomplete';
21
22
 
22
23
  exports.InputAutocomplete = InputAutocomplete;
package/esm/Component.responsive.js CHANGED
@@ -10,5 +10,6 @@ var InputAutocomplete = forwardRef(function (_a, ref) {
10
10
  var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
11
11
  return isDesktop ? (React.createElement(InputAutocompleteDesktop, __assign({}, restProps, { ref: ref }))) : (React.createElement(InputAutocompleteMobile, __assign({}, restProps, mobileProps, { ref: ref })));
12
12
  });
13
+ InputAutocomplete.displayName = 'InputAutocomplete';
13
14
 
14
15
  export { InputAutocomplete };
package/esm/autocomplete-field/Component.js CHANGED
@@ -5,7 +5,7 @@ import cn from 'classnames';
5
5
  import { InputDesktop } from '@alfalab/core-components-input/esm/desktop';
6
6
  import { OnInputReason } from '../enums.js';
7
7
 
8
- var styles = {"arrow":"input-autocomplete__arrow_1g3et","error":"input-autocomplete__error_1g3et"};
8
+ var styles = {"arrow":"input-autocomplete__arrow_czczy","error":"input-autocomplete__error_czczy"};
9
9
  require('./index.css')
10
10
 
11
11
  var AutocompleteField = function (_a) {
package/esm/autocomplete-field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 16nbq */
2
- .input-autocomplete__arrow_1g3et.input-autocomplete__error_1g3et ~ * {
1
+ /* hash: m2iiy */
2
+ .input-autocomplete__arrow_czczy.input-autocomplete__error_czczy ~ * {
3
3
  display: none;
4
4
  }
package/esm/autocomplete-mobile-field/Component.js CHANGED
@@ -6,7 +6,7 @@ import { ClearButton } from '@alfalab/core-components-input/esm/shared';
6
6
  import { getDataTestId } from '@alfalab/core-components-shared/esm';
7
7
  import { useFocus } from '@alfalab/hooks';
8
8
 
9
- var styles = {"component":"input-autocomplete__component_rdczg","field":"input-autocomplete__field_rdczg","disabled":"input-autocomplete__disabled_rdczg","placeholder":"input-autocomplete__placeholder_rdczg","contentWrapper":"input-autocomplete__contentWrapper_rdczg","value":"input-autocomplete__value_rdczg","focusVisible":"input-autocomplete__focusVisible_rdczg"};
9
+ var styles = {"component":"input-autocomplete__component_1uhes","field":"input-autocomplete__field_1uhes","disabled":"input-autocomplete__disabled_1uhes","placeholder":"input-autocomplete__placeholder_1uhes","contentWrapper":"input-autocomplete__contentWrapper_1uhes","value":"input-autocomplete__value_1uhes","focusVisible":"input-autocomplete__focusVisible_1uhes"};
10
10
  require('./index.css')
11
11
 
12
12
  var AutocompleteMobileField = function (_a) {
package/esm/autocomplete-mobile-field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: wm7e7 */
1
+ /* hash: c9s6d */
2
2
  :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
3
  } /* deprecated */ :root {
4
4
  --color-light-border-link: #2288fa;
@@ -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_rdczg {
21
+ } .input-autocomplete__component_1uhes {
22
22
  width: 100%;
23
23
  outline: none;
24
- } .input-autocomplete__field_rdczg:not(.input-autocomplete__disabled_rdczg) {
24
+ } .input-autocomplete__field_1uhes:not(.input-autocomplete__disabled_1uhes) {
25
25
  cursor: pointer;
26
- } .input-autocomplete__disabled_rdczg {
26
+ } .input-autocomplete__disabled_1uhes {
27
27
  cursor: var(--disabled-cursor);
28
- } .input-autocomplete__placeholder_rdczg {
28
+ } .input-autocomplete__placeholder_1uhes {
29
29
  color: var(--color-light-text-secondary);
30
- } .input-autocomplete__contentWrapper_rdczg {
30
+ } .input-autocomplete__contentWrapper_1uhes {
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_rdczg {
39
+ } .input-autocomplete__value_1uhes {
40
40
  overflow: hidden;
41
41
  text-overflow: ellipsis;
42
42
  text-align: left;
43
- } .input-autocomplete__focusVisible_rdczg {
43
+ } .input-autocomplete__focusVisible_1uhes {
44
44
  outline: 2px solid var(--focus-color);
45
45
  outline-offset: 2px;
46
46
  }
package/esm/mobile/Component.mobile.js CHANGED
@@ -9,7 +9,7 @@ import { AutocompleteMobileField } from '../autocomplete-mobile-field/Component.
9
9
  import { OnInputReason } from '../enums.js';
10
10
  import { searchFilterStub } from '../utils.js';
11
11
 
12
- var styles = {"input":"input-autocomplete__input_fmbtr"};
12
+ var styles = {"input":"input-autocomplete__input_ia0bf"};
13
13
  require('./mobile.css')
14
14
 
15
15
  var InputAutocompleteMobile = React.forwardRef(function (_a, ref) {
package/esm/mobile/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1twv2 */
1
+ /* hash: h0btj */
2
2
  :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
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 */
@@ -14,6 +14,6 @@
14
14
  } :root {
15
15
  } :root {
16
16
  } :root {
17
- } .input-autocomplete__input_fmbtr {
17
+ } .input-autocomplete__input_ia0bf {
18
18
  width: auto;
19
19
  }
package/mobile/Component.mobile.js CHANGED
@@ -20,7 +20,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
20
20
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
21
21
  var throttle__default = /*#__PURE__*/_interopDefaultCompat(throttle);
22
22
 
23
- var styles = {"input":"input-autocomplete__input_fmbtr"};
23
+ var styles = {"input":"input-autocomplete__input_ia0bf"};
24
24
  require('./mobile.css')
25
25
 
26
26
  var InputAutocompleteMobile = React__default.default.forwardRef(function (_a, ref) {
package/mobile/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1twv2 */
1
+ /* hash: h0btj */
2
2
  :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
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 */
@@ -14,6 +14,6 @@
14
14
  } :root {
15
15
  } :root {
16
16
  } :root {
17
- } .input-autocomplete__input_fmbtr {
17
+ } .input-autocomplete__input_ia0bf {
18
18
  width: auto;
19
19
  }
package/modern/Component.responsive.js CHANGED
@@ -8,5 +8,6 @@ const InputAutocomplete = forwardRef(({ breakpoint = 1024, defaultMatchMediaValu
8
8
  const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
9
9
  return isDesktop ? (React.createElement(InputAutocompleteDesktop, { ...restProps, ref: ref })) : (React.createElement(InputAutocompleteMobile, { ...restProps, ...mobileProps, ref: ref }));
10
10
  });
11
+ InputAutocomplete.displayName = 'InputAutocomplete';
11
12
 
12
13
  export { InputAutocomplete };
package/modern/autocomplete-field/Component.js CHANGED
@@ -4,7 +4,7 @@ import cn from 'classnames';
4
4
  import { InputDesktop } from '@alfalab/core-components-input/modern/desktop';
5
5
  import { OnInputReason } from '../enums.js';
6
6
 
7
- const styles = {"arrow":"input-autocomplete__arrow_1g3et","error":"input-autocomplete__error_1g3et"};
7
+ const styles = {"arrow":"input-autocomplete__arrow_czczy","error":"input-autocomplete__error_czczy"};
8
8
  require('./index.css')
9
9
 
10
10
  const AutocompleteField = ({ label, labelView = 'inner', placeholder, size, Arrow, Input = InputDesktop, value, error, success, hint, disabled, readOnly, onInput, inputProps = {}, innerProps, dataTestId, }) => {
package/modern/autocomplete-field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 16nbq */
2
- .input-autocomplete__arrow_1g3et.input-autocomplete__error_1g3et ~ * {
1
+ /* hash: m2iiy */
2
+ .input-autocomplete__arrow_czczy.input-autocomplete__error_czczy ~ * {
3
3
  display: none;
4
4
  }
package/modern/autocomplete-mobile-field/Component.js CHANGED
@@ -5,7 +5,7 @@ import { ClearButton } from '@alfalab/core-components-input/modern/shared';
5
5
  import { getDataTestId } from '@alfalab/core-components-shared/modern';
6
6
  import { useFocus } from '@alfalab/hooks';
7
7
 
8
- const styles = {"component":"input-autocomplete__component_rdczg","field":"input-autocomplete__field_rdczg","disabled":"input-autocomplete__disabled_rdczg","placeholder":"input-autocomplete__placeholder_rdczg","contentWrapper":"input-autocomplete__contentWrapper_rdczg","value":"input-autocomplete__value_rdczg","focusVisible":"input-autocomplete__focusVisible_rdczg"};
8
+ const styles = {"component":"input-autocomplete__component_1uhes","field":"input-autocomplete__field_1uhes","disabled":"input-autocomplete__disabled_1uhes","placeholder":"input-autocomplete__placeholder_1uhes","contentWrapper":"input-autocomplete__contentWrapper_1uhes","value":"input-autocomplete__value_1uhes","focusVisible":"input-autocomplete__focusVisible_1uhes"};
9
9
  require('./index.css')
10
10
 
11
11
  const AutocompleteMobileField = ({ size = 56, open, disabled, value, innerProps, dataTestId, fieldClassName, labelView = 'inner', placeholder, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, FormControlComponent, rightAddons, error, readOnly, clear, onClear, onInput, colors = 'default', ...restProps }) => {
package/modern/autocomplete-mobile-field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: wm7e7 */
1
+ /* hash: c9s6d */
2
2
  :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
3
  } /* deprecated */ :root {
4
4
  --color-light-border-link: #2288fa;
@@ -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_rdczg {
21
+ } .input-autocomplete__component_1uhes {
22
22
  width: 100%;
23
23
  outline: none;
24
- } .input-autocomplete__field_rdczg:not(.input-autocomplete__disabled_rdczg) {
24
+ } .input-autocomplete__field_1uhes:not(.input-autocomplete__disabled_1uhes) {
25
25
  cursor: pointer;
26
- } .input-autocomplete__disabled_rdczg {
26
+ } .input-autocomplete__disabled_1uhes {
27
27
  cursor: var(--disabled-cursor);
28
- } .input-autocomplete__placeholder_rdczg {
28
+ } .input-autocomplete__placeholder_1uhes {
29
29
  color: var(--color-light-text-secondary);
30
- } .input-autocomplete__contentWrapper_rdczg {
30
+ } .input-autocomplete__contentWrapper_1uhes {
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_rdczg {
39
+ } .input-autocomplete__value_1uhes {
40
40
  overflow: hidden;
41
41
  text-overflow: ellipsis;
42
42
  text-align: left;
43
- } .input-autocomplete__focusVisible_rdczg {
43
+ } .input-autocomplete__focusVisible_1uhes {
44
44
  outline: 2px solid var(--focus-color);
45
45
  outline-offset: 2px;
46
46
  }
package/modern/mobile/Component.mobile.js CHANGED
@@ -8,7 +8,7 @@ import { AutocompleteMobileField } from '../autocomplete-mobile-field/Component.
8
8
  import { OnInputReason } from '../enums.js';
9
9
  import { searchFilterStub } from '../utils.js';
10
10
 
11
- const styles = {"input":"input-autocomplete__input_fmbtr"};
11
+ const styles = {"input":"input-autocomplete__input_ia0bf"};
12
12
  require('./mobile.css')
13
13
 
14
14
  const InputAutocompleteMobile = React.forwardRef(({ Input, value, name, Arrow = null, label, placeholder = '', size = 48, open: openProp, onInput, onOpen, multiple, inputProps, isBottomSheet = true, dataTestId, transitionProps, onCancel, onApply, title, ...restProps }, ref) => {
package/modern/mobile/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1twv2 */
1
+ /* hash: h0btj */
2
2
  :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
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 */
@@ -14,6 +14,6 @@
14
14
  } :root {
15
15
  } :root {
16
16
  } :root {
17
- } .input-autocomplete__input_fmbtr {
17
+ } .input-autocomplete__input_ia0bf {
18
18
  width: auto;
19
19
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-input-autocomplete",
3
- "version": "12.1.4",
3
+ "version": "12.1.5",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -14,10 +14,10 @@
14
14
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
15
15
  },
16
16
  "dependencies": {
17
- "@alfalab/core-components-form-control": "^12.2.2",
18
- "@alfalab/core-components-input": "^14.4.4",
19
- "@alfalab/core-components-popover": "^6.2.1",
20
- "@alfalab/core-components-select": "^17.4.5",
17
+ "@alfalab/core-components-form-control": "^12.2.3",
18
+ "@alfalab/core-components-input": "^14.4.5",
19
+ "@alfalab/core-components-popover": "^6.2.2",
20
+ "@alfalab/core-components-select": "^17.5.0",
21
21
  "@alfalab/core-components-shared": "^0.10.0",
22
22
  "@alfalab/core-components-mq": "^4.2.0",
23
23
  "@alfalab/hooks": "^1.13.0",
package/src/Component.responsive.tsx CHANGED
@@ -18,3 +18,5 @@ export const InputAutocomplete = forwardRef<
18
18
  <InputAutocompleteMobile {...restProps} {...mobileProps} ref={ref} />
19
19
  );
20
20
  });
21
+
22
+ InputAutocomplete.displayName = 'InputAutocomplete';