@alfalab/core-components 43.1.1 → 43.1.3

package/indicator/modern/index.css

@@ -25,7 +25,7 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .indicator__component_1a9p5 {
+} .indicator__component_ks5co {
     position: relative;
     display: inline-flex;
     justify-content: center;
@@ -35,54 +35,54 @@
     border-radius: var(--border-radius-pill);
     color: var(--color-static-text-primary-light);
     background-color: var(--color-light-bg-accent);
-} .indicator__red_1a9p5 {
+} .indicator__red_ks5co {
     background-color: var(--color-light-bg-accent);
     color: var(--color-static-text-primary-light)
-} .indicator__red_1a9p5.indicator__border_1a9p5 {
+} .indicator__red_ks5co.indicator__border_ks5co {
         outline: 2px solid var(--color-light-border-key-inverted);
-    } .indicator__white_1a9p5 {
+    } .indicator__white_ks5co {
     background-color: var(--color-light-bg-primary);
     color: var(--color-light-text-primary)
-} .indicator__white_1a9p5.indicator__border_1a9p5 {
+} .indicator__white_ks5co.indicator__border_ks5co {
         outline: 2px solid var(--color-light-border-key-inverted);
-    } .indicator__grey_1a9p5 {
+    } .indicator__grey_ks5co {
     background-color: var(--color-light-specialbg-secondary-transparent);
     color: var(--color-light-text-primary)
-} .indicator__grey_1a9p5.indicator__border_1a9p5 {
+} .indicator__grey_ks5co.indicator__border_ks5co {
         outline: 2px solid var(--color-light-border-key-inverted);
-    } .indicator__xs_1a9p5 {
+    } .indicator__xs_ks5co {
     height: 8px;
     min-width: 8px;
-} .indicator__s_1a9p5 {
+} .indicator__s_ks5co {
     height: 20px;
     min-width: 20px
-} .indicator__s_1a9p5 .indicator__content_1a9p5 {
+} .indicator__s_ks5co .indicator__content_ks5co {
         font-size: 11px;
         line-height: 16px;
         font-weight: 700;
         padding: 0 var(--gap-2xs);
-    } .indicator__m_1a9p5 {
+    } .indicator__m_ks5co {
     height: 24px;
     min-width: 24px
-} .indicator__m_1a9p5 .indicator__content_1a9p5 {
+} .indicator__m_ks5co .indicator__content_ks5co {
         font-size: 14px;
         line-height: 20px;
         font-weight: 700;
         padding: 0 var(--gap-2xs);
-    } .indicator__l_1a9p5 {
+    } .indicator__l_ks5co {
     height: 40px;
     min-width: 40px
-} .indicator__l_1a9p5 .indicator__content_1a9p5 {
+} .indicator__l_ks5co .indicator__content_ks5co {
         font-size: 14px;
         line-height: 20px;
         font-weight: 700;
         padding: 0 var(--gap-xs);
-    } .indicator__xl_1a9p5 .indicator__content_1a9p5 {
+    } .indicator__xl_ks5co .indicator__content_ks5co {
         font-size: 16px;
         line-height: 24px;
         font-weight: 700;
         padding: 0 var(--gap-s);
-    } .indicator__xxl_1a9p5 .indicator__content_1a9p5 {
+    } .indicator__xxl_ks5co .indicator__content_ks5co {
         font-size: 16px;
         line-height: 24px;
         font-weight: 700;

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

@@ -18,13 +18,13 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var defaultColors = {"input":"input__input_1mj4x","hasInnerLabel":"input__hasInnerLabel_1mj4x","clearIcon":"input__clearIcon_1mj4x","disableUserInput":"input__disableUserInput_1mj4x","error":"input__error_1mj4x"};
+var defaultColors = {"input":"input__input_zyebc","hasInnerLabel":"input__hasInnerLabel_zyebc","clearIcon":"input__clearIcon_zyebc","disableUserInput":"input__disableUserInput_zyebc","error":"input__error_zyebc"};
 require('./default.css');
 
-var styles = {"input":"input__input_upd29","hasInnerLabel":"input__hasInnerLabel_upd29","s":"input__s_upd29","m":"input__m_upd29","l":"input__l_upd29","xl":"input__xl_upd29","block":"input__block_upd29","clearIcon":"input__clearIcon_upd29","errorIcon":"input__errorIcon_upd29","errorColorIcon":"input__errorColorIcon_upd29","clearButton":"input__clearButton_upd29","successIcon":"input__successIcon_upd29","successColorIcon":"input__successColorIcon_upd29","focusVisible":"input__focusVisible_upd29","onautofillstart":"input__onautofillstart_upd29","onautofillcancel":"input__onautofillcancel_upd29"};
+var styles = {"input":"input__input_15tv2","hasInnerLabel":"input__hasInnerLabel_15tv2","s":"input__s_15tv2","m":"input__m_15tv2","l":"input__l_15tv2","xl":"input__xl_15tv2","block":"input__block_15tv2","clearIcon":"input__clearIcon_15tv2","errorIcon":"input__errorIcon_15tv2","errorColorIcon":"input__errorColorIcon_15tv2","clearButton":"input__clearButton_15tv2","successIcon":"input__successIcon_15tv2","successColorIcon":"input__successColorIcon_15tv2","focusVisible":"input__focusVisible_15tv2","onautofillstart":"input__onautofillstart_15tv2","onautofillcancel":"input__onautofillcancel_15tv2"};
 require('./index.css');
 
-var invertedColors = {"input":"input__input_1dkcw","hasInnerLabel":"input__hasInnerLabel_1dkcw","clearIcon":"input__clearIcon_1dkcw","disableUserInput":"input__disableUserInput_1dkcw","error":"input__error_1dkcw"};
+var invertedColors = {"input":"input__input_qzman","hasInnerLabel":"input__hasInnerLabel_qzman","clearIcon":"input__clearIcon_qzman","disableUserInput":"input__disableUserInput_qzman","error":"input__error_qzman"};
 require('./inverted.css');
 
 var colorCommonStyles = {

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

@@ -40,32 +40,32 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__input_1mj4x {
+} .input__input_zyebc {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .input__input_1mj4x:-webkit-autofill {
+} .input__input_zyebc:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
-} .input__input_1mj4x::placeholder {
+} .input__input_zyebc::placeholder {
     color: var(--input-placeholder-color);
-} .input__hasInnerLabel_1mj4x::placeholder {
+} .input__hasInnerLabel_zyebc::placeholder {
     color: var(--input-with-label-placeholder-color);
-} .input__clearIcon_1mj4x {
+} .input__clearIcon_zyebc {
     color: var(--color-light-neutral-translucent-500)
-} .input__clearIcon_1mj4x:hover {
+} .input__clearIcon_zyebc:hover {
         color: var(--color-light-neutral-translucent-500-hover);
-    } .input__clearIcon_1mj4x:active {
+    } .input__clearIcon_zyebc:active {
         color: var(--color-light-neutral-translucent-500-press);
-    } /* READ-ONLY STATE */ .input__input_1mj4x:read-only:not(.input__disableUserInput_1mj4x) {
+    } /* READ-ONLY STATE */ .input__input_zyebc:read-only:not(.input__disableUserInput_zyebc) {
     color: var(--input-read-only-color)
-} .input__input_1mj4x:read-only:not(.input__disableUserInput_1mj4x):focus::placeholder {
+} .input__input_zyebc:read-only:not(.input__disableUserInput_zyebc):focus::placeholder {
         color: var(--input-placeholder-color);
-    } /* DISABLED STATE */ .input__input_1mj4x:disabled {
+    } /* DISABLED STATE */ .input__input_zyebc:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
-} /* FOCUS STATE */ .input__input_1mj4x:focus::placeholder {
+} /* FOCUS STATE */ .input__input_zyebc:focus::placeholder {
     color: var(--input-focus-placeholder-color);
-} /* ERROR STATE */ .input__error_1mj4x {
+} /* ERROR STATE */ .input__error_zyebc {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 }

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

@@ -73,7 +73,7 @@
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
     --input-error-icon-not-alone-display: none;
-} .input__input_upd29 {
+} .input__input_15tv2 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -88,93 +88,93 @@
     text-overflow: ellipsis;
     box-sizing: border-box;
     -webkit-appearance: none;
-} .input__input_upd29::placeholder {
+} .input__input_15tv2::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
-} .input__hasInnerLabel_upd29::placeholder {
+} .input__hasInnerLabel_15tv2::placeholder {
         opacity: 0;
-    } .input__hasInnerLabel_upd29.input__s_upd29 {
+    } .input__hasInnerLabel_15tv2.input__s_15tv2 {
         height: var(--form-control-s-min-height);
-    } .input__hasInnerLabel_upd29.input__m_upd29 {
+    } .input__hasInnerLabel_15tv2.input__m_15tv2 {
         height: var(--form-control-m-min-height);
-    } .input__hasInnerLabel_upd29.input__l_upd29 {
+    } .input__hasInnerLabel_15tv2.input__l_15tv2 {
         height: var(--form-control-l-min-height);
-    } .input__hasInnerLabel_upd29.input__xl_upd29 {
+    } .input__hasInnerLabel_15tv2.input__xl_15tv2 {
         height: var(--form-control-xl-min-height);
-    } .input__block_upd29 {
+    } .input__block_15tv2 {
     width: 100%;
-} .input__clearIcon_upd29 {
+} .input__clearIcon_15tv2 {
     display: block;
     transition: opacity 0.2s ease;
-} .input__errorIcon_upd29 {
+} .input__errorIcon_15tv2 {
     display: var(--input-error-icon-display)
-} .input__errorIcon_upd29:not(:only-child) {
+} .input__errorIcon_15tv2:not(:only-child) {
         margin-left: var(--gap-2xs);
-    } * + .input__errorIcon_upd29 {
+    } * + .input__errorIcon_15tv2 {
     display: var(--input-error-icon-not-alone-display);
-} button[class*='eye'] + .input__errorIcon_upd29 {
+} button[class*='eye'] + .input__errorIcon_15tv2 {
     margin-right: var(--gap-s);
-} .input__errorColorIcon_upd29 {
+} .input__errorColorIcon_15tv2 {
     color: var(--color-light-status-negative);
-} .input__clearButton_upd29 + * {
+} .input__clearButton_15tv2 + * {
     margin-left: var(--gap-2xs);
-} .input__clearButton_upd29 + .input__errorIcon_upd29 {
+} .input__clearButton_15tv2 + .input__errorIcon_15tv2 {
     display: var(--input-error-icon-display);
-} .input__successIcon_upd29 {
+} .input__successIcon_15tv2 {
     display: var(--input-success-icon-display)
-} .input__successIcon_upd29:not(:only-child) {
+} .input__successIcon_15tv2:not(:only-child) {
         margin-left: var(--gap-2xs);
-    } button[class*='eye'] + .input__successIcon_upd29 {
+    } button[class*='eye'] + .input__successIcon_15tv2 {
     margin-right: var(--gap-s);
-} .input__successColorIcon_upd29 {
+} .input__successColorIcon_15tv2 {
     color: var(--color-light-status-positive);
-} /* DISABLED STATE */ .input__input_upd29:disabled {
+} /* DISABLED STATE */ .input__input_15tv2:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
-} /* FOCUS STATE */ .input__input_upd29:focus.input__hasInnerLabel_upd29::placeholder {
+} /* FOCUS STATE */ .input__input_15tv2:focus.input__hasInnerLabel_15tv2::placeholder {
     opacity: 1;
-} .input__focusVisible_upd29 {
+} .input__focusVisible_15tv2 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} /* READ-ONLY STATE */ .input__hasInnerLabel_upd29:read-only:focus::placeholder {
+} /* READ-ONLY STATE */ .input__hasInnerLabel_15tv2:read-only:focus::placeholder {
     opacity: 0;
-} /* IE hide clear */ .input__input_upd29::-ms-clear {
+} /* IE hide clear */ .input__input_15tv2::-ms-clear {
     display: none;
     width: 0;
     height: 0;
-} /* Убирает синюю заливку при автокомплите */ .input__input_upd29:-webkit-autofill:first-line, .input__input_upd29:-webkit-autofill:hover:first-line, .input__input_upd29:-webkit-autofill:focus:first-line, .input__input_upd29:-webkit-autofill:active:first-line {
+} /* Убирает синюю заливку при автокомплите */ .input__input_15tv2:-webkit-autofill:first-line, .input__input_15tv2:-webkit-autofill:hover:first-line, .input__input_15tv2:-webkit-autofill:focus:first-line, .input__input_15tv2:-webkit-autofill:active:first-line {
             font-size: 16px;
             line-height: 20px;
             font-weight: 400;
             font-family: var(--form-control-font-family);
-        } .input__input_upd29:-webkit-autofill,
-    .input__input_upd29:-webkit-autofill:hover,
-    .input__input_upd29:-webkit-autofill:focus,
-    .input__input_upd29:-webkit-autofill:active {
+        } .input__input_15tv2:-webkit-autofill,
+    .input__input_15tv2:-webkit-autofill:hover,
+    .input__input_15tv2:-webkit-autofill:focus,
+    .input__input_15tv2:-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_upd29:-webkit-autofill {
-        animation: input__onautofillstart_upd29 999999s forwards;
-    } .input__input_upd29:not(:-webkit-autofill) {
+    } .input__input_15tv2:-webkit-autofill {
+        animation: input__onautofillstart_15tv2 999999s forwards;
+    } .input__input_15tv2:not(:-webkit-autofill) {
         /* Позволяет отслеживать autofill через js */
-        animation: input__onautofillcancel_upd29 999999s;
-    } /* Убирает нативные стрелочки при type=number */ .input__input_upd29::-webkit-outer-spin-button,
-    .input__input_upd29::-webkit-inner-spin-button {
+        animation: input__onautofillcancel_15tv2 999999s;
+    } /* Убирает нативные стрелочки при type=number */ .input__input_15tv2::-webkit-outer-spin-button,
+    .input__input_15tv2::-webkit-inner-spin-button {
         -webkit-appearance: none;
-    } .input__input_upd29 {
+    } .input__input_15tv2 {
 
     /* Firefox */
-} .input__input_upd29[type='number'] {
+} .input__input_15tv2[type='number'] {
         -moz-appearance: textfield;
-    } @keyframes input__onautofillstart_upd29 {
+    } @keyframes input__onautofillstart_15tv2 {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }
     to {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0.01);
     }
-} @keyframes input__onautofillcancel_upd29 {
+} @keyframes input__onautofillcancel_15tv2 {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }

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

@@ -40,32 +40,32 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__input_1dkcw {
+} .input__input_qzman {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .input__input_1dkcw:-webkit-autofill {
+} .input__input_qzman:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
-} .input__input_1dkcw::placeholder {
+} .input__input_qzman::placeholder {
     color: var(--input-inverted-placeholder-color);
-} .input__hasInnerLabel_1dkcw::placeholder {
+} .input__hasInnerLabel_qzman::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
-} .input__clearIcon_1dkcw {
+} .input__clearIcon_qzman {
     color: var(--color-light-neutral-translucent-500-inverted)
-} .input__clearIcon_1dkcw:hover {
+} .input__clearIcon_qzman:hover {
         color: var(--color-light-neutral-translucent-500-inverted-hover);
-    } .input__clearIcon_1dkcw:active {
+    } .input__clearIcon_qzman:active {
         color: var(--color-light-neutral-translucent-500-inverted-press);
-    } /* READ-ONLY STATE */ .input__input_1dkcw:read-only:not(.input__disableUserInput_1dkcw) {
+    } /* READ-ONLY STATE */ .input__input_qzman:read-only:not(.input__disableUserInput_qzman) {
     color: var(--input-inverted-read-only-color)
-} .input__input_1dkcw:read-only:not(.input__disableUserInput_1dkcw):focus::placeholder {
+} .input__input_qzman:read-only:not(.input__disableUserInput_qzman):focus::placeholder {
         color: var(--input-inverted-placeholder-color);
-    } /* DISABLED STATE */ .input__input_1dkcw:disabled {
+    } /* DISABLED STATE */ .input__input_qzman:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
-} /* FOCUS STATE */ .input__input_1dkcw:focus::placeholder {
+} /* FOCUS STATE */ .input__input_qzman:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
-} /* ERROR STATE */ .input__error_1dkcw {
+} /* ERROR STATE */ .input__error_qzman {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 }

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

@@ -10,13 +10,13 @@ import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon'
 import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
 import { ExclamationCircleMIcon } from '@alfalab/icons-glyph/ExclamationCircleMIcon';
 
-var defaultColors = {"input":"input__input_1mj4x","hasInnerLabel":"input__hasInnerLabel_1mj4x","clearIcon":"input__clearIcon_1mj4x","disableUserInput":"input__disableUserInput_1mj4x","error":"input__error_1mj4x"};
+var defaultColors = {"input":"input__input_zyebc","hasInnerLabel":"input__hasInnerLabel_zyebc","clearIcon":"input__clearIcon_zyebc","disableUserInput":"input__disableUserInput_zyebc","error":"input__error_zyebc"};
 require('./default.css');
 
-var styles = {"input":"input__input_upd29","hasInnerLabel":"input__hasInnerLabel_upd29","s":"input__s_upd29","m":"input__m_upd29","l":"input__l_upd29","xl":"input__xl_upd29","block":"input__block_upd29","clearIcon":"input__clearIcon_upd29","errorIcon":"input__errorIcon_upd29","errorColorIcon":"input__errorColorIcon_upd29","clearButton":"input__clearButton_upd29","successIcon":"input__successIcon_upd29","successColorIcon":"input__successColorIcon_upd29","focusVisible":"input__focusVisible_upd29","onautofillstart":"input__onautofillstart_upd29","onautofillcancel":"input__onautofillcancel_upd29"};
+var styles = {"input":"input__input_15tv2","hasInnerLabel":"input__hasInnerLabel_15tv2","s":"input__s_15tv2","m":"input__m_15tv2","l":"input__l_15tv2","xl":"input__xl_15tv2","block":"input__block_15tv2","clearIcon":"input__clearIcon_15tv2","errorIcon":"input__errorIcon_15tv2","errorColorIcon":"input__errorColorIcon_15tv2","clearButton":"input__clearButton_15tv2","successIcon":"input__successIcon_15tv2","successColorIcon":"input__successColorIcon_15tv2","focusVisible":"input__focusVisible_15tv2","onautofillstart":"input__onautofillstart_15tv2","onautofillcancel":"input__onautofillcancel_15tv2"};
 require('./index.css');
 
-var invertedColors = {"input":"input__input_1dkcw","hasInnerLabel":"input__hasInnerLabel_1dkcw","clearIcon":"input__clearIcon_1dkcw","disableUserInput":"input__disableUserInput_1dkcw","error":"input__error_1dkcw"};
+var invertedColors = {"input":"input__input_qzman","hasInnerLabel":"input__hasInnerLabel_qzman","clearIcon":"input__clearIcon_qzman","disableUserInput":"input__disableUserInput_qzman","error":"input__error_qzman"};
 require('./inverted.css');
 
 var colorCommonStyles = {

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

@@ -40,32 +40,32 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__input_1mj4x {
+} .input__input_zyebc {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .input__input_1mj4x:-webkit-autofill {
+} .input__input_zyebc:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
-} .input__input_1mj4x::placeholder {
+} .input__input_zyebc::placeholder {
     color: var(--input-placeholder-color);
-} .input__hasInnerLabel_1mj4x::placeholder {
+} .input__hasInnerLabel_zyebc::placeholder {
     color: var(--input-with-label-placeholder-color);
-} .input__clearIcon_1mj4x {
+} .input__clearIcon_zyebc {
     color: var(--color-light-neutral-translucent-500)
-} .input__clearIcon_1mj4x:hover {
+} .input__clearIcon_zyebc:hover {
         color: var(--color-light-neutral-translucent-500-hover);
-    } .input__clearIcon_1mj4x:active {
+    } .input__clearIcon_zyebc:active {
         color: var(--color-light-neutral-translucent-500-press);
-    } /* READ-ONLY STATE */ .input__input_1mj4x:read-only:not(.input__disableUserInput_1mj4x) {
+    } /* READ-ONLY STATE */ .input__input_zyebc:read-only:not(.input__disableUserInput_zyebc) {
     color: var(--input-read-only-color)
-} .input__input_1mj4x:read-only:not(.input__disableUserInput_1mj4x):focus::placeholder {
+} .input__input_zyebc:read-only:not(.input__disableUserInput_zyebc):focus::placeholder {
         color: var(--input-placeholder-color);
-    } /* DISABLED STATE */ .input__input_1mj4x:disabled {
+    } /* DISABLED STATE */ .input__input_zyebc:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
-} /* FOCUS STATE */ .input__input_1mj4x:focus::placeholder {
+} /* FOCUS STATE */ .input__input_zyebc:focus::placeholder {
     color: var(--input-focus-placeholder-color);
-} /* ERROR STATE */ .input__error_1mj4x {
+} /* ERROR STATE */ .input__error_zyebc {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 }

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

@@ -73,7 +73,7 @@
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
     --input-error-icon-not-alone-display: none;
-} .input__input_upd29 {
+} .input__input_15tv2 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -88,93 +88,93 @@
     text-overflow: ellipsis;
     box-sizing: border-box;
     -webkit-appearance: none;
-} .input__input_upd29::placeholder {
+} .input__input_15tv2::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
-} .input__hasInnerLabel_upd29::placeholder {
+} .input__hasInnerLabel_15tv2::placeholder {
         opacity: 0;
-    } .input__hasInnerLabel_upd29.input__s_upd29 {
+    } .input__hasInnerLabel_15tv2.input__s_15tv2 {
         height: var(--form-control-s-min-height);
-    } .input__hasInnerLabel_upd29.input__m_upd29 {
+    } .input__hasInnerLabel_15tv2.input__m_15tv2 {
         height: var(--form-control-m-min-height);
-    } .input__hasInnerLabel_upd29.input__l_upd29 {
+    } .input__hasInnerLabel_15tv2.input__l_15tv2 {
         height: var(--form-control-l-min-height);
-    } .input__hasInnerLabel_upd29.input__xl_upd29 {
+    } .input__hasInnerLabel_15tv2.input__xl_15tv2 {
         height: var(--form-control-xl-min-height);
-    } .input__block_upd29 {
+    } .input__block_15tv2 {
     width: 100%;
-} .input__clearIcon_upd29 {
+} .input__clearIcon_15tv2 {
     display: block;
     transition: opacity 0.2s ease;
-} .input__errorIcon_upd29 {
+} .input__errorIcon_15tv2 {
     display: var(--input-error-icon-display)
-} .input__errorIcon_upd29:not(:only-child) {
+} .input__errorIcon_15tv2:not(:only-child) {
         margin-left: var(--gap-2xs);
-    } * + .input__errorIcon_upd29 {
+    } * + .input__errorIcon_15tv2 {
     display: var(--input-error-icon-not-alone-display);
-} button[class*='eye'] + .input__errorIcon_upd29 {
+} button[class*='eye'] + .input__errorIcon_15tv2 {
     margin-right: var(--gap-s);
-} .input__errorColorIcon_upd29 {
+} .input__errorColorIcon_15tv2 {
     color: var(--color-light-status-negative);
-} .input__clearButton_upd29 + * {
+} .input__clearButton_15tv2 + * {
     margin-left: var(--gap-2xs);
-} .input__clearButton_upd29 + .input__errorIcon_upd29 {
+} .input__clearButton_15tv2 + .input__errorIcon_15tv2 {
     display: var(--input-error-icon-display);
-} .input__successIcon_upd29 {
+} .input__successIcon_15tv2 {
     display: var(--input-success-icon-display)
-} .input__successIcon_upd29:not(:only-child) {
+} .input__successIcon_15tv2:not(:only-child) {
         margin-left: var(--gap-2xs);
-    } button[class*='eye'] + .input__successIcon_upd29 {
+    } button[class*='eye'] + .input__successIcon_15tv2 {
     margin-right: var(--gap-s);
-} .input__successColorIcon_upd29 {
+} .input__successColorIcon_15tv2 {
     color: var(--color-light-status-positive);
-} /* DISABLED STATE */ .input__input_upd29:disabled {
+} /* DISABLED STATE */ .input__input_15tv2:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
-} /* FOCUS STATE */ .input__input_upd29:focus.input__hasInnerLabel_upd29::placeholder {
+} /* FOCUS STATE */ .input__input_15tv2:focus.input__hasInnerLabel_15tv2::placeholder {
     opacity: 1;
-} .input__focusVisible_upd29 {
+} .input__focusVisible_15tv2 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} /* READ-ONLY STATE */ .input__hasInnerLabel_upd29:read-only:focus::placeholder {
+} /* READ-ONLY STATE */ .input__hasInnerLabel_15tv2:read-only:focus::placeholder {
     opacity: 0;
-} /* IE hide clear */ .input__input_upd29::-ms-clear {
+} /* IE hide clear */ .input__input_15tv2::-ms-clear {
     display: none;
     width: 0;
     height: 0;
-} /* Убирает синюю заливку при автокомплите */ .input__input_upd29:-webkit-autofill:first-line, .input__input_upd29:-webkit-autofill:hover:first-line, .input__input_upd29:-webkit-autofill:focus:first-line, .input__input_upd29:-webkit-autofill:active:first-line {
+} /* Убирает синюю заливку при автокомплите */ .input__input_15tv2:-webkit-autofill:first-line, .input__input_15tv2:-webkit-autofill:hover:first-line, .input__input_15tv2:-webkit-autofill:focus:first-line, .input__input_15tv2:-webkit-autofill:active:first-line {
             font-size: 16px;
             line-height: 20px;
             font-weight: 400;
             font-family: var(--form-control-font-family);
-        } .input__input_upd29:-webkit-autofill,
-    .input__input_upd29:-webkit-autofill:hover,
-    .input__input_upd29:-webkit-autofill:focus,
-    .input__input_upd29:-webkit-autofill:active {
+        } .input__input_15tv2:-webkit-autofill,
+    .input__input_15tv2:-webkit-autofill:hover,
+    .input__input_15tv2:-webkit-autofill:focus,
+    .input__input_15tv2:-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_upd29:-webkit-autofill {
-        animation: input__onautofillstart_upd29 999999s forwards;
-    } .input__input_upd29:not(:-webkit-autofill) {
+    } .input__input_15tv2:-webkit-autofill {
+        animation: input__onautofillstart_15tv2 999999s forwards;
+    } .input__input_15tv2:not(:-webkit-autofill) {
         /* Позволяет отслеживать autofill через js */
-        animation: input__onautofillcancel_upd29 999999s;
-    } /* Убирает нативные стрелочки при type=number */ .input__input_upd29::-webkit-outer-spin-button,
-    .input__input_upd29::-webkit-inner-spin-button {
+        animation: input__onautofillcancel_15tv2 999999s;
+    } /* Убирает нативные стрелочки при type=number */ .input__input_15tv2::-webkit-outer-spin-button,
+    .input__input_15tv2::-webkit-inner-spin-button {
         -webkit-appearance: none;
-    } .input__input_upd29 {
+    } .input__input_15tv2 {
 
     /* Firefox */
-} .input__input_upd29[type='number'] {
+} .input__input_15tv2[type='number'] {
         -moz-appearance: textfield;
-    } @keyframes input__onautofillstart_upd29 {
+    } @keyframes input__onautofillstart_15tv2 {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }
     to {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0.01);
     }
-} @keyframes input__onautofillcancel_upd29 {
+} @keyframes input__onautofillcancel_15tv2 {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }

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

@@ -40,32 +40,32 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__input_1dkcw {
+} .input__input_qzman {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .input__input_1dkcw:-webkit-autofill {
+} .input__input_qzman:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
-} .input__input_1dkcw::placeholder {
+} .input__input_qzman::placeholder {
     color: var(--input-inverted-placeholder-color);
-} .input__hasInnerLabel_1dkcw::placeholder {
+} .input__hasInnerLabel_qzman::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
-} .input__clearIcon_1dkcw {
+} .input__clearIcon_qzman {
     color: var(--color-light-neutral-translucent-500-inverted)
-} .input__clearIcon_1dkcw:hover {
+} .input__clearIcon_qzman:hover {
         color: var(--color-light-neutral-translucent-500-inverted-hover);
-    } .input__clearIcon_1dkcw:active {
+    } .input__clearIcon_qzman:active {
         color: var(--color-light-neutral-translucent-500-inverted-press);
-    } /* READ-ONLY STATE */ .input__input_1dkcw:read-only:not(.input__disableUserInput_1dkcw) {
+    } /* READ-ONLY STATE */ .input__input_qzman:read-only:not(.input__disableUserInput_qzman) {
     color: var(--input-inverted-read-only-color)
-} .input__input_1dkcw:read-only:not(.input__disableUserInput_1dkcw):focus::placeholder {
+} .input__input_qzman:read-only:not(.input__disableUserInput_qzman):focus::placeholder {
         color: var(--input-inverted-placeholder-color);
-    } /* DISABLED STATE */ .input__input_1dkcw:disabled {
+    } /* DISABLED STATE */ .input__input_qzman:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
-} /* FOCUS STATE */ .input__input_1dkcw:focus::placeholder {
+} /* FOCUS STATE */ .input__input_qzman:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
-} /* ERROR STATE */ .input__error_1dkcw {
+} /* ERROR STATE */ .input__error_qzman {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 }

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

@@ -9,13 +9,13 @@ import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon'
 import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
 import { ExclamationCircleMIcon } from '@alfalab/icons-glyph/ExclamationCircleMIcon';
 
-const defaultColors = {"input":"input__input_1mj4x","hasInnerLabel":"input__hasInnerLabel_1mj4x","clearIcon":"input__clearIcon_1mj4x","disableUserInput":"input__disableUserInput_1mj4x","error":"input__error_1mj4x"};
+const defaultColors = {"input":"input__input_zyebc","hasInnerLabel":"input__hasInnerLabel_zyebc","clearIcon":"input__clearIcon_zyebc","disableUserInput":"input__disableUserInput_zyebc","error":"input__error_zyebc"};
 require('./default.css');
 
-const styles = {"input":"input__input_upd29","hasInnerLabel":"input__hasInnerLabel_upd29","s":"input__s_upd29","m":"input__m_upd29","l":"input__l_upd29","xl":"input__xl_upd29","block":"input__block_upd29","clearIcon":"input__clearIcon_upd29","errorIcon":"input__errorIcon_upd29","errorColorIcon":"input__errorColorIcon_upd29","clearButton":"input__clearButton_upd29","successIcon":"input__successIcon_upd29","successColorIcon":"input__successColorIcon_upd29","focusVisible":"input__focusVisible_upd29","onautofillstart":"input__onautofillstart_upd29","onautofillcancel":"input__onautofillcancel_upd29"};
+const styles = {"input":"input__input_15tv2","hasInnerLabel":"input__hasInnerLabel_15tv2","s":"input__s_15tv2","m":"input__m_15tv2","l":"input__l_15tv2","xl":"input__xl_15tv2","block":"input__block_15tv2","clearIcon":"input__clearIcon_15tv2","errorIcon":"input__errorIcon_15tv2","errorColorIcon":"input__errorColorIcon_15tv2","clearButton":"input__clearButton_15tv2","successIcon":"input__successIcon_15tv2","successColorIcon":"input__successColorIcon_15tv2","focusVisible":"input__focusVisible_15tv2","onautofillstart":"input__onautofillstart_15tv2","onautofillcancel":"input__onautofillcancel_15tv2"};
 require('./index.css');
 
-const invertedColors = {"input":"input__input_1dkcw","hasInnerLabel":"input__hasInnerLabel_1dkcw","clearIcon":"input__clearIcon_1dkcw","disableUserInput":"input__disableUserInput_1dkcw","error":"input__error_1dkcw"};
+const invertedColors = {"input":"input__input_qzman","hasInnerLabel":"input__hasInnerLabel_qzman","clearIcon":"input__clearIcon_qzman","disableUserInput":"input__disableUserInput_qzman","error":"input__error_qzman"};
 require('./inverted.css');
 
 const colorCommonStyles = {