@alfalab/core-components 48.1.1 → 48.2.0

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

@@ -78,7 +78,7 @@
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
     --input-error-icon-not-alone-display: none;
-} .input__input_9w07g {
+} .input__input_10v73 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -93,79 +93,79 @@
     text-overflow: ellipsis;
     box-sizing: border-box;
     -webkit-appearance: none;
-} .input__input_9w07g::placeholder {
+} .input__input_10v73::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
-} .input__hasInnerLabel_9w07g::placeholder {
+} .input__hasInnerLabel_10v73::placeholder {
         opacity: 0;
-    } .input__hasInnerLabel_9w07g.input__size-48_9w07g {
+    } .input__hasInnerLabel_10v73.input__size-48_10v73 {
         height: var(--form-control-s-min-height);
-    } .input__hasInnerLabel_9w07g.input__size-56_9w07g {
+    } .input__hasInnerLabel_10v73.input__size-56_10v73 {
         height: var(--form-control-m-min-height);
-    } .input__hasInnerLabel_9w07g.input__size-64_9w07g {
+    } .input__hasInnerLabel_10v73.input__size-64_10v73 {
         height: var(--form-control-l-min-height);
-    } .input__hasInnerLabel_9w07g.input__size-72_9w07g {
+    } .input__hasInnerLabel_10v73.input__size-72_10v73 {
         height: var(--form-control-xl-min-height);
-    } .input__block_9w07g {
+    } .input__block_10v73 {
     width: 100%;
-} .input__errorIcon_9w07g {
+} .input__errorIcon_10v73 {
     display: var(--input-error-icon-display)
-} .input__errorIcon_9w07g:not(:only-child) {
+} .input__errorIcon_10v73:not(:only-child) {
         margin-left: var(--gap-4);
-    } * + .input__errorIcon_9w07g {
+    } * + .input__errorIcon_10v73 {
     display: var(--input-error-icon-not-alone-display);
-} button[class*='eye'] + .input__errorIcon_9w07g {
+} button[class*='eye'] + .input__errorIcon_10v73 {
     margin-right: var(--gap-12);
-} .input__successIcon_9w07g {
+} .input__successIcon_10v73 {
     display: var(--input-success-icon-display)
-} .input__successIcon_9w07g:not(:only-child) {
+} .input__successIcon_10v73:not(:only-child) {
         margin-left: var(--gap-4);
-    } button[class*='eye'] + .input__successIcon_9w07g {
+    } button[class*='eye'] + .input__successIcon_10v73 {
     margin-right: var(--gap-12);
-} /* DISABLED STATE */ .input__input_9w07g:disabled {
+} /* DISABLED STATE */ .input__input_10v73:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
-} /* FOCUS STATE */ .input__input_9w07g:focus.input__hasInnerLabel_9w07g::placeholder,
-.input__input_9w07g:focus.input__hasInnerLabel_9w07g.input__disableUserInput_9w07g::placeholder {
+} /* FOCUS STATE */ .input__input_10v73:focus.input__hasInnerLabel_10v73::placeholder,
+.input__input_10v73:focus.input__hasInnerLabel_10v73.input__disableUserInput_10v73::placeholder {
     opacity: 1;
-} .input__focusVisible_9w07g {
+} .input__focusVisible_10v73 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} /* READ-ONLY STATE */ .input__hasInnerLabel_9w07g:read-only:focus::placeholder {
+} /* READ-ONLY STATE */ .input__hasInnerLabel_10v73:read-only:focus::placeholder {
     opacity: 0;
-} /* Убирает синюю заливку при автокомплите */ .input__input_9w07g:-webkit-autofill:first-line, .input__input_9w07g:-webkit-autofill:hover:first-line, .input__input_9w07g:-webkit-autofill:focus:first-line, .input__input_9w07g:-webkit-autofill:active:first-line {
+} /* Убирает синюю заливку при автокомплите */ .input__input_10v73:-webkit-autofill:first-line, .input__input_10v73:-webkit-autofill:hover:first-line, .input__input_10v73:-webkit-autofill:focus:first-line, .input__input_10v73:-webkit-autofill:active:first-line {
             font-size: 16px;
             line-height: 20px;
             font-weight: 400;
             font-family: var(--form-control-font-family);
-        } .input__input_9w07g:-webkit-autofill,
-    .input__input_9w07g:-webkit-autofill:hover,
-    .input__input_9w07g:-webkit-autofill:focus,
-    .input__input_9w07g:-webkit-autofill:active {
+        } .input__input_10v73:-webkit-autofill,
+    .input__input_10v73:-webkit-autofill:hover,
+    .input__input_10v73:-webkit-autofill:focus,
+    .input__input_10v73:-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_9w07g:-webkit-autofill {
-        animation: input__onautofillstart_9w07g 999999s forwards;
-    } .input__input_9w07g:not(:-webkit-autofill) {
+    } .input__input_10v73:-webkit-autofill {
+        animation: input__onautofillstart_10v73 999999s forwards;
+    } .input__input_10v73:not(:-webkit-autofill) {
         /* Позволяет отслеживать autofill через js */
-        animation: input__onautofillcancel_9w07g 999999s;
-    } /* Убирает нативные стрелочки при type=number */ .input__input_9w07g::-webkit-outer-spin-button,
-    .input__input_9w07g::-webkit-inner-spin-button {
+        animation: input__onautofillcancel_10v73 999999s;
+    } /* Убирает нативные стрелочки при type=number */ .input__input_10v73::-webkit-outer-spin-button,
+    .input__input_10v73::-webkit-inner-spin-button {
         -webkit-appearance: none;
-    } .input__input_9w07g {
+    } .input__input_10v73 {
 
     /* Firefox */
-} .input__input_9w07g[type='number'] {
+} .input__input_10v73[type='number'] {
         -moz-appearance: textfield;
-    } @keyframes input__onautofillstart_9w07g {
+    } @keyframes input__onautofillstart_10v73 {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }
     to {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0.01);
     }
-} @keyframes input__onautofillcancel_9w07g {
+} @keyframes input__onautofillcancel_10v73 {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }

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

@@ -41,26 +41,26 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__input_p1527 {
+} .input__input_1vlx2 {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .input__input_p1527:-webkit-autofill {
+} .input__input_1vlx2:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
-} .input__input_p1527::placeholder {
+} .input__input_1vlx2::placeholder {
     color: var(--input-inverted-placeholder-color);
-} .input__hasInnerLabel_p1527::placeholder {
+} .input__hasInnerLabel_1vlx2::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
-} /* READ-ONLY STATE */ .input__input_p1527:read-only:not(.input__disableUserInput_p1527) {
+} /* READ-ONLY STATE */ .input__input_1vlx2:read-only:not(.input__disableUserInput_1vlx2) {
     color: var(--input-inverted-read-only-color)
-} .input__input_p1527:read-only:not(.input__disableUserInput_p1527):focus::placeholder {
+} .input__input_1vlx2:read-only:not(.input__disableUserInput_1vlx2):focus::placeholder {
         color: var(--input-inverted-placeholder-color);
-    } /* DISABLED STATE */ .input__input_p1527:disabled {
+    } /* DISABLED STATE */ .input__input_1vlx2:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
-} /* FOCUS STATE */ .input__input_p1527:focus::placeholder {
+} /* FOCUS STATE */ .input__input_1vlx2:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
-} /* ERROR STATE */ .input__error_p1527 {
+} /* ERROR STATE */ .input__error_1vlx2 {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 }

package/input/esm/components/clear-button/Component.js

@@ -3,13 +3,13 @@ import cn from 'classnames';
 import { Button } from '../../../../button/esm';
 import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
 
-var defaultColors = {"clearIcon":"input__clearIcon_1x58e"};
+var defaultColors = {"clearIcon":"input__clearIcon_14owd"};
 require('./default.css');
 
-var styles = {"clearIcon":"input__clearIcon_xtuzl","clearButton":"input__clearButton_xtuzl"};
+var styles = {"clearIcon":"input__clearIcon_1ot1v","clearButton":"input__clearButton_1ot1v"};
 require('./index.css');
 
-var invertedColors = {"clearIcon":"input__clearIcon_y8f5d"};
+var invertedColors = {"clearIcon":"input__clearIcon_5s346"};
 require('./inverted.css');
 
 var colorStyles = {

package/input/esm/components/clear-button/default.css

@@ -32,10 +32,10 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__clearIcon_1x58e {
+} .input__clearIcon_14owd {
     color: var(--color-light-neutral-translucent-500)
-} .input__clearIcon_1x58e:hover {
+} .input__clearIcon_14owd:hover {
         color: var(--color-light-neutral-translucent-500-hover);
-    } .input__clearIcon_1x58e:active {
+    } .input__clearIcon_14owd:active {
         color: var(--color-light-neutral-translucent-500-press);
     }

package/input/esm/components/clear-button/index.css

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

package/input/esm/components/clear-button/inverted.css

@@ -32,10 +32,10 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__clearIcon_y8f5d {
+} .input__clearIcon_5s346 {
     color: var(--color-light-neutral-translucent-500-inverted)
-} .input__clearIcon_y8f5d:hover {
+} .input__clearIcon_5s346:hover {
         color: var(--color-light-neutral-translucent-500-inverted-hover);
-    } .input__clearIcon_y8f5d:active {
+    } .input__clearIcon_5s346:active {
         color: var(--color-light-neutral-translucent-500-inverted-press);
     }

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

@@ -8,13 +8,13 @@ import { ClearButton } from '../clear-button/Component.js';
 import '../../../../button/modern';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
 
-const defaultColors = {"input":"input__input_qbtmv","hasInnerLabel":"input__hasInnerLabel_qbtmv","disableUserInput":"input__disableUserInput_qbtmv","error":"input__error_qbtmv"};
+const defaultColors = {"input":"input__input_1wwln","hasInnerLabel":"input__hasInnerLabel_1wwln","disableUserInput":"input__disableUserInput_1wwln","error":"input__error_1wwln"};
 require('./default.css');
 
-const styles = {"input":"input__input_9w07g","hasInnerLabel":"input__hasInnerLabel_9w07g","size-48":"input__size-48_9w07g","size-56":"input__size-56_9w07g","size-64":"input__size-64_9w07g","size-72":"input__size-72_9w07g","block":"input__block_9w07g","errorIcon":"input__errorIcon_9w07g","successIcon":"input__successIcon_9w07g","disableUserInput":"input__disableUserInput_9w07g","focusVisible":"input__focusVisible_9w07g","onautofillstart":"input__onautofillstart_9w07g","onautofillcancel":"input__onautofillcancel_9w07g"};
+const styles = {"input":"input__input_10v73","hasInnerLabel":"input__hasInnerLabel_10v73","size-48":"input__size-48_10v73","size-56":"input__size-56_10v73","size-64":"input__size-64_10v73","size-72":"input__size-72_10v73","block":"input__block_10v73","errorIcon":"input__errorIcon_10v73","successIcon":"input__successIcon_10v73","disableUserInput":"input__disableUserInput_10v73","focusVisible":"input__focusVisible_10v73","onautofillstart":"input__onautofillstart_10v73","onautofillcancel":"input__onautofillcancel_10v73"};
 require('./index.css');
 
-const invertedColors = {"input":"input__input_p1527","hasInnerLabel":"input__hasInnerLabel_p1527","disableUserInput":"input__disableUserInput_p1527","error":"input__error_p1527"};
+const invertedColors = {"input":"input__input_1vlx2","hasInnerLabel":"input__hasInnerLabel_1vlx2","disableUserInput":"input__disableUserInput_1vlx2","error":"input__error_1vlx2"};
 require('./inverted.css');
 
 const colorCommonStyles = {

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

@@ -41,26 +41,26 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__input_qbtmv {
+} .input__input_1wwln {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .input__input_qbtmv:-webkit-autofill {
+} .input__input_1wwln:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
-} .input__input_qbtmv::placeholder {
+} .input__input_1wwln::placeholder {
     color: var(--input-placeholder-color);
-} .input__hasInnerLabel_qbtmv::placeholder {
+} .input__hasInnerLabel_1wwln::placeholder {
     color: var(--input-with-label-placeholder-color);
-} /* READ-ONLY STATE */ .input__input_qbtmv:read-only:not(.input__disableUserInput_qbtmv) {
+} /* READ-ONLY STATE */ .input__input_1wwln:read-only:not(.input__disableUserInput_1wwln) {
     color: var(--input-read-only-color)
-} .input__input_qbtmv:read-only:not(.input__disableUserInput_qbtmv):focus::placeholder {
+} .input__input_1wwln:read-only:not(.input__disableUserInput_1wwln):focus::placeholder {
         color: var(--input-placeholder-color);
-    } /* DISABLED STATE */ .input__input_qbtmv:disabled {
+    } /* DISABLED STATE */ .input__input_1wwln:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
-} /* FOCUS STATE */ .input__input_qbtmv:focus::placeholder {
+} /* FOCUS STATE */ .input__input_1wwln:focus::placeholder {
     color: var(--input-focus-placeholder-color);
-} /* ERROR STATE */ .input__error_qbtmv {
+} /* ERROR STATE */ .input__error_1wwln {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 }

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

@@ -78,7 +78,7 @@
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
     --input-error-icon-not-alone-display: none;
-} .input__input_9w07g {
+} .input__input_10v73 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -93,79 +93,79 @@
     text-overflow: ellipsis;
     box-sizing: border-box;
     -webkit-appearance: none;
-} .input__input_9w07g::placeholder {
+} .input__input_10v73::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
-} .input__hasInnerLabel_9w07g::placeholder {
+} .input__hasInnerLabel_10v73::placeholder {
         opacity: 0;
-    } .input__hasInnerLabel_9w07g.input__size-48_9w07g {
+    } .input__hasInnerLabel_10v73.input__size-48_10v73 {
         height: var(--form-control-s-min-height);
-    } .input__hasInnerLabel_9w07g.input__size-56_9w07g {
+    } .input__hasInnerLabel_10v73.input__size-56_10v73 {
         height: var(--form-control-m-min-height);
-    } .input__hasInnerLabel_9w07g.input__size-64_9w07g {
+    } .input__hasInnerLabel_10v73.input__size-64_10v73 {
         height: var(--form-control-l-min-height);
-    } .input__hasInnerLabel_9w07g.input__size-72_9w07g {
+    } .input__hasInnerLabel_10v73.input__size-72_10v73 {
         height: var(--form-control-xl-min-height);
-    } .input__block_9w07g {
+    } .input__block_10v73 {
     width: 100%;
-} .input__errorIcon_9w07g {
+} .input__errorIcon_10v73 {
     display: var(--input-error-icon-display)
-} .input__errorIcon_9w07g:not(:only-child) {
+} .input__errorIcon_10v73:not(:only-child) {
         margin-left: var(--gap-4);
-    } * + .input__errorIcon_9w07g {
+    } * + .input__errorIcon_10v73 {
     display: var(--input-error-icon-not-alone-display);
-} button[class*='eye'] + .input__errorIcon_9w07g {
+} button[class*='eye'] + .input__errorIcon_10v73 {
     margin-right: var(--gap-12);
-} .input__successIcon_9w07g {
+} .input__successIcon_10v73 {
     display: var(--input-success-icon-display)
-} .input__successIcon_9w07g:not(:only-child) {
+} .input__successIcon_10v73:not(:only-child) {
         margin-left: var(--gap-4);
-    } button[class*='eye'] + .input__successIcon_9w07g {
+    } button[class*='eye'] + .input__successIcon_10v73 {
     margin-right: var(--gap-12);
-} /* DISABLED STATE */ .input__input_9w07g:disabled {
+} /* DISABLED STATE */ .input__input_10v73:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
-} /* FOCUS STATE */ .input__input_9w07g:focus.input__hasInnerLabel_9w07g::placeholder,
-.input__input_9w07g:focus.input__hasInnerLabel_9w07g.input__disableUserInput_9w07g::placeholder {
+} /* FOCUS STATE */ .input__input_10v73:focus.input__hasInnerLabel_10v73::placeholder,
+.input__input_10v73:focus.input__hasInnerLabel_10v73.input__disableUserInput_10v73::placeholder {
     opacity: 1;
-} .input__focusVisible_9w07g {
+} .input__focusVisible_10v73 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} /* READ-ONLY STATE */ .input__hasInnerLabel_9w07g:read-only:focus::placeholder {
+} /* READ-ONLY STATE */ .input__hasInnerLabel_10v73:read-only:focus::placeholder {
     opacity: 0;
-} /* Убирает синюю заливку при автокомплите */ .input__input_9w07g:-webkit-autofill:first-line, .input__input_9w07g:-webkit-autofill:hover:first-line, .input__input_9w07g:-webkit-autofill:focus:first-line, .input__input_9w07g:-webkit-autofill:active:first-line {
+} /* Убирает синюю заливку при автокомплите */ .input__input_10v73:-webkit-autofill:first-line, .input__input_10v73:-webkit-autofill:hover:first-line, .input__input_10v73:-webkit-autofill:focus:first-line, .input__input_10v73:-webkit-autofill:active:first-line {
             font-size: 16px;
             line-height: 20px;
             font-weight: 400;
             font-family: var(--form-control-font-family);
-        } .input__input_9w07g:-webkit-autofill,
-    .input__input_9w07g:-webkit-autofill:hover,
-    .input__input_9w07g:-webkit-autofill:focus,
-    .input__input_9w07g:-webkit-autofill:active {
+        } .input__input_10v73:-webkit-autofill,
+    .input__input_10v73:-webkit-autofill:hover,
+    .input__input_10v73:-webkit-autofill:focus,
+    .input__input_10v73:-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_9w07g:-webkit-autofill {
-        animation: input__onautofillstart_9w07g 999999s forwards;
-    } .input__input_9w07g:not(:-webkit-autofill) {
+    } .input__input_10v73:-webkit-autofill {
+        animation: input__onautofillstart_10v73 999999s forwards;
+    } .input__input_10v73:not(:-webkit-autofill) {
         /* Позволяет отслеживать autofill через js */
-        animation: input__onautofillcancel_9w07g 999999s;
-    } /* Убирает нативные стрелочки при type=number */ .input__input_9w07g::-webkit-outer-spin-button,
-    .input__input_9w07g::-webkit-inner-spin-button {
+        animation: input__onautofillcancel_10v73 999999s;
+    } /* Убирает нативные стрелочки при type=number */ .input__input_10v73::-webkit-outer-spin-button,
+    .input__input_10v73::-webkit-inner-spin-button {
         -webkit-appearance: none;
-    } .input__input_9w07g {
+    } .input__input_10v73 {
 
     /* Firefox */
-} .input__input_9w07g[type='number'] {
+} .input__input_10v73[type='number'] {
         -moz-appearance: textfield;
-    } @keyframes input__onautofillstart_9w07g {
+    } @keyframes input__onautofillstart_10v73 {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }
     to {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0.01);
     }
-} @keyframes input__onautofillcancel_9w07g {
+} @keyframes input__onautofillcancel_10v73 {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }

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

@@ -41,26 +41,26 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__input_p1527 {
+} .input__input_1vlx2 {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .input__input_p1527:-webkit-autofill {
+} .input__input_1vlx2:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
-} .input__input_p1527::placeholder {
+} .input__input_1vlx2::placeholder {
     color: var(--input-inverted-placeholder-color);
-} .input__hasInnerLabel_p1527::placeholder {
+} .input__hasInnerLabel_1vlx2::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
-} /* READ-ONLY STATE */ .input__input_p1527:read-only:not(.input__disableUserInput_p1527) {
+} /* READ-ONLY STATE */ .input__input_1vlx2:read-only:not(.input__disableUserInput_1vlx2) {
     color: var(--input-inverted-read-only-color)
-} .input__input_p1527:read-only:not(.input__disableUserInput_p1527):focus::placeholder {
+} .input__input_1vlx2:read-only:not(.input__disableUserInput_1vlx2):focus::placeholder {
         color: var(--input-inverted-placeholder-color);
-    } /* DISABLED STATE */ .input__input_p1527:disabled {
+    } /* DISABLED STATE */ .input__input_1vlx2:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
-} /* FOCUS STATE */ .input__input_p1527:focus::placeholder {
+} /* FOCUS STATE */ .input__input_1vlx2:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
-} /* ERROR STATE */ .input__error_p1527 {
+} /* ERROR STATE */ .input__error_1vlx2 {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 }

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

@@ -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_1x58e"};
+const defaultColors = {"clearIcon":"input__clearIcon_14owd"};
 require('./default.css');
 
-const styles = {"clearIcon":"input__clearIcon_xtuzl","clearButton":"input__clearButton_xtuzl"};
+const styles = {"clearIcon":"input__clearIcon_1ot1v","clearButton":"input__clearButton_1ot1v"};
 require('./index.css');
 
-const invertedColors = {"clearIcon":"input__clearIcon_y8f5d"};
+const invertedColors = {"clearIcon":"input__clearIcon_5s346"};
 require('./inverted.css');
 
 const colorStyles = {

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

@@ -32,10 +32,10 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__clearIcon_1x58e {
+} .input__clearIcon_14owd {
     color: var(--color-light-neutral-translucent-500)
-} .input__clearIcon_1x58e:hover {
+} .input__clearIcon_14owd:hover {
         color: var(--color-light-neutral-translucent-500-hover);
-    } .input__clearIcon_1x58e:active {
+    } .input__clearIcon_14owd:active {
         color: var(--color-light-neutral-translucent-500-press);
     }

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

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

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

@@ -32,10 +32,10 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__clearIcon_y8f5d {
+} .input__clearIcon_5s346 {
     color: var(--color-light-neutral-translucent-500-inverted)
-} .input__clearIcon_y8f5d:hover {
+} .input__clearIcon_5s346:hover {
         color: var(--color-light-neutral-translucent-500-inverted-hover);
-    } .input__clearIcon_y8f5d:active {
+    } .input__clearIcon_5s346:active {
         color: var(--color-light-neutral-translucent-500-inverted-press);
     }

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

@@ -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_d8ykv","error":"input-autocomplete__error_d8ykv"};
+var styles = {"arrow":"input-autocomplete__arrow_r2c9h","error":"input-autocomplete__error_r2c9h"};
 require('./index.css');
 
 var AutocompleteField = function (_a) {

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

@@ -1,4 +1,4 @@
 /* hash: ogumf */
-.input-autocomplete__arrow_d8ykv.input-autocomplete__error_d8ykv ~ * {
+.input-autocomplete__arrow_r2c9h.input-autocomplete__error_r2c9h ~ * {
     display: none;
 }

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

@@ -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_byvg9","field":"input-autocomplete__field_byvg9","disabled":"input-autocomplete__disabled_byvg9","placeholder":"input-autocomplete__placeholder_byvg9","contentWrapper":"input-autocomplete__contentWrapper_byvg9","value":"input-autocomplete__value_byvg9","focusVisible":"input-autocomplete__focusVisible_byvg9"};
+var styles = {"component":"input-autocomplete__component_1x6lt","field":"input-autocomplete__field_1x6lt","disabled":"input-autocomplete__disabled_1x6lt","placeholder":"input-autocomplete__placeholder_1x6lt","contentWrapper":"input-autocomplete__contentWrapper_1x6lt","value":"input-autocomplete__value_1x6lt","focusVisible":"input-autocomplete__focusVisible_1x6lt"};
 require('./index.css');
 
 var AutocompleteMobileField = function (_a) {

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

@@ -22,16 +22,16 @@
 } :root {
     --focus-color: var(--color-light-status-info);
     --disabled-cursor: not-allowed;
-} /* сбрасывает синюю подсветку при нажатии */ .input-autocomplete__component_byvg9 {
+} /* сбрасывает синюю подсветку при нажатии */ .input-autocomplete__component_1x6lt {
     width: 100%;
     outline: none;
-} .input-autocomplete__field_byvg9:not(.input-autocomplete__disabled_byvg9) {
+} .input-autocomplete__field_1x6lt:not(.input-autocomplete__disabled_1x6lt) {
     cursor: pointer;
-} .input-autocomplete__disabled_byvg9 {
+} .input-autocomplete__disabled_1x6lt {
     cursor: var(--disabled-cursor);
-} .input-autocomplete__placeholder_byvg9 {
+} .input-autocomplete__placeholder_1x6lt {
     color: var(--color-light-text-secondary);
-} .input-autocomplete__contentWrapper_byvg9 {
+} .input-autocomplete__contentWrapper_1x6lt {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -40,11 +40,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .input-autocomplete__value_byvg9 {
+} .input-autocomplete__value_1x6lt {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .input-autocomplete__focusVisible_byvg9 {
+} .input-autocomplete__focusVisible_1x6lt {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

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

@@ -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_d8ykv","error":"input-autocomplete__error_d8ykv"};
+var styles = {"arrow":"input-autocomplete__arrow_r2c9h","error":"input-autocomplete__error_r2c9h"};
 require('./index.css');
 
 var AutocompleteField = function (_a) {

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

@@ -1,4 +1,4 @@
 /* hash: ogumf */
-.input-autocomplete__arrow_d8ykv.input-autocomplete__error_d8ykv ~ * {
+.input-autocomplete__arrow_r2c9h.input-autocomplete__error_r2c9h ~ * {
     display: none;
 }

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

@@ -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_byvg9","field":"input-autocomplete__field_byvg9","disabled":"input-autocomplete__disabled_byvg9","placeholder":"input-autocomplete__placeholder_byvg9","contentWrapper":"input-autocomplete__contentWrapper_byvg9","value":"input-autocomplete__value_byvg9","focusVisible":"input-autocomplete__focusVisible_byvg9"};
+var styles = {"component":"input-autocomplete__component_1x6lt","field":"input-autocomplete__field_1x6lt","disabled":"input-autocomplete__disabled_1x6lt","placeholder":"input-autocomplete__placeholder_1x6lt","contentWrapper":"input-autocomplete__contentWrapper_1x6lt","value":"input-autocomplete__value_1x6lt","focusVisible":"input-autocomplete__focusVisible_1x6lt"};
 require('./index.css');
 
 var AutocompleteMobileField = function (_a) {