npm - @alfalab/core-components - Versions diffs - 48.0.0-beta.0 → 48.0.0 - Mend

@alfalab/core-components 48.0.0-beta.0 → 48.0.0

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 (2756) hide show

package/input/modern/components/base-input/Component.js CHANGED Viewed

@@ -3,18 +3,18 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/modern';
 import { StatusBadge } from '../../../../status-badge/modern';
-import { useFocus } from '@alfalab/hooks';
+import { useFocus, useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { ClearButton } from '../clear-button/Component.js';
 import '../../../../button/modern';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
-const defaultColors = {"input":"input__input_1n8rz","hasInnerLabel":"input__hasInnerLabel_1n8rz","disableUserInput":"input__disableUserInput_1n8rz","error":"input__error_1n8rz"};
+const defaultColors = {"input":"input__input_16zv4","hasInnerLabel":"input__hasInnerLabel_16zv4","disableUserInput":"input__disableUserInput_16zv4","error":"input__error_16zv4"};
 require('./default.css');
-const styles = {"input":"input__input_x8rp9","hasInnerLabel":"input__hasInnerLabel_x8rp9","size-48":"input__size-48_x8rp9","size-56":"input__size-56_x8rp9","size-64":"input__size-64_x8rp9","size-72":"input__size-72_x8rp9","block":"input__block_x8rp9","errorIcon":"input__errorIcon_x8rp9","successIcon":"input__successIcon_x8rp9","focusVisible":"input__focusVisible_x8rp9","onautofillstart":"input__onautofillstart_x8rp9","onautofillcancel":"input__onautofillcancel_x8rp9"};
+const styles = {"input":"input__input_10x4t","hasInnerLabel":"input__hasInnerLabel_10x4t","size-48":"input__size-48_10x4t","size-56":"input__size-56_10x4t","size-64":"input__size-64_10x4t","size-72":"input__size-72_10x4t","block":"input__block_10x4t","errorIcon":"input__errorIcon_10x4t","successIcon":"input__successIcon_10x4t","disableUserInput":"input__disableUserInput_10x4t","focusVisible":"input__focusVisible_10x4t","onautofillstart":"input__onautofillstart_10x4t","onautofillcancel":"input__onautofillcancel_10x4t"};
 require('./index.css');
-const invertedColors = {"input":"input__input_1gidd","hasInnerLabel":"input__hasInnerLabel_1gidd","disableUserInput":"input__disableUserInput_1gidd","error":"input__error_1gidd"};
+const invertedColors = {"input":"input__input_109gi","hasInnerLabel":"input__hasInnerLabel_109gi","disableUserInput":"input__disableUserInput_109gi","error":"input__error_109gi"};
 require('./inverted.css');
 const colorCommonStyles = {
@@ -43,14 +43,23 @@ const BaseInput = React.forwardRef(({ size = 48, type = 'text', block = false, c
     // отображаем крестик только для заполненного и активного инпута
     const clearButtonVisible = clear && filled && !disabled && !readOnlyProp;
     const hasInnerLabel = label && labelView === 'inner';
+    useLayoutEffect_SAFE_FOR_SSR(() => {
+        // https://github.com/facebook/react/issues/14125
+        if (restProps.autoFocus) {
+            const input = inputRef.current;
+            if (input) {
+                input.setSelectionRange(input.value.length, input.value.length);
+            }
+        }
+    }, []);
     const handleInputFocus = useCallback((event) => {
-        if (!readOnly) {
+        if (!readOnlyProp || disableUserInput) {
             setFocused(true);
         }
         if (onFocus) {
             onFocus(event);
         }
-    }, [onFocus, readOnly]);
+    }, [onFocus, readOnlyProp, disableUserInput]);
     const handleInputBlur = useCallback((event) => {
         setFocused(false);
         if (onBlur) {
@@ -98,6 +107,7 @@ const BaseInput = React.forwardRef(({ size = 48, type = 'text', block = false, c
             [styles.focusVisible]: focusVisible,
         }), labelClassName: labelClassName, addonsClassName: addonsClassName, size: size, colors: colors, block: block, disabled: disabled, readOnly: readOnlyProp, filled: filled || autofilled || focused, focused: focused, error: error, label: label, labelView: labelView, hint: hint, leftAddons: leftAddons, rightAddons: renderRightAddons(), bottomAddons: bottomAddons, onClick: onClick, onMouseDown: onMouseDown, onMouseUp: onMouseUp, dataTestId: getDataTestId(dataTestId, 'form-control'), rightAddonsProps: rightAddonsProps, leftAddonsProps: leftAddonsProps },
         React.createElement("input", { ...restProps, className: cn(styles.input, colorCommonStyles[colors].input, {
+                [styles.disableUserInput]: disableUserInput,
                 [colorCommonStyles[colors].disableUserInput]: disableUserInput,
                 [colorCommonStyles[colors].error]: error,
                 [styles[SIZE_TO_CLASSNAME_MAP[size]]]: hasInnerLabel,

package/input/modern/components/base-input/default.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 1nrpm */
+/* hash: 4w5um */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
@@ -41,26 +41,26 @@
     /* display */
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__input_1n8rz {
+} .input__input_16zv4 {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .input__input_1n8rz:-webkit-autofill {
+} .input__input_16zv4:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
-} .input__input_1n8rz::placeholder {
+} .input__input_16zv4::placeholder {
     color: var(--input-placeholder-color);
-} .input__hasInnerLabel_1n8rz::placeholder {
+} .input__hasInnerLabel_16zv4::placeholder {
     color: var(--input-with-label-placeholder-color);
-} /* READ-ONLY STATE */ .input__input_1n8rz:read-only:not(.input__disableUserInput_1n8rz) {
+} /* READ-ONLY STATE */ .input__input_16zv4:read-only:not(.input__disableUserInput_16zv4) {
     color: var(--input-read-only-color)
-} .input__input_1n8rz:read-only:not(.input__disableUserInput_1n8rz):focus::placeholder {
+} .input__input_16zv4:read-only:not(.input__disableUserInput_16zv4):focus::placeholder {
         color: var(--input-placeholder-color);
-    } /* DISABLED STATE */ .input__input_1n8rz:disabled {
+    } /* DISABLED STATE */ .input__input_16zv4:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
-} /* FOCUS STATE */ .input__input_1n8rz:focus::placeholder {
+} /* FOCUS STATE */ .input__input_16zv4:focus::placeholder {
     color: var(--input-focus-placeholder-color);
-} /* ERROR STATE */ .input__error_1n8rz {
+} /* ERROR STATE */ .input__error_16zv4 {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 }

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

@@ -1,4 +1,4 @@
-/* hash: 15uun */
+/* hash: 1dv8i */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-status-info: #2288fa; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -78,7 +78,7 @@
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
     --input-error-icon-not-alone-display: none;
-} .input__input_x8rp9 {
+} .input__input_10x4t {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -93,78 +93,79 @@
     text-overflow: ellipsis;
     box-sizing: border-box;
     -webkit-appearance: none;
-} .input__input_x8rp9::placeholder {
+} .input__input_10x4t::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
-} .input__hasInnerLabel_x8rp9::placeholder {
+} .input__hasInnerLabel_10x4t::placeholder {
         opacity: 0;
-    } .input__hasInnerLabel_x8rp9.input__size-48_x8rp9 {
+    } .input__hasInnerLabel_10x4t.input__size-48_10x4t {
         height: var(--form-control-s-min-height);
-    } .input__hasInnerLabel_x8rp9.input__size-56_x8rp9 {
+    } .input__hasInnerLabel_10x4t.input__size-56_10x4t {
         height: var(--form-control-m-min-height);
-    } .input__hasInnerLabel_x8rp9.input__size-64_x8rp9 {
+    } .input__hasInnerLabel_10x4t.input__size-64_10x4t {
         height: var(--form-control-l-min-height);
-    } .input__hasInnerLabel_x8rp9.input__size-72_x8rp9 {
+    } .input__hasInnerLabel_10x4t.input__size-72_10x4t {
         height: var(--form-control-xl-min-height);
-    } .input__block_x8rp9 {
+    } .input__block_10x4t {
     width: 100%;
-} .input__errorIcon_x8rp9 {
+} .input__errorIcon_10x4t {
     display: var(--input-error-icon-display)
-} .input__errorIcon_x8rp9:not(:only-child) {
+} .input__errorIcon_10x4t:not(:only-child) {
         margin-left: var(--gap-4);
-    } * + .input__errorIcon_x8rp9 {
+    } * + .input__errorIcon_10x4t {
     display: var(--input-error-icon-not-alone-display);
-} button[class*='eye'] + .input__errorIcon_x8rp9 {
+} button[class*='eye'] + .input__errorIcon_10x4t {
     margin-right: var(--gap-12);
-} .input__successIcon_x8rp9 {
+} .input__successIcon_10x4t {
     display: var(--input-success-icon-display)
-} .input__successIcon_x8rp9:not(:only-child) {
+} .input__successIcon_10x4t:not(:only-child) {
         margin-left: var(--gap-4);
-    } button[class*='eye'] + .input__successIcon_x8rp9 {
+    } button[class*='eye'] + .input__successIcon_10x4t {
     margin-right: var(--gap-12);
-} /* DISABLED STATE */ .input__input_x8rp9:disabled {
+} /* DISABLED STATE */ .input__input_10x4t:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
-} /* FOCUS STATE */ .input__input_x8rp9:focus.input__hasInnerLabel_x8rp9::placeholder {
+} /* FOCUS STATE */ .input__input_10x4t:focus.input__hasInnerLabel_10x4t::placeholder,
+.input__input_10x4t:focus.input__hasInnerLabel_10x4t.input__disableUserInput_10x4t::placeholder {
     opacity: 1;
-} .input__focusVisible_x8rp9 {
+} .input__focusVisible_10x4t {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} /* READ-ONLY STATE */ .input__hasInnerLabel_x8rp9:read-only:focus::placeholder {
+} /* READ-ONLY STATE */ .input__hasInnerLabel_10x4t:read-only:focus::placeholder {
     opacity: 0;
-} /* Убирает синюю заливку при автокомплите */ .input__input_x8rp9:-webkit-autofill:first-line, .input__input_x8rp9:-webkit-autofill:hover:first-line, .input__input_x8rp9:-webkit-autofill:focus:first-line, .input__input_x8rp9:-webkit-autofill:active:first-line {
+} /* Убирает синюю заливку при автокомплите */ .input__input_10x4t:-webkit-autofill:first-line, .input__input_10x4t:-webkit-autofill:hover:first-line, .input__input_10x4t:-webkit-autofill:focus:first-line, .input__input_10x4t:-webkit-autofill:active:first-line {
             font-size: 16px;
             line-height: 20px;
             font-weight: 400;
             font-family: var(--form-control-font-family);
-        } .input__input_x8rp9:-webkit-autofill,
-    .input__input_x8rp9:-webkit-autofill:hover,
-    .input__input_x8rp9:-webkit-autofill:focus,
-    .input__input_x8rp9:-webkit-autofill:active {
+        } .input__input_10x4t:-webkit-autofill,
+    .input__input_10x4t:-webkit-autofill:hover,
+    .input__input_10x4t:-webkit-autofill:focus,
+    .input__input_10x4t:-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_x8rp9:-webkit-autofill {
-        animation: input__onautofillstart_x8rp9 999999s forwards;
-    } .input__input_x8rp9:not(:-webkit-autofill) {
+    } .input__input_10x4t:-webkit-autofill {
+        animation: input__onautofillstart_10x4t 999999s forwards;
+    } .input__input_10x4t:not(:-webkit-autofill) {
         /* Позволяет отслеживать autofill через js */
-        animation: input__onautofillcancel_x8rp9 999999s;
-    } /* Убирает нативные стрелочки при type=number */ .input__input_x8rp9::-webkit-outer-spin-button,
-    .input__input_x8rp9::-webkit-inner-spin-button {
+        animation: input__onautofillcancel_10x4t 999999s;
+    } /* Убирает нативные стрелочки при type=number */ .input__input_10x4t::-webkit-outer-spin-button,
+    .input__input_10x4t::-webkit-inner-spin-button {
         -webkit-appearance: none;
-    } .input__input_x8rp9 {
+    } .input__input_10x4t {
     /* Firefox */
-} .input__input_x8rp9[type='number'] {
+} .input__input_10x4t[type='number'] {
         -moz-appearance: textfield;
-    } @keyframes input__onautofillstart_x8rp9 {
+    } @keyframes input__onautofillstart_10x4t {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }
     to {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0.01);
     }
-} @keyframes input__onautofillcancel_x8rp9 {
+} @keyframes input__onautofillcancel_10x4t {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }

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

@@ -1,4 +1,4 @@
-/* hash: 1esxm */
+/* hash: 1uyhv */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
@@ -41,26 +41,26 @@
     /* display */
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__input_1gidd {
+} .input__input_109gi {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .input__input_1gidd:-webkit-autofill {
+} .input__input_109gi:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
-} .input__input_1gidd::placeholder {
+} .input__input_109gi::placeholder {
     color: var(--input-inverted-placeholder-color);
-} .input__hasInnerLabel_1gidd::placeholder {
+} .input__hasInnerLabel_109gi::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
-} /* READ-ONLY STATE */ .input__input_1gidd:read-only:not(.input__disableUserInput_1gidd) {
+} /* READ-ONLY STATE */ .input__input_109gi:read-only:not(.input__disableUserInput_109gi) {
     color: var(--input-inverted-read-only-color)
-} .input__input_1gidd:read-only:not(.input__disableUserInput_1gidd):focus::placeholder {
+} .input__input_109gi:read-only:not(.input__disableUserInput_109gi):focus::placeholder {
         color: var(--input-inverted-placeholder-color);
-    } /* DISABLED STATE */ .input__input_1gidd:disabled {
+    } /* DISABLED STATE */ .input__input_109gi:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
-} /* FOCUS STATE */ .input__input_1gidd:focus::placeholder {
+} /* FOCUS STATE */ .input__input_109gi:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
-} /* ERROR STATE */ .input__error_1gidd {
+} /* ERROR STATE */ .input__error_109gi {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 }

package/input/modern/components/clear-button/Component.js CHANGED Viewed

@@ -3,13 +3,13 @@ import cn from 'classnames';
 import { Button } from '../../../../button/modern';
 import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
-const defaultColors = {"clearIcon":"input__clearIcon_1yxuv"};
+const defaultColors = {"clearIcon":"input__clearIcon_1ioy0"};
 require('./default.css');
-const styles = {"clearIcon":"input__clearIcon_1wkkd","clearButton":"input__clearButton_1wkkd"};
+const styles = {"clearIcon":"input__clearIcon_17tfy","clearButton":"input__clearButton_17tfy"};
 require('./index.css');
-const invertedColors = {"clearIcon":"input__clearIcon_19fck"};
+const invertedColors = {"clearIcon":"input__clearIcon_t6fpr"};
 require('./inverted.css');
 const colorStyles = {

package/input/modern/components/clear-button/default.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 1wmad */
+/* hash: dqql0 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28);
@@ -32,10 +32,10 @@
     /* display */
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__clearIcon_1yxuv {
+} .input__clearIcon_1ioy0 {
     color: var(--color-light-neutral-translucent-500)
-} .input__clearIcon_1yxuv:hover {
+} .input__clearIcon_1ioy0:hover {
         color: var(--color-light-neutral-translucent-500-hover);
-    } .input__clearIcon_1yxuv:active {
+    } .input__clearIcon_1ioy0:active {
         color: var(--color-light-neutral-translucent-500-press);
     }

package/input/modern/components/clear-button/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: de8j8 */
+/* hash: lemdt */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -59,11 +59,11 @@
     --input-error-icon-display: none;
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__clearIcon_1wkkd {
+} .input__clearIcon_17tfy {
     display: block;
     transition: opacity 0.2s ease;
-} .input__clearButton_1wkkd + * {
+} .input__clearButton_17tfy + * {
     margin-left: var(--gap-4);
-} .input__clearButton_1wkkd + [data-addon='error-icon'] {
+} .input__clearButton_17tfy + [data-addon='error-icon'] {
     display: var(--input-error-icon-display);
 }

package/input/modern/components/clear-button/inverted.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 15dkj */
+/* hash: 1lj4t */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-translucent-500-inverted: rgba(228, 228, 251, 0.28);
@@ -32,10 +32,10 @@
     /* display */
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__clearIcon_19fck {
+} .input__clearIcon_t6fpr {
     color: var(--color-light-neutral-translucent-500-inverted)
-} .input__clearIcon_19fck:hover {
+} .input__clearIcon_t6fpr:hover {
         color: var(--color-light-neutral-translucent-500-inverted-hover);
-    } .input__clearIcon_19fck:active {
+    } .input__clearIcon_t6fpr:active {
         color: var(--color-light-neutral-translucent-500-inverted-press);
     }

package/input/moderncssm/components/base-input/Component.js CHANGED Viewed

@@ -3,7 +3,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/moderncssm';
 import { StatusBadge } from '../../../../status-badge/moderncssm';
-import { useFocus } from '@alfalab/hooks';
+import { useFocus, useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { ClearButton } from '../clear-button/Component.js';
 import defaultColors from './default.module.css';
 import styles from './index.module.css';
@@ -40,14 +40,23 @@ const BaseInput = React.forwardRef(({ size = 48, type = 'text', block = false, c
     // отображаем крестик только для заполненного и активного инпута
     const clearButtonVisible = clear && filled && !disabled && !readOnlyProp;
     const hasInnerLabel = label && labelView === 'inner';
+    useLayoutEffect_SAFE_FOR_SSR(() => {
+        // https://github.com/facebook/react/issues/14125
+        if (restProps.autoFocus) {
+            const input = inputRef.current;
+            if (input) {
+                input.setSelectionRange(input.value.length, input.value.length);
+            }
+        }
+    }, []);
     const handleInputFocus = useCallback((event) => {
-        if (!readOnly) {
+        if (!readOnlyProp || disableUserInput) {
             setFocused(true);
         }
         if (onFocus) {
             onFocus(event);
         }
-    }, [onFocus, readOnly]);
+    }, [onFocus, readOnlyProp, disableUserInput]);
     const handleInputBlur = useCallback((event) => {
         setFocused(false);
         if (onBlur) {
@@ -95,6 +104,7 @@ const BaseInput = React.forwardRef(({ size = 48, type = 'text', block = false, c
             [styles.focusVisible]: focusVisible,
         }), labelClassName: labelClassName, addonsClassName: addonsClassName, size: size, colors: colors, block: block, disabled: disabled, readOnly: readOnlyProp, filled: filled || autofilled || focused, focused: focused, error: error, label: label, labelView: labelView, hint: hint, leftAddons: leftAddons, rightAddons: renderRightAddons(), bottomAddons: bottomAddons, onClick: onClick, onMouseDown: onMouseDown, onMouseUp: onMouseUp, dataTestId: getDataTestId(dataTestId, 'form-control'), rightAddonsProps: rightAddonsProps, leftAddonsProps: leftAddonsProps },
         React.createElement("input", { ...restProps, className: cn(styles.input, colorCommonStyles[colors].input, {
+                [styles.disableUserInput]: disableUserInput,
                 [colorCommonStyles[colors].disableUserInput]: disableUserInput,
                 [colorCommonStyles[colors].error]: error,
                 [styles[SIZE_TO_CLASSNAME_MAP[size]]]: hasInnerLabel,

package/input/moderncssm/components/base-input/index.module.css CHANGED Viewed

@@ -132,7 +132,8 @@ button[class*='eye'] + .successIcon {
 /* FOCUS STATE */
-.input:focus.hasInnerLabel::placeholder {
+.input:focus.hasInnerLabel::placeholder,
+.input:focus.hasInnerLabel.disableUserInput::placeholder {
     opacity: 1;
 }

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

@@ -13,7 +13,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_1jb64","error":"input-autocomplete__error_1jb64"};
+var styles = {"arrow":"input-autocomplete__arrow_1dzcb","error":"input-autocomplete__error_1dzcb"};
 require('./index.css');
 var AutocompleteField = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 1omo6 */
-.input-autocomplete__arrow_1jb64.input-autocomplete__error_1jb64 ~ * {
+/* hash: 148zm */
+.input-autocomplete__arrow_1dzcb.input-autocomplete__error_1dzcb ~ * {
     display: none;
 }

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

@@ -13,7 +13,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_xd87q","field":"input-autocomplete__field_xd87q","disabled":"input-autocomplete__disabled_xd87q","placeholder":"input-autocomplete__placeholder_xd87q","contentWrapper":"input-autocomplete__contentWrapper_xd87q","value":"input-autocomplete__value_xd87q","focusVisible":"input-autocomplete__focusVisible_xd87q"};
+var styles = {"component":"input-autocomplete__component_ctqh7","field":"input-autocomplete__field_ctqh7","disabled":"input-autocomplete__disabled_ctqh7","placeholder":"input-autocomplete__placeholder_ctqh7","contentWrapper":"input-autocomplete__contentWrapper_ctqh7","value":"input-autocomplete__value_ctqh7","focusVisible":"input-autocomplete__focusVisible_ctqh7"};
 require('./index.css');
 var AutocompleteMobileField = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: uk1cx */
+/* hash: 1d78p */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-status-info: #2288fa;
@@ -22,16 +22,16 @@
 } :root {
     --focus-color: var(--color-light-status-info);
     --disabled-cursor: not-allowed;
-} /* сбрасывает синюю подсветку при нажатии */ .input-autocomplete__component_xd87q {
+} /* сбрасывает синюю подсветку при нажатии */ .input-autocomplete__component_ctqh7 {
     width: 100%;
     outline: none;
-} .input-autocomplete__field_xd87q:not(.input-autocomplete__disabled_xd87q) {
+} .input-autocomplete__field_ctqh7:not(.input-autocomplete__disabled_ctqh7) {
     cursor: pointer;
-} .input-autocomplete__disabled_xd87q {
+} .input-autocomplete__disabled_ctqh7 {
     cursor: var(--disabled-cursor);
-} .input-autocomplete__placeholder_xd87q {
+} .input-autocomplete__placeholder_ctqh7 {
     color: var(--color-light-text-secondary);
-} .input-autocomplete__contentWrapper_xd87q {
+} .input-autocomplete__contentWrapper_ctqh7 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -40,11 +40,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .input-autocomplete__value_xd87q {
+} .input-autocomplete__value_ctqh7 {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .input-autocomplete__focusVisible_xd87q {
+} .input-autocomplete__focusVisible_ctqh7 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/input-autocomplete/esm/autocomplete-field/Component.js CHANGED Viewed

@@ -5,7 +5,7 @@ import cn from 'classnames';
 import { InputDesktop } from '../../../input/esm/desktop';
 import { OnInputReason } from '../enums.js';
-var styles = {"arrow":"input-autocomplete__arrow_1jb64","error":"input-autocomplete__error_1jb64"};
+var styles = {"arrow":"input-autocomplete__arrow_1dzcb","error":"input-autocomplete__error_1dzcb"};
 require('./index.css');
 var AutocompleteField = function (_a) {

package/input-autocomplete/esm/autocomplete-field/index.css CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 1omo6 */
-.input-autocomplete__arrow_1jb64.input-autocomplete__error_1jb64 ~ * {
+/* hash: 148zm */
+.input-autocomplete__arrow_1dzcb.input-autocomplete__error_1dzcb ~ * {
     display: none;
 }

package/input-autocomplete/esm/autocomplete-mobile-field/Component.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { ClearButton } from '../../../input/esm/shared';
 import { getDataTestId } from '../../../shared/esm';
 import { useFocus } from '@alfalab/hooks';
-var styles = {"component":"input-autocomplete__component_xd87q","field":"input-autocomplete__field_xd87q","disabled":"input-autocomplete__disabled_xd87q","placeholder":"input-autocomplete__placeholder_xd87q","contentWrapper":"input-autocomplete__contentWrapper_xd87q","value":"input-autocomplete__value_xd87q","focusVisible":"input-autocomplete__focusVisible_xd87q"};
+var styles = {"component":"input-autocomplete__component_ctqh7","field":"input-autocomplete__field_ctqh7","disabled":"input-autocomplete__disabled_ctqh7","placeholder":"input-autocomplete__placeholder_ctqh7","contentWrapper":"input-autocomplete__contentWrapper_ctqh7","value":"input-autocomplete__value_ctqh7","focusVisible":"input-autocomplete__focusVisible_ctqh7"};
 require('./index.css');
 var AutocompleteMobileField = function (_a) {