@alfalab/core-components-input-autocomplete 9.3.4 → 9.3.6
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 +8 -0
- package/Component.desktop.d.ts +4 -4
- 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 +16 -19
- package/autocomplete-mobile-field/index.js +1 -1
- package/cssm/Component-7ca84eff.d.ts +8 -0
- package/cssm/autocomplete-mobile-field/index.module.css +15 -18
- package/cssm/index-7ca84eff.d.ts +8 -1
- package/cssm/mobile.module.css +11 -8
- package/desktop.js +1 -1
- package/esm/Component-7ca84eff.d.ts +8 -0
- 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 +16 -19
- package/esm/autocomplete-mobile-field/index.js +1 -1
- package/esm/desktop.js +1 -1
- package/esm/index-7ca84eff.d.ts +8 -1
- package/esm/index.js +1 -1
- package/esm/mobile.css +12 -9
- package/esm/mobile.js +1 -1
- package/esm/responsive.js +1 -1
- package/esm/{tslib.es6-f2befdfc.d.ts → tslib.es6-84ebe3aa.d.ts} +0 -0
- package/esm/{tslib.es6-f2befdfc.js → tslib.es6-84ebe3aa.js} +0 -0
- package/index-7ca84eff.d.ts +8 -1
- package/index.js +1 -1
- package/mobile.css +12 -9
- package/mobile.js +1 -1
- package/modern/Component-7ca84eff.d.ts +8 -0
- 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 +16 -19
- package/modern/index-7ca84eff.d.ts +8 -1
- package/modern/mobile.css +12 -9
- package/package.json +2 -2
- package/responsive.js +1 -1
- /package/{tslib.es6-063ae0c4.d.ts → tslib.es6-3c9168a4.d.ts} +0 -0
- /package/{tslib.es6-063ae0c4.js → tslib.es6-3c9168a4.js} +0 -0
package/Component-7ca84eff.d.ts
CHANGED
|
@@ -103,6 +103,10 @@ type TextBaseProps = {
|
|
|
103
103
|
* Добавляет отступы к тэгу 'p'
|
|
104
104
|
*/
|
|
105
105
|
defaultMargins?: never;
|
|
106
|
+
/**
|
|
107
|
+
* Количество строк (не поддерживает IE)
|
|
108
|
+
*/
|
|
109
|
+
rowLimit?: 1 | 2 | 3;
|
|
106
110
|
};
|
|
107
111
|
type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
|
|
108
112
|
tag?: "p";
|
|
@@ -147,6 +151,10 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
|
|
|
147
151
|
* Контент (native prop)
|
|
148
152
|
*/
|
|
149
153
|
children?: React.ReactNode;
|
|
154
|
+
/**
|
|
155
|
+
* Количество строк (не поддерживает IE)
|
|
156
|
+
*/
|
|
157
|
+
rowLimit?: 1 | 2 | 3;
|
|
150
158
|
};
|
|
151
159
|
type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
|
|
152
160
|
declare const Typography: {
|
package/Component.desktop.d.ts
CHANGED
|
@@ -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>, "
|
|
40
|
+
Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "defaultValue" | "onChange" | "size" | "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" | "
|
|
52
|
+
type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | 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>, "
|
|
76
|
+
inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "defaultValue" | "onChange" | "size" | "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" | "
|
|
88
|
+
type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
|
|
89
89
|
wrapperRef?: React.Ref<HTMLDivElement> | undefined;
|
|
90
90
|
leftAddons?: React.ReactNode;
|
|
91
91
|
rightAddons?: React.ReactNode;
|
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-3c9168a4.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-3c9168a4.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_19pq9","footer":"input-autocomplete__footer_19pq9"};
|
|
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-3c9168a4.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_17923","error":"input-autocomplete__error_17923"};
|
|
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-3c9168a4.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_143xn","field":"input-autocomplete__field_143xn","disabled":"input-autocomplete__disabled_143xn","placeholder":"input-autocomplete__placeholder_143xn","contentWrapper":"input-autocomplete__contentWrapper_143xn","value":"input-autocomplete__value_143xn","focusVisible":"input-autocomplete__focusVisible_143xn"};
|
|
15
15
|
require('./index.css')
|
|
16
16
|
|
|
17
17
|
var AutocompleteMobileField = function (_a) {
|
|
@@ -1,34 +1,33 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1k9e5 */
|
|
2
2
|
:root {
|
|
3
|
+
} /* deprecated */ :root {
|
|
3
4
|
--color-light-border-link: #007aff;
|
|
4
5
|
--color-light-text-secondary: rgba(11, 31, 53, 0.7);
|
|
5
|
-
}
|
|
6
|
-
:root {
|
|
6
|
+
} :root {
|
|
7
|
+
} :root {
|
|
8
|
+
} :root {
|
|
7
9
|
|
|
8
10
|
/* Hard */
|
|
9
11
|
|
|
10
12
|
/* Up */
|
|
11
13
|
|
|
12
14
|
/* Hard up */
|
|
13
|
-
}
|
|
14
|
-
:root {
|
|
15
|
+
} :root {
|
|
16
|
+
} :root {
|
|
17
|
+
} :root {
|
|
18
|
+
} :root {
|
|
15
19
|
--focus-color: var(--color-light-border-link);
|
|
16
20
|
--disabled-cursor: not-allowed;
|
|
17
|
-
}
|
|
18
|
-
.input-autocomplete__component_koc3 {
|
|
21
|
+
} .input-autocomplete__component_143xn {
|
|
19
22
|
width: 100%;
|
|
20
23
|
outline: none;
|
|
21
|
-
}
|
|
22
|
-
.input-autocomplete__field_koc3:not(.input-autocomplete__disabled_koc3) {
|
|
24
|
+
} .input-autocomplete__field_143xn:not(.input-autocomplete__disabled_143xn) {
|
|
23
25
|
cursor: pointer;
|
|
24
|
-
}
|
|
25
|
-
.input-autocomplete__disabled_koc3 {
|
|
26
|
+
} .input-autocomplete__disabled_143xn {
|
|
26
27
|
cursor: var(--disabled-cursor);
|
|
27
|
-
}
|
|
28
|
-
.input-autocomplete__placeholder_koc3 {
|
|
28
|
+
} .input-autocomplete__placeholder_143xn {
|
|
29
29
|
color: var(--color-light-text-secondary);
|
|
30
|
-
}
|
|
31
|
-
.input-autocomplete__contentWrapper_koc3 {
|
|
30
|
+
} .input-autocomplete__contentWrapper_143xn {
|
|
32
31
|
font-size: 16px;
|
|
33
32
|
line-height: 20px;
|
|
34
33
|
font-weight: 400;
|
|
@@ -37,13 +36,11 @@
|
|
|
37
36
|
text-overflow: ellipsis;
|
|
38
37
|
overflow: hidden;
|
|
39
38
|
width: 100%;
|
|
40
|
-
}
|
|
41
|
-
.input-autocomplete__value_koc3 {
|
|
39
|
+
} .input-autocomplete__value_143xn {
|
|
42
40
|
overflow: hidden;
|
|
43
41
|
text-overflow: ellipsis;
|
|
44
42
|
text-align: left;
|
|
45
|
-
}
|
|
46
|
-
.input-autocomplete__focusVisible_koc3 {
|
|
43
|
+
} .input-autocomplete__focusVisible_143xn {
|
|
47
44
|
outline: 2px solid var(--focus-color);
|
|
48
45
|
outline-offset: 2px;
|
|
49
46
|
}
|
|
@@ -103,6 +103,10 @@ type TextBaseProps = {
|
|
|
103
103
|
* Добавляет отступы к тэгу 'p'
|
|
104
104
|
*/
|
|
105
105
|
defaultMargins?: never;
|
|
106
|
+
/**
|
|
107
|
+
* Количество строк (не поддерживает IE)
|
|
108
|
+
*/
|
|
109
|
+
rowLimit?: 1 | 2 | 3;
|
|
106
110
|
};
|
|
107
111
|
type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
|
|
108
112
|
tag?: "p";
|
|
@@ -147,6 +151,10 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
|
|
|
147
151
|
* Контент (native prop)
|
|
148
152
|
*/
|
|
149
153
|
children?: React.ReactNode;
|
|
154
|
+
/**
|
|
155
|
+
* Количество строк (не поддерживает IE)
|
|
156
|
+
*/
|
|
157
|
+
rowLimit?: 1 | 2 | 3;
|
|
150
158
|
};
|
|
151
159
|
type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
|
|
152
160
|
declare const Typography: {
|
|
@@ -1,33 +1,32 @@
|
|
|
1
1
|
:root {
|
|
2
|
+
} /* deprecated */ :root {
|
|
2
3
|
--color-light-border-link: #007aff;
|
|
3
4
|
--color-light-text-secondary: rgba(11, 31, 53, 0.7);
|
|
4
|
-
}
|
|
5
|
-
:root {
|
|
5
|
+
} :root {
|
|
6
|
+
} :root {
|
|
7
|
+
} :root {
|
|
6
8
|
|
|
7
9
|
/* Hard */
|
|
8
10
|
|
|
9
11
|
/* Up */
|
|
10
12
|
|
|
11
13
|
/* Hard up */
|
|
12
|
-
}
|
|
13
|
-
:root {
|
|
14
|
+
} :root {
|
|
15
|
+
} :root {
|
|
16
|
+
} :root {
|
|
17
|
+
} :root {
|
|
14
18
|
--focus-color: var(--color-light-border-link);
|
|
15
19
|
--disabled-cursor: not-allowed;
|
|
16
|
-
}
|
|
17
|
-
.component {
|
|
20
|
+
} .component {
|
|
18
21
|
width: 100%;
|
|
19
22
|
outline: none;
|
|
20
|
-
}
|
|
21
|
-
.field:not(.disabled) {
|
|
23
|
+
} .field:not(.disabled) {
|
|
22
24
|
cursor: pointer;
|
|
23
|
-
}
|
|
24
|
-
.disabled {
|
|
25
|
+
} .disabled {
|
|
25
26
|
cursor: var(--disabled-cursor);
|
|
26
|
-
}
|
|
27
|
-
.placeholder {
|
|
27
|
+
} .placeholder {
|
|
28
28
|
color: var(--color-light-text-secondary);
|
|
29
|
-
}
|
|
30
|
-
.contentWrapper {
|
|
29
|
+
} .contentWrapper {
|
|
31
30
|
font-size: 16px;
|
|
32
31
|
line-height: 20px;
|
|
33
32
|
font-weight: 400;
|
|
@@ -36,13 +35,11 @@
|
|
|
36
35
|
text-overflow: ellipsis;
|
|
37
36
|
overflow: hidden;
|
|
38
37
|
width: 100%;
|
|
39
|
-
}
|
|
40
|
-
.value {
|
|
38
|
+
} .value {
|
|
41
39
|
overflow: hidden;
|
|
42
40
|
text-overflow: ellipsis;
|
|
43
41
|
text-align: left;
|
|
44
|
-
}
|
|
45
|
-
.focusVisible {
|
|
42
|
+
} .focusVisible {
|
|
46
43
|
outline: 2px solid var(--focus-color);
|
|
47
44
|
outline-offset: 2px;
|
|
48
45
|
}
|
package/cssm/index-7ca84eff.d.ts
CHANGED
|
@@ -24,6 +24,12 @@ type BottomSheetProps = {
|
|
|
24
24
|
* Кнопка действия (обычно, это кнопка закрытия)
|
|
25
25
|
*/
|
|
26
26
|
actionButton?: ReactNode;
|
|
27
|
+
/**
|
|
28
|
+
* Нода, компонент или функция возвращающая их
|
|
29
|
+
*
|
|
30
|
+
* Контейнер к которому будут добавляться порталы
|
|
31
|
+
*/
|
|
32
|
+
container?: BaseModalProps["container"];
|
|
27
33
|
/**
|
|
28
34
|
* Дополнительный класс
|
|
29
35
|
*/
|
|
@@ -178,6 +184,7 @@ type FooterProps = {
|
|
|
178
184
|
className?: string;
|
|
179
185
|
};
|
|
180
186
|
declare const Footer: FC<FooterProps>;
|
|
187
|
+
declare const isClient: () => boolean;
|
|
181
188
|
type SwipeableBackdropProps = BackdropProps & {
|
|
182
189
|
/**
|
|
183
190
|
* Прозрачность бэкдропа
|
|
@@ -193,5 +200,5 @@ type SwipeableBackdropProps = BackdropProps & {
|
|
|
193
200
|
opacityTimeout?: number;
|
|
194
201
|
};
|
|
195
202
|
declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
|
|
196
|
-
export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop };
|
|
203
|
+
export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, isClient, SwipeableBackdropProps, SwipeableBackdrop };
|
|
197
204
|
export * from "./getDataTestId-3fe0d3e6";
|
package/cssm/mobile.module.css
CHANGED
|
@@ -1,22 +1,25 @@
|
|
|
1
1
|
:root {
|
|
2
|
+
} /* deprecated */ :root {
|
|
3
|
+
} :root {
|
|
4
|
+
} :root {
|
|
5
|
+
} :root {
|
|
2
6
|
|
|
3
7
|
/* Hard */
|
|
4
8
|
|
|
5
9
|
/* Up */
|
|
6
10
|
|
|
7
11
|
/* Hard up */
|
|
8
|
-
}
|
|
9
|
-
:root {
|
|
12
|
+
} :root {
|
|
13
|
+
} :root {
|
|
10
14
|
--gap-xs: 8px;
|
|
11
15
|
--gap-m: 16px;
|
|
12
|
-
}
|
|
13
|
-
|
|
16
|
+
} :root {
|
|
17
|
+
} :root {
|
|
18
|
+
} .bottomSheetInput {
|
|
14
19
|
padding: 0 var(--gap-xs) var(--gap-xs);
|
|
15
20
|
box-sizing: border-box;
|
|
16
|
-
}
|
|
17
|
-
.footer {
|
|
21
|
+
} .footer {
|
|
18
22
|
display: flex
|
|
19
|
-
}
|
|
20
|
-
.footer > button + button {
|
|
23
|
+
} .footer > button + button {
|
|
21
24
|
margin-left: var(--gap-m);
|
|
22
25
|
}
|
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-3c9168a4.js');
|
|
5
5
|
require('react');
|
|
6
6
|
require('@alfalab/core-components-select');
|
|
7
7
|
require('./autocomplete-field/Component.js');
|
|
@@ -103,6 +103,10 @@ type TextBaseProps = {
|
|
|
103
103
|
* Добавляет отступы к тэгу 'p'
|
|
104
104
|
*/
|
|
105
105
|
defaultMargins?: never;
|
|
106
|
+
/**
|
|
107
|
+
* Количество строк (не поддерживает IE)
|
|
108
|
+
*/
|
|
109
|
+
rowLimit?: 1 | 2 | 3;
|
|
106
110
|
};
|
|
107
111
|
type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
|
|
108
112
|
tag?: "p";
|
|
@@ -147,6 +151,10 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
|
|
|
147
151
|
* Контент (native prop)
|
|
148
152
|
*/
|
|
149
153
|
children?: React.ReactNode;
|
|
154
|
+
/**
|
|
155
|
+
* Количество строк (не поддерживает IE)
|
|
156
|
+
*/
|
|
157
|
+
rowLimit?: 1 | 2 | 3;
|
|
150
158
|
};
|
|
151
159
|
type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
|
|
152
160
|
declare const Typography: {
|
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-84ebe3aa.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-84ebe3aa.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_19pq9","footer":"input-autocomplete__footer_19pq9"};
|
|
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-84ebe3aa.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-84ebe3aa.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_17923","error":"input-autocomplete__error_17923"};
|
|
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-84ebe3aa.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_143xn","field":"input-autocomplete__field_143xn","disabled":"input-autocomplete__disabled_143xn","placeholder":"input-autocomplete__placeholder_143xn","contentWrapper":"input-autocomplete__contentWrapper_143xn","value":"input-autocomplete__value_143xn","focusVisible":"input-autocomplete__focusVisible_143xn"};
|
|
8
8
|
require('./index.css')
|
|
9
9
|
|
|
10
10
|
var AutocompleteMobileField = function (_a) {
|
|
@@ -1,34 +1,33 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1k9e5 */
|
|
2
2
|
:root {
|
|
3
|
+
} /* deprecated */ :root {
|
|
3
4
|
--color-light-border-link: #007aff;
|
|
4
5
|
--color-light-text-secondary: rgba(11, 31, 53, 0.7);
|
|
5
|
-
}
|
|
6
|
-
:root {
|
|
6
|
+
} :root {
|
|
7
|
+
} :root {
|
|
8
|
+
} :root {
|
|
7
9
|
|
|
8
10
|
/* Hard */
|
|
9
11
|
|
|
10
12
|
/* Up */
|
|
11
13
|
|
|
12
14
|
/* Hard up */
|
|
13
|
-
}
|
|
14
|
-
:root {
|
|
15
|
+
} :root {
|
|
16
|
+
} :root {
|
|
17
|
+
} :root {
|
|
18
|
+
} :root {
|
|
15
19
|
--focus-color: var(--color-light-border-link);
|
|
16
20
|
--disabled-cursor: not-allowed;
|
|
17
|
-
}
|
|
18
|
-
.input-autocomplete__component_koc3 {
|
|
21
|
+
} .input-autocomplete__component_143xn {
|
|
19
22
|
width: 100%;
|
|
20
23
|
outline: none;
|
|
21
|
-
}
|
|
22
|
-
.input-autocomplete__field_koc3:not(.input-autocomplete__disabled_koc3) {
|
|
24
|
+
} .input-autocomplete__field_143xn:not(.input-autocomplete__disabled_143xn) {
|
|
23
25
|
cursor: pointer;
|
|
24
|
-
}
|
|
25
|
-
.input-autocomplete__disabled_koc3 {
|
|
26
|
+
} .input-autocomplete__disabled_143xn {
|
|
26
27
|
cursor: var(--disabled-cursor);
|
|
27
|
-
}
|
|
28
|
-
.input-autocomplete__placeholder_koc3 {
|
|
28
|
+
} .input-autocomplete__placeholder_143xn {
|
|
29
29
|
color: var(--color-light-text-secondary);
|
|
30
|
-
}
|
|
31
|
-
.input-autocomplete__contentWrapper_koc3 {
|
|
30
|
+
} .input-autocomplete__contentWrapper_143xn {
|
|
32
31
|
font-size: 16px;
|
|
33
32
|
line-height: 20px;
|
|
34
33
|
font-weight: 400;
|
|
@@ -37,13 +36,11 @@
|
|
|
37
36
|
text-overflow: ellipsis;
|
|
38
37
|
overflow: hidden;
|
|
39
38
|
width: 100%;
|
|
40
|
-
}
|
|
41
|
-
.input-autocomplete__value_koc3 {
|
|
39
|
+
} .input-autocomplete__value_143xn {
|
|
42
40
|
overflow: hidden;
|
|
43
41
|
text-overflow: ellipsis;
|
|
44
42
|
text-align: left;
|
|
45
|
-
}
|
|
46
|
-
.input-autocomplete__focusVisible_koc3 {
|
|
43
|
+
} .input-autocomplete__focusVisible_143xn {
|
|
47
44
|
outline: 2px solid var(--focus-color);
|
|
48
45
|
outline-offset: 2px;
|
|
49
46
|
}
|
package/esm/desktop.js
CHANGED
package/esm/index-7ca84eff.d.ts
CHANGED
|
@@ -24,6 +24,12 @@ type BottomSheetProps = {
|
|
|
24
24
|
* Кнопка действия (обычно, это кнопка закрытия)
|
|
25
25
|
*/
|
|
26
26
|
actionButton?: ReactNode;
|
|
27
|
+
/**
|
|
28
|
+
* Нода, компонент или функция возвращающая их
|
|
29
|
+
*
|
|
30
|
+
* Контейнер к которому будут добавляться порталы
|
|
31
|
+
*/
|
|
32
|
+
container?: BaseModalProps["container"];
|
|
27
33
|
/**
|
|
28
34
|
* Дополнительный класс
|
|
29
35
|
*/
|
|
@@ -178,6 +184,7 @@ type FooterProps = {
|
|
|
178
184
|
className?: string;
|
|
179
185
|
};
|
|
180
186
|
declare const Footer: FC<FooterProps>;
|
|
187
|
+
declare const isClient: () => boolean;
|
|
181
188
|
type SwipeableBackdropProps = BackdropProps & {
|
|
182
189
|
/**
|
|
183
190
|
* Прозрачность бэкдропа
|
|
@@ -193,5 +200,5 @@ type SwipeableBackdropProps = BackdropProps & {
|
|
|
193
200
|
opacityTimeout?: number;
|
|
194
201
|
};
|
|
195
202
|
declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
|
|
196
|
-
export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop };
|
|
203
|
+
export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, isClient, SwipeableBackdropProps, SwipeableBackdrop };
|
|
197
204
|
export * from "./getDataTestId-3fe0d3e6";
|
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-84ebe3aa.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,23 +1,26 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 134cl */
|
|
2
2
|
:root {
|
|
3
|
+
} /* deprecated */ :root {
|
|
4
|
+
} :root {
|
|
5
|
+
} :root {
|
|
6
|
+
} :root {
|
|
3
7
|
|
|
4
8
|
/* Hard */
|
|
5
9
|
|
|
6
10
|
/* Up */
|
|
7
11
|
|
|
8
12
|
/* Hard up */
|
|
9
|
-
}
|
|
10
|
-
:root {
|
|
13
|
+
} :root {
|
|
14
|
+
} :root {
|
|
11
15
|
--gap-xs: 8px;
|
|
12
16
|
--gap-m: 16px;
|
|
13
|
-
}
|
|
14
|
-
|
|
17
|
+
} :root {
|
|
18
|
+
} :root {
|
|
19
|
+
} .input-autocomplete__bottomSheetInput_19pq9 {
|
|
15
20
|
padding: 0 var(--gap-xs) var(--gap-xs);
|
|
16
21
|
box-sizing: border-box;
|
|
17
|
-
}
|
|
18
|
-
.input-autocomplete__footer_ukk5x {
|
|
22
|
+
} .input-autocomplete__footer_19pq9 {
|
|
19
23
|
display: flex
|
|
20
|
-
}
|
|
21
|
-
.input-autocomplete__footer_ukk5x > button + button {
|
|
24
|
+
} .input-autocomplete__footer_19pq9 > button + button {
|
|
22
25
|
margin-left: var(--gap-m);
|
|
23
26
|
}
|
package/esm/mobile.js
CHANGED
package/esm/responsive.js
CHANGED
|
File without changes
|
|
File without changes
|
package/index-7ca84eff.d.ts
CHANGED
|
@@ -24,6 +24,12 @@ type BottomSheetProps = {
|
|
|
24
24
|
* Кнопка действия (обычно, это кнопка закрытия)
|
|
25
25
|
*/
|
|
26
26
|
actionButton?: ReactNode;
|
|
27
|
+
/**
|
|
28
|
+
* Нода, компонент или функция возвращающая их
|
|
29
|
+
*
|
|
30
|
+
* Контейнер к которому будут добавляться порталы
|
|
31
|
+
*/
|
|
32
|
+
container?: BaseModalProps["container"];
|
|
27
33
|
/**
|
|
28
34
|
* Дополнительный класс
|
|
29
35
|
*/
|
|
@@ -178,6 +184,7 @@ type FooterProps = {
|
|
|
178
184
|
className?: string;
|
|
179
185
|
};
|
|
180
186
|
declare const Footer: FC<FooterProps>;
|
|
187
|
+
declare const isClient: () => boolean;
|
|
181
188
|
type SwipeableBackdropProps = BackdropProps & {
|
|
182
189
|
/**
|
|
183
190
|
* Прозрачность бэкдропа
|
|
@@ -193,5 +200,5 @@ type SwipeableBackdropProps = BackdropProps & {
|
|
|
193
200
|
opacityTimeout?: number;
|
|
194
201
|
};
|
|
195
202
|
declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
|
|
196
|
-
export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop };
|
|
203
|
+
export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, isClient, SwipeableBackdropProps, SwipeableBackdrop };
|
|
197
204
|
export * from "./getDataTestId-3fe0d3e6";
|
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-3c9168a4.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('@alfalab/core-components-select');
|
|
8
8
|
require('./autocomplete-field/Component.js');
|
package/mobile.css
CHANGED
|
@@ -1,23 +1,26 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 134cl */
|
|
2
2
|
:root {
|
|
3
|
+
} /* deprecated */ :root {
|
|
4
|
+
} :root {
|
|
5
|
+
} :root {
|
|
6
|
+
} :root {
|
|
3
7
|
|
|
4
8
|
/* Hard */
|
|
5
9
|
|
|
6
10
|
/* Up */
|
|
7
11
|
|
|
8
12
|
/* Hard up */
|
|
9
|
-
}
|
|
10
|
-
:root {
|
|
13
|
+
} :root {
|
|
14
|
+
} :root {
|
|
11
15
|
--gap-xs: 8px;
|
|
12
16
|
--gap-m: 16px;
|
|
13
|
-
}
|
|
14
|
-
|
|
17
|
+
} :root {
|
|
18
|
+
} :root {
|
|
19
|
+
} .input-autocomplete__bottomSheetInput_19pq9 {
|
|
15
20
|
padding: 0 var(--gap-xs) var(--gap-xs);
|
|
16
21
|
box-sizing: border-box;
|
|
17
|
-
}
|
|
18
|
-
.input-autocomplete__footer_ukk5x {
|
|
22
|
+
} .input-autocomplete__footer_19pq9 {
|
|
19
23
|
display: flex
|
|
20
|
-
}
|
|
21
|
-
.input-autocomplete__footer_ukk5x > button + button {
|
|
24
|
+
} .input-autocomplete__footer_19pq9 > button + button {
|
|
22
25
|
margin-left: var(--gap-m);
|
|
23
26
|
}
|
package/mobile.js
CHANGED
|
@@ -103,6 +103,10 @@ type TextBaseProps = {
|
|
|
103
103
|
* Добавляет отступы к тэгу 'p'
|
|
104
104
|
*/
|
|
105
105
|
defaultMargins?: never;
|
|
106
|
+
/**
|
|
107
|
+
* Количество строк (не поддерживает IE)
|
|
108
|
+
*/
|
|
109
|
+
rowLimit?: 1 | 2 | 3;
|
|
106
110
|
};
|
|
107
111
|
type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
|
|
108
112
|
tag?: "p";
|
|
@@ -147,6 +151,10 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
|
|
|
147
151
|
* Контент (native prop)
|
|
148
152
|
*/
|
|
149
153
|
children?: React.ReactNode;
|
|
154
|
+
/**
|
|
155
|
+
* Количество строк (не поддерживает IE)
|
|
156
|
+
*/
|
|
157
|
+
rowLimit?: 1 | 2 | 3;
|
|
150
158
|
};
|
|
151
159
|
type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
|
|
152
160
|
declare const Typography: {
|
|
@@ -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_19pq9","footer":"input-autocomplete__footer_19pq9"};
|
|
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_17923","error":"input-autocomplete__error_17923"};
|
|
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_143xn","field":"input-autocomplete__field_143xn","disabled":"input-autocomplete__disabled_143xn","placeholder":"input-autocomplete__placeholder_143xn","contentWrapper":"input-autocomplete__contentWrapper_143xn","value":"input-autocomplete__value_143xn","focusVisible":"input-autocomplete__focusVisible_143xn"};
|
|
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,34 +1,33 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1k9e5 */
|
|
2
2
|
:root {
|
|
3
|
+
} /* deprecated */ :root {
|
|
3
4
|
--color-light-border-link: #007aff;
|
|
4
5
|
--color-light-text-secondary: rgba(11, 31, 53, 0.7);
|
|
5
|
-
}
|
|
6
|
-
:root {
|
|
6
|
+
} :root {
|
|
7
|
+
} :root {
|
|
8
|
+
} :root {
|
|
7
9
|
|
|
8
10
|
/* Hard */
|
|
9
11
|
|
|
10
12
|
/* Up */
|
|
11
13
|
|
|
12
14
|
/* Hard up */
|
|
13
|
-
}
|
|
14
|
-
:root {
|
|
15
|
+
} :root {
|
|
16
|
+
} :root {
|
|
17
|
+
} :root {
|
|
18
|
+
} :root {
|
|
15
19
|
--focus-color: var(--color-light-border-link);
|
|
16
20
|
--disabled-cursor: not-allowed;
|
|
17
|
-
}
|
|
18
|
-
.input-autocomplete__component_koc3 {
|
|
21
|
+
} .input-autocomplete__component_143xn {
|
|
19
22
|
width: 100%;
|
|
20
23
|
outline: none;
|
|
21
|
-
}
|
|
22
|
-
.input-autocomplete__field_koc3:not(.input-autocomplete__disabled_koc3) {
|
|
24
|
+
} .input-autocomplete__field_143xn:not(.input-autocomplete__disabled_143xn) {
|
|
23
25
|
cursor: pointer;
|
|
24
|
-
}
|
|
25
|
-
.input-autocomplete__disabled_koc3 {
|
|
26
|
+
} .input-autocomplete__disabled_143xn {
|
|
26
27
|
cursor: var(--disabled-cursor);
|
|
27
|
-
}
|
|
28
|
-
.input-autocomplete__placeholder_koc3 {
|
|
28
|
+
} .input-autocomplete__placeholder_143xn {
|
|
29
29
|
color: var(--color-light-text-secondary);
|
|
30
|
-
}
|
|
31
|
-
.input-autocomplete__contentWrapper_koc3 {
|
|
30
|
+
} .input-autocomplete__contentWrapper_143xn {
|
|
32
31
|
font-size: 16px;
|
|
33
32
|
line-height: 20px;
|
|
34
33
|
font-weight: 400;
|
|
@@ -37,13 +36,11 @@
|
|
|
37
36
|
text-overflow: ellipsis;
|
|
38
37
|
overflow: hidden;
|
|
39
38
|
width: 100%;
|
|
40
|
-
}
|
|
41
|
-
.input-autocomplete__value_koc3 {
|
|
39
|
+
} .input-autocomplete__value_143xn {
|
|
42
40
|
overflow: hidden;
|
|
43
41
|
text-overflow: ellipsis;
|
|
44
42
|
text-align: left;
|
|
45
|
-
}
|
|
46
|
-
.input-autocomplete__focusVisible_koc3 {
|
|
43
|
+
} .input-autocomplete__focusVisible_143xn {
|
|
47
44
|
outline: 2px solid var(--focus-color);
|
|
48
45
|
outline-offset: 2px;
|
|
49
46
|
}
|
|
@@ -24,6 +24,12 @@ type BottomSheetProps = {
|
|
|
24
24
|
* Кнопка действия (обычно, это кнопка закрытия)
|
|
25
25
|
*/
|
|
26
26
|
actionButton?: ReactNode;
|
|
27
|
+
/**
|
|
28
|
+
* Нода, компонент или функция возвращающая их
|
|
29
|
+
*
|
|
30
|
+
* Контейнер к которому будут добавляться порталы
|
|
31
|
+
*/
|
|
32
|
+
container?: BaseModalProps["container"];
|
|
27
33
|
/**
|
|
28
34
|
* Дополнительный класс
|
|
29
35
|
*/
|
|
@@ -178,6 +184,7 @@ type FooterProps = {
|
|
|
178
184
|
className?: string;
|
|
179
185
|
};
|
|
180
186
|
declare const Footer: FC<FooterProps>;
|
|
187
|
+
declare const isClient: () => boolean;
|
|
181
188
|
type SwipeableBackdropProps = BackdropProps & {
|
|
182
189
|
/**
|
|
183
190
|
* Прозрачность бэкдропа
|
|
@@ -193,5 +200,5 @@ type SwipeableBackdropProps = BackdropProps & {
|
|
|
193
200
|
opacityTimeout?: number;
|
|
194
201
|
};
|
|
195
202
|
declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
|
|
196
|
-
export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop };
|
|
203
|
+
export { BottomSheetTitleAlign, BottomSheetProps, HEADER_OFFSET, CLOSE_OFFSET, BottomSheet, FooterProps, Footer, isClient, SwipeableBackdropProps, SwipeableBackdrop };
|
|
197
204
|
export * from "./getDataTestId-3fe0d3e6";
|
package/modern/mobile.css
CHANGED
|
@@ -1,23 +1,26 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 134cl */
|
|
2
2
|
:root {
|
|
3
|
+
} /* deprecated */ :root {
|
|
4
|
+
} :root {
|
|
5
|
+
} :root {
|
|
6
|
+
} :root {
|
|
3
7
|
|
|
4
8
|
/* Hard */
|
|
5
9
|
|
|
6
10
|
/* Up */
|
|
7
11
|
|
|
8
12
|
/* Hard up */
|
|
9
|
-
}
|
|
10
|
-
:root {
|
|
13
|
+
} :root {
|
|
14
|
+
} :root {
|
|
11
15
|
--gap-xs: 8px;
|
|
12
16
|
--gap-m: 16px;
|
|
13
|
-
}
|
|
14
|
-
|
|
17
|
+
} :root {
|
|
18
|
+
} :root {
|
|
19
|
+
} .input-autocomplete__bottomSheetInput_19pq9 {
|
|
15
20
|
padding: 0 var(--gap-xs) var(--gap-xs);
|
|
16
21
|
box-sizing: border-box;
|
|
17
|
-
}
|
|
18
|
-
.input-autocomplete__footer_ukk5x {
|
|
22
|
+
} .input-autocomplete__footer_19pq9 {
|
|
19
23
|
display: flex
|
|
20
|
-
}
|
|
21
|
-
.input-autocomplete__footer_ukk5x > button + button {
|
|
24
|
+
} .input-autocomplete__footer_19pq9 > button + button {
|
|
22
25
|
margin-left: var(--gap-m);
|
|
23
26
|
}
|
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.6",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"@alfalab/core-components-button": "^7.0.3",
|
|
21
21
|
"@alfalab/core-components-form-control": "^9.0.2",
|
|
22
22
|
"@alfalab/core-components-input": "^11.1.4",
|
|
23
|
-
"@alfalab/core-components-select": "^13.2.
|
|
23
|
+
"@alfalab/core-components-select": "^13.2.9",
|
|
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
|