@alfalab/core-components-input-autocomplete 9.1.3 → 9.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/Component-7ca84eff.d.ts +5 -4
  2. package/Component.d.ts +4 -4
  3. package/Component.js +1 -1
  4. package/Component.mobile.js +2 -2
  5. package/autocomplete-field/Component.js +2 -2
  6. package/autocomplete-field/index.css +2 -2
  7. package/autocomplete-field/index.js +1 -1
  8. package/autocomplete-mobile-field/Component.js +2 -2
  9. package/autocomplete-mobile-field/index.css +8 -8
  10. package/autocomplete-mobile-field/index.js +1 -1
  11. package/cssm/Component-7ca84eff.d.ts +5 -4
  12. package/esm/Component-7ca84eff.d.ts +5 -4
  13. package/esm/Component.js +1 -1
  14. package/esm/Component.mobile.js +2 -2
  15. package/esm/autocomplete-field/Component.js +2 -2
  16. package/esm/autocomplete-field/index.css +2 -2
  17. package/esm/autocomplete-field/index.js +1 -1
  18. package/esm/autocomplete-mobile-field/Component.js +2 -2
  19. package/esm/autocomplete-mobile-field/index.css +8 -8
  20. package/esm/autocomplete-mobile-field/index.js +1 -1
  21. package/esm/index.js +1 -1
  22. package/esm/mobile.css +4 -4
  23. package/esm/mobile.js +1 -1
  24. package/esm/{tslib.es6-6f21004e.d.ts → tslib.es6-2208c38d.d.ts} +0 -0
  25. package/esm/{tslib.es6-6f21004e.js → tslib.es6-2208c38d.js} +0 -0
  26. package/index.js +1 -1
  27. package/mobile.css +4 -4
  28. package/mobile.js +1 -1
  29. package/modern/Component-7ca84eff.d.ts +5 -4
  30. package/modern/Component.mobile.js +1 -1
  31. package/modern/autocomplete-field/Component.js +1 -1
  32. package/modern/autocomplete-field/index.css +2 -2
  33. package/modern/autocomplete-mobile-field/Component.js +1 -1
  34. package/modern/autocomplete-mobile-field/index.css +8 -8
  35. package/modern/mobile.css +4 -4
  36. package/package.json +2 -2
  37. /package/{tslib.es6-ca8b36c2.d.ts → tslib.es6-8ec3b181.d.ts} +0 -0
  38. /package/{tslib.es6-ca8b36c2.js → tslib.es6-8ec3b181.js} +0 -0
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import { ButtonHTMLAttributes, ElementType, AnchorHTMLAttributes, FC, HTMLAttributes, ReactNode } from "react";
2
+ import { ButtonHTMLAttributes, ElementType, AnchorHTMLAttributes, FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes, ReactNode } from "react";
3
3
  import { ButtonProps } from "@alfalab/core-components-button";
4
4
  import { BottomSheetTitleAlign } from "./index-7ca84eff";
5
5
  type IconButtonProps = {
@@ -64,10 +64,11 @@ declare const colors: readonly [
64
64
  "negative"
65
65
  ];
66
66
  type Color = typeof colors[number];
67
+ type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
67
68
  type NativeProps = HTMLAttributes<HTMLSpanElement>;
68
69
  type TextBaseProps = {
69
70
  /**
70
- * [Вариант начертания](https://alfa-laboratory.github.io/core-components/master/?path=/docs/гайдлайны-типографика--page)
71
+ * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/инструкции-типографика--page)
71
72
  */
72
73
  view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
73
74
  /**
@@ -115,7 +116,7 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
115
116
  */
116
117
  tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
117
118
  /**
118
- * [Вариант начертания](https://alfa-laboratory.github.io/core-components/master/?path=/docs/гайдлайны-типографика--page)
119
+ * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/инструкции-типографика--page)
119
120
  */
120
121
  view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
121
122
  /**
@@ -150,7 +151,7 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
150
151
  type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
151
152
  declare const Typography: {
152
153
  Title: FC<TitleProps>;
153
- Text: FC<TextProps>;
154
+ Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
154
155
  TitleResponsive: FC<TitleProps>;
155
156
  TitleMobile: FC<TitleMobileProps>;
156
157
  };
package/Component.d.ts CHANGED
@@ -37,7 +37,7 @@ declare const InputAutocomplete: React.ForwardRefExoticComponent<Omit<BaseSelect
37
37
  /**
38
38
  * Компонент ввода значения
39
39
  */
40
- Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "defaultValue" | "onChange" | "size" | "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 InputAutocomplete: React.ForwardRefExoticComponent<Omit<BaseSelect
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 InputAutocomplete: React.ForwardRefExoticComponent<Omit<BaseSelect
73
73
  /**
74
74
  * Пропсы, которые будут прокинуты в инпут
75
75
  */
76
- inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "defaultValue" | "onChange" | "size" | "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 InputAutocomplete: React.ForwardRefExoticComponent<Omit<BaseSelect
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;
package/Component.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('./tslib.es6-ca8b36c2.js');
5
+ var tslib_es6 = require('./tslib.es6-8ec3b181.js');
6
6
  var React = require('react');
7
7
  require('react-merge-refs');
8
8
  require('classnames');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('./tslib.es6-ca8b36c2.js');
5
+ var tslib_es6 = require('./tslib.es6-8ec3b181.js');
6
6
  var React = require('react');
7
7
  var mergeRefs = require('react-merge-refs');
8
8
  var cn = require('classnames');
@@ -21,7 +21,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
21
21
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
22
22
  var throttle__default = /*#__PURE__*/_interopDefaultLegacy(throttle);
23
23
 
24
- var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_meg5r","footer":"input-autocomplete__footer_meg5r"};
24
+ var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_152dz","footer":"input-autocomplete__footer_152dz"};
25
25
  require('./mobile.css')
26
26
 
27
27
  var SELECTED = [];
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../tslib.es6-ca8b36c2.js');
5
+ var tslib_es6 = require('../tslib.es6-8ec3b181.js');
6
6
  var React = require('react');
7
7
  var mergeRefs = require('react-merge-refs');
8
8
  var cn = require('classnames');
@@ -14,7 +14,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
14
  var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
15
15
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
16
16
 
17
- var styles = {"arrow":"input-autocomplete__arrow_jxrzn","error":"input-autocomplete__error_jxrzn"};
17
+ var styles = {"arrow":"input-autocomplete__arrow_12lpt","error":"input-autocomplete__error_12lpt"};
18
18
  require('./index.css')
19
19
 
20
20
  var AutocompleteField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 11uj9 */
2
- .input-autocomplete__arrow_jxrzn.input-autocomplete__error_jxrzn ~ * {
1
+ /* hash: zqgqp */
2
+ .input-autocomplete__arrow_12lpt.input-autocomplete__error_12lpt ~ * {
3
3
  display: none;
4
4
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../tslib.es6-ca8b36c2.js');
5
+ require('../tslib.es6-8ec3b181.js');
6
6
  require('react');
7
7
  require('react-merge-refs');
8
8
  require('classnames');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib_es6 = require('../tslib.es6-ca8b36c2.js');
5
+ var tslib_es6 = require('../tslib.es6-8ec3b181.js');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
8
  var coreComponentsFormControl = require('@alfalab/core-components-form-control');
@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
13
13
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
14
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
15
15
 
16
- var styles = {"component":"input-autocomplete__component_86ooi","field":"input-autocomplete__field_86ooi","disabled":"input-autocomplete__disabled_86ooi","placeholder":"input-autocomplete__placeholder_86ooi","contentWrapper":"input-autocomplete__contentWrapper_86ooi","value":"input-autocomplete__value_86ooi","focusVisible":"input-autocomplete__focusVisible_86ooi"};
16
+ var styles = {"component":"input-autocomplete__component_5fx9y","field":"input-autocomplete__field_5fx9y","disabled":"input-autocomplete__disabled_5fx9y","placeholder":"input-autocomplete__placeholder_5fx9y","contentWrapper":"input-autocomplete__contentWrapper_5fx9y","value":"input-autocomplete__value_5fx9y","focusVisible":"input-autocomplete__focusVisible_5fx9y"};
17
17
  require('./index.css')
18
18
 
19
19
  var AutocompleteMobileField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 3pjp3 */
1
+ /* hash: 5tm89 */
2
2
  :root {
3
3
  --color-light-border-link: #007aff;
4
4
  --color-light-text-secondary: rgba(11, 31, 53, 0.7);
@@ -15,20 +15,20 @@
15
15
  --focus-color: var(--color-light-border-link);
16
16
  --disabled-cursor: not-allowed;
17
17
  }
18
- .input-autocomplete__component_86ooi {
18
+ .input-autocomplete__component_5fx9y {
19
19
  width: 100%;
20
20
  outline: none;
21
21
  }
22
- .input-autocomplete__field_86ooi:not(.input-autocomplete__disabled_86ooi) {
22
+ .input-autocomplete__field_5fx9y:not(.input-autocomplete__disabled_5fx9y) {
23
23
  cursor: pointer;
24
24
  }
25
- .input-autocomplete__disabled_86ooi {
25
+ .input-autocomplete__disabled_5fx9y {
26
26
  cursor: var(--disabled-cursor);
27
27
  }
28
- .input-autocomplete__placeholder_86ooi {
28
+ .input-autocomplete__placeholder_5fx9y {
29
29
  color: var(--color-light-text-secondary);
30
30
  }
31
- .input-autocomplete__contentWrapper_86ooi {
31
+ .input-autocomplete__contentWrapper_5fx9y {
32
32
  font-size: 16px;
33
33
  line-height: 20px;
34
34
  font-weight: 400;
@@ -38,12 +38,12 @@
38
38
  overflow: hidden;
39
39
  width: 100%;
40
40
  }
41
- .input-autocomplete__value_86ooi {
41
+ .input-autocomplete__value_5fx9y {
42
42
  overflow: hidden;
43
43
  text-overflow: ellipsis;
44
44
  text-align: left;
45
45
  }
46
- .input-autocomplete__focusVisible_86ooi {
46
+ .input-autocomplete__focusVisible_5fx9y {
47
47
  outline: 2px solid var(--focus-color);
48
48
  outline-offset: 2px;
49
49
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../tslib.es6-ca8b36c2.js');
5
+ require('../tslib.es6-8ec3b181.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('@alfalab/core-components-form-control');
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import { ButtonHTMLAttributes, ElementType, AnchorHTMLAttributes, FC, HTMLAttributes, ReactNode } from "react";
2
+ import { ButtonHTMLAttributes, ElementType, AnchorHTMLAttributes, FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes, ReactNode } from "react";
3
3
  import { ButtonProps } from "@alfalab/core-components-button";
4
4
  import { BottomSheetTitleAlign } from "./index-7ca84eff";
5
5
  type IconButtonProps = {
@@ -64,10 +64,11 @@ declare const colors: readonly [
64
64
  "negative"
65
65
  ];
66
66
  type Color = typeof colors[number];
67
+ type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
67
68
  type NativeProps = HTMLAttributes<HTMLSpanElement>;
68
69
  type TextBaseProps = {
69
70
  /**
70
- * [Вариант начертания](https://alfa-laboratory.github.io/core-components/master/?path=/docs/гайдлайны-типографика--page)
71
+ * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/инструкции-типографика--page)
71
72
  */
72
73
  view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
73
74
  /**
@@ -115,7 +116,7 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
115
116
  */
116
117
  tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
117
118
  /**
118
- * [Вариант начертания](https://alfa-laboratory.github.io/core-components/master/?path=/docs/гайдлайны-типографика--page)
119
+ * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/инструкции-типографика--page)
119
120
  */
120
121
  view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
121
122
  /**
@@ -150,7 +151,7 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
150
151
  type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
151
152
  declare const Typography: {
152
153
  Title: FC<TitleProps>;
153
- Text: FC<TextProps>;
154
+ Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
154
155
  TitleResponsive: FC<TitleProps>;
155
156
  TitleMobile: FC<TitleMobileProps>;
156
157
  };
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import { ButtonHTMLAttributes, ElementType, AnchorHTMLAttributes, FC, HTMLAttributes, ReactNode } from "react";
2
+ import { ButtonHTMLAttributes, ElementType, AnchorHTMLAttributes, FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes, ReactNode } from "react";
3
3
  import { ButtonProps } from "@alfalab/core-components-button";
4
4
  import { BottomSheetTitleAlign } from "./index-7ca84eff";
5
5
  type IconButtonProps = {
@@ -64,10 +64,11 @@ declare const colors: readonly [
64
64
  "negative"
65
65
  ];
66
66
  type Color = typeof colors[number];
67
+ type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
67
68
  type NativeProps = HTMLAttributes<HTMLSpanElement>;
68
69
  type TextBaseProps = {
69
70
  /**
70
- * [Вариант начертания](https://alfa-laboratory.github.io/core-components/master/?path=/docs/гайдлайны-типографика--page)
71
+ * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/инструкции-типографика--page)
71
72
  */
72
73
  view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
73
74
  /**
@@ -115,7 +116,7 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
115
116
  */
116
117
  tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
117
118
  /**
118
- * [Вариант начертания](https://alfa-laboratory.github.io/core-components/master/?path=/docs/гайдлайны-типографика--page)
119
+ * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/инструкции-типографика--page)
119
120
  */
120
121
  view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
121
122
  /**
@@ -150,7 +151,7 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
150
151
  type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
151
152
  declare const Typography: {
152
153
  Title: FC<TitleProps>;
153
- Text: FC<TextProps>;
154
+ Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
154
155
  TitleResponsive: FC<TitleProps>;
155
156
  TitleMobile: FC<TitleMobileProps>;
156
157
  };
package/esm/Component.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-6f21004e.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-2208c38d.js';
2
2
  import React, { forwardRef } from 'react';
3
3
  import 'react-merge-refs';
4
4
  import 'classnames';
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-6f21004e.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-2208c38d.js';
2
2
  import React, { useState, useRef, useMemo } from 'react';
3
3
  import mergeRefs from 'react-merge-refs';
4
4
  import cn from 'classnames';
@@ -10,7 +10,7 @@ import '@alfalab/core-components-form-control/esm';
10
10
  import '@alfalab/hooks';
11
11
  import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
12
12
 
13
- var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_meg5r","footer":"input-autocomplete__footer_meg5r"};
13
+ var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_152dz","footer":"input-autocomplete__footer_152dz"};
14
14
  require('./mobile.css')
15
15
 
16
16
  var SELECTED = [];
@@ -1,10 +1,10 @@
1
- import { a as __assign } from '../tslib.es6-6f21004e.js';
1
+ import { a as __assign } from '../tslib.es6-2208c38d.js';
2
2
  import React, { useRef, useCallback } from 'react';
3
3
  import mergeRefs from 'react-merge-refs';
4
4
  import cn from 'classnames';
5
5
  import { Input } from '@alfalab/core-components-input/esm';
6
6
 
7
- var styles = {"arrow":"input-autocomplete__arrow_jxrzn","error":"input-autocomplete__error_jxrzn"};
7
+ var styles = {"arrow":"input-autocomplete__arrow_12lpt","error":"input-autocomplete__error_12lpt"};
8
8
  require('./index.css')
9
9
 
10
10
  var AutocompleteField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 11uj9 */
2
- .input-autocomplete__arrow_jxrzn.input-autocomplete__error_jxrzn ~ * {
1
+ /* hash: zqgqp */
2
+ .input-autocomplete__arrow_12lpt.input-autocomplete__error_12lpt ~ * {
3
3
  display: none;
4
4
  }
@@ -1,4 +1,4 @@
1
- import '../tslib.es6-6f21004e.js';
1
+ import '../tslib.es6-2208c38d.js';
2
2
  import 'react';
3
3
  import 'react-merge-refs';
4
4
  import 'classnames';
@@ -1,10 +1,10 @@
1
- import { _ as __rest, a as __assign } from '../tslib.es6-6f21004e.js';
1
+ import { _ as __rest, a as __assign } from '../tslib.es6-2208c38d.js';
2
2
  import React, { useState, useRef } from 'react';
3
3
  import cn from 'classnames';
4
4
  import { FormControl } from '@alfalab/core-components-form-control/esm';
5
5
  import { useFocus } from '@alfalab/hooks';
6
6
 
7
- var styles = {"component":"input-autocomplete__component_86ooi","field":"input-autocomplete__field_86ooi","disabled":"input-autocomplete__disabled_86ooi","placeholder":"input-autocomplete__placeholder_86ooi","contentWrapper":"input-autocomplete__contentWrapper_86ooi","value":"input-autocomplete__value_86ooi","focusVisible":"input-autocomplete__focusVisible_86ooi"};
7
+ var styles = {"component":"input-autocomplete__component_5fx9y","field":"input-autocomplete__field_5fx9y","disabled":"input-autocomplete__disabled_5fx9y","placeholder":"input-autocomplete__placeholder_5fx9y","contentWrapper":"input-autocomplete__contentWrapper_5fx9y","value":"input-autocomplete__value_5fx9y","focusVisible":"input-autocomplete__focusVisible_5fx9y"};
8
8
  require('./index.css')
9
9
 
10
10
  var AutocompleteMobileField = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 3pjp3 */
1
+ /* hash: 5tm89 */
2
2
  :root {
3
3
  --color-light-border-link: #007aff;
4
4
  --color-light-text-secondary: rgba(11, 31, 53, 0.7);
@@ -15,20 +15,20 @@
15
15
  --focus-color: var(--color-light-border-link);
16
16
  --disabled-cursor: not-allowed;
17
17
  }
18
- .input-autocomplete__component_86ooi {
18
+ .input-autocomplete__component_5fx9y {
19
19
  width: 100%;
20
20
  outline: none;
21
21
  }
22
- .input-autocomplete__field_86ooi:not(.input-autocomplete__disabled_86ooi) {
22
+ .input-autocomplete__field_5fx9y:not(.input-autocomplete__disabled_5fx9y) {
23
23
  cursor: pointer;
24
24
  }
25
- .input-autocomplete__disabled_86ooi {
25
+ .input-autocomplete__disabled_5fx9y {
26
26
  cursor: var(--disabled-cursor);
27
27
  }
28
- .input-autocomplete__placeholder_86ooi {
28
+ .input-autocomplete__placeholder_5fx9y {
29
29
  color: var(--color-light-text-secondary);
30
30
  }
31
- .input-autocomplete__contentWrapper_86ooi {
31
+ .input-autocomplete__contentWrapper_5fx9y {
32
32
  font-size: 16px;
33
33
  line-height: 20px;
34
34
  font-weight: 400;
@@ -38,12 +38,12 @@
38
38
  overflow: hidden;
39
39
  width: 100%;
40
40
  }
41
- .input-autocomplete__value_86ooi {
41
+ .input-autocomplete__value_5fx9y {
42
42
  overflow: hidden;
43
43
  text-overflow: ellipsis;
44
44
  text-align: left;
45
45
  }
46
- .input-autocomplete__focusVisible_86ooi {
46
+ .input-autocomplete__focusVisible_5fx9y {
47
47
  outline: 2px solid var(--focus-color);
48
48
  outline-offset: 2px;
49
49
  }
@@ -1,4 +1,4 @@
1
- import '../tslib.es6-6f21004e.js';
1
+ import '../tslib.es6-2208c38d.js';
2
2
  import 'react';
3
3
  import 'classnames';
4
4
  import '@alfalab/core-components-form-control/esm';
package/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './tslib.es6-6f21004e.js';
1
+ import './tslib.es6-2208c38d.js';
2
2
  import 'react';
3
3
  import 'react-merge-refs';
4
4
  import 'classnames';
package/esm/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1c528 */
1
+ /* hash: 1a0zp */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -11,13 +11,13 @@
11
11
  --gap-xs: 8px;
12
12
  --gap-m: 16px;
13
13
  }
14
- .input-autocomplete__bottomSheetInput_meg5r {
14
+ .input-autocomplete__bottomSheetInput_152dz {
15
15
  padding: 0 var(--gap-xs) var(--gap-xs);
16
16
  box-sizing: border-box;
17
17
  }
18
- .input-autocomplete__footer_meg5r {
18
+ .input-autocomplete__footer_152dz {
19
19
  display: flex
20
20
  }
21
- .input-autocomplete__footer_meg5r > button + button {
21
+ .input-autocomplete__footer_152dz > button + button {
22
22
  margin-left: var(--gap-m);
23
23
  }
package/esm/mobile.js CHANGED
@@ -1,4 +1,4 @@
1
- import './tslib.es6-6f21004e.js';
1
+ import './tslib.es6-2208c38d.js';
2
2
  import 'react';
3
3
  import 'react-merge-refs';
4
4
  import 'classnames';
package/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./tslib.es6-ca8b36c2.js');
5
+ require('./tslib.es6-8ec3b181.js');
6
6
  require('react');
7
7
  require('react-merge-refs');
8
8
  require('classnames');
package/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1c528 */
1
+ /* hash: 1a0zp */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -11,13 +11,13 @@
11
11
  --gap-xs: 8px;
12
12
  --gap-m: 16px;
13
13
  }
14
- .input-autocomplete__bottomSheetInput_meg5r {
14
+ .input-autocomplete__bottomSheetInput_152dz {
15
15
  padding: 0 var(--gap-xs) var(--gap-xs);
16
16
  box-sizing: border-box;
17
17
  }
18
- .input-autocomplete__footer_meg5r {
18
+ .input-autocomplete__footer_152dz {
19
19
  display: flex
20
20
  }
21
- .input-autocomplete__footer_meg5r > button + button {
21
+ .input-autocomplete__footer_152dz > button + button {
22
22
  margin-left: var(--gap-m);
23
23
  }
package/mobile.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./tslib.es6-ca8b36c2.js');
5
+ require('./tslib.es6-8ec3b181.js');
6
6
  require('react');
7
7
  require('react-merge-refs');
8
8
  require('classnames');
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import { ButtonHTMLAttributes, ElementType, AnchorHTMLAttributes, FC, HTMLAttributes, ReactNode } from "react";
2
+ import { ButtonHTMLAttributes, ElementType, AnchorHTMLAttributes, FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes, ReactNode } from "react";
3
3
  import { ButtonProps } from "@alfalab/core-components-button";
4
4
  import { BottomSheetTitleAlign } from "./index-7ca84eff";
5
5
  type IconButtonProps = {
@@ -64,10 +64,11 @@ declare const colors: readonly [
64
64
  "negative"
65
65
  ];
66
66
  type Color = typeof colors[number];
67
+ type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
67
68
  type NativeProps = HTMLAttributes<HTMLSpanElement>;
68
69
  type TextBaseProps = {
69
70
  /**
70
- * [Вариант начертания](https://alfa-laboratory.github.io/core-components/master/?path=/docs/гайдлайны-типографика--page)
71
+ * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/инструкции-типографика--page)
71
72
  */
72
73
  view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
73
74
  /**
@@ -115,7 +116,7 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
115
116
  */
116
117
  tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
117
118
  /**
118
- * [Вариант начертания](https://alfa-laboratory.github.io/core-components/master/?path=/docs/гайдлайны-типографика--page)
119
+ * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/инструкции-типографика--page)
119
120
  */
120
121
  view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
121
122
  /**
@@ -150,7 +151,7 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
150
151
  type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
151
152
  declare const Typography: {
152
153
  Title: FC<TitleProps>;
153
- Text: FC<TextProps>;
154
+ Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
154
155
  TitleResponsive: FC<TitleProps>;
155
156
  TitleMobile: FC<TitleMobileProps>;
156
157
  };
@@ -9,7 +9,7 @@ import '@alfalab/core-components-form-control/modern';
9
9
  import '@alfalab/hooks';
10
10
  import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
11
11
 
12
- var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_meg5r","footer":"input-autocomplete__footer_meg5r"};
12
+ var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_152dz","footer":"input-autocomplete__footer_152dz"};
13
13
  require('./mobile.css')
14
14
 
15
15
  const SELECTED = [];
@@ -3,7 +3,7 @@ import mergeRefs from 'react-merge-refs';
3
3
  import cn from 'classnames';
4
4
  import { Input } from '@alfalab/core-components-input/modern';
5
5
 
6
- var styles = {"arrow":"input-autocomplete__arrow_jxrzn","error":"input-autocomplete__error_jxrzn"};
6
+ var styles = {"arrow":"input-autocomplete__arrow_12lpt","error":"input-autocomplete__error_12lpt"};
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: 11uj9 */
2
- .input-autocomplete__arrow_jxrzn.input-autocomplete__error_jxrzn ~ * {
1
+ /* hash: zqgqp */
2
+ .input-autocomplete__arrow_12lpt.input-autocomplete__error_12lpt ~ * {
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
- var styles = {"component":"input-autocomplete__component_86ooi","field":"input-autocomplete__field_86ooi","disabled":"input-autocomplete__disabled_86ooi","placeholder":"input-autocomplete__placeholder_86ooi","contentWrapper":"input-autocomplete__contentWrapper_86ooi","value":"input-autocomplete__value_86ooi","focusVisible":"input-autocomplete__focusVisible_86ooi"};
6
+ var styles = {"component":"input-autocomplete__component_5fx9y","field":"input-autocomplete__field_5fx9y","disabled":"input-autocomplete__disabled_5fx9y","placeholder":"input-autocomplete__placeholder_5fx9y","contentWrapper":"input-autocomplete__contentWrapper_5fx9y","value":"input-autocomplete__value_5fx9y","focusVisible":"input-autocomplete__focusVisible_5fx9y"};
7
7
  require('./index.css')
8
8
 
9
9
  const AutocompleteMobileField = ({ size = 'm', open, error, hint, disabled, label, labelView = 'inner', placeholder, value, innerProps, dataTestId, fieldClassName, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, ...restProps }) => {
@@ -1,4 +1,4 @@
1
- /* hash: 3pjp3 */
1
+ /* hash: 5tm89 */
2
2
  :root {
3
3
  --color-light-border-link: #007aff;
4
4
  --color-light-text-secondary: rgba(11, 31, 53, 0.7);
@@ -15,20 +15,20 @@
15
15
  --focus-color: var(--color-light-border-link);
16
16
  --disabled-cursor: not-allowed;
17
17
  }
18
- .input-autocomplete__component_86ooi {
18
+ .input-autocomplete__component_5fx9y {
19
19
  width: 100%;
20
20
  outline: none;
21
21
  }
22
- .input-autocomplete__field_86ooi:not(.input-autocomplete__disabled_86ooi) {
22
+ .input-autocomplete__field_5fx9y:not(.input-autocomplete__disabled_5fx9y) {
23
23
  cursor: pointer;
24
24
  }
25
- .input-autocomplete__disabled_86ooi {
25
+ .input-autocomplete__disabled_5fx9y {
26
26
  cursor: var(--disabled-cursor);
27
27
  }
28
- .input-autocomplete__placeholder_86ooi {
28
+ .input-autocomplete__placeholder_5fx9y {
29
29
  color: var(--color-light-text-secondary);
30
30
  }
31
- .input-autocomplete__contentWrapper_86ooi {
31
+ .input-autocomplete__contentWrapper_5fx9y {
32
32
  font-size: 16px;
33
33
  line-height: 20px;
34
34
  font-weight: 400;
@@ -38,12 +38,12 @@
38
38
  overflow: hidden;
39
39
  width: 100%;
40
40
  }
41
- .input-autocomplete__value_86ooi {
41
+ .input-autocomplete__value_5fx9y {
42
42
  overflow: hidden;
43
43
  text-overflow: ellipsis;
44
44
  text-align: left;
45
45
  }
46
- .input-autocomplete__focusVisible_86ooi {
46
+ .input-autocomplete__focusVisible_5fx9y {
47
47
  outline: 2px solid var(--focus-color);
48
48
  outline-offset: 2px;
49
49
  }
package/modern/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1c528 */
1
+ /* hash: 1a0zp */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -11,13 +11,13 @@
11
11
  --gap-xs: 8px;
12
12
  --gap-m: 16px;
13
13
  }
14
- .input-autocomplete__bottomSheetInput_meg5r {
14
+ .input-autocomplete__bottomSheetInput_152dz {
15
15
  padding: 0 var(--gap-xs) var(--gap-xs);
16
16
  box-sizing: border-box;
17
17
  }
18
- .input-autocomplete__footer_meg5r {
18
+ .input-autocomplete__footer_152dz {
19
19
  display: flex
20
20
  }
21
- .input-autocomplete__footer_meg5r > button + button {
21
+ .input-autocomplete__footer_152dz > button + button {
22
22
  margin-left: var(--gap-m);
23
23
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-input-autocomplete",
3
- "version": "9.1.3",
3
+ "version": "9.1.4",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -20,7 +20,7 @@
20
20
  "@alfalab/core-components-button": "^7.0.1",
21
21
  "@alfalab/core-components-form-control": "^9.0.1",
22
22
  "@alfalab/core-components-input": "^11.1.0",
23
- "@alfalab/core-components-select": "^13.2.0",
23
+ "@alfalab/core-components-select": "^13.2.1",
24
24
  "@alfalab/hooks": "^1.4.1",
25
25
  "classnames": "^2.3.1",
26
26
  "lodash.throttle": "^4.1.1",