@alfalab/core-components-input-autocomplete 9.3.3 → 9.3.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.
- package/Component-7ca84eff.d.ts +2 -2
- package/Component.desktop.js +1 -1
- package/Component.mobile.js +2 -2
- package/Component.responsive.js +1 -1
- package/autocomplete-field/Component.js +2 -2
- package/autocomplete-field/index.css +2 -2
- package/autocomplete-field/index.js +1 -1
- package/autocomplete-mobile-field/Component.js +2 -2
- package/autocomplete-mobile-field/index.css +8 -8
- package/autocomplete-mobile-field/index.js +1 -1
- package/cssm/Component-7ca84eff.d.ts +2 -2
- package/desktop.js +1 -1
- package/esm/Component-7ca84eff.d.ts +2 -2
- package/esm/Component.desktop.js +1 -1
- package/esm/Component.mobile.js +2 -2
- package/esm/Component.responsive.js +1 -1
- package/esm/autocomplete-field/Component.js +2 -2
- package/esm/autocomplete-field/index.css +2 -2
- package/esm/autocomplete-field/index.js +1 -1
- package/esm/autocomplete-mobile-field/Component.js +2 -2
- package/esm/autocomplete-mobile-field/index.css +8 -8
- package/esm/autocomplete-mobile-field/index.js +1 -1
- package/esm/desktop.js +1 -1
- package/esm/index.js +1 -1
- package/esm/mobile.css +4 -4
- package/esm/mobile.js +1 -1
- package/esm/responsive.js +1 -1
- package/esm/{tslib.es6-f4a47774.d.ts → tslib.es6-f2befdfc.d.ts} +0 -0
- package/esm/{tslib.es6-f4a47774.js → tslib.es6-f2befdfc.js} +0 -0
- package/index.js +1 -1
- package/mobile.css +4 -4
- package/mobile.js +1 -1
- package/modern/Component-7ca84eff.d.ts +2 -2
- package/modern/Component.mobile.js +1 -1
- package/modern/autocomplete-field/Component.js +1 -1
- package/modern/autocomplete-field/index.css +2 -2
- package/modern/autocomplete-mobile-field/Component.js +1 -1
- package/modern/autocomplete-mobile-field/index.css +8 -8
- package/modern/mobile.css +4 -4
- package/package.json +4 -4
- package/responsive.js +1 -1
- /package/{tslib.es6-e22c676b.d.ts → tslib.es6-063ae0c4.d.ts} +0 -0
- /package/{tslib.es6-e22c676b.js → tslib.es6-063ae0c4.js} +0 -0
package/Component-7ca84eff.d.ts
CHANGED
|
@@ -68,7 +68,7 @@ type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
|
|
|
68
68
|
type NativeProps = HTMLAttributes<HTMLSpanElement>;
|
|
69
69
|
type TextBaseProps = {
|
|
70
70
|
/**
|
|
71
|
-
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs
|
|
71
|
+
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
|
|
72
72
|
*/
|
|
73
73
|
view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
|
|
74
74
|
/**
|
|
@@ -116,7 +116,7 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
|
|
|
116
116
|
*/
|
|
117
117
|
tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
|
|
118
118
|
/**
|
|
119
|
-
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs
|
|
119
|
+
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
|
|
120
120
|
*/
|
|
121
121
|
view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
|
|
122
122
|
/**
|
package/Component.desktop.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var tslib_es6 = require('./tslib.es6-
|
|
3
|
+
var tslib_es6 = require('./tslib.es6-063ae0c4.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var coreComponentsSelect = require('@alfalab/core-components-select');
|
|
6
6
|
var autocompleteField_Component = require('./autocomplete-field/Component.js');
|
package/Component.mobile.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var tslib_es6 = require('./tslib.es6-
|
|
3
|
+
var tslib_es6 = require('./tslib.es6-063ae0c4.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var mergeRefs = require('react-merge-refs');
|
|
6
6
|
var cn = require('classnames');
|
|
@@ -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-
|
|
22
|
+
var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_ukk5x","footer":"input-autocomplete__footer_ukk5x"};
|
|
23
23
|
require('./mobile.css')
|
|
24
24
|
|
|
25
25
|
var SELECTED = [];
|
package/Component.responsive.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var tslib_es6 = require('../tslib.es6-
|
|
3
|
+
var tslib_es6 = require('../tslib.es6-063ae0c4.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var mergeRefs = require('react-merge-refs');
|
|
6
6
|
var cn = require('classnames');
|
|
@@ -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-
|
|
15
|
+
var styles = {"arrow":"input-autocomplete__arrow_s3vzt","error":"input-autocomplete__error_s3vzt"};
|
|
16
16
|
require('./index.css')
|
|
17
17
|
|
|
18
18
|
var AutocompleteField = function (_a) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var tslib_es6 = require('../tslib.es6-
|
|
3
|
+
var tslib_es6 = require('../tslib.es6-063ae0c4.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var cn = require('classnames');
|
|
6
6
|
var coreComponentsFormControl = require('@alfalab/core-components-form-control');
|
|
@@ -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-
|
|
14
|
+
var styles = {"component":"input-autocomplete__component_koc3","field":"input-autocomplete__field_koc3","disabled":"input-autocomplete__disabled_koc3","placeholder":"input-autocomplete__placeholder_koc3","contentWrapper":"input-autocomplete__contentWrapper_koc3","value":"input-autocomplete__value_koc3","focusVisible":"input-autocomplete__focusVisible_koc3"};
|
|
15
15
|
require('./index.css')
|
|
16
16
|
|
|
17
17
|
var AutocompleteMobileField = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1dkfd */
|
|
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-
|
|
18
|
+
.input-autocomplete__component_koc3 {
|
|
19
19
|
width: 100%;
|
|
20
20
|
outline: none;
|
|
21
21
|
}
|
|
22
|
-
.input-
|
|
22
|
+
.input-autocomplete__field_koc3:not(.input-autocomplete__disabled_koc3) {
|
|
23
23
|
cursor: pointer;
|
|
24
24
|
}
|
|
25
|
-
.input-
|
|
25
|
+
.input-autocomplete__disabled_koc3 {
|
|
26
26
|
cursor: var(--disabled-cursor);
|
|
27
27
|
}
|
|
28
|
-
.input-
|
|
28
|
+
.input-autocomplete__placeholder_koc3 {
|
|
29
29
|
color: var(--color-light-text-secondary);
|
|
30
30
|
}
|
|
31
|
-
.input-
|
|
31
|
+
.input-autocomplete__contentWrapper_koc3 {
|
|
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-
|
|
41
|
+
.input-autocomplete__value_koc3 {
|
|
42
42
|
overflow: hidden;
|
|
43
43
|
text-overflow: ellipsis;
|
|
44
44
|
text-align: left;
|
|
45
45
|
}
|
|
46
|
-
.input-
|
|
46
|
+
.input-autocomplete__focusVisible_koc3 {
|
|
47
47
|
outline: 2px solid var(--focus-color);
|
|
48
48
|
outline-offset: 2px;
|
|
49
49
|
}
|
|
@@ -68,7 +68,7 @@ type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
|
|
|
68
68
|
type NativeProps = HTMLAttributes<HTMLSpanElement>;
|
|
69
69
|
type TextBaseProps = {
|
|
70
70
|
/**
|
|
71
|
-
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs
|
|
71
|
+
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
|
|
72
72
|
*/
|
|
73
73
|
view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
|
|
74
74
|
/**
|
|
@@ -116,7 +116,7 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
|
|
|
116
116
|
*/
|
|
117
117
|
tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
|
|
118
118
|
/**
|
|
119
|
-
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs
|
|
119
|
+
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
|
|
120
120
|
*/
|
|
121
121
|
view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
|
|
122
122
|
/**
|
package/desktop.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var Component_desktop = require('./Component.desktop.js');
|
|
4
|
-
require('./tslib.es6-
|
|
4
|
+
require('./tslib.es6-063ae0c4.js');
|
|
5
5
|
require('react');
|
|
6
6
|
require('@alfalab/core-components-select');
|
|
7
7
|
require('./autocomplete-field/Component.js');
|
|
@@ -68,7 +68,7 @@ type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
|
|
|
68
68
|
type NativeProps = HTMLAttributes<HTMLSpanElement>;
|
|
69
69
|
type TextBaseProps = {
|
|
70
70
|
/**
|
|
71
|
-
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs
|
|
71
|
+
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
|
|
72
72
|
*/
|
|
73
73
|
view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
|
|
74
74
|
/**
|
|
@@ -116,7 +116,7 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
|
|
|
116
116
|
*/
|
|
117
117
|
tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
|
|
118
118
|
/**
|
|
119
|
-
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs
|
|
119
|
+
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
|
|
120
120
|
*/
|
|
121
121
|
view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
|
|
122
122
|
/**
|
package/esm/Component.desktop.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as __rest, a as __assign } from './tslib.es6-
|
|
1
|
+
import { _ as __rest, a as __assign } from './tslib.es6-f2befdfc.js';
|
|
2
2
|
import React, { forwardRef } from 'react';
|
|
3
3
|
import { BaseSelect, OptionsList, Optgroup, Option } from '@alfalab/core-components-select/esm';
|
|
4
4
|
import { AutocompleteField } from './autocomplete-field/Component.js';
|
package/esm/Component.mobile.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as __rest, a as __assign } from './tslib.es6-
|
|
1
|
+
import { _ as __rest, a as __assign } from './tslib.es6-f2befdfc.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 { 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-
|
|
13
|
+
var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_ukk5x","footer":"input-autocomplete__footer_ukk5x"};
|
|
14
14
|
require('./mobile.css')
|
|
15
15
|
|
|
16
16
|
var SELECTED = [];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as __rest, a as __assign } from './tslib.es6-
|
|
1
|
+
import { _ as __rest, a as __assign } from './tslib.es6-f2befdfc.js';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { useMedia } from '@alfalab/hooks';
|
|
4
4
|
import { InputAutocompleteDesktop } from './Component.desktop.js';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { a as __assign } from '../tslib.es6-
|
|
1
|
+
import { a as __assign } from '../tslib.es6-f2befdfc.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-
|
|
7
|
+
var styles = {"arrow":"input-autocomplete__arrow_s3vzt","error":"input-autocomplete__error_s3vzt"};
|
|
8
8
|
require('./index.css')
|
|
9
9
|
|
|
10
10
|
var AutocompleteField = function (_a) {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { _ as __rest, a as __assign } from '../tslib.es6-
|
|
1
|
+
import { _ as __rest, a as __assign } from '../tslib.es6-f2befdfc.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-
|
|
7
|
+
var styles = {"component":"input-autocomplete__component_koc3","field":"input-autocomplete__field_koc3","disabled":"input-autocomplete__disabled_koc3","placeholder":"input-autocomplete__placeholder_koc3","contentWrapper":"input-autocomplete__contentWrapper_koc3","value":"input-autocomplete__value_koc3","focusVisible":"input-autocomplete__focusVisible_koc3"};
|
|
8
8
|
require('./index.css')
|
|
9
9
|
|
|
10
10
|
var AutocompleteMobileField = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1dkfd */
|
|
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-
|
|
18
|
+
.input-autocomplete__component_koc3 {
|
|
19
19
|
width: 100%;
|
|
20
20
|
outline: none;
|
|
21
21
|
}
|
|
22
|
-
.input-
|
|
22
|
+
.input-autocomplete__field_koc3:not(.input-autocomplete__disabled_koc3) {
|
|
23
23
|
cursor: pointer;
|
|
24
24
|
}
|
|
25
|
-
.input-
|
|
25
|
+
.input-autocomplete__disabled_koc3 {
|
|
26
26
|
cursor: var(--disabled-cursor);
|
|
27
27
|
}
|
|
28
|
-
.input-
|
|
28
|
+
.input-autocomplete__placeholder_koc3 {
|
|
29
29
|
color: var(--color-light-text-secondary);
|
|
30
30
|
}
|
|
31
|
-
.input-
|
|
31
|
+
.input-autocomplete__contentWrapper_koc3 {
|
|
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-
|
|
41
|
+
.input-autocomplete__value_koc3 {
|
|
42
42
|
overflow: hidden;
|
|
43
43
|
text-overflow: ellipsis;
|
|
44
44
|
text-align: left;
|
|
45
45
|
}
|
|
46
|
-
.input-
|
|
46
|
+
.input-autocomplete__focusVisible_koc3 {
|
|
47
47
|
outline: 2px solid var(--focus-color);
|
|
48
48
|
outline-offset: 2px;
|
|
49
49
|
}
|
package/esm/desktop.js
CHANGED
package/esm/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { InputAutocompleteDesktop as InputAutocomplete } from './Component.desktop.js';
|
|
2
2
|
export { InputAutocompleteResponsive } from './Component.responsive.js';
|
|
3
|
-
import './tslib.es6-
|
|
3
|
+
import './tslib.es6-f2befdfc.js';
|
|
4
4
|
import 'react';
|
|
5
5
|
import '@alfalab/core-components-select/esm';
|
|
6
6
|
import './autocomplete-field/Component.js';
|
package/esm/mobile.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: nivdk */
|
|
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-
|
|
14
|
+
.input-autocomplete__bottomSheetInput_ukk5x {
|
|
15
15
|
padding: 0 var(--gap-xs) var(--gap-xs);
|
|
16
16
|
box-sizing: border-box;
|
|
17
17
|
}
|
|
18
|
-
.input-
|
|
18
|
+
.input-autocomplete__footer_ukk5x {
|
|
19
19
|
display: flex
|
|
20
20
|
}
|
|
21
|
-
.input-
|
|
21
|
+
.input-autocomplete__footer_ukk5x > button + button {
|
|
22
22
|
margin-left: var(--gap-m);
|
|
23
23
|
}
|
package/esm/mobile.js
CHANGED
package/esm/responsive.js
CHANGED
|
File without changes
|
|
File without changes
|
package/index.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var Component_desktop = require('./Component.desktop.js');
|
|
4
4
|
var Component_responsive = require('./Component.responsive.js');
|
|
5
|
-
require('./tslib.es6-
|
|
5
|
+
require('./tslib.es6-063ae0c4.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('@alfalab/core-components-select');
|
|
8
8
|
require('./autocomplete-field/Component.js');
|
package/mobile.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: nivdk */
|
|
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-
|
|
14
|
+
.input-autocomplete__bottomSheetInput_ukk5x {
|
|
15
15
|
padding: 0 var(--gap-xs) var(--gap-xs);
|
|
16
16
|
box-sizing: border-box;
|
|
17
17
|
}
|
|
18
|
-
.input-
|
|
18
|
+
.input-autocomplete__footer_ukk5x {
|
|
19
19
|
display: flex
|
|
20
20
|
}
|
|
21
|
-
.input-
|
|
21
|
+
.input-autocomplete__footer_ukk5x > button + button {
|
|
22
22
|
margin-left: var(--gap-m);
|
|
23
23
|
}
|
package/mobile.js
CHANGED
|
@@ -68,7 +68,7 @@ type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
|
|
|
68
68
|
type NativeProps = HTMLAttributes<HTMLSpanElement>;
|
|
69
69
|
type TextBaseProps = {
|
|
70
70
|
/**
|
|
71
|
-
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs
|
|
71
|
+
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
|
|
72
72
|
*/
|
|
73
73
|
view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
|
|
74
74
|
/**
|
|
@@ -116,7 +116,7 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
|
|
|
116
116
|
*/
|
|
117
117
|
tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
|
|
118
118
|
/**
|
|
119
|
-
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs
|
|
119
|
+
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
|
|
120
120
|
*/
|
|
121
121
|
view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
|
|
122
122
|
/**
|
|
@@ -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-
|
|
12
|
+
const styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_ukk5x","footer":"input-autocomplete__footer_ukk5x"};
|
|
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
|
-
const styles = {"arrow":"input-
|
|
6
|
+
const styles = {"arrow":"input-autocomplete__arrow_s3vzt","error":"input-autocomplete__error_s3vzt"};
|
|
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, }) => {
|
|
@@ -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-
|
|
6
|
+
const styles = {"component":"input-autocomplete__component_koc3","field":"input-autocomplete__field_koc3","disabled":"input-autocomplete__disabled_koc3","placeholder":"input-autocomplete__placeholder_koc3","contentWrapper":"input-autocomplete__contentWrapper_koc3","value":"input-autocomplete__value_koc3","focusVisible":"input-autocomplete__focusVisible_koc3"};
|
|
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:
|
|
1
|
+
/* hash: 1dkfd */
|
|
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-
|
|
18
|
+
.input-autocomplete__component_koc3 {
|
|
19
19
|
width: 100%;
|
|
20
20
|
outline: none;
|
|
21
21
|
}
|
|
22
|
-
.input-
|
|
22
|
+
.input-autocomplete__field_koc3:not(.input-autocomplete__disabled_koc3) {
|
|
23
23
|
cursor: pointer;
|
|
24
24
|
}
|
|
25
|
-
.input-
|
|
25
|
+
.input-autocomplete__disabled_koc3 {
|
|
26
26
|
cursor: var(--disabled-cursor);
|
|
27
27
|
}
|
|
28
|
-
.input-
|
|
28
|
+
.input-autocomplete__placeholder_koc3 {
|
|
29
29
|
color: var(--color-light-text-secondary);
|
|
30
30
|
}
|
|
31
|
-
.input-
|
|
31
|
+
.input-autocomplete__contentWrapper_koc3 {
|
|
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-
|
|
41
|
+
.input-autocomplete__value_koc3 {
|
|
42
42
|
overflow: hidden;
|
|
43
43
|
text-overflow: ellipsis;
|
|
44
44
|
text-align: left;
|
|
45
45
|
}
|
|
46
|
-
.input-
|
|
46
|
+
.input-autocomplete__focusVisible_koc3 {
|
|
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:
|
|
1
|
+
/* hash: nivdk */
|
|
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-
|
|
14
|
+
.input-autocomplete__bottomSheetInput_ukk5x {
|
|
15
15
|
padding: 0 var(--gap-xs) var(--gap-xs);
|
|
16
16
|
box-sizing: border-box;
|
|
17
17
|
}
|
|
18
|
-
.input-
|
|
18
|
+
.input-autocomplete__footer_ukk5x {
|
|
19
19
|
display: flex
|
|
20
20
|
}
|
|
21
|
-
.input-
|
|
21
|
+
.input-autocomplete__footer_ukk5x > 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.3.
|
|
3
|
+
"version": "9.3.4",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -17,10 +17,10 @@
|
|
|
17
17
|
"react": "^16.9.0 || ^17.0.1 || ^18.0.0"
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@alfalab/core-components-button": "^7.0.
|
|
20
|
+
"@alfalab/core-components-button": "^7.0.3",
|
|
21
21
|
"@alfalab/core-components-form-control": "^9.0.2",
|
|
22
|
-
"@alfalab/core-components-input": "^11.1.
|
|
23
|
-
"@alfalab/core-components-select": "^13.2.
|
|
22
|
+
"@alfalab/core-components-input": "^11.1.4",
|
|
23
|
+
"@alfalab/core-components-select": "^13.2.7",
|
|
24
24
|
"@alfalab/hooks": "^1.4.1",
|
|
25
25
|
"classnames": "^2.3.1",
|
|
26
26
|
"lodash.throttle": "^4.1.1",
|
package/responsive.js
CHANGED
|
File without changes
|
|
File without changes
|