@alfalab/core-components-input-autocomplete 13.0.0 → 13.1.0-snapshot-92b8690
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/autocomplete-field/index.css +1 -1
- package/autocomplete-field/index.module.css.js +1 -1
- package/autocomplete-mobile-field/index.css +10 -10
- package/autocomplete-mobile-field/index.module.css.js +1 -1
- package/autocomplete-mobile-field/index.module.css.js.map +1 -1
- package/dynamic-mixins/Component.responsive.d.ts +3 -0
- package/dynamic-mixins/Component.responsive.js +24 -0
- package/dynamic-mixins/Component.responsive.js.map +1 -0
- package/dynamic-mixins/autocomplete-field/Component.d.ts +5 -0
- package/dynamic-mixins/autocomplete-field/Component.js +46 -0
- package/dynamic-mixins/autocomplete-field/Component.js.map +1 -0
- package/dynamic-mixins/autocomplete-field/index.css +3 -0
- package/dynamic-mixins/autocomplete-field/index.d.ts +1 -0
- package/dynamic-mixins/autocomplete-field/index.js +10 -0
- package/dynamic-mixins/autocomplete-field/index.js.map +1 -0
- package/dynamic-mixins/autocomplete-field/index.module.css.js +8 -0
- package/dynamic-mixins/autocomplete-field/index.module.css.js.map +1 -0
- package/dynamic-mixins/autocomplete-mobile-field/Component.d.ts +17 -0
- package/dynamic-mixins/autocomplete-mobile-field/Component.js +51 -0
- package/dynamic-mixins/autocomplete-mobile-field/Component.js.map +1 -0
- package/dynamic-mixins/autocomplete-mobile-field/index.css +40 -0
- package/dynamic-mixins/autocomplete-mobile-field/index.d.ts +1 -0
- package/dynamic-mixins/autocomplete-mobile-field/index.js +10 -0
- package/dynamic-mixins/autocomplete-mobile-field/index.js.map +1 -0
- package/dynamic-mixins/autocomplete-mobile-field/index.module.css.js +8 -0
- package/dynamic-mixins/autocomplete-mobile-field/index.module.css.js.map +1 -0
- package/dynamic-mixins/desktop/Component.desktop.d.ts +3 -0
- package/dynamic-mixins/desktop/Component.desktop.js +21 -0
- package/dynamic-mixins/desktop/Component.desktop.js.map +1 -0
- package/dynamic-mixins/desktop/index.d.ts +2 -0
- package/dynamic-mixins/desktop/index.js +10 -0
- package/dynamic-mixins/desktop/index.js.map +1 -0
- package/dynamic-mixins/enums.d.ts +4 -0
- package/dynamic-mixins/enums.js +10 -0
- package/dynamic-mixins/enums.js.map +1 -0
- package/dynamic-mixins/index.d.ts +2 -0
- package/dynamic-mixins/index.js +10 -0
- package/dynamic-mixins/index.js.map +1 -0
- package/dynamic-mixins/mobile/Component.mobile.d.ts +9 -0
- package/dynamic-mixins/mobile/Component.mobile.js +103 -0
- package/dynamic-mixins/mobile/Component.mobile.js.map +1 -0
- package/dynamic-mixins/mobile/Component.modal.mobile.d.ts +9 -0
- package/dynamic-mixins/mobile/Component.modal.mobile.js +16 -0
- package/dynamic-mixins/mobile/Component.modal.mobile.js.map +1 -0
- package/dynamic-mixins/mobile/index.d.ts +3 -0
- package/dynamic-mixins/mobile/index.js +12 -0
- package/dynamic-mixins/mobile/index.js.map +1 -0
- package/dynamic-mixins/mobile/mobile.css +3 -0
- package/dynamic-mixins/mobile/mobile.module.css.js +8 -0
- package/dynamic-mixins/mobile/mobile.module.css.js.map +1 -0
- package/dynamic-mixins/shared/index.d.ts +1 -0
- package/dynamic-mixins/shared/index.js +11 -0
- package/dynamic-mixins/shared/index.js.map +1 -0
- package/dynamic-mixins/types.d.ts +80 -0
- package/dynamic-mixins/types.js +3 -0
- package/dynamic-mixins/types.js.map +1 -0
- package/dynamic-mixins/utils.d.ts +43 -0
- package/dynamic-mixins/utils.js +60 -0
- package/dynamic-mixins/utils.js.map +1 -0
- package/esm/autocomplete-field/index.css +1 -1
- package/esm/autocomplete-field/index.module.css.js +1 -1
- package/esm/autocomplete-mobile-field/index.css +10 -10
- package/esm/autocomplete-mobile-field/index.module.css.js +1 -1
- package/esm/autocomplete-mobile-field/index.module.css.js.map +1 -1
- package/esm/mobile/mobile.css +1 -1
- package/esm/mobile/mobile.module.css.js +1 -1
- package/esm/mobile/mobile.module.css.js.map +1 -1
- package/mobile/mobile.css +1 -1
- package/mobile/mobile.module.css.js +1 -1
- package/mobile/mobile.module.css.js.map +1 -1
- package/modern/autocomplete-field/index.css +1 -1
- package/modern/autocomplete-field/index.module.css.js +1 -1
- package/modern/autocomplete-mobile-field/index.css +10 -10
- package/modern/autocomplete-mobile-field/index.module.css.js +1 -1
- package/modern/autocomplete-mobile-field/index.module.css.js.map +1 -1
- package/modern/mobile/mobile.css +1 -1
- package/modern/mobile/mobile.module.css.js +1 -1
- package/modern/mobile/mobile.module.css.js.map +1 -1
- package/moderncssm/autocomplete-mobile-field/index.module.css +10 -0
- package/moderncssm/mobile/mobile.module.css +2 -0
- package/package.json +10 -10
- package/src/autocomplete-mobile-field/index.module.css +1 -1
- package/src/mobile/mobile.module.css +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { Ref, useMemo, useRef, useState } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { maskitoTransform } from '@maskito/core';\nimport cn from 'classnames';\nimport throttle from 'lodash/throttle';\n\nimport {\n SelectMobile,\n SelectMobileProps,\n SelectModalMobile,\n} from '@alfalab/core-components-select/mobile';\nimport {\n AnyObject,\n BottomSheetSelectMobileProps,\n Footer,\n ModalSelectMobileProps,\n} from '@alfalab/core-components-select/shared';\nimport { isMaskitoMask, isNonNullable } from '@alfalab/core-components-shared';\n\nimport { AutocompleteMobileField } from '../autocomplete-mobile-field';\nimport { OnInputReason } from '../enums';\nimport { InputAutocompleteMobileProps } from '../types';\nimport { searchFilterStub } from '../utils';\n\nimport styles from './mobile.module.css';\n\nexport const InputAutocompleteMobile = React.forwardRef(\n (\n {\n Input,\n value,\n name,\n Arrow = null,\n label,\n placeholder = '',\n size = 48,\n open: openProp,\n onInput,\n onOpen,\n multiple,\n inputProps,\n isBottomSheet = true,\n dataTestId,\n transitionProps,\n onCancel,\n onApply,\n title,\n success,\n virtualKeyboard = false,\n ...restProps\n }: InputAutocompleteMobileProps,\n ref,\n ) => {\n const [open, setOpen] = useState(false);\n const frozenValue = useRef<string>('');\n const searchInputRef = useRef<HTMLInputElement>(null);\n const targetRef = useRef<HTMLDivElement>(null);\n\n const restorePrevValue = () => onInput?.(frozenValue.current, OnInputReason.Close);\n\n const setModalVisibility = (isOpen: boolean) => {\n if (isOpen) {\n frozenValue.current = value || '';\n }\n\n if (openProp === undefined) {\n setOpen(isOpen);\n }\n\n onOpen?.({ open: isOpen, name });\n };\n\n const handleOpen: SelectMobileProps['onOpen'] = (payload) => {\n setModalVisibility(Boolean(payload.open));\n };\n\n const handleOptionsListTouchMove = useMemo(\n () =>\n throttle(() => {\n const input = searchInputRef.current;\n\n if (input && document.activeElement === input) {\n input.blur();\n }\n }, 300),\n [],\n );\n\n const handleApply = () => {\n setModalVisibility(false);\n onApply?.();\n };\n\n const handleCancel = () => {\n setModalVisibility(false);\n restorePrevValue();\n onCancel?.();\n };\n\n const handleExiting = (node: HTMLElement) => {\n targetRef.current?.focus();\n transitionProps?.onExiting?.(node);\n };\n\n const isOpen = Boolean(open || openProp);\n\n const Component = isBottomSheet ? SelectMobile : SelectModalMobile;\n\n const componentProps:\n | ModalSelectMobileProps['modalProps']\n | BottomSheetSelectMobileProps['bottomSheetProps'] = {\n title: title || label || placeholder,\n onClose: restorePrevValue,\n transitionProps: {\n ...transitionProps,\n onExiting: handleExiting,\n },\n [isBottomSheet ? 'containerProps' : 'componentDivProps']: {\n onTouchMove: handleOptionsListTouchMove,\n },\n };\n\n const clear = inputProps?.clear ?? false;\n\n const displayValue = isOpen ? frozenValue.current : value;\n\n const fieldValue = useMemo(() => {\n const mask = inputProps?.mask;\n\n return isNonNullable(displayValue) && isMaskitoMask(mask)\n ? maskitoTransform(displayValue, { mask })\n : displayValue;\n }, [displayValue, inputProps?.mask]);\n\n return (\n <Component\n Field={AutocompleteMobileField}\n {...restProps}\n {...(isBottomSheet\n ? {\n bottomSheetProps: {\n ...componentProps,\n virtualKeyboard,\n showSwipeMarker: false,\n },\n }\n : {\n modalProps: componentProps,\n modalHeaderProps: { title },\n })}\n dataTestId={dataTestId}\n useWithApplyHook={false}\n showSearch={true}\n searchProps={{\n value,\n filterFn: searchFilterStub,\n componentProps: {\n leftAddons: null,\n placeholder,\n ...inputProps,\n className: cn(styles.input, inputProps?.className),\n clear,\n ref: mergeRefs([searchInputRef, inputProps?.ref as Ref<HTMLInputElement>]),\n onChange: (_, payload) => onInput?.(payload.value, OnInputReason.Change),\n },\n }}\n Search={Input}\n ref={mergeRefs([targetRef, ref])}\n open={isOpen}\n onOpen={handleOpen}\n Arrow={Arrow}\n placeholder={placeholder}\n label={label}\n size={size}\n name={name}\n multiple={multiple}\n optionsListProps={{\n footer: (\n <Footer\n showClear={true}\n handleClear={handleCancel}\n handleApply={handleApply}\n clearText='Отмена'\n applyText='Продолжить'\n dataTestId={dataTestId}\n />\n ),\n ...(restProps.optionsListProps as AnyObject),\n }}\n fieldProps={{\n value: fieldValue,\n clear,\n onClear: clear ? inputProps?.onClear : undefined,\n success,\n ...(restProps.fieldProps as AnyObject),\n }}\n />\n );\n },\n);\n"],"names":["React","__rest","useState","useRef","OnInputReason","useMemo","throttle","Component","SelectMobile","SelectModalMobile","isNonNullable","isMaskitoMask","maskitoTransform","__assign","AutocompleteMobileField","searchFilterStub","cn","styles","mergeRefs","Footer"],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<import("../types").InputAutocompleteCommonProps & {
|
|
3
|
+
isBottomSheet?: boolean | undefined;
|
|
4
|
+
transitionProps?: Partial<import("react-transition-group/Transition").TransitionProps<undefined>> | undefined;
|
|
5
|
+
onApply?: (() => void) | undefined;
|
|
6
|
+
onCancel?: (() => void) | undefined;
|
|
7
|
+
title?: string | undefined;
|
|
8
|
+
virtualKeyboard?: boolean | undefined;
|
|
9
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var tslib = require('tslib');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
var Component_mobile = require('./Component.mobile.js');
|
|
8
|
+
|
|
9
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
10
|
+
|
|
11
|
+
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
12
|
+
|
|
13
|
+
var InputAutocompleteModalMobile = React__default.default.forwardRef(function (props, ref) { return React__default.default.createElement(Component_mobile.InputAutocompleteMobile, tslib.__assign({}, props, { ref: ref, isBottomSheet: false })); });
|
|
14
|
+
|
|
15
|
+
exports.InputAutocompleteModalMobile = InputAutocompleteModalMobile;
|
|
16
|
+
//# sourceMappingURL=Component.modal.mobile.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.modal.mobile.js","sources":["../../src/mobile/Component.modal.mobile.tsx"],"sourcesContent":["import React from 'react';\n\nimport { InputAutocompleteMobileProps } from '../types';\n\nimport { InputAutocompleteMobile } from './Component.mobile';\n\nexport const InputAutocompleteModalMobile = React.forwardRef<\n HTMLDivElement,\n InputAutocompleteMobileProps\n>((props, ref) => <InputAutocompleteMobile {...props} ref={ref} isBottomSheet={false} />);\n"],"names":["React","InputAutocompleteMobile","__assign"],"mappings":";;;;;;;;;;;;AAMO,IAAM,4BAA4B,GAAGA,sBAAK,CAAC,UAAU,CAG1D,UAAC,KAAK,EAAE,GAAG,IAAK,OAAAA,sBAAA,CAAA,aAAA,CAACC,wCAAuB,EAAAC,cAAA,CAAA,EAAA,EAAK,KAAK,EAAA,EAAE,GAAG,EAAE,GAAG,EAAE,aAAa,EAAE,KAAK,EAAA,CAAA,CAAI,CAAtE,EAAsE;;;;"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var Component_mobile = require('./Component.mobile.js');
|
|
6
|
+
var Component_modal_mobile = require('./Component.modal.mobile.js');
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
exports.InputAutocompleteMobile = Component_mobile.InputAutocompleteMobile;
|
|
11
|
+
exports.InputAutocompleteModalMobile = Component_modal_mobile.InputAutocompleteModalMobile;
|
|
12
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mobile.module.css.js","sources":["../src/mobile/mobile.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.input {\n width: auto;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,OAAO,CAAC,iCAAiC,CAAC;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { getInputAutocompleteDesktopTestIds, getInputAutocompleteMobileTestIds } from '../utils';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var utils = require('../utils.js');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
exports.getInputAutocompleteDesktopTestIds = utils.getInputAutocompleteDesktopTestIds;
|
|
10
|
+
exports.getInputAutocompleteMobileTestIds = utils.getInputAutocompleteMobileTestIds;
|
|
11
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import type { ComponentType, RefAttributes } from 'react';
|
|
2
|
+
import type { InputProps } from '@alfalab/core-components-input';
|
|
3
|
+
import type { BaseSelectProps, BottomSheetSelectMobileProps } from '@alfalab/core-components-select/shared';
|
|
4
|
+
declare type OnInputTypeReason = 'close' | 'change';
|
|
5
|
+
export interface InputAutocompleteCommonProps extends Omit<BaseSelectProps, 'autocomplete' | 'Field' | 'nativeSelect' | 'searchProps' | 'showSearch' | 'Search' | 'valueRenderer'> {
|
|
6
|
+
/**
|
|
7
|
+
* Компонент ввода значения
|
|
8
|
+
*/
|
|
9
|
+
Input?: ComponentType<InputProps & RefAttributes<HTMLInputElement>>;
|
|
10
|
+
/**
|
|
11
|
+
* Пропсы, которые будут прокинуты в инпут
|
|
12
|
+
*/
|
|
13
|
+
inputProps?: InputProps & Record<string, unknown>;
|
|
14
|
+
/**
|
|
15
|
+
* Значение поля ввода
|
|
16
|
+
*/
|
|
17
|
+
value?: string;
|
|
18
|
+
/**
|
|
19
|
+
* Поле доступно только для чтения
|
|
20
|
+
*/
|
|
21
|
+
readOnly?: InputProps['readOnly'];
|
|
22
|
+
/**
|
|
23
|
+
* Отображение иконки успеха
|
|
24
|
+
*/
|
|
25
|
+
success?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* Обработчик ввода
|
|
28
|
+
*/
|
|
29
|
+
onInput?: (value: string, reason?: OnInputTypeReason) => void;
|
|
30
|
+
}
|
|
31
|
+
declare type MobileProps = {
|
|
32
|
+
/**
|
|
33
|
+
* Открывать в bottom-sheet
|
|
34
|
+
*/
|
|
35
|
+
isBottomSheet?: boolean;
|
|
36
|
+
/**
|
|
37
|
+
* Пропсы анимации контента (CSSTransition)
|
|
38
|
+
*/
|
|
39
|
+
transitionProps?: NonNullable<BottomSheetSelectMobileProps['bottomSheetProps']>['transitionProps'];
|
|
40
|
+
/**
|
|
41
|
+
* Обработчик нажатия на кнопку «Продолжить» в BottomSheet или модальном окне
|
|
42
|
+
*/
|
|
43
|
+
onApply?: () => void;
|
|
44
|
+
/**
|
|
45
|
+
* Обработчик нажатия на кнопку «Отмена» в BottomSheet или модальном окне
|
|
46
|
+
*/
|
|
47
|
+
onCancel?: () => void;
|
|
48
|
+
/**
|
|
49
|
+
* Заголовок в модальном окне или шторке.
|
|
50
|
+
* Если не передан, то заголовок будет совпадать с label. Если не передан и label, то заголовок будет равен placeholder
|
|
51
|
+
*/
|
|
52
|
+
title?: string;
|
|
53
|
+
/**
|
|
54
|
+
* Учитывать высоту виртуальной клавиатуры в BottomSheet
|
|
55
|
+
* @default false
|
|
56
|
+
*/
|
|
57
|
+
virtualKeyboard?: boolean;
|
|
58
|
+
};
|
|
59
|
+
export declare type InputAutocompleteMobileProps = InputAutocompleteCommonProps & MobileProps;
|
|
60
|
+
export interface InputAutocompleteProps extends InputAutocompleteCommonProps {
|
|
61
|
+
/**
|
|
62
|
+
* Пропсы для мобильного компонента
|
|
63
|
+
*/
|
|
64
|
+
mobileProps?: MobileProps;
|
|
65
|
+
/**
|
|
66
|
+
* Контрольная точка, с нее начинается desktop версия
|
|
67
|
+
* @default 1024
|
|
68
|
+
*/
|
|
69
|
+
breakpoint?: number;
|
|
70
|
+
/**
|
|
71
|
+
* Версия, которая будет использоваться при серверном рендеринге
|
|
72
|
+
*/
|
|
73
|
+
client?: 'desktop' | 'mobile';
|
|
74
|
+
/**
|
|
75
|
+
* Значение по-умолчанию для хука useMatchMedia
|
|
76
|
+
* @deprecated Используйте client
|
|
77
|
+
*/
|
|
78
|
+
defaultMatchMediaValue?: boolean | (() => boolean);
|
|
79
|
+
}
|
|
80
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
export declare function searchFilterStub(): boolean;
|
|
2
|
+
export declare function getInputAutocompleteDesktopTestIds(dataTestId: string): {
|
|
3
|
+
inputAutocomplete: string;
|
|
4
|
+
option: string;
|
|
5
|
+
optionsList: string;
|
|
6
|
+
field: string;
|
|
7
|
+
fieldInner: string;
|
|
8
|
+
fieldFormControl: string;
|
|
9
|
+
fieldLeftAddons: string;
|
|
10
|
+
fieldRightAddons: string;
|
|
11
|
+
fieldError: string;
|
|
12
|
+
fieldErrorIcon: string;
|
|
13
|
+
fieldSuccessIcon: string;
|
|
14
|
+
fieldHint: string;
|
|
15
|
+
};
|
|
16
|
+
export declare function getInputAutocompleteMobileTestIds(dataTestId: string): {
|
|
17
|
+
inputAutocomplete: string;
|
|
18
|
+
option: string;
|
|
19
|
+
optionsList: string;
|
|
20
|
+
bottomSheet: string;
|
|
21
|
+
bottomSheetHeader: string;
|
|
22
|
+
bottomSheetContent: string;
|
|
23
|
+
modal: string;
|
|
24
|
+
modalHeader: string;
|
|
25
|
+
modalContent: string;
|
|
26
|
+
clearButton: string;
|
|
27
|
+
applyButton: string;
|
|
28
|
+
fieldInner: string;
|
|
29
|
+
fieldFormControl: string;
|
|
30
|
+
fieldLeftAddons: string;
|
|
31
|
+
fieldRightAddons: string;
|
|
32
|
+
fieldError: string;
|
|
33
|
+
fieldErrorIcon: string;
|
|
34
|
+
fieldSuccessIcon: string;
|
|
35
|
+
fieldHint: string;
|
|
36
|
+
searchInput: string;
|
|
37
|
+
searchFormControl: string;
|
|
38
|
+
searchInner: string;
|
|
39
|
+
searchLeftAddons: string;
|
|
40
|
+
searchRightAddons: string;
|
|
41
|
+
searchError: string;
|
|
42
|
+
searchHint: string;
|
|
43
|
+
};
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var dynamicMixins = require('@alfalab/core-components-shared/dynamic-mixins');
|
|
6
|
+
|
|
7
|
+
function searchFilterStub() {
|
|
8
|
+
return true;
|
|
9
|
+
}
|
|
10
|
+
function getInputAutocompleteDesktopTestIds(dataTestId) {
|
|
11
|
+
return {
|
|
12
|
+
inputAutocomplete: dataTestId,
|
|
13
|
+
option: dynamicMixins.getDataTestId(dataTestId, 'option'),
|
|
14
|
+
optionsList: dynamicMixins.getDataTestId(dataTestId, 'options-list'),
|
|
15
|
+
field: dynamicMixins.getDataTestId(dataTestId, 'field'),
|
|
16
|
+
fieldInner: dynamicMixins.getDataTestId(dataTestId, 'field-form-control-inner'),
|
|
17
|
+
fieldFormControl: dynamicMixins.getDataTestId(dataTestId, 'field-form-control'),
|
|
18
|
+
fieldLeftAddons: dynamicMixins.getDataTestId(dataTestId, 'field-form-control-left-addons'),
|
|
19
|
+
fieldRightAddons: dynamicMixins.getDataTestId(dataTestId, 'field-form-control-right-addons'),
|
|
20
|
+
fieldError: dynamicMixins.getDataTestId(dataTestId, 'field-form-control-error-message'),
|
|
21
|
+
fieldErrorIcon: dynamicMixins.getDataTestId(dataTestId, 'field-form-control-error-icon'),
|
|
22
|
+
fieldSuccessIcon: dynamicMixins.getDataTestId(dataTestId, 'field-form-control-success-icon'),
|
|
23
|
+
fieldHint: dynamicMixins.getDataTestId(dataTestId, 'field-form-control-hint'),
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
function getInputAutocompleteMobileTestIds(dataTestId) {
|
|
27
|
+
return {
|
|
28
|
+
inputAutocomplete: dataTestId,
|
|
29
|
+
option: dynamicMixins.getDataTestId(dataTestId, 'option'),
|
|
30
|
+
optionsList: dynamicMixins.getDataTestId(dataTestId, 'options-list'),
|
|
31
|
+
bottomSheet: dynamicMixins.getDataTestId(dataTestId, 'bottom-sheet'),
|
|
32
|
+
bottomSheetHeader: dynamicMixins.getDataTestId(dataTestId, 'bottom-sheet-header'),
|
|
33
|
+
bottomSheetContent: dynamicMixins.getDataTestId(dataTestId, 'bottom-sheet-content'),
|
|
34
|
+
modal: dynamicMixins.getDataTestId(dataTestId, 'modal'),
|
|
35
|
+
modalHeader: dynamicMixins.getDataTestId(dataTestId, 'modal-header'),
|
|
36
|
+
modalContent: dynamicMixins.getDataTestId(dataTestId, 'modal-content'),
|
|
37
|
+
clearButton: dynamicMixins.getDataTestId(dataTestId, 'clear'),
|
|
38
|
+
applyButton: dynamicMixins.getDataTestId(dataTestId, 'apply'),
|
|
39
|
+
fieldInner: dynamicMixins.getDataTestId(dataTestId, 'field-form-control-inner'),
|
|
40
|
+
fieldFormControl: dynamicMixins.getDataTestId(dataTestId, 'field-form-control'),
|
|
41
|
+
fieldLeftAddons: dynamicMixins.getDataTestId(dataTestId, 'field-form-control-left-addons'),
|
|
42
|
+
fieldRightAddons: dynamicMixins.getDataTestId(dataTestId, 'field-form-control-right-addons'),
|
|
43
|
+
fieldError: dynamicMixins.getDataTestId(dataTestId, 'field-form-control-error-message'),
|
|
44
|
+
fieldErrorIcon: dynamicMixins.getDataTestId(dataTestId, 'field-error-icon'),
|
|
45
|
+
fieldSuccessIcon: dynamicMixins.getDataTestId(dataTestId, 'field-success-icon'),
|
|
46
|
+
fieldHint: dynamicMixins.getDataTestId(dataTestId, 'field-form-control-hint'),
|
|
47
|
+
searchInput: dynamicMixins.getDataTestId(dataTestId, 'search'),
|
|
48
|
+
searchFormControl: dynamicMixins.getDataTestId(dataTestId, 'search-form-control'),
|
|
49
|
+
searchInner: dynamicMixins.getDataTestId(dataTestId, 'search-form-control-inner'),
|
|
50
|
+
searchLeftAddons: dynamicMixins.getDataTestId(dataTestId, 'search-form-control-left-addons'),
|
|
51
|
+
searchRightAddons: dynamicMixins.getDataTestId(dataTestId, 'search-form-control-right-addons'),
|
|
52
|
+
searchError: dynamicMixins.getDataTestId(dataTestId, 'search-form-control-error-message'),
|
|
53
|
+
searchHint: dynamicMixins.getDataTestId(dataTestId, 'search-form-control-hint'),
|
|
54
|
+
};
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
exports.getInputAutocompleteDesktopTestIds = getInputAutocompleteDesktopTestIds;
|
|
58
|
+
exports.getInputAutocompleteMobileTestIds = getInputAutocompleteMobileTestIds;
|
|
59
|
+
exports.searchFilterStub = searchFilterStub;
|
|
60
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["import { getDataTestId } from '@alfalab/core-components-shared';\n\nexport function searchFilterStub() {\n return true;\n}\n\nexport function getInputAutocompleteDesktopTestIds(dataTestId: string) {\n return {\n inputAutocomplete: dataTestId,\n option: getDataTestId(dataTestId, 'option'),\n optionsList: getDataTestId(dataTestId, 'options-list'),\n field: getDataTestId(dataTestId, 'field'),\n fieldInner: getDataTestId(dataTestId, 'field-form-control-inner'),\n fieldFormControl: getDataTestId(dataTestId, 'field-form-control'),\n fieldLeftAddons: getDataTestId(dataTestId, 'field-form-control-left-addons'),\n fieldRightAddons: getDataTestId(dataTestId, 'field-form-control-right-addons'),\n fieldError: getDataTestId(dataTestId, 'field-form-control-error-message'),\n fieldErrorIcon: getDataTestId(dataTestId, 'field-form-control-error-icon'),\n fieldSuccessIcon: getDataTestId(dataTestId, 'field-form-control-success-icon'),\n fieldHint: getDataTestId(dataTestId, 'field-form-control-hint'),\n };\n}\n\nexport function getInputAutocompleteMobileTestIds(dataTestId: string) {\n return {\n inputAutocomplete: dataTestId,\n option: getDataTestId(dataTestId, 'option'),\n optionsList: getDataTestId(dataTestId, 'options-list'),\n bottomSheet: getDataTestId(dataTestId, 'bottom-sheet'),\n bottomSheetHeader: getDataTestId(dataTestId, 'bottom-sheet-header'),\n bottomSheetContent: getDataTestId(dataTestId, 'bottom-sheet-content'),\n modal: getDataTestId(dataTestId, 'modal'),\n modalHeader: getDataTestId(dataTestId, 'modal-header'),\n modalContent: getDataTestId(dataTestId, 'modal-content'),\n clearButton: getDataTestId(dataTestId, 'clear'),\n applyButton: getDataTestId(dataTestId, 'apply'),\n fieldInner: getDataTestId(dataTestId, 'field-form-control-inner'),\n fieldFormControl: getDataTestId(dataTestId, 'field-form-control'),\n fieldLeftAddons: getDataTestId(dataTestId, 'field-form-control-left-addons'),\n fieldRightAddons: getDataTestId(dataTestId, 'field-form-control-right-addons'),\n fieldError: getDataTestId(dataTestId, 'field-form-control-error-message'),\n fieldErrorIcon: getDataTestId(dataTestId, 'field-error-icon'),\n fieldSuccessIcon: getDataTestId(dataTestId, 'field-success-icon'),\n fieldHint: getDataTestId(dataTestId, 'field-form-control-hint'),\n searchInput: getDataTestId(dataTestId, 'search'),\n searchFormControl: getDataTestId(dataTestId, 'search-form-control'),\n searchInner: getDataTestId(dataTestId, 'search-form-control-inner'),\n searchLeftAddons: getDataTestId(dataTestId, 'search-form-control-left-addons'),\n searchRightAddons: getDataTestId(dataTestId, 'search-form-control-right-addons'),\n searchError: getDataTestId(dataTestId, 'search-form-control-error-message'),\n searchHint: getDataTestId(dataTestId, 'search-form-control-hint'),\n };\n}\n"],"names":["getDataTestId"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"arrow":"input-
|
|
3
|
+
var styles = {"arrow":"input-autocomplete__arrow_1fweo","error":"input-autocomplete__error_1fweo"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -8,22 +8,22 @@
|
|
|
8
8
|
--input-error-icon-display: none;
|
|
9
9
|
--input-success-icon-display: flex;
|
|
10
10
|
--input-error-icon-not-alone-display: none;
|
|
11
|
-
} .input-
|
|
11
|
+
} .input-autocomplete__component_8tf5e {
|
|
12
12
|
width: 100%;
|
|
13
13
|
outline: none;
|
|
14
|
-
} .input-
|
|
14
|
+
} .input-autocomplete__field_8tf5e:not(.input-autocomplete__disabled_8tf5e) {
|
|
15
15
|
cursor: pointer;
|
|
16
|
-
} .input-
|
|
16
|
+
} .input-autocomplete__errorIcon_8tf5e {
|
|
17
17
|
display: var(--input-error-icon-display);
|
|
18
|
-
} * + .input-
|
|
18
|
+
} * + .input-autocomplete__errorIcon_8tf5e {
|
|
19
19
|
display: var(--input-error-icon-not-alone-display);
|
|
20
|
-
} .input-
|
|
20
|
+
} .input-autocomplete__successIcon_8tf5e {
|
|
21
21
|
display: var(--input-success-icon-display);
|
|
22
|
-
} .input-
|
|
22
|
+
} .input-autocomplete__disabled_8tf5e {
|
|
23
23
|
cursor: var(--disabled-cursor);
|
|
24
|
-
} .input-
|
|
24
|
+
} .input-autocomplete__placeholder_8tf5e {
|
|
25
25
|
color: var(--color-light-text-secondary);
|
|
26
|
-
} .input-
|
|
26
|
+
} .input-autocomplete__contentWrapper_8tf5e {
|
|
27
27
|
font-size: 16px;
|
|
28
28
|
line-height: 20px;
|
|
29
29
|
font-weight: 400;
|
|
@@ -32,11 +32,11 @@
|
|
|
32
32
|
text-overflow: ellipsis;
|
|
33
33
|
overflow: hidden;
|
|
34
34
|
width: 100%;
|
|
35
|
-
} .input-
|
|
35
|
+
} .input-autocomplete__value_8tf5e {
|
|
36
36
|
overflow: hidden;
|
|
37
37
|
text-overflow: ellipsis;
|
|
38
38
|
text-align: left;
|
|
39
|
-
} .input-
|
|
39
|
+
} .input-autocomplete__focusVisible_8tf5e {
|
|
40
40
|
outline: 2px solid var(--focus-color);
|
|
41
41
|
outline-offset: 2px;
|
|
42
42
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"component":"input-
|
|
3
|
+
var styles = {"component":"input-autocomplete__component_8tf5e","field":"input-autocomplete__field_8tf5e","disabled":"input-autocomplete__disabled_8tf5e","errorIcon":"input-autocomplete__errorIcon_8tf5e","successIcon":"input-autocomplete__successIcon_8tf5e","placeholder":"input-autocomplete__placeholder_8tf5e","contentWrapper":"input-autocomplete__contentWrapper_8tf5e","value":"input-autocomplete__value_8tf5e","focusVisible":"input-autocomplete__focusVisible_8tf5e"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.module.css.js","sources":["../src/autocomplete-mobile-field/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../vars.css';\n\n.component {\n width: 100%;\n outline: none;\n}\n\n.field:not(.disabled) {\n cursor: pointer;\n}\n\n.errorIcon {\n display: var(--input-error-icon-display);\n}\n\n* + .errorIcon {\n display: var(--input-error-icon-not-alone-display);\n}\n\n.successIcon {\n display: var(--input-success-icon-display);\n}\n\n.disabled {\n cursor: var(--disabled-cursor);\n}\n\n.placeholder {\n color: var(--color-light-text-secondary);\n}\n\n.contentWrapper {\n @mixin paragraph_component;\n\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 100%;\n}\n\n.value {\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: left;\n}\n\n.focusVisible {\n @mixin focus-outline;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,qCAAqC,CAAC,OAAO,CAAC,iCAAiC,CAAC,UAAU,CAAC,oCAAoC,CAAC,WAAW,CAAC,qCAAqC,CAAC,aAAa,CAAC,uCAAuC,CAAC,aAAa,CAAC,uCAAuC,CAAC,gBAAgB,CAAC,0CAA0C,CAAC,OAAO,CAAC,iCAAiC,CAAC,cAAc,CAAC,wCAAwC,CAAC;;;;"}
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["../src/autocomplete-mobile-field/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n@import '../vars.css';\n\n.component {\n width: 100%;\n outline: none;\n}\n\n.field:not(.disabled) {\n cursor: pointer;\n}\n\n.errorIcon {\n display: var(--input-error-icon-display);\n}\n\n* + .errorIcon {\n display: var(--input-error-icon-not-alone-display);\n}\n\n.successIcon {\n display: var(--input-success-icon-display);\n}\n\n.disabled {\n cursor: var(--disabled-cursor);\n}\n\n.placeholder {\n color: var(--color-light-text-secondary);\n}\n\n.contentWrapper {\n @mixin paragraph_component;\n\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 100%;\n}\n\n.value {\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: left;\n}\n\n.focusVisible {\n @mixin focus-outline;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,qCAAqC,CAAC,OAAO,CAAC,iCAAiC,CAAC,UAAU,CAAC,oCAAoC,CAAC,WAAW,CAAC,qCAAqC,CAAC,aAAa,CAAC,uCAAuC,CAAC,aAAa,CAAC,uCAAuC,CAAC,gBAAgB,CAAC,0CAA0C,CAAC,OAAO,CAAC,iCAAiC,CAAC,cAAc,CAAC,wCAAwC,CAAC;;;;"}
|
package/esm/mobile/mobile.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mobile.module.css.js","sources":["../src/mobile/mobile.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.input {\n width: auto;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,OAAO,CAAC,iCAAiC,CAAC;;;;"}
|
|
1
|
+
{"version":3,"file":"mobile.module.css.js","sources":["../src/mobile/mobile.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.input {\n width: auto;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,OAAO,CAAC,iCAAiC,CAAC;;;;"}
|
package/mobile/mobile.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mobile.module.css.js","sources":["../src/mobile/mobile.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.input {\n width: auto;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,OAAO,CAAC,iCAAiC,CAAC;;;;"}
|
|
1
|
+
{"version":3,"file":"mobile.module.css.js","sources":["../src/mobile/mobile.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.input {\n width: auto;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,OAAO,CAAC,iCAAiC,CAAC;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
const styles = {"arrow":"input-
|
|
3
|
+
const styles = {"arrow":"input-autocomplete__arrow_1fweo","error":"input-autocomplete__error_1fweo"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -8,22 +8,22 @@
|
|
|
8
8
|
--input-error-icon-display: none;
|
|
9
9
|
--input-success-icon-display: flex;
|
|
10
10
|
--input-error-icon-not-alone-display: none;
|
|
11
|
-
} .input-
|
|
11
|
+
} .input-autocomplete__component_8tf5e {
|
|
12
12
|
width: 100%;
|
|
13
13
|
outline: none;
|
|
14
|
-
} .input-
|
|
14
|
+
} .input-autocomplete__field_8tf5e:not(.input-autocomplete__disabled_8tf5e) {
|
|
15
15
|
cursor: pointer;
|
|
16
|
-
} .input-
|
|
16
|
+
} .input-autocomplete__errorIcon_8tf5e {
|
|
17
17
|
display: var(--input-error-icon-display);
|
|
18
|
-
} * + .input-
|
|
18
|
+
} * + .input-autocomplete__errorIcon_8tf5e {
|
|
19
19
|
display: var(--input-error-icon-not-alone-display);
|
|
20
|
-
} .input-
|
|
20
|
+
} .input-autocomplete__successIcon_8tf5e {
|
|
21
21
|
display: var(--input-success-icon-display);
|
|
22
|
-
} .input-
|
|
22
|
+
} .input-autocomplete__disabled_8tf5e {
|
|
23
23
|
cursor: var(--disabled-cursor);
|
|
24
|
-
} .input-
|
|
24
|
+
} .input-autocomplete__placeholder_8tf5e {
|
|
25
25
|
color: var(--color-light-text-secondary);
|
|
26
|
-
} .input-
|
|
26
|
+
} .input-autocomplete__contentWrapper_8tf5e {
|
|
27
27
|
font-size: 16px;
|
|
28
28
|
line-height: 20px;
|
|
29
29
|
font-weight: 400;
|
|
@@ -32,11 +32,11 @@
|
|
|
32
32
|
text-overflow: ellipsis;
|
|
33
33
|
overflow: hidden;
|
|
34
34
|
width: 100%;
|
|
35
|
-
} .input-
|
|
35
|
+
} .input-autocomplete__value_8tf5e {
|
|
36
36
|
overflow: hidden;
|
|
37
37
|
text-overflow: ellipsis;
|
|
38
38
|
text-align: left;
|
|
39
|
-
} .input-
|
|
39
|
+
} .input-autocomplete__focusVisible_8tf5e {
|
|
40
40
|
outline: 2px solid var(--focus-color);
|
|
41
41
|
outline-offset: 2px;
|
|
42
42
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
const styles = {"component":"input-
|
|
3
|
+
const styles = {"component":"input-autocomplete__component_8tf5e","field":"input-autocomplete__field_8tf5e","disabled":"input-autocomplete__disabled_8tf5e","errorIcon":"input-autocomplete__errorIcon_8tf5e","successIcon":"input-autocomplete__successIcon_8tf5e","placeholder":"input-autocomplete__placeholder_8tf5e","contentWrapper":"input-autocomplete__contentWrapper_8tf5e","value":"input-autocomplete__value_8tf5e","focusVisible":"input-autocomplete__focusVisible_8tf5e"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.module.css.js","sources":["../src/autocomplete-mobile-field/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../vars.css';\n\n.component {\n width: 100%;\n outline: none;\n}\n\n.field:not(.disabled) {\n cursor: pointer;\n}\n\n.errorIcon {\n display: var(--input-error-icon-display);\n}\n\n* + .errorIcon {\n display: var(--input-error-icon-not-alone-display);\n}\n\n.successIcon {\n display: var(--input-success-icon-display);\n}\n\n.disabled {\n cursor: var(--disabled-cursor);\n}\n\n.placeholder {\n color: var(--color-light-text-secondary);\n}\n\n.contentWrapper {\n @mixin paragraph_component;\n\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 100%;\n}\n\n.value {\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: left;\n}\n\n.focusVisible {\n @mixin focus-outline;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,qCAAqC,CAAC,OAAO,CAAC,iCAAiC,CAAC,UAAU,CAAC,oCAAoC,CAAC,WAAW,CAAC,qCAAqC,CAAC,aAAa,CAAC,uCAAuC,CAAC,aAAa,CAAC,uCAAuC,CAAC,gBAAgB,CAAC,0CAA0C,CAAC,OAAO,CAAC,iCAAiC,CAAC,cAAc,CAAC,wCAAwC,CAAC;;;;"}
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["../src/autocomplete-mobile-field/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n@import '../vars.css';\n\n.component {\n width: 100%;\n outline: none;\n}\n\n.field:not(.disabled) {\n cursor: pointer;\n}\n\n.errorIcon {\n display: var(--input-error-icon-display);\n}\n\n* + .errorIcon {\n display: var(--input-error-icon-not-alone-display);\n}\n\n.successIcon {\n display: var(--input-success-icon-display);\n}\n\n.disabled {\n cursor: var(--disabled-cursor);\n}\n\n.placeholder {\n color: var(--color-light-text-secondary);\n}\n\n.contentWrapper {\n @mixin paragraph_component;\n\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n width: 100%;\n}\n\n.value {\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: left;\n}\n\n.focusVisible {\n @mixin focus-outline;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,qCAAqC,CAAC,OAAO,CAAC,iCAAiC,CAAC,UAAU,CAAC,oCAAoC,CAAC,WAAW,CAAC,qCAAqC,CAAC,aAAa,CAAC,uCAAuC,CAAC,aAAa,CAAC,uCAAuC,CAAC,gBAAgB,CAAC,0CAA0C,CAAC,OAAO,CAAC,iCAAiC,CAAC,cAAc,CAAC,wCAAwC,CAAC;;;;"}
|
package/modern/mobile/mobile.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mobile.module.css.js","sources":["../src/mobile/mobile.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.input {\n width: auto;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,OAAO,CAAC,iCAAiC,CAAC;;;;"}
|
|
1
|
+
{"version":3,"file":"mobile.module.css.js","sources":["../src/mobile/mobile.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.input {\n width: auto;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,OAAO,CAAC,iCAAiC,CAAC;;;;"}
|
|
@@ -3,28 +3,36 @@
|
|
|
3
3
|
--input-success-icon-display: flex;
|
|
4
4
|
--input-error-icon-not-alone-display: none;
|
|
5
5
|
}
|
|
6
|
+
|
|
6
7
|
.component {
|
|
7
8
|
width: 100%;
|
|
8
9
|
outline: none;
|
|
9
10
|
}
|
|
11
|
+
|
|
10
12
|
.field:not(.disabled) {
|
|
11
13
|
cursor: pointer;
|
|
12
14
|
}
|
|
15
|
+
|
|
13
16
|
.errorIcon {
|
|
14
17
|
display: var(--input-error-icon-display);
|
|
15
18
|
}
|
|
19
|
+
|
|
16
20
|
* + .errorIcon {
|
|
17
21
|
display: var(--input-error-icon-not-alone-display);
|
|
18
22
|
}
|
|
23
|
+
|
|
19
24
|
.successIcon {
|
|
20
25
|
display: var(--input-success-icon-display);
|
|
21
26
|
}
|
|
27
|
+
|
|
22
28
|
.disabled {
|
|
23
29
|
cursor: var(--disabled-cursor);
|
|
24
30
|
}
|
|
31
|
+
|
|
25
32
|
.placeholder {
|
|
26
33
|
color: var(--color-light-text-secondary);
|
|
27
34
|
}
|
|
35
|
+
|
|
28
36
|
.contentWrapper {
|
|
29
37
|
font-size: 16px;
|
|
30
38
|
line-height: 20px;
|
|
@@ -35,11 +43,13 @@
|
|
|
35
43
|
overflow: hidden;
|
|
36
44
|
width: 100%;
|
|
37
45
|
}
|
|
46
|
+
|
|
38
47
|
.value {
|
|
39
48
|
overflow: hidden;
|
|
40
49
|
text-overflow: ellipsis;
|
|
41
50
|
text-align: left;
|
|
42
51
|
}
|
|
52
|
+
|
|
43
53
|
.focusVisible {
|
|
44
54
|
outline: 2px solid var(--focus-color);
|
|
45
55
|
outline-offset: 2px;
|