@alfalab/core-components-input-autocomplete 10.1.2 → 10.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.
- package/Component.mobile.js +1 -1
- package/Component.modal.mobile.js +1 -1
- package/Component.responsive.js +1 -1
- package/autocomplete-field/Component.js +1 -1
- package/autocomplete-field/index.css +2 -2
- package/autocomplete-mobile-field/Component.js +1 -1
- package/autocomplete-mobile-field/index.css +8 -8
- package/component-1a4fbd11.d.ts +1 -1
- package/cssm/component-1a4fbd11.d.ts +1 -1
- package/cssm/index-f12ee135.d.ts +1 -1
- package/cssm/{types-b0ff398d.d.ts → types-e40becc7.d.ts} +6 -2
- package/esm/Component.mobile.js +1 -1
- package/esm/Component.modal.mobile.js +1 -1
- package/esm/Component.responsive.js +1 -1
- package/esm/autocomplete-field/Component.js +1 -1
- package/esm/autocomplete-field/index.css +2 -2
- package/esm/autocomplete-mobile-field/Component.js +1 -1
- package/esm/autocomplete-mobile-field/index.css +8 -8
- package/esm/component-1a4fbd11.d.ts +1 -1
- package/esm/index-f12ee135.d.ts +1 -1
- package/esm/index.js +1 -1
- package/esm/mobile.css +4 -4
- package/esm/mobile.js +1 -1
- package/esm/{mobile.module-7ccedebb.js → mobile.module-7c125313.js} +1 -1
- package/{modern/types-b0ff398d.d.ts → esm/types-e40becc7.d.ts} +6 -2
- package/index-f12ee135.d.ts +1 -1
- package/index.js +1 -1
- package/mobile.css +4 -4
- package/mobile.js +1 -1
- package/{mobile.module-f3a9e8d4.js → mobile.module-f4b02d6c.js} +1 -1
- package/modern/Component-63dec22f.d.ts +184 -0
- package/modern/Component-dd8ca091.d.ts +70 -3
- package/modern/Component-ebda875c.d.ts +9 -98
- package/modern/Component.mobile-ebda875c.d.ts +6 -0
- package/modern/Component.mobile.d.ts +1 -1
- package/modern/Component.mobile.js +1 -1
- package/modern/{mobile-45dc17c6.d.ts → Component.modal.mobile-dd8ca091.d.ts} +26 -13
- package/modern/Component.modal.mobile.d.ts +2 -2
- package/modern/Component.modal.mobile.js +1 -1
- package/modern/Component.responsive.d.ts +1 -1
- package/modern/Component.responsive.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/component-1a4fbd11.d.ts +1 -1
- package/modern/desktop-63dec22f.d.ts +6 -2
- package/modern/hook-8abfea97.d.ts +4 -4
- package/modern/index-bdb4c6b9.d.ts +2 -180
- package/modern/index-ebda875c.d.ts +107 -190
- package/modern/index-f12ee135.d.ts +1 -1
- package/modern/index.js +1 -1
- package/modern/mobile-96988a65.d.ts +2 -5
- package/modern/mobile-ade26e99.d.ts +5 -0
- package/modern/mobile.css +4 -4
- package/modern/mobile.js +1 -1
- package/modern/{mobile.module-f3a5d2f8.js → mobile.module-b86c11f5.js} +1 -1
- package/modern/shared-4cd3936b.d.ts +59 -2
- package/{esm/types-b0ff398d.d.ts → modern/types-e40becc7.d.ts} +6 -2
- package/modern/utils-1574ad8b.d.ts +29 -0
- package/package.json +4 -4
- package/{types-b0ff398d.d.ts → types-e40becc7.d.ts} +6 -2
- package/modern/Component-96988a65.d.ts +0 -9
- package/modern/Component-aed0af6e.d.ts +0 -11
- package/modern/hook-ebda875c.d.ts +0 -48
- /package/modern/{useSkeleton-1b036d4b.d.ts → useSkeleton-ebda875c.d.ts} +0 -0
package/Component.mobile.js
CHANGED
|
@@ -11,7 +11,7 @@ var mobile$1 = require('@alfalab/core-components-button/mobile');
|
|
|
11
11
|
var coreComponentsInput = require('@alfalab/core-components-input');
|
|
12
12
|
var mobile = require('@alfalab/core-components-select/mobile');
|
|
13
13
|
var autocompleteMobileField_Component = require('./autocomplete-mobile-field/Component.js');
|
|
14
|
-
var mobile_module = require('./mobile.module-
|
|
14
|
+
var mobile_module = require('./mobile.module-f4b02d6c.js');
|
|
15
15
|
require('@alfalab/core-components-form-control/mobile');
|
|
16
16
|
require('@alfalab/hooks');
|
|
17
17
|
|
|
@@ -11,7 +11,7 @@ var mobile$1 = require('@alfalab/core-components-button/mobile');
|
|
|
11
11
|
var coreComponentsInput = require('@alfalab/core-components-input');
|
|
12
12
|
var mobile = require('@alfalab/core-components-select/mobile');
|
|
13
13
|
var autocompleteMobileField_Component = require('./autocomplete-mobile-field/Component.js');
|
|
14
|
-
var mobile_module = require('./mobile.module-
|
|
14
|
+
var mobile_module = require('./mobile.module-f4b02d6c.js');
|
|
15
15
|
require('@alfalab/core-components-form-control/mobile');
|
|
16
16
|
require('@alfalab/hooks');
|
|
17
17
|
|
package/Component.responsive.js
CHANGED
|
@@ -18,7 +18,7 @@ require('@alfalab/core-components-input');
|
|
|
18
18
|
require('@alfalab/core-components-select/mobile');
|
|
19
19
|
require('./autocomplete-mobile-field/Component.js');
|
|
20
20
|
require('@alfalab/core-components-form-control/mobile');
|
|
21
|
-
require('./mobile.module-
|
|
21
|
+
require('./mobile.module-f4b02d6c.js');
|
|
22
22
|
|
|
23
23
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
24
24
|
|
|
@@ -14,7 +14,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
|
14
14
|
var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
|
|
15
15
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
16
16
|
|
|
17
|
-
var styles = {"arrow":"input-
|
|
17
|
+
var styles = {"arrow":"input-autocomplete__arrow_uki5z","error":"input-autocomplete__error_uki5z"};
|
|
18
18
|
require('./index.css')
|
|
19
19
|
|
|
20
20
|
var AutocompleteField = function (_a) {
|
|
@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
13
13
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
14
14
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
15
15
|
|
|
16
|
-
var styles = {"component":"input-
|
|
16
|
+
var styles = {"component":"input-autocomplete__component_1cw9m","field":"input-autocomplete__field_1cw9m","disabled":"input-autocomplete__disabled_1cw9m","placeholder":"input-autocomplete__placeholder_1cw9m","contentWrapper":"input-autocomplete__contentWrapper_1cw9m","value":"input-autocomplete__value_1cw9m","focusVisible":"input-autocomplete__focusVisible_1cw9m"};
|
|
17
17
|
require('./index.css')
|
|
18
18
|
|
|
19
19
|
var AutocompleteMobileField = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1otfs */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-border-link: #0072ef;
|
|
@@ -18,16 +18,16 @@
|
|
|
18
18
|
} :root {
|
|
19
19
|
--focus-color: var(--color-light-border-link);
|
|
20
20
|
--disabled-cursor: not-allowed;
|
|
21
|
-
} .input-
|
|
21
|
+
} .input-autocomplete__component_1cw9m {
|
|
22
22
|
width: 100%;
|
|
23
23
|
outline: none;
|
|
24
|
-
} .input-
|
|
24
|
+
} .input-autocomplete__field_1cw9m:not(.input-autocomplete__disabled_1cw9m) {
|
|
25
25
|
cursor: pointer;
|
|
26
|
-
} .input-
|
|
26
|
+
} .input-autocomplete__disabled_1cw9m {
|
|
27
27
|
cursor: var(--disabled-cursor);
|
|
28
|
-
} .input-
|
|
28
|
+
} .input-autocomplete__placeholder_1cw9m {
|
|
29
29
|
color: var(--color-light-text-secondary);
|
|
30
|
-
} .input-
|
|
30
|
+
} .input-autocomplete__contentWrapper_1cw9m {
|
|
31
31
|
font-size: 16px;
|
|
32
32
|
line-height: 20px;
|
|
33
33
|
font-weight: 400;
|
|
@@ -36,11 +36,11 @@
|
|
|
36
36
|
text-overflow: ellipsis;
|
|
37
37
|
overflow: hidden;
|
|
38
38
|
width: 100%;
|
|
39
|
-
} .input-
|
|
39
|
+
} .input-autocomplete__value_1cw9m {
|
|
40
40
|
overflow: hidden;
|
|
41
41
|
text-overflow: ellipsis;
|
|
42
42
|
text-align: left;
|
|
43
|
-
} .input-
|
|
43
|
+
} .input-autocomplete__focusVisible_1cw9m {
|
|
44
44
|
outline: 2px solid var(--focus-color);
|
|
45
45
|
outline-offset: 2px;
|
|
46
46
|
}
|
package/component-1a4fbd11.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ import { FC, ReactNode, RefObject } from "react";
|
|
|
4
4
|
import { NavigationBarProps } from "./index-c76d6398";
|
|
5
5
|
import { SwipeableHandlers } from "react-swipeable";
|
|
6
6
|
import { BackdropProps } from "./index-ebda875c";
|
|
7
|
-
import { BottomSheetProps } from "./types-
|
|
7
|
+
import { BottomSheetProps } from "./types-e40becc7";
|
|
8
8
|
type FooterProps = {
|
|
9
9
|
/**
|
|
10
10
|
* Контент футера
|
|
@@ -4,7 +4,7 @@ import { FC, ReactNode, RefObject } from "react";
|
|
|
4
4
|
import { NavigationBarProps } from "./index-c76d6398";
|
|
5
5
|
import { SwipeableHandlers } from "react-swipeable";
|
|
6
6
|
import { BackdropProps } from "./index-ebda875c";
|
|
7
|
-
import { BottomSheetProps } from "./types-
|
|
7
|
+
import { BottomSheetProps } from "./types-e40becc7";
|
|
8
8
|
type FooterProps = {
|
|
9
9
|
/**
|
|
10
10
|
* Контент футера
|
package/cssm/index-f12ee135.d.ts
CHANGED
|
@@ -265,8 +265,12 @@ type BottomSheetProps = {
|
|
|
265
265
|
*/
|
|
266
266
|
onOffsetChange?: (offset: number, percent: number) => void;
|
|
267
267
|
/**
|
|
268
|
-
* Вызывается
|
|
268
|
+
* Вызывается в начале свайпа
|
|
269
269
|
*/
|
|
270
|
-
|
|
270
|
+
onSwipeStart?: (event: HandledEvents) => void;
|
|
271
|
+
/**
|
|
272
|
+
* Вызывается после окончания свайпа
|
|
273
|
+
*/
|
|
274
|
+
onSwipeEnd?: (event: HandledEvents | null) => void;
|
|
271
275
|
};
|
|
272
276
|
export { BottomSheetTitleAlign, BottomSheetProps };
|
package/esm/Component.mobile.js
CHANGED
|
@@ -7,7 +7,7 @@ import { ButtonMobile } from '@alfalab/core-components-button/esm/mobile';
|
|
|
7
7
|
import { Input } from '@alfalab/core-components-input/esm';
|
|
8
8
|
import { SelectMobile } from '@alfalab/core-components-select/esm/mobile';
|
|
9
9
|
import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
|
|
10
|
-
import { s as styles } from './mobile.module-
|
|
10
|
+
import { s as styles } from './mobile.module-7c125313.js';
|
|
11
11
|
import '@alfalab/core-components-form-control/esm/mobile';
|
|
12
12
|
import '@alfalab/hooks';
|
|
13
13
|
|
|
@@ -7,7 +7,7 @@ import { ButtonMobile } from '@alfalab/core-components-button/esm/mobile';
|
|
|
7
7
|
import { Input } from '@alfalab/core-components-input/esm';
|
|
8
8
|
import { SelectModalMobile } from '@alfalab/core-components-select/esm/mobile';
|
|
9
9
|
import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
|
|
10
|
-
import { s as styles } from './mobile.module-
|
|
10
|
+
import { s as styles } from './mobile.module-7c125313.js';
|
|
11
11
|
import '@alfalab/core-components-form-control/esm/mobile';
|
|
12
12
|
import '@alfalab/hooks';
|
|
13
13
|
|
|
@@ -14,7 +14,7 @@ import '@alfalab/core-components-input/esm';
|
|
|
14
14
|
import '@alfalab/core-components-select/esm/mobile';
|
|
15
15
|
import './autocomplete-mobile-field/Component.js';
|
|
16
16
|
import '@alfalab/core-components-form-control/esm/mobile';
|
|
17
|
-
import './mobile.module-
|
|
17
|
+
import './mobile.module-7c125313.js';
|
|
18
18
|
|
|
19
19
|
var InputAutocompleteResponsive = forwardRef(function (_a, ref) {
|
|
20
20
|
var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["breakpoint"]);
|
|
@@ -4,7 +4,7 @@ import mergeRefs from 'react-merge-refs';
|
|
|
4
4
|
import cn from 'classnames';
|
|
5
5
|
import { InputDesktop } from '@alfalab/core-components-input/esm/desktop';
|
|
6
6
|
|
|
7
|
-
var styles = {"arrow":"input-
|
|
7
|
+
var styles = {"arrow":"input-autocomplete__arrow_uki5z","error":"input-autocomplete__error_uki5z"};
|
|
8
8
|
require('./index.css')
|
|
9
9
|
|
|
10
10
|
var AutocompleteField = function (_a) {
|
|
@@ -4,7 +4,7 @@ import cn from 'classnames';
|
|
|
4
4
|
import { FormControlMobile } from '@alfalab/core-components-form-control/esm/mobile';
|
|
5
5
|
import { useFocus } from '@alfalab/hooks';
|
|
6
6
|
|
|
7
|
-
var styles = {"component":"input-
|
|
7
|
+
var styles = {"component":"input-autocomplete__component_1cw9m","field":"input-autocomplete__field_1cw9m","disabled":"input-autocomplete__disabled_1cw9m","placeholder":"input-autocomplete__placeholder_1cw9m","contentWrapper":"input-autocomplete__contentWrapper_1cw9m","value":"input-autocomplete__value_1cw9m","focusVisible":"input-autocomplete__focusVisible_1cw9m"};
|
|
8
8
|
require('./index.css')
|
|
9
9
|
|
|
10
10
|
var AutocompleteMobileField = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1otfs */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-border-link: #0072ef;
|
|
@@ -18,16 +18,16 @@
|
|
|
18
18
|
} :root {
|
|
19
19
|
--focus-color: var(--color-light-border-link);
|
|
20
20
|
--disabled-cursor: not-allowed;
|
|
21
|
-
} .input-
|
|
21
|
+
} .input-autocomplete__component_1cw9m {
|
|
22
22
|
width: 100%;
|
|
23
23
|
outline: none;
|
|
24
|
-
} .input-
|
|
24
|
+
} .input-autocomplete__field_1cw9m:not(.input-autocomplete__disabled_1cw9m) {
|
|
25
25
|
cursor: pointer;
|
|
26
|
-
} .input-
|
|
26
|
+
} .input-autocomplete__disabled_1cw9m {
|
|
27
27
|
cursor: var(--disabled-cursor);
|
|
28
|
-
} .input-
|
|
28
|
+
} .input-autocomplete__placeholder_1cw9m {
|
|
29
29
|
color: var(--color-light-text-secondary);
|
|
30
|
-
} .input-
|
|
30
|
+
} .input-autocomplete__contentWrapper_1cw9m {
|
|
31
31
|
font-size: 16px;
|
|
32
32
|
line-height: 20px;
|
|
33
33
|
font-weight: 400;
|
|
@@ -36,11 +36,11 @@
|
|
|
36
36
|
text-overflow: ellipsis;
|
|
37
37
|
overflow: hidden;
|
|
38
38
|
width: 100%;
|
|
39
|
-
} .input-
|
|
39
|
+
} .input-autocomplete__value_1cw9m {
|
|
40
40
|
overflow: hidden;
|
|
41
41
|
text-overflow: ellipsis;
|
|
42
42
|
text-align: left;
|
|
43
|
-
} .input-
|
|
43
|
+
} .input-autocomplete__focusVisible_1cw9m {
|
|
44
44
|
outline: 2px solid var(--focus-color);
|
|
45
45
|
outline-offset: 2px;
|
|
46
46
|
}
|
|
@@ -4,7 +4,7 @@ import { FC, ReactNode, RefObject } from "react";
|
|
|
4
4
|
import { NavigationBarProps } from "./index-c76d6398";
|
|
5
5
|
import { SwipeableHandlers } from "react-swipeable";
|
|
6
6
|
import { BackdropProps } from "./index-ebda875c";
|
|
7
|
-
import { BottomSheetProps } from "./types-
|
|
7
|
+
import { BottomSheetProps } from "./types-e40becc7";
|
|
8
8
|
type FooterProps = {
|
|
9
9
|
/**
|
|
10
10
|
* Контент футера
|
package/esm/index-f12ee135.d.ts
CHANGED
package/esm/index.js
CHANGED
|
@@ -15,4 +15,4 @@ import '@alfalab/core-components-input/esm';
|
|
|
15
15
|
import '@alfalab/core-components-select/esm/mobile';
|
|
16
16
|
import './autocomplete-mobile-field/Component.js';
|
|
17
17
|
import '@alfalab/core-components-form-control/esm/mobile';
|
|
18
|
-
import './mobile.module-
|
|
18
|
+
import './mobile.module-7c125313.js';
|
package/esm/mobile.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 2a48g */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
4
4
|
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
@@ -16,11 +16,11 @@
|
|
|
16
16
|
--gap-m: 16px;
|
|
17
17
|
} :root {
|
|
18
18
|
} :root {
|
|
19
|
-
} .input-
|
|
19
|
+
} .input-autocomplete__bottomAddonInput_1fnw7 {
|
|
20
20
|
padding: 0 var(--gap-xs) var(--gap-xs);
|
|
21
21
|
box-sizing: border-box;
|
|
22
|
-
} .input-
|
|
22
|
+
} .input-autocomplete__footer_1fnw7 {
|
|
23
23
|
display: flex
|
|
24
|
-
} .input-
|
|
24
|
+
} .input-autocomplete__footer_1fnw7 > button + button {
|
|
25
25
|
margin-left: var(--gap-m);
|
|
26
26
|
}
|
package/esm/mobile.js
CHANGED
|
@@ -11,4 +11,4 @@ import '@alfalab/core-components-select/esm/mobile';
|
|
|
11
11
|
import './autocomplete-mobile-field/Component.js';
|
|
12
12
|
import '@alfalab/core-components-form-control/esm/mobile';
|
|
13
13
|
import '@alfalab/hooks';
|
|
14
|
-
import './mobile.module-
|
|
14
|
+
import './mobile.module-7c125313.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var styles = {"bottomAddonInput":"input-
|
|
1
|
+
var styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_1fnw7","footer":"input-autocomplete__footer_1fnw7"};
|
|
2
2
|
require('./mobile.css')
|
|
3
3
|
|
|
4
4
|
export { styles as s };
|
|
@@ -265,8 +265,12 @@ type BottomSheetProps = {
|
|
|
265
265
|
*/
|
|
266
266
|
onOffsetChange?: (offset: number, percent: number) => void;
|
|
267
267
|
/**
|
|
268
|
-
* Вызывается
|
|
268
|
+
* Вызывается в начале свайпа
|
|
269
269
|
*/
|
|
270
|
-
|
|
270
|
+
onSwipeStart?: (event: HandledEvents) => void;
|
|
271
|
+
/**
|
|
272
|
+
* Вызывается после окончания свайпа
|
|
273
|
+
*/
|
|
274
|
+
onSwipeEnd?: (event: HandledEvents | null) => void;
|
|
271
275
|
};
|
|
272
276
|
export { BottomSheetTitleAlign, BottomSheetProps };
|
package/index-f12ee135.d.ts
CHANGED
package/index.js
CHANGED
|
@@ -19,7 +19,7 @@ require('@alfalab/core-components-input');
|
|
|
19
19
|
require('@alfalab/core-components-select/mobile');
|
|
20
20
|
require('./autocomplete-mobile-field/Component.js');
|
|
21
21
|
require('@alfalab/core-components-form-control/mobile');
|
|
22
|
-
require('./mobile.module-
|
|
22
|
+
require('./mobile.module-f4b02d6c.js');
|
|
23
23
|
|
|
24
24
|
|
|
25
25
|
|
package/mobile.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 2a48g */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
4
4
|
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
@@ -16,11 +16,11 @@
|
|
|
16
16
|
--gap-m: 16px;
|
|
17
17
|
} :root {
|
|
18
18
|
} :root {
|
|
19
|
-
} .input-
|
|
19
|
+
} .input-autocomplete__bottomAddonInput_1fnw7 {
|
|
20
20
|
padding: 0 var(--gap-xs) var(--gap-xs);
|
|
21
21
|
box-sizing: border-box;
|
|
22
|
-
} .input-
|
|
22
|
+
} .input-autocomplete__footer_1fnw7 {
|
|
23
23
|
display: flex
|
|
24
|
-
} .input-
|
|
24
|
+
} .input-autocomplete__footer_1fnw7 > button + button {
|
|
25
25
|
margin-left: var(--gap-m);
|
|
26
26
|
}
|
package/mobile.js
CHANGED
|
@@ -15,7 +15,7 @@ require('@alfalab/core-components-select/mobile');
|
|
|
15
15
|
require('./autocomplete-mobile-field/Component.js');
|
|
16
16
|
require('@alfalab/core-components-form-control/mobile');
|
|
17
17
|
require('@alfalab/hooks');
|
|
18
|
-
require('./mobile.module-
|
|
18
|
+
require('./mobile.module-f4b02d6c.js');
|
|
19
19
|
|
|
20
20
|
|
|
21
21
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var styles = {"bottomAddonInput":"input-
|
|
3
|
+
var styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_1fnw7","footer":"input-autocomplete__footer_1fnw7"};
|
|
4
4
|
require('./mobile.css')
|
|
5
5
|
|
|
6
6
|
exports.styles = styles;
|
|
@@ -0,0 +1,184 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
|
|
4
|
+
import { TextElementType, TextSkeletonProps } from "./types-1b036d4b";
|
|
5
|
+
declare const colors: readonly [
|
|
6
|
+
"tertiary",
|
|
7
|
+
"disabled",
|
|
8
|
+
"accent",
|
|
9
|
+
"primary",
|
|
10
|
+
"attention",
|
|
11
|
+
"positive",
|
|
12
|
+
"secondary",
|
|
13
|
+
"tertiary-inverted",
|
|
14
|
+
"primary-inverted",
|
|
15
|
+
"secondary-inverted",
|
|
16
|
+
"link",
|
|
17
|
+
"negative",
|
|
18
|
+
"static-primary-light",
|
|
19
|
+
"static-secondary-light",
|
|
20
|
+
"static-tertiary-light",
|
|
21
|
+
"static-primary-dark",
|
|
22
|
+
"static-secondary-dark",
|
|
23
|
+
"static-tertiary-dark",
|
|
24
|
+
"static-accent"
|
|
25
|
+
];
|
|
26
|
+
type Color = (typeof colors)[number];
|
|
27
|
+
type NativeProps = HTMLAttributes<HTMLSpanElement>;
|
|
28
|
+
type TextBaseProps = {
|
|
29
|
+
/**
|
|
30
|
+
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)
|
|
31
|
+
*/
|
|
32
|
+
view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
|
|
33
|
+
/**
|
|
34
|
+
* Цвет текста
|
|
35
|
+
*/
|
|
36
|
+
color?: Color;
|
|
37
|
+
/**
|
|
38
|
+
* Толщина шрифта
|
|
39
|
+
*/
|
|
40
|
+
weight?: "regular" | "medium" | "bold";
|
|
41
|
+
/**
|
|
42
|
+
* Делает цифры моноширинными
|
|
43
|
+
*/
|
|
44
|
+
monospaceNumbers?: boolean;
|
|
45
|
+
/**
|
|
46
|
+
* HTML тег
|
|
47
|
+
*/
|
|
48
|
+
tag?: "span" | "div";
|
|
49
|
+
/**
|
|
50
|
+
* Css-класс для стилизации (native prop)
|
|
51
|
+
*/
|
|
52
|
+
className?: string;
|
|
53
|
+
/**
|
|
54
|
+
* Id компонента для тестов
|
|
55
|
+
*/
|
|
56
|
+
dataTestId?: string;
|
|
57
|
+
/**
|
|
58
|
+
* Контент (native prop)
|
|
59
|
+
*/
|
|
60
|
+
children?: React.ReactNode;
|
|
61
|
+
/**
|
|
62
|
+
* Добавляет отступы к тэгу 'p'
|
|
63
|
+
*/
|
|
64
|
+
defaultMargins?: never;
|
|
65
|
+
/**
|
|
66
|
+
* Количество строк (не поддерживает IE)
|
|
67
|
+
*/
|
|
68
|
+
rowLimit?: 1 | 2 | 3;
|
|
69
|
+
/**
|
|
70
|
+
* Показать скелетон
|
|
71
|
+
*/
|
|
72
|
+
showSkeleton?: boolean;
|
|
73
|
+
/**
|
|
74
|
+
* Пропы для скелетона
|
|
75
|
+
*/
|
|
76
|
+
skeletonProps?: TextSkeletonProps;
|
|
77
|
+
};
|
|
78
|
+
type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
|
|
79
|
+
tag?: "p";
|
|
80
|
+
defaultMargins?: boolean;
|
|
81
|
+
};
|
|
82
|
+
type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
|
|
83
|
+
type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
|
|
84
|
+
type TitleProps = Omit<NativeProps$0, "color"> & {
|
|
85
|
+
/**
|
|
86
|
+
* HTML тег
|
|
87
|
+
*/
|
|
88
|
+
tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
|
|
89
|
+
/**
|
|
90
|
+
* [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
|
|
91
|
+
*/
|
|
92
|
+
view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
|
|
93
|
+
/**
|
|
94
|
+
* Цвет текста
|
|
95
|
+
*/
|
|
96
|
+
color?: Color;
|
|
97
|
+
/**
|
|
98
|
+
* Толщина шрифта
|
|
99
|
+
*/
|
|
100
|
+
weight?: "regular" | "medium" | "bold";
|
|
101
|
+
/**
|
|
102
|
+
* Шрифт текста
|
|
103
|
+
*/
|
|
104
|
+
font?: "styrene" | "system";
|
|
105
|
+
/**
|
|
106
|
+
* Добавляет отступы
|
|
107
|
+
*/
|
|
108
|
+
defaultMargins?: boolean;
|
|
109
|
+
/**
|
|
110
|
+
* Css-класс для стилизации (native prop)
|
|
111
|
+
*/
|
|
112
|
+
className?: string;
|
|
113
|
+
/**
|
|
114
|
+
* Id компонента для тестов
|
|
115
|
+
*/
|
|
116
|
+
dataTestId?: string;
|
|
117
|
+
/**
|
|
118
|
+
* Контент (native prop)
|
|
119
|
+
*/
|
|
120
|
+
children?: React.ReactNode;
|
|
121
|
+
/**
|
|
122
|
+
* Количество строк (не поддерживает IE)
|
|
123
|
+
*/
|
|
124
|
+
rowLimit?: 1 | 2 | 3;
|
|
125
|
+
/**
|
|
126
|
+
* Показать скелетон
|
|
127
|
+
*/
|
|
128
|
+
showSkeleton?: boolean;
|
|
129
|
+
/**
|
|
130
|
+
* Пропы для скелетона
|
|
131
|
+
*/
|
|
132
|
+
skeletonProps?: TextSkeletonProps;
|
|
133
|
+
};
|
|
134
|
+
type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
|
|
135
|
+
declare const Typography: {
|
|
136
|
+
Title: FC<TitleProps>;
|
|
137
|
+
Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
|
|
138
|
+
TitleResponsive: FC<TitleProps>;
|
|
139
|
+
TitleMobile: FC<TitleMobileProps>;
|
|
140
|
+
};
|
|
141
|
+
declare const typographyPresets: {
|
|
142
|
+
mobile: {
|
|
143
|
+
list: {
|
|
144
|
+
text: {
|
|
145
|
+
primary: {
|
|
146
|
+
tag: string;
|
|
147
|
+
view: string;
|
|
148
|
+
};
|
|
149
|
+
secondary: {
|
|
150
|
+
tag: string;
|
|
151
|
+
color: string;
|
|
152
|
+
view: string;
|
|
153
|
+
};
|
|
154
|
+
};
|
|
155
|
+
};
|
|
156
|
+
};
|
|
157
|
+
};
|
|
158
|
+
declare const TitleResponsive: FC<TitleProps>;
|
|
159
|
+
interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
160
|
+
/**
|
|
161
|
+
* Текст после иконки
|
|
162
|
+
*/
|
|
163
|
+
text?: string;
|
|
164
|
+
/**
|
|
165
|
+
* Дополнительный класс
|
|
166
|
+
*/
|
|
167
|
+
className?: string;
|
|
168
|
+
/**
|
|
169
|
+
* Вид компонента
|
|
170
|
+
*/
|
|
171
|
+
view: 'mobile' | 'desktop';
|
|
172
|
+
/**
|
|
173
|
+
* Прозрачность текста
|
|
174
|
+
*/
|
|
175
|
+
textOpacity?: number;
|
|
176
|
+
/**
|
|
177
|
+
* Обработчик клика
|
|
178
|
+
*/
|
|
179
|
+
onClick?: () => void;
|
|
180
|
+
}
|
|
181
|
+
declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
|
|
182
|
+
export { Typography, typographyPresets, TitleResponsive, BackArrowAddonProps, BackArrowAddon };
|
|
183
|
+
export type { TitleProps, TextProps, Color };
|
|
184
|
+
export * from "./useSkeleton-ebda875c";
|
|
@@ -1,5 +1,72 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
import { ReactNode } from "react";
|
|
4
|
+
import { BottomSheetProps } from "./index-f12ee135";
|
|
5
|
+
import { BaseSelectProps } from "./typings-dd8ca091";
|
|
6
|
+
type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
|
|
7
|
+
/**
|
|
8
|
+
* Футер
|
|
9
|
+
* @deprecated Используйте bottomSheetProps.actionButton
|
|
10
|
+
*/
|
|
11
|
+
footer?: ReactNode;
|
|
12
|
+
/**
|
|
13
|
+
* Будет ли свайпаться шторка
|
|
14
|
+
* @deprecated Используйте bottomSheetProps.swipeable
|
|
15
|
+
*/
|
|
16
|
+
swipeable?: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* Отображать в BottomSheet
|
|
19
|
+
*/
|
|
20
|
+
isBottomSheet?: boolean;
|
|
21
|
+
/**
|
|
22
|
+
* Дополнительные пропсы шторки
|
|
23
|
+
*/
|
|
24
|
+
bottomSheetProps?: Partial<BottomSheetProps>;
|
|
25
|
+
/**
|
|
26
|
+
* Дополнительные пропсы модалки
|
|
27
|
+
*/
|
|
28
|
+
modalProps?: Partial<React.ComponentProps<typeof ModalMobile>>;
|
|
29
|
+
/**
|
|
30
|
+
* Дополнительные пропсы шапки модалки
|
|
31
|
+
*/
|
|
32
|
+
modalHeaderProps?: Partial<React.ComponentProps<typeof ModalMobile.Header>>;
|
|
33
|
+
/**
|
|
34
|
+
* Дополнительные пропсы футера модалки
|
|
35
|
+
*/
|
|
36
|
+
modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
|
|
37
|
+
};
|
|
38
|
+
declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
|
|
39
|
+
/**
|
|
40
|
+
* Футер
|
|
41
|
+
* @deprecated Используйте bottomSheetProps.actionButton
|
|
42
|
+
*/
|
|
43
|
+
footer?: ReactNode;
|
|
44
|
+
/**
|
|
45
|
+
* Будет ли свайпаться шторка
|
|
46
|
+
* @deprecated Используйте bottomSheetProps.swipeable
|
|
47
|
+
*/
|
|
48
|
+
swipeable?: boolean | undefined;
|
|
49
|
+
/**
|
|
50
|
+
* Отображать в BottomSheet
|
|
51
|
+
*/
|
|
52
|
+
isBottomSheet?: boolean | undefined;
|
|
53
|
+
/**
|
|
54
|
+
* Дополнительные пропсы шторки
|
|
55
|
+
*/
|
|
56
|
+
bottomSheetProps?: Partial<BottomSheetProps> | undefined;
|
|
57
|
+
/**
|
|
58
|
+
* Дополнительные пропсы модалки
|
|
59
|
+
*/
|
|
60
|
+
modalProps?: Partial<ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
|
|
61
|
+
/**
|
|
62
|
+
* Дополнительные пропсы шапки модалки
|
|
63
|
+
*/
|
|
64
|
+
modalHeaderProps?: Partial<import("./Component-c76d6398").HeaderProps> | undefined;
|
|
65
|
+
/**
|
|
66
|
+
* Дополнительные пропсы футера модалки
|
|
67
|
+
*/
|
|
68
|
+
modalFooterProps?: Partial<import("./Component.mobile-f1f15074").FooterProps> | undefined;
|
|
69
|
+
} & React.RefAttributes<unknown>>;
|
|
70
|
+
export * from "./Component.mobile-f1f15074";
|
|
71
|
+
export { ModalMobileProps } from "./typings-bdb4c6b9";
|
|
72
|
+
export { SelectMobileProps, BaseSelectMobile };
|