@alfalab/core-components 42.14.0 → 42.15.0-beta.2

package/input/modern/components/base-input/index.css

@@ -83,7 +83,7 @@
     --input-error-icon-not-alone-display: none;
 
     /* mobile */
-} .input__input_1j3w2 {
+} .input__input_qp1jj {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -98,98 +98,98 @@
     text-overflow: ellipsis;
     box-sizing: border-box;
     -webkit-appearance: none;
-} .input__input_1j3w2::placeholder {
+} .input__input_qp1jj::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
-} .input__hasInnerLabel_1j3w2::placeholder {
+} .input__hasInnerLabel_qp1jj::placeholder {
         opacity: 0;
-    } .input__hasInnerLabel_1j3w2.input__s_1j3w2 {
+    } .input__hasInnerLabel_qp1jj.input__s_qp1jj {
         height: var(--form-control-s-min-height);
-    } .input__hasInnerLabel_1j3w2.input__m_1j3w2 {
+    } .input__hasInnerLabel_qp1jj.input__m_qp1jj {
         height: var(--form-control-m-min-height);
-    } .input__hasInnerLabel_1j3w2.input__l_1j3w2 {
+    } .input__hasInnerLabel_qp1jj.input__l_qp1jj {
         height: var(--form-control-l-min-height);
-    } .input__hasInnerLabel_1j3w2.input__xl_1j3w2 {
+    } .input__hasInnerLabel_qp1jj.input__xl_qp1jj {
         height: var(--form-control-xl-min-height);
-    } .input__block_1j3w2 {
+    } .input__block_qp1jj {
     width: 100%;
-} .input__clearIcon_1j3w2 {
+} .input__clearIcon_qp1jj {
     display: block;
     opacity: 0.3;
     transition: opacity 0.2s ease
-} .input__clearIcon_1j3w2:hover {
+} .input__clearIcon_qp1jj:hover {
         opacity: 0.6;
-    } .input__clearIcon_1j3w2:active {
+    } .input__clearIcon_qp1jj:active {
         opacity: 1;
-    } .input__errorIcon_1j3w2 {
+    } .input__errorIcon_qp1jj {
     display: var(--input-error-icon-display)
-} .input__errorIcon_1j3w2:not(:only-child) {
+} .input__errorIcon_qp1jj:not(:only-child) {
         margin-left: var(--gap-2xs);
-    } * + .input__errorIcon_1j3w2 {
+    } * + .input__errorIcon_qp1jj {
     display: var(--input-error-icon-not-alone-display);
-} button[class*='eye'] + .input__errorIcon_1j3w2 {
+} button[class*='eye'] + .input__errorIcon_qp1jj {
     margin-right: var(--gap-s);
-} .input__errorColorIcon_1j3w2 {
+} .input__errorColorIcon_qp1jj {
     color: var(--color-light-graphic-negative);
-} .input__clearButton_1j3w2 + * {
+} .input__clearButton_qp1jj + * {
     margin-left: var(--gap-2xs);
-} .input__clearButton_1j3w2 + .input__errorIcon_1j3w2 {
+} .input__clearButton_qp1jj + .input__errorIcon_qp1jj {
     display: var(--input-error-icon-display);
-} .input__successIcon_1j3w2 {
+} .input__successIcon_qp1jj {
     display: var(--input-success-icon-display)
-} .input__successIcon_1j3w2:not(:only-child) {
+} .input__successIcon_qp1jj:not(:only-child) {
         margin-left: var(--gap-2xs);
-    } button[class*='eye'] + .input__successIcon_1j3w2 {
+    } button[class*='eye'] + .input__successIcon_qp1jj {
     margin-right: var(--gap-s);
-} .input__successColorIcon_1j3w2 {
+} .input__successColorIcon_qp1jj {
     color: var(--color-light-graphic-positive);
-} /* DISABLED STATE */ .input__input_1j3w2:disabled {
+} /* DISABLED STATE */ .input__input_qp1jj:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
-} /* FOCUS STATE */ .input__input_1j3w2:focus.input__hasInnerLabel_1j3w2::placeholder {
+} /* FOCUS STATE */ .input__input_qp1jj:focus.input__hasInnerLabel_qp1jj::placeholder {
     opacity: 1;
-} .input__focusVisible_1j3w2 {
+} .input__focusVisible_qp1jj {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} /* READ-ONLY STATE */ .input__hasInnerLabel_1j3w2:read-only:focus::placeholder {
+} /* READ-ONLY STATE */ .input__hasInnerLabel_qp1jj:read-only:focus::placeholder {
     opacity: 0;
-} /* IE hide clear */ .input__input_1j3w2::-ms-clear {
+} /* IE hide clear */ .input__input_qp1jj::-ms-clear {
     display: none;
     width: 0;
     height: 0;
-} /* Убирает синюю заливку при автокомплите */ .input__input_1j3w2:-webkit-autofill:first-line, .input__input_1j3w2:-webkit-autofill:hover:first-line, .input__input_1j3w2:-webkit-autofill:focus:first-line, .input__input_1j3w2:-webkit-autofill:active:first-line {
+} /* Убирает синюю заливку при автокомплите */ .input__input_qp1jj:-webkit-autofill:first-line, .input__input_qp1jj:-webkit-autofill:hover:first-line, .input__input_qp1jj:-webkit-autofill:focus:first-line, .input__input_qp1jj:-webkit-autofill:active:first-line {
             font-size: 16px;
             line-height: 20px;
             font-weight: 400;
             font-family: var(--form-control-font-family);
-        } .input__input_1j3w2:-webkit-autofill,
-    .input__input_1j3w2:-webkit-autofill:hover,
-    .input__input_1j3w2:-webkit-autofill:focus,
-    .input__input_1j3w2:-webkit-autofill:active {
+        } .input__input_qp1jj:-webkit-autofill,
+    .input__input_qp1jj:-webkit-autofill:hover,
+    .input__input_qp1jj:-webkit-autofill:focus,
+    .input__input_qp1jj:-webkit-autofill:active {
 
         /* Hack from http://stackoverflow.com/a/29350537 */
         -webkit-transition: background-color 999999s ease-in-out 0s;
         transition: background-color 999999s ease-in-out 0s;
-    } .input__input_1j3w2:-webkit-autofill {
-        animation: input__onautofillstart_1j3w2 999999s forwards;
-    } .input__input_1j3w2:not(:-webkit-autofill) {
+    } .input__input_qp1jj:-webkit-autofill {
+        animation: input__onautofillstart_qp1jj 999999s forwards;
+    } .input__input_qp1jj:not(:-webkit-autofill) {
         /* Позволяет отслеживать autofill через js */
-        animation: input__onautofillcancel_1j3w2 999999s;
-    } /* Убирает нативные стрелочки при type=number */ .input__input_1j3w2::-webkit-outer-spin-button,
-    .input__input_1j3w2::-webkit-inner-spin-button {
+        animation: input__onautofillcancel_qp1jj 999999s;
+    } /* Убирает нативные стрелочки при type=number */ .input__input_qp1jj::-webkit-outer-spin-button,
+    .input__input_qp1jj::-webkit-inner-spin-button {
         -webkit-appearance: none;
-    } .input__input_1j3w2 {
+    } .input__input_qp1jj {
 
     /* Firefox */
-} .input__input_1j3w2[type='number'] {
+} .input__input_qp1jj[type='number'] {
         -moz-appearance: textfield;
-    } @keyframes input__onautofillstart_1j3w2 {
+    } @keyframes input__onautofillstart_qp1jj {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }
     to {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0.01);
     }
-} @keyframes input__onautofillcancel_1j3w2 {
+} @keyframes input__onautofillcancel_qp1jj {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }

package/input/modern/components/base-input/inverted.css

@@ -38,25 +38,25 @@
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
 
     /* mobile */
-} .input__input_6d7av {
+} .input__input_fuitm {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .input__input_6d7av:-webkit-autofill {
+} .input__input_fuitm:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
-} .input__input_6d7av::placeholder {
+} .input__input_fuitm::placeholder {
     color: var(--input-inverted-placeholder-color);
-} .input__hasInnerLabel_6d7av::placeholder {
+} .input__hasInnerLabel_fuitm::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
-} .input__clearIcon_6d7av {
+} .input__clearIcon_fuitm {
     color: var(--color-light-graphic-primary-inverted);
-} /* READ-ONLY STATE */ .input__input_6d7av:read-only:not(.input__disableUserInput_6d7av) {
+} /* READ-ONLY STATE */ .input__input_fuitm:read-only:not(.input__disableUserInput_fuitm) {
     color: var(--input-inverted-read-only-color)
-} .input__input_6d7av:read-only:not(.input__disableUserInput_6d7av):focus::placeholder {
+} .input__input_fuitm:read-only:not(.input__disableUserInput_fuitm):focus::placeholder {
         color: var(--input-inverted-placeholder-color);
-    } /* DISABLED STATE */ .input__input_6d7av:disabled {
+    } /* DISABLED STATE */ .input__input_fuitm:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
-} /* FOCUS STATE */ .input__input_6d7av:focus::placeholder {
+} /* FOCUS STATE */ .input__input_fuitm:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }

package/input/modern/default.desktop.css

@@ -29,7 +29,7 @@
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
 
     /* mobile */
-} /* ERROR STATE */ .input__error_ituit {
+} /* ERROR STATE */ .input__error_pqzfg {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 }

package/input/modern/default.mobile.css

@@ -29,7 +29,7 @@
 
     /* mobile */
     --input-error-mobile-color: var(--color-light-text-negative);
-} /* ERROR STATE */ .input__error_bfrcc {
+} /* ERROR STATE */ .input__error_ibr37 {
     color: var(--input-error-mobile-color);
     caret-color: var(--input-error-mobile-color);
 }

package/input/modern/desktop/Component.desktop.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseInputProps } from "../components/base-input/index";
+type InputDesktopProps = Omit<BaseInputProps, 'FormControlComponent' | 'colorStyles'>;
+declare const InputDesktop: React.ForwardRefExoticComponent<InputDesktopProps & React.RefAttributes<HTMLInputElement>>;
+export { InputDesktopProps, InputDesktop };

package/input/modern/desktop/Component.desktop.js

@@ -0,0 +1,26 @@
+import React, { forwardRef } from 'react';
+import { FormControlDesktop } from '../../../form-control/modern/desktop';
+import { BaseInput } from '../components/base-input/Component.js';
+import 'react-merge-refs';
+import 'classnames';
+import '../../../badge/modern';
+import '../../../button/modern';
+import '../../../shared/modern';
+import '@alfalab/hooks';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/ExclamationCircleMIcon';
+
+const defaultColors = {"error":"input__error_pqzfg"};
+require('./../default.desktop.css');
+
+const invertedColors = {"error":"input__error_1d1le"};
+require('./../inverted.desktop.css');
+
+const colorStyles = {
+    default: defaultColors,
+    inverted: invertedColors,
+};
+const InputDesktop = forwardRef((restProps, ref) => (React.createElement(BaseInput, { ...restProps, FormControlComponent: FormControlDesktop, ref: ref, colorStyles: colorStyles })));
+
+export { InputDesktop };

package/input/modern/desktop/index.js

@@ -0,0 +1,13 @@
+export { InputDesktop } from './Component.desktop.js';
+import 'react';
+import '../../../form-control/modern/desktop';
+import '../components/base-input/Component.js';
+import 'react-merge-refs';
+import 'classnames';
+import '../../../badge/modern';
+import '../../../button/modern';
+import '../../../shared/modern';
+import '@alfalab/hooks';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/ExclamationCircleMIcon';

package/input/modern/index.js

@@ -1,7 +1,7 @@
 export { Input } from './Component.responsive.js';
 import 'react';
 import '../../mq/modern';
-import './Component.desktop.js';
+import './desktop/Component.desktop.js';
 import '../../form-control/modern/desktop';
 import './components/base-input/Component.js';
 import 'react-merge-refs';
@@ -13,5 +13,5 @@ import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/ExclamationCircleMIcon';
-import './Component.mobile.js';
+import './mobile/Component.mobile.js';
 import '../../form-control/modern/mobile';

package/input/modern/inverted.desktop.css

@@ -29,7 +29,7 @@
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
 
     /* mobile */
-} /* ERROR STATE */ .input__error_n82ni {
+} /* ERROR STATE */ .input__error_1d1le {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 }

package/input/modern/inverted.mobile.css

@@ -29,7 +29,7 @@
 
     /* mobile */
     --input-inverted-error-mobile-color: var(--color-light-text-accent);
-} /* ERROR STATE */ .input__error_1w2le {
+} /* ERROR STATE */ .input__error_s3vp9 {
     color: var(--input-inverted-error-mobile-color);
     caret-color: var(--input-inverted-error-mobile-color);
 }

package/input/modern/mobile/Component.mobile.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseInputProps } from "../components/base-input/index";
+type InputMobileProps = Omit<BaseInputProps, 'FormControlComponent' | 'colorStyles'>;
+declare const InputMobile: React.ForwardRefExoticComponent<InputMobileProps & React.RefAttributes<HTMLInputElement>>;
+export { InputMobileProps, InputMobile };

package/input/modern/mobile/Component.mobile.js

@@ -0,0 +1,26 @@
+import React, { forwardRef } from 'react';
+import { FormControlMobile } from '../../../form-control/modern/mobile';
+import { BaseInput } from '../components/base-input/Component.js';
+import 'react-merge-refs';
+import 'classnames';
+import '../../../badge/modern';
+import '../../../button/modern';
+import '../../../shared/modern';
+import '@alfalab/hooks';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/ExclamationCircleMIcon';
+
+const defaultColors = {"error":"input__error_ibr37"};
+require('./../default.mobile.css');
+
+const invertedColors = {"error":"input__error_s3vp9"};
+require('./../inverted.mobile.css');
+
+const colorStyles = {
+    default: defaultColors,
+    inverted: invertedColors,
+};
+const InputMobile = forwardRef((restProps, ref) => (React.createElement(BaseInput, { ...restProps, FormControlComponent: FormControlMobile, ref: ref, colorStyles: colorStyles })));
+
+export { InputMobile };

package/input/modern/mobile/index.js

@@ -0,0 +1,13 @@
+export { InputMobile } from './Component.mobile.js';
+import 'react';
+import '../../../form-control/modern/mobile';
+import '../components/base-input/Component.js';
+import 'react-merge-refs';
+import 'classnames';
+import '../../../badge/modern';
+import '../../../button/modern';
+import '../../../shared/modern';
+import '@alfalab/hooks';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/ExclamationCircleMIcon';

package/input-autocomplete/Component.responsive.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import React from 'react';
-import { ButtonMobileProps } from "./mobile-89f0cb07";
-import { BaseSelectProps } from "./shared-4cd3936b";
-import { InputAutocompleteDesktopProps } from "./Component.desktop";
-import { InputAutocompleteMobileProps } from "./Component.mobile";
+import { ButtonMobileProps } from "../button/mobile";
+import { BaseSelectProps } from "../select/shared";
+import { InputAutocompleteDesktopProps } from "./desktop/index";
+import { InputAutocompleteMobileProps } from "./mobile/index";
 type InputAutocompleteResponsiveProps = InputAutocompleteDesktopProps & InputAutocompleteMobileProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
@@ -13,11 +13,11 @@ type InputAutocompleteResponsiveProps = InputAutocompleteDesktopProps & InputAut
 };
 type InputAutocompleteMedia = 'desktop' | 'mobile';
 declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "searchProps" | "showSearch" | "Field" | "Search"> & {
-    Input?: React.FC<Omit<import("./autocomplete-field/Component").BaseInputProps, "colorStyles" | "FormControlComponent"> & {
+    Input?: React.FC<Omit<import("../input/components/base-input").BaseInputProps, "colorStyles" | "FormControlComponent"> & {
         breakpoint?: number | undefined;
         defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
     } & React.RefAttributes<HTMLInputElement>> | undefined;
-    inputProps?: (Omit<import("./autocomplete-field/Component").BaseInputProps, "colorStyles" | "FormControlComponent"> & {
+    inputProps?: (Omit<import("../input/components/base-input").BaseInputProps, "colorStyles" | "FormControlComponent"> & {
         breakpoint?: number | undefined;
         defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
     } & Record<string, unknown>) | undefined;
@@ -26,14 +26,14 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
     success?: boolean | undefined;
     onInput?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
     updatePopover?: React.MutableRefObject<() => void> | undefined;
-} & Omit<BaseSelectProps, "onScroll" | "valueRenderer" | "autocomplete" | "nativeSelect" | "searchProps" | "showSearch" | "OptionsList" | "Search" | "Checkmark"> & {
-    onChange: (payload: string | import("./shared-4cd3936b").BaseSelectChangePayload) => void;
+} & Omit<BaseSelectProps, "onScroll" | "autocomplete" | "valueRenderer" | "nativeSelect" | "searchProps" | "showSearch" | "OptionsList" | "Search" | "Checkmark"> & {
+    onChange: (payload: string | import("../select/shared").BaseSelectChangePayload) => void;
     onFilter: (event: React.ChangeEvent<HTMLInputElement>) => void;
     value?: string | undefined;
     filter?: string | undefined;
     onCancel?: (() => void) | undefined;
     onClearFilter?: (() => void) | undefined;
-    bottomSheetProps?: Partial<import("./index-f12ee135").BottomSheetProps> | undefined;
+    bottomSheetProps?: Partial<import("../bottom-sheet").BottomSheetProps> | undefined;
     bottomSheetHeaderAddonsProps?: Record<string, unknown> | undefined;
     continueButtonProps?: ButtonMobileProps | undefined;
     cancelButtonProps?: ButtonMobileProps | undefined;
@@ -44,5 +44,5 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
      * @default 1024
      */
     breakpoint?: number | undefined;
-} & React.RefAttributes<HTMLDivElement | HTMLInputElement>>;
+} & React.RefAttributes<HTMLInputElement | HTMLDivElement>>;
 export { InputAutocompleteResponsiveProps, InputAutocompleteMedia, InputAutocompleteResponsive };

package/input-autocomplete/Component.responsive.js

@@ -3,8 +3,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var hooks = require('@alfalab/hooks');
-var Component_desktop = require('./Component.desktop.js');
-var Component_mobile = require('./Component.mobile.js');
+var desktop_Component_desktop = require('./desktop/Component.desktop.js');
+var mobile_Component_mobile = require('./mobile/Component.mobile.js');
+require('./mobile/Component.modal.mobile.js');
 require('../select/shared');
 require('./autocomplete-field/Component.js');
 require('react-merge-refs');
@@ -17,7 +18,7 @@ require('../select/mobile');
 require('./autocomplete-mobile-field/Component.js');
 require('../form-control/mobile');
 require('../shared');
-require('./mobile.module-c08975ff.js');
+require('./mobile.module-e46ca1a6.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -29,7 +30,7 @@ var InputAutocompleteResponsive = React.forwardRef(function (_a, ref) {
         ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
         ['desktop', "(min-width: ".concat(breakpoint, "px)")],
     ], 'desktop')[0];
-    return view === 'desktop' ? (React__default.default.createElement(Component_desktop.InputAutocompleteDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(Component_mobile.InputAutocompleteMobile, tslib.__assign({}, restProps, { ref: ref })));
+    return view === 'desktop' ? (React__default.default.createElement(desktop_Component_desktop.InputAutocompleteDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(mobile_Component_mobile.InputAutocompleteMobile, tslib.__assign({}, restProps, { ref: ref })));
 });
 
 exports.InputAutocompleteResponsive = InputAutocompleteResponsive;

package/input-autocomplete/autocomplete-field/Component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
-import { FieldProps } from "../shared-4cd3936b";
-import { InputAutocompleteDesktopProps } from "../Component.desktop";
+import { FieldProps } from "../../select/shared";
+import { InputAutocompleteDesktopProps } from "../desktop/index";
 type AutocompleteFieldProps = FieldProps & Pick<InputAutocompleteDesktopProps, 'Input' | 'inputProps' | 'value' | 'onInput' | 'readOnly'>;
 declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => React.JSX.Element;
 export { AutocompleteFieldProps, AutocompleteField };

package/input-autocomplete/autocomplete-field/Component.js

@@ -12,7 +12,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"arrow":"input-autocomplete__arrow_1cmrr","error":"input-autocomplete__error_1cmrr"};
+var styles = {"arrow":"input-autocomplete__arrow_1sl9i","error":"input-autocomplete__error_1sl9i"};
 require('./index.css');
 
 var AutocompleteField = function (_a) {

package/input-autocomplete/autocomplete-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1au42 */
-.input-autocomplete__arrow_1cmrr.input-autocomplete__error_1cmrr ~ * {
+/* hash: 1qu85 */
+.input-autocomplete__arrow_1sl9i.input-autocomplete__error_1sl9i ~ * {
     display: none;
 }

package/input-autocomplete/autocomplete-mobile-field/Component.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import React from 'react';
 import { ElementType } from "react";
-import { FormControlMobileProps } from "../mobile-96988a65";
-import { FieldProps as BaseFieldProps } from "../shared-4cd3936b";
+import { FormControlMobileProps } from "../../form-control/mobile";
+import { FieldProps as BaseFieldProps } from "../../select/shared";
 type FieldProps = {
     /**
      * Компонент FormControl

package/input-autocomplete/autocomplete-mobile-field/Component.js

@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"input-autocomplete__component_1r0uf","field":"input-autocomplete__field_1r0uf","disabled":"input-autocomplete__disabled_1r0uf","placeholder":"input-autocomplete__placeholder_1r0uf","contentWrapper":"input-autocomplete__contentWrapper_1r0uf","value":"input-autocomplete__value_1r0uf","focusVisible":"input-autocomplete__focusVisible_1r0uf"};
+var styles = {"component":"input-autocomplete__component_1o5l0","field":"input-autocomplete__field_1o5l0","disabled":"input-autocomplete__disabled_1o5l0","placeholder":"input-autocomplete__placeholder_1o5l0","contentWrapper":"input-autocomplete__contentWrapper_1o5l0","value":"input-autocomplete__value_1o5l0","focusVisible":"input-autocomplete__focusVisible_1o5l0"};
 require('./index.css');
 
 var AutocompleteMobileField = function (_a) {

package/input-autocomplete/autocomplete-mobile-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1l8rj */
+/* hash: 158ng */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef;
@@ -18,16 +18,16 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .input-autocomplete__component_1r0uf {
+} .input-autocomplete__component_1o5l0 {
     width: 100%;
     outline: none;
-} .input-autocomplete__field_1r0uf:not(.input-autocomplete__disabled_1r0uf) {
+} .input-autocomplete__field_1o5l0:not(.input-autocomplete__disabled_1o5l0) {
     cursor: pointer;
-} .input-autocomplete__disabled_1r0uf {
+} .input-autocomplete__disabled_1o5l0 {
     cursor: var(--disabled-cursor);
-} .input-autocomplete__placeholder_1r0uf {
+} .input-autocomplete__placeholder_1o5l0 {
     color: var(--color-light-text-secondary);
-} .input-autocomplete__contentWrapper_1r0uf {
+} .input-autocomplete__contentWrapper_1o5l0 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -36,11 +36,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .input-autocomplete__value_1r0uf {
+} .input-autocomplete__value_1o5l0 {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .input-autocomplete__focusVisible_1r0uf {
+} .input-autocomplete__focusVisible_1o5l0 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/input-autocomplete/cssm/Component.responsive.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import React from 'react';
-import { ButtonMobileProps } from "./mobile-89f0cb07";
-import { BaseSelectProps } from "./shared-4cd3936b";
-import { InputAutocompleteDesktopProps } from "./Component.desktop";
-import { InputAutocompleteMobileProps } from "./Component.mobile";
+import { ButtonMobileProps } from "../../button/mobile";
+import { BaseSelectProps } from "../../select/shared";
+import { InputAutocompleteDesktopProps } from "./desktop/index";
+import { InputAutocompleteMobileProps } from "./mobile/index";
 type InputAutocompleteResponsiveProps = InputAutocompleteDesktopProps & InputAutocompleteMobileProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
@@ -13,11 +13,11 @@ type InputAutocompleteResponsiveProps = InputAutocompleteDesktopProps & InputAut
 };
 type InputAutocompleteMedia = 'desktop' | 'mobile';
 declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "searchProps" | "showSearch" | "Field" | "Search"> & {
-    Input?: React.FC<Omit<import("./autocomplete-field/Component").BaseInputProps, "colorStyles" | "FormControlComponent"> & {
+    Input?: React.FC<Omit<import("../../input/components/base-input").BaseInputProps, "colorStyles" | "FormControlComponent"> & {
         breakpoint?: number | undefined;
         defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
     } & React.RefAttributes<HTMLInputElement>> | undefined;
-    inputProps?: (Omit<import("./autocomplete-field/Component").BaseInputProps, "colorStyles" | "FormControlComponent"> & {
+    inputProps?: (Omit<import("../../input/components/base-input").BaseInputProps, "colorStyles" | "FormControlComponent"> & {
         breakpoint?: number | undefined;
         defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
     } & Record<string, unknown>) | undefined;
@@ -26,14 +26,14 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
     success?: boolean | undefined;
     onInput?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
     updatePopover?: React.MutableRefObject<() => void> | undefined;
-} & Omit<BaseSelectProps, "onScroll" | "valueRenderer" | "autocomplete" | "nativeSelect" | "searchProps" | "showSearch" | "OptionsList" | "Search" | "Checkmark"> & {
-    onChange: (payload: string | import("./shared-4cd3936b").BaseSelectChangePayload) => void;
+} & Omit<BaseSelectProps, "onScroll" | "autocomplete" | "valueRenderer" | "nativeSelect" | "searchProps" | "showSearch" | "OptionsList" | "Search" | "Checkmark"> & {
+    onChange: (payload: string | import("../../select/shared").BaseSelectChangePayload) => void;
     onFilter: (event: React.ChangeEvent<HTMLInputElement>) => void;
     value?: string | undefined;
     filter?: string | undefined;
     onCancel?: (() => void) | undefined;
     onClearFilter?: (() => void) | undefined;
-    bottomSheetProps?: Partial<import("./index-f12ee135").BottomSheetProps> | undefined;
+    bottomSheetProps?: Partial<import("../../bottom-sheet").BottomSheetProps> | undefined;
     bottomSheetHeaderAddonsProps?: Record<string, unknown> | undefined;
     continueButtonProps?: ButtonMobileProps | undefined;
     cancelButtonProps?: ButtonMobileProps | undefined;
@@ -44,5 +44,5 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
      * @default 1024
      */
     breakpoint?: number | undefined;
-} & React.RefAttributes<HTMLDivElement | HTMLInputElement>>;
+} & React.RefAttributes<HTMLInputElement | HTMLDivElement>>;
 export { InputAutocompleteResponsiveProps, InputAutocompleteMedia, InputAutocompleteResponsive };

package/input-autocomplete/cssm/Component.responsive.js

@@ -3,8 +3,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var hooks = require('@alfalab/hooks');
-var Component_desktop = require('./Component.desktop.js');
-var Component_mobile = require('./Component.mobile.js');
+var desktop_Component_desktop = require('./desktop/Component.desktop.js');
+var mobile_Component_mobile = require('./mobile/Component.mobile.js');
+require('./mobile/Component.modal.mobile.js');
 require('../../select/cssm/shared');
 require('./autocomplete-field/Component.js');
 require('react-merge-refs');
@@ -19,7 +20,7 @@ require('./autocomplete-mobile-field/Component.js');
 require('../../form-control/cssm/mobile');
 require('../../shared/cssm');
 require('./autocomplete-mobile-field/index.module.css');
-require('./mobile.module.css');
+require('./mobile/mobile.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -31,7 +32,7 @@ var InputAutocompleteResponsive = React.forwardRef(function (_a, ref) {
         ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
         ['desktop', "(min-width: ".concat(breakpoint, "px)")],
     ], 'desktop')[0];
-    return view === 'desktop' ? (React__default.default.createElement(Component_desktop.InputAutocompleteDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(Component_mobile.InputAutocompleteMobile, tslib.__assign({}, restProps, { ref: ref })));
+    return view === 'desktop' ? (React__default.default.createElement(desktop_Component_desktop.InputAutocompleteDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(mobile_Component_mobile.InputAutocompleteMobile, tslib.__assign({}, restProps, { ref: ref })));
 });
 
 exports.InputAutocompleteResponsive = InputAutocompleteResponsive;

package/input-autocomplete/cssm/autocomplete-field/Component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
-import { FieldProps } from "../shared-4cd3936b";
-import { InputAutocompleteDesktopProps } from "../Component.desktop";
+import { FieldProps } from "../../../select/shared";
+import { InputAutocompleteDesktopProps } from "../desktop/index";
 type AutocompleteFieldProps = FieldProps & Pick<InputAutocompleteDesktopProps, 'Input' | 'inputProps' | 'value' | 'onInput' | 'readOnly'>;
 declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => React.JSX.Element;
 export { AutocompleteFieldProps, AutocompleteField };