@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.
Files changed (83) hide show
  1. package/autocomplete-field/index.css +1 -1
  2. package/autocomplete-field/index.module.css.js +1 -1
  3. package/autocomplete-mobile-field/index.css +10 -10
  4. package/autocomplete-mobile-field/index.module.css.js +1 -1
  5. package/autocomplete-mobile-field/index.module.css.js.map +1 -1
  6. package/dynamic-mixins/Component.responsive.d.ts +3 -0
  7. package/dynamic-mixins/Component.responsive.js +24 -0
  8. package/dynamic-mixins/Component.responsive.js.map +1 -0
  9. package/dynamic-mixins/autocomplete-field/Component.d.ts +5 -0
  10. package/dynamic-mixins/autocomplete-field/Component.js +46 -0
  11. package/dynamic-mixins/autocomplete-field/Component.js.map +1 -0
  12. package/dynamic-mixins/autocomplete-field/index.css +3 -0
  13. package/dynamic-mixins/autocomplete-field/index.d.ts +1 -0
  14. package/dynamic-mixins/autocomplete-field/index.js +10 -0
  15. package/dynamic-mixins/autocomplete-field/index.js.map +1 -0
  16. package/dynamic-mixins/autocomplete-field/index.module.css.js +8 -0
  17. package/dynamic-mixins/autocomplete-field/index.module.css.js.map +1 -0
  18. package/dynamic-mixins/autocomplete-mobile-field/Component.d.ts +17 -0
  19. package/dynamic-mixins/autocomplete-mobile-field/Component.js +51 -0
  20. package/dynamic-mixins/autocomplete-mobile-field/Component.js.map +1 -0
  21. package/dynamic-mixins/autocomplete-mobile-field/index.css +40 -0
  22. package/dynamic-mixins/autocomplete-mobile-field/index.d.ts +1 -0
  23. package/dynamic-mixins/autocomplete-mobile-field/index.js +10 -0
  24. package/dynamic-mixins/autocomplete-mobile-field/index.js.map +1 -0
  25. package/dynamic-mixins/autocomplete-mobile-field/index.module.css.js +8 -0
  26. package/dynamic-mixins/autocomplete-mobile-field/index.module.css.js.map +1 -0
  27. package/dynamic-mixins/desktop/Component.desktop.d.ts +3 -0
  28. package/dynamic-mixins/desktop/Component.desktop.js +21 -0
  29. package/dynamic-mixins/desktop/Component.desktop.js.map +1 -0
  30. package/dynamic-mixins/desktop/index.d.ts +2 -0
  31. package/dynamic-mixins/desktop/index.js +10 -0
  32. package/dynamic-mixins/desktop/index.js.map +1 -0
  33. package/dynamic-mixins/enums.d.ts +4 -0
  34. package/dynamic-mixins/enums.js +10 -0
  35. package/dynamic-mixins/enums.js.map +1 -0
  36. package/dynamic-mixins/index.d.ts +2 -0
  37. package/dynamic-mixins/index.js +10 -0
  38. package/dynamic-mixins/index.js.map +1 -0
  39. package/dynamic-mixins/mobile/Component.mobile.d.ts +9 -0
  40. package/dynamic-mixins/mobile/Component.mobile.js +103 -0
  41. package/dynamic-mixins/mobile/Component.mobile.js.map +1 -0
  42. package/dynamic-mixins/mobile/Component.modal.mobile.d.ts +9 -0
  43. package/dynamic-mixins/mobile/Component.modal.mobile.js +16 -0
  44. package/dynamic-mixins/mobile/Component.modal.mobile.js.map +1 -0
  45. package/dynamic-mixins/mobile/index.d.ts +3 -0
  46. package/dynamic-mixins/mobile/index.js +12 -0
  47. package/dynamic-mixins/mobile/index.js.map +1 -0
  48. package/dynamic-mixins/mobile/mobile.css +3 -0
  49. package/dynamic-mixins/mobile/mobile.module.css.js +8 -0
  50. package/dynamic-mixins/mobile/mobile.module.css.js.map +1 -0
  51. package/dynamic-mixins/shared/index.d.ts +1 -0
  52. package/dynamic-mixins/shared/index.js +11 -0
  53. package/dynamic-mixins/shared/index.js.map +1 -0
  54. package/dynamic-mixins/types.d.ts +80 -0
  55. package/dynamic-mixins/types.js +3 -0
  56. package/dynamic-mixins/types.js.map +1 -0
  57. package/dynamic-mixins/utils.d.ts +43 -0
  58. package/dynamic-mixins/utils.js +60 -0
  59. package/dynamic-mixins/utils.js.map +1 -0
  60. package/esm/autocomplete-field/index.css +1 -1
  61. package/esm/autocomplete-field/index.module.css.js +1 -1
  62. package/esm/autocomplete-mobile-field/index.css +10 -10
  63. package/esm/autocomplete-mobile-field/index.module.css.js +1 -1
  64. package/esm/autocomplete-mobile-field/index.module.css.js.map +1 -1
  65. package/esm/mobile/mobile.css +1 -1
  66. package/esm/mobile/mobile.module.css.js +1 -1
  67. package/esm/mobile/mobile.module.css.js.map +1 -1
  68. package/mobile/mobile.css +1 -1
  69. package/mobile/mobile.module.css.js +1 -1
  70. package/mobile/mobile.module.css.js.map +1 -1
  71. package/modern/autocomplete-field/index.css +1 -1
  72. package/modern/autocomplete-field/index.module.css.js +1 -1
  73. package/modern/autocomplete-mobile-field/index.css +10 -10
  74. package/modern/autocomplete-mobile-field/index.module.css.js +1 -1
  75. package/modern/autocomplete-mobile-field/index.module.css.js.map +1 -1
  76. package/modern/mobile/mobile.css +1 -1
  77. package/modern/mobile/mobile.module.css.js +1 -1
  78. package/modern/mobile/mobile.module.css.js.map +1 -1
  79. package/moderncssm/autocomplete-mobile-field/index.module.css +10 -0
  80. package/moderncssm/mobile/mobile.module.css +2 -0
  81. package/package.json +10 -10
  82. package/src/autocomplete-mobile-field/index.module.css +1 -1
  83. 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,3 @@
1
+ export { InputAutocompleteMobile } from './Component.mobile';
2
+ export { InputAutocompleteModalMobile } from './Component.modal.mobile';
3
+ export type { InputAutocompleteMobileProps } from '../types';
@@ -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,3 @@
1
+ .input-autocomplete__input_9wi3m {
2
+ width: auto;
3
+ }
@@ -0,0 +1,8 @@
1
+ 'use strict';
2
+
3
+ require('./mobile.css');
4
+
5
+ var styles = {"input":"input-autocomplete__input_9wi3m"};
6
+
7
+ module.exports = styles;
8
+ //# sourceMappingURL=mobile.module.css.js.map
@@ -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,3 @@
1
+ 'use strict';
2
+
3
+ //# sourceMappingURL=types.js.map
@@ -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,3 +1,3 @@
1
- .input-autocomplete__arrow_1jsug.input-autocomplete__error_1jsug ~ * {
1
+ .input-autocomplete__arrow_1fweo.input-autocomplete__error_1fweo ~ * {
2
2
  display: none;
3
3
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"arrow":"input-autocomplete__arrow_1jsug","error":"input-autocomplete__error_1jsug"};
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-autocomplete__component_1dkkb {
11
+ } .input-autocomplete__component_8tf5e {
12
12
  width: 100%;
13
13
  outline: none;
14
- } .input-autocomplete__field_1dkkb:not(.input-autocomplete__disabled_1dkkb) {
14
+ } .input-autocomplete__field_8tf5e:not(.input-autocomplete__disabled_8tf5e) {
15
15
  cursor: pointer;
16
- } .input-autocomplete__errorIcon_1dkkb {
16
+ } .input-autocomplete__errorIcon_8tf5e {
17
17
  display: var(--input-error-icon-display);
18
- } * + .input-autocomplete__errorIcon_1dkkb {
18
+ } * + .input-autocomplete__errorIcon_8tf5e {
19
19
  display: var(--input-error-icon-not-alone-display);
20
- } .input-autocomplete__successIcon_1dkkb {
20
+ } .input-autocomplete__successIcon_8tf5e {
21
21
  display: var(--input-success-icon-display);
22
- } .input-autocomplete__disabled_1dkkb {
22
+ } .input-autocomplete__disabled_8tf5e {
23
23
  cursor: var(--disabled-cursor);
24
- } .input-autocomplete__placeholder_1dkkb {
24
+ } .input-autocomplete__placeholder_8tf5e {
25
25
  color: var(--color-light-text-secondary);
26
- } .input-autocomplete__contentWrapper_1dkkb {
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-autocomplete__value_1dkkb {
35
+ } .input-autocomplete__value_8tf5e {
36
36
  overflow: hidden;
37
37
  text-overflow: ellipsis;
38
38
  text-align: left;
39
- } .input-autocomplete__focusVisible_1dkkb {
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-autocomplete__component_1dkkb","field":"input-autocomplete__field_1dkkb","disabled":"input-autocomplete__disabled_1dkkb","errorIcon":"input-autocomplete__errorIcon_1dkkb","successIcon":"input-autocomplete__successIcon_1dkkb","placeholder":"input-autocomplete__placeholder_1dkkb","contentWrapper":"input-autocomplete__contentWrapper_1dkkb","value":"input-autocomplete__value_1dkkb","focusVisible":"input-autocomplete__focusVisible_1dkkb"};
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;;;;"}
@@ -1,3 +1,3 @@
1
- .input-autocomplete__input_1ib3y {
1
+ .input-autocomplete__input_9wi3m {
2
2
  width: auto;
3
3
  }
@@ -1,6 +1,6 @@
1
1
  import './mobile.css';
2
2
 
3
- var styles = {"input":"input-autocomplete__input_1ib3y"};
3
+ var styles = {"input":"input-autocomplete__input_9wi3m"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=mobile.module.css.js.map
@@ -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,3 +1,3 @@
1
- .input-autocomplete__input_1ib3y {
1
+ .input-autocomplete__input_9wi3m {
2
2
  width: auto;
3
3
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./mobile.css');
4
4
 
5
- var styles = {"input":"input-autocomplete__input_1ib3y"};
5
+ var styles = {"input":"input-autocomplete__input_9wi3m"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=mobile.module.css.js.map
@@ -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,3 +1,3 @@
1
- .input-autocomplete__arrow_1jsug.input-autocomplete__error_1jsug ~ * {
1
+ .input-autocomplete__arrow_1fweo.input-autocomplete__error_1fweo ~ * {
2
2
  display: none;
3
3
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"arrow":"input-autocomplete__arrow_1jsug","error":"input-autocomplete__error_1jsug"};
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-autocomplete__component_1dkkb {
11
+ } .input-autocomplete__component_8tf5e {
12
12
  width: 100%;
13
13
  outline: none;
14
- } .input-autocomplete__field_1dkkb:not(.input-autocomplete__disabled_1dkkb) {
14
+ } .input-autocomplete__field_8tf5e:not(.input-autocomplete__disabled_8tf5e) {
15
15
  cursor: pointer;
16
- } .input-autocomplete__errorIcon_1dkkb {
16
+ } .input-autocomplete__errorIcon_8tf5e {
17
17
  display: var(--input-error-icon-display);
18
- } * + .input-autocomplete__errorIcon_1dkkb {
18
+ } * + .input-autocomplete__errorIcon_8tf5e {
19
19
  display: var(--input-error-icon-not-alone-display);
20
- } .input-autocomplete__successIcon_1dkkb {
20
+ } .input-autocomplete__successIcon_8tf5e {
21
21
  display: var(--input-success-icon-display);
22
- } .input-autocomplete__disabled_1dkkb {
22
+ } .input-autocomplete__disabled_8tf5e {
23
23
  cursor: var(--disabled-cursor);
24
- } .input-autocomplete__placeholder_1dkkb {
24
+ } .input-autocomplete__placeholder_8tf5e {
25
25
  color: var(--color-light-text-secondary);
26
- } .input-autocomplete__contentWrapper_1dkkb {
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-autocomplete__value_1dkkb {
35
+ } .input-autocomplete__value_8tf5e {
36
36
  overflow: hidden;
37
37
  text-overflow: ellipsis;
38
38
  text-align: left;
39
- } .input-autocomplete__focusVisible_1dkkb {
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-autocomplete__component_1dkkb","field":"input-autocomplete__field_1dkkb","disabled":"input-autocomplete__disabled_1dkkb","errorIcon":"input-autocomplete__errorIcon_1dkkb","successIcon":"input-autocomplete__successIcon_1dkkb","placeholder":"input-autocomplete__placeholder_1dkkb","contentWrapper":"input-autocomplete__contentWrapper_1dkkb","value":"input-autocomplete__value_1dkkb","focusVisible":"input-autocomplete__focusVisible_1dkkb"};
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;;;;"}
@@ -1,3 +1,3 @@
1
- .input-autocomplete__input_1ib3y {
1
+ .input-autocomplete__input_9wi3m {
2
2
  width: auto;
3
3
  }
@@ -1,6 +1,6 @@
1
1
  import './mobile.css';
2
2
 
3
- const styles = {"input":"input-autocomplete__input_1ib3y"};
3
+ const styles = {"input":"input-autocomplete__input_9wi3m"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=mobile.module.css.js.map
@@ -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;
@@ -1,3 +1,5 @@
1
+
2
+
1
3
  .input {
2
4
  width: auto;
3
5
  }