@alfalab/core-components 48.31.0 → 48.32.0

package/indicator/modern/index.css

@@ -37,7 +37,7 @@
     --gap-16: var(--gap-m);
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .indicator__component_j9uf0 {
+} /* сбрасывает синюю подсветку при нажатии */ .indicator__component_cv7gr {
     position: relative;
     display: inline-flex;
     justify-content: center;
@@ -47,65 +47,65 @@
     border-radius: var(--border-radius-pill);
     color: var(--color-static-text-primary-inverted);
     background-color: var(--color-light-accent-primary);
-} .indicator__red_j9uf0 {
+} .indicator__red_cv7gr {
     background-color: var(--color-light-accent-primary);
     color: var(--color-static-text-primary-inverted)
-} .indicator__red_j9uf0.indicator__border_j9uf0 {
+} .indicator__red_cv7gr.indicator__border_cv7gr {
         outline: 2px solid var(--color-light-base-bg-primary);
-    } .indicator__white_j9uf0 {
+    } .indicator__white_cv7gr {
     background-color: var(--color-light-neutral-0);
     color: var(--color-light-text-primary)
-} .indicator__white_j9uf0.indicator__border_j9uf0 {
+} .indicator__white_cv7gr.indicator__border_cv7gr {
         outline: 2px solid var(--color-light-base-bg-primary);
-    } .indicator__grey_j9uf0 {
+    } .indicator__grey_cv7gr {
     background-color: var(--color-light-neutral-translucent-200);
     color: var(--color-light-text-primary)
-} .indicator__grey_j9uf0.indicator__border_j9uf0 {
+} .indicator__grey_cv7gr.indicator__border_cv7gr {
         outline: 2px solid var(--color-light-base-bg-primary);
-    } .indicator__size-8_j9uf0 {
+    } .indicator__size-8_cv7gr {
     height: 8px;
     min-width: 8px;
-} .indicator__size-16_j9uf0 {
+} .indicator__size-16_cv7gr {
     height: 16px;
     min-width: 16px
-} .indicator__size-16_j9uf0 .indicator__content_j9uf0 {
+} .indicator__size-16_cv7gr .indicator__content_cv7gr {
         font-size: 11px;
         line-height: 16px;
         font-weight: 700;
         padding: var(--gap-0) var(--gap-4);
-    } .indicator__size-20_j9uf0 {
+    } .indicator__size-20_cv7gr {
     height: 20px;
     min-width: 20px
-} .indicator__size-20_j9uf0 .indicator__content_j9uf0 {
+} .indicator__size-20_cv7gr .indicator__content_cv7gr {
         font-size: 12px;
         line-height: 16px;
         font-weight: 700;
         padding: var(--gap-0) var(--gap-4);
-    } .indicator__size-24_j9uf0 {
+    } .indicator__size-24_cv7gr {
     height: 24px;
     min-width: 24px
-} .indicator__size-24_j9uf0 .indicator__content_j9uf0 {
+} .indicator__size-24_cv7gr .indicator__content_cv7gr {
         font-size: 14px;
         line-height: 20px;
         font-weight: 700;
         padding: var(--gap-0) var(--gap-4);
-    } .indicator__size-32_j9uf0 {
+    } .indicator__size-32_cv7gr {
     height: 32px;
     min-width: 32px
-} .indicator__size-32_j9uf0 .indicator__content_j9uf0 {
+} .indicator__size-32_cv7gr .indicator__content_cv7gr {
         font-size: 16px;
         line-height: 24px;
         font-weight: 700;
         padding: var(--gap-0) var(--gap-8);
-    } .indicator__size-40_j9uf0 {
+    } .indicator__size-40_cv7gr {
     height: 40px;
     min-width: 40px
-} .indicator__size-40_j9uf0 .indicator__content_j9uf0 {
+} .indicator__size-40_cv7gr .indicator__content_cv7gr {
         font-size: 16px;
         line-height: 24px;
         font-weight: 700;
         padding: var(--gap-0) var(--gap-12);
-    } .indicator__size-48_j9uf0 .indicator__content_j9uf0 {
+    } .indicator__size-48_cv7gr .indicator__content_cv7gr {
         font-size: 16px;
         line-height: 24px;
         font-weight: 700;

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

@@ -16,13 +16,13 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var defaultColors = {"input":"input__input_g9dss","hasInnerLabel":"input__hasInnerLabel_g9dss","disableUserInput":"input__disableUserInput_g9dss","error":"input__error_g9dss"};
+var defaultColors = {"input":"input__input_zq819","hasInnerLabel":"input__hasInnerLabel_zq819","disableUserInput":"input__disableUserInput_zq819","error":"input__error_zq819"};
 require('./default.css');
 
-var styles = {"input":"input__input_xmofm","size-40":"input__size-40_xmofm","hasInnerLabel":"input__hasInnerLabel_xmofm","size-48":"input__size-48_xmofm","size-56":"input__size-56_xmofm","size-64":"input__size-64_xmofm","size-72":"input__size-72_xmofm","block":"input__block_xmofm","errorIcon":"input__errorIcon_xmofm","successIcon":"input__successIcon_xmofm","disableUserInput":"input__disableUserInput_xmofm","focusVisible":"input__focusVisible_xmofm","onautofillstart":"input__onautofillstart_xmofm","onautofillcancel":"input__onautofillcancel_xmofm"};
+var styles = {"input":"input__input_16fnw","size-40":"input__size-40_16fnw","hasInnerLabel":"input__hasInnerLabel_16fnw","size-48":"input__size-48_16fnw","size-56":"input__size-56_16fnw","size-64":"input__size-64_16fnw","size-72":"input__size-72_16fnw","block":"input__block_16fnw","errorIcon":"input__errorIcon_16fnw","successIcon":"input__successIcon_16fnw","disableUserInput":"input__disableUserInput_16fnw","focusVisible":"input__focusVisible_16fnw","onautofillstart":"input__onautofillstart_16fnw","onautofillcancel":"input__onautofillcancel_16fnw"};
 require('./index.css');
 
-var invertedColors = {"input":"input__input_h72mq","hasInnerLabel":"input__hasInnerLabel_h72mq","disableUserInput":"input__disableUserInput_h72mq","error":"input__error_h72mq"};
+var invertedColors = {"input":"input__input_10nwv","hasInnerLabel":"input__hasInnerLabel_10nwv","disableUserInput":"input__disableUserInput_10nwv","error":"input__error_10nwv"};
 require('./inverted.css');
 
 var colorCommonStyles = {

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

@@ -44,26 +44,26 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__input_g9dss {
+} .input__input_zq819 {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .input__input_g9dss:-webkit-autofill {
+} .input__input_zq819:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
-} .input__input_g9dss::placeholder {
+} .input__input_zq819::placeholder {
     color: var(--input-placeholder-color);
-} .input__hasInnerLabel_g9dss::placeholder {
+} .input__hasInnerLabel_zq819::placeholder {
     color: var(--input-with-label-placeholder-color);
-} /* READ-ONLY STATE */ .input__input_g9dss:read-only:not(.input__disableUserInput_g9dss) {
+} /* READ-ONLY STATE */ .input__input_zq819:read-only:not(.input__disableUserInput_zq819) {
     color: var(--input-read-only-color)
-} .input__input_g9dss:read-only:not(.input__disableUserInput_g9dss):focus::placeholder {
+} .input__input_zq819:read-only:not(.input__disableUserInput_zq819):focus::placeholder {
         color: var(--input-placeholder-color);
-    } /* DISABLED STATE */ .input__input_g9dss:disabled {
+    } /* DISABLED STATE */ .input__input_zq819:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
-} /* FOCUS STATE */ .input__input_g9dss:focus::placeholder {
+} /* FOCUS STATE */ .input__input_zq819:focus::placeholder {
     color: var(--input-focus-placeholder-color);
-} /* ERROR STATE */ .input__error_g9dss {
+} /* ERROR STATE */ .input__error_zq819 {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 }

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

@@ -81,7 +81,7 @@
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
     --input-error-icon-not-alone-display: none;
-} .input__input_xmofm {
+} .input__input_16fnw {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -96,78 +96,78 @@
     text-overflow: ellipsis;
     box-sizing: border-box;
     -webkit-appearance: none
-} .input__input_xmofm.input__size-40_xmofm {
+} .input__input_16fnw.input__size-40_16fnw {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
         padding: var(--gap-0) var(--gap-8);
-    } .input__input_xmofm::placeholder {
+    } .input__input_16fnw::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
-} .input__hasInnerLabel_xmofm::placeholder {
+} .input__hasInnerLabel_16fnw::placeholder {
         opacity: 0;
-    } .input__hasInnerLabel_xmofm.input__size-40_xmofm {
+    } .input__hasInnerLabel_16fnw.input__size-40_16fnw {
         height: var(--form-control-40-min-height);
-    } .input__hasInnerLabel_xmofm.input__size-48_xmofm {
+    } .input__hasInnerLabel_16fnw.input__size-48_16fnw {
         height: var(--form-control-s-min-height);
-    } .input__hasInnerLabel_xmofm.input__size-56_xmofm {
+    } .input__hasInnerLabel_16fnw.input__size-56_16fnw {
         height: var(--form-control-m-min-height);
-    } .input__hasInnerLabel_xmofm.input__size-64_xmofm {
+    } .input__hasInnerLabel_16fnw.input__size-64_16fnw {
         height: var(--form-control-l-min-height);
-    } .input__hasInnerLabel_xmofm.input__size-72_xmofm {
+    } .input__hasInnerLabel_16fnw.input__size-72_16fnw {
         height: var(--form-control-xl-min-height);
-    } .input__block_xmofm {
+    } .input__block_16fnw {
     width: 100%;
-} .input__errorIcon_xmofm {
+} .input__errorIcon_16fnw {
     display: var(--input-error-icon-display);
-} * + .input__errorIcon_xmofm {
+} * + .input__errorIcon_16fnw {
     display: var(--input-error-icon-not-alone-display);
-} .input__successIcon_xmofm {
+} .input__successIcon_16fnw {
     display: var(--input-success-icon-display);
-} /* DISABLED STATE */ .input__input_xmofm:disabled {
+} /* DISABLED STATE */ .input__input_16fnw:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
-} /* FOCUS STATE */ .input__input_xmofm:focus.input__hasInnerLabel_xmofm::placeholder,
-.input__input_xmofm:focus.input__hasInnerLabel_xmofm.input__disableUserInput_xmofm::placeholder {
+} /* FOCUS STATE */ .input__input_16fnw:focus.input__hasInnerLabel_16fnw::placeholder,
+.input__input_16fnw:focus.input__hasInnerLabel_16fnw.input__disableUserInput_16fnw::placeholder {
     opacity: 1;
-} .input__focusVisible_xmofm {
+} .input__focusVisible_16fnw {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} /* READ-ONLY STATE */ .input__hasInnerLabel_xmofm:read-only:focus::placeholder {
+} /* READ-ONLY STATE */ .input__hasInnerLabel_16fnw:read-only:focus::placeholder {
     opacity: 0;
-} /* Убирает синюю заливку при автокомплите */ .input__input_xmofm:-webkit-autofill:first-line, .input__input_xmofm:-webkit-autofill:hover:first-line, .input__input_xmofm:-webkit-autofill:focus:first-line, .input__input_xmofm:-webkit-autofill:active:first-line {
+} /* Убирает синюю заливку при автокомплите */ .input__input_16fnw:-webkit-autofill:first-line, .input__input_16fnw:-webkit-autofill:hover:first-line, .input__input_16fnw:-webkit-autofill:focus:first-line, .input__input_16fnw:-webkit-autofill:active:first-line {
             font-size: 16px;
             line-height: 20px;
             font-weight: 400;
             font-family: var(--form-control-font-family);
-        } .input__input_xmofm:-webkit-autofill,
-    .input__input_xmofm:-webkit-autofill:hover,
-    .input__input_xmofm:-webkit-autofill:focus,
-    .input__input_xmofm:-webkit-autofill:active {
+        } .input__input_16fnw:-webkit-autofill,
+    .input__input_16fnw:-webkit-autofill:hover,
+    .input__input_16fnw:-webkit-autofill:focus,
+    .input__input_16fnw:-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_xmofm:-webkit-autofill {
-        animation: input__onautofillstart_xmofm 999999s forwards;
-    } .input__input_xmofm:not(:-webkit-autofill) {
+    } .input__input_16fnw:-webkit-autofill {
+        animation: input__onautofillstart_16fnw 999999s forwards;
+    } .input__input_16fnw:not(:-webkit-autofill) {
         /* Позволяет отслеживать autofill через js */
-        animation: input__onautofillcancel_xmofm 999999s;
-    } /* Убирает нативные стрелочки при type=number */ .input__input_xmofm::-webkit-outer-spin-button,
-    .input__input_xmofm::-webkit-inner-spin-button {
+        animation: input__onautofillcancel_16fnw 999999s;
+    } /* Убирает нативные стрелочки при type=number */ .input__input_16fnw::-webkit-outer-spin-button,
+    .input__input_16fnw::-webkit-inner-spin-button {
         -webkit-appearance: none;
-    } .input__input_xmofm {
+    } .input__input_16fnw {
 
     /* Firefox */
-} .input__input_xmofm[type='number'] {
+} .input__input_16fnw[type='number'] {
         -moz-appearance: textfield;
-    } @keyframes input__onautofillstart_xmofm {
+    } @keyframes input__onautofillstart_16fnw {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }
     to {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0.01);
     }
-} @keyframes input__onautofillcancel_xmofm {
+} @keyframes input__onautofillcancel_16fnw {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }

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

@@ -44,26 +44,26 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__input_h72mq {
+} .input__input_10nwv {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .input__input_h72mq:-webkit-autofill {
+} .input__input_10nwv:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
-} .input__input_h72mq::placeholder {
+} .input__input_10nwv::placeholder {
     color: var(--input-inverted-placeholder-color);
-} .input__hasInnerLabel_h72mq::placeholder {
+} .input__hasInnerLabel_10nwv::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
-} /* READ-ONLY STATE */ .input__input_h72mq:read-only:not(.input__disableUserInput_h72mq) {
+} /* READ-ONLY STATE */ .input__input_10nwv:read-only:not(.input__disableUserInput_10nwv) {
     color: var(--input-inverted-read-only-color)
-} .input__input_h72mq:read-only:not(.input__disableUserInput_h72mq):focus::placeholder {
+} .input__input_10nwv:read-only:not(.input__disableUserInput_10nwv):focus::placeholder {
         color: var(--input-inverted-placeholder-color);
-    } /* DISABLED STATE */ .input__input_h72mq:disabled {
+    } /* DISABLED STATE */ .input__input_10nwv:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
-} /* FOCUS STATE */ .input__input_h72mq:focus::placeholder {
+} /* FOCUS STATE */ .input__input_10nwv:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
-} /* ERROR STATE */ .input__error_h72mq {
+} /* ERROR STATE */ .input__error_10nwv {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 }

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

@@ -11,13 +11,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var defaultColors = {"clearIcon":"input__clearIcon_lyacx"};
+var defaultColors = {"clearIcon":"input__clearIcon_15f4l"};
 require('./default.css');
 
-var styles = {"clearIcon":"input__clearIcon_j9q9h","clearButton":"input__clearButton_j9q9h"};
+var styles = {"clearIcon":"input__clearIcon_s2pqu","clearButton":"input__clearButton_s2pqu"};
 require('./index.css');
 
-var invertedColors = {"clearIcon":"input__clearIcon_1nsso"};
+var invertedColors = {"clearIcon":"input__clearIcon_88iuw"};
 require('./inverted.css');
 
 var colorStyles = {

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

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

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

@@ -60,9 +60,9 @@
     --input-error-icon-display: none;
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__clearIcon_j9q9h {
+} .input__clearIcon_s2pqu {
     display: block;
     transition: opacity 0.2s ease;
-} .input__clearButton_j9q9h + [data-addon='error-icon'] {
+} .input__clearButton_s2pqu + [data-addon='error-icon'] {
     display: var(--input-error-icon-display);
 }

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

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

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

@@ -11,13 +11,13 @@ import '../../../../button/esm';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossCircleSIcon';
 
-var defaultColors = {"input":"input__input_g9dss","hasInnerLabel":"input__hasInnerLabel_g9dss","disableUserInput":"input__disableUserInput_g9dss","error":"input__error_g9dss"};
+var defaultColors = {"input":"input__input_zq819","hasInnerLabel":"input__hasInnerLabel_zq819","disableUserInput":"input__disableUserInput_zq819","error":"input__error_zq819"};
 require('./default.css');
 
-var styles = {"input":"input__input_xmofm","size-40":"input__size-40_xmofm","hasInnerLabel":"input__hasInnerLabel_xmofm","size-48":"input__size-48_xmofm","size-56":"input__size-56_xmofm","size-64":"input__size-64_xmofm","size-72":"input__size-72_xmofm","block":"input__block_xmofm","errorIcon":"input__errorIcon_xmofm","successIcon":"input__successIcon_xmofm","disableUserInput":"input__disableUserInput_xmofm","focusVisible":"input__focusVisible_xmofm","onautofillstart":"input__onautofillstart_xmofm","onautofillcancel":"input__onautofillcancel_xmofm"};
+var styles = {"input":"input__input_16fnw","size-40":"input__size-40_16fnw","hasInnerLabel":"input__hasInnerLabel_16fnw","size-48":"input__size-48_16fnw","size-56":"input__size-56_16fnw","size-64":"input__size-64_16fnw","size-72":"input__size-72_16fnw","block":"input__block_16fnw","errorIcon":"input__errorIcon_16fnw","successIcon":"input__successIcon_16fnw","disableUserInput":"input__disableUserInput_16fnw","focusVisible":"input__focusVisible_16fnw","onautofillstart":"input__onautofillstart_16fnw","onautofillcancel":"input__onautofillcancel_16fnw"};
 require('./index.css');
 
-var invertedColors = {"input":"input__input_h72mq","hasInnerLabel":"input__hasInnerLabel_h72mq","disableUserInput":"input__disableUserInput_h72mq","error":"input__error_h72mq"};
+var invertedColors = {"input":"input__input_10nwv","hasInnerLabel":"input__hasInnerLabel_10nwv","disableUserInput":"input__disableUserInput_10nwv","error":"input__error_10nwv"};
 require('./inverted.css');
 
 var colorCommonStyles = {

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

@@ -44,26 +44,26 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__input_g9dss {
+} .input__input_zq819 {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .input__input_g9dss:-webkit-autofill {
+} .input__input_zq819:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
-} .input__input_g9dss::placeholder {
+} .input__input_zq819::placeholder {
     color: var(--input-placeholder-color);
-} .input__hasInnerLabel_g9dss::placeholder {
+} .input__hasInnerLabel_zq819::placeholder {
     color: var(--input-with-label-placeholder-color);
-} /* READ-ONLY STATE */ .input__input_g9dss:read-only:not(.input__disableUserInput_g9dss) {
+} /* READ-ONLY STATE */ .input__input_zq819:read-only:not(.input__disableUserInput_zq819) {
     color: var(--input-read-only-color)
-} .input__input_g9dss:read-only:not(.input__disableUserInput_g9dss):focus::placeholder {
+} .input__input_zq819:read-only:not(.input__disableUserInput_zq819):focus::placeholder {
         color: var(--input-placeholder-color);
-    } /* DISABLED STATE */ .input__input_g9dss:disabled {
+    } /* DISABLED STATE */ .input__input_zq819:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
-} /* FOCUS STATE */ .input__input_g9dss:focus::placeholder {
+} /* FOCUS STATE */ .input__input_zq819:focus::placeholder {
     color: var(--input-focus-placeholder-color);
-} /* ERROR STATE */ .input__error_g9dss {
+} /* ERROR STATE */ .input__error_zq819 {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 }

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

@@ -81,7 +81,7 @@
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
     --input-error-icon-not-alone-display: none;
-} .input__input_xmofm {
+} .input__input_16fnw {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -96,78 +96,78 @@
     text-overflow: ellipsis;
     box-sizing: border-box;
     -webkit-appearance: none
-} .input__input_xmofm.input__size-40_xmofm {
+} .input__input_16fnw.input__size-40_16fnw {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
         padding: var(--gap-0) var(--gap-8);
-    } .input__input_xmofm::placeholder {
+    } .input__input_16fnw::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
-} .input__hasInnerLabel_xmofm::placeholder {
+} .input__hasInnerLabel_16fnw::placeholder {
         opacity: 0;
-    } .input__hasInnerLabel_xmofm.input__size-40_xmofm {
+    } .input__hasInnerLabel_16fnw.input__size-40_16fnw {
         height: var(--form-control-40-min-height);
-    } .input__hasInnerLabel_xmofm.input__size-48_xmofm {
+    } .input__hasInnerLabel_16fnw.input__size-48_16fnw {
         height: var(--form-control-s-min-height);
-    } .input__hasInnerLabel_xmofm.input__size-56_xmofm {
+    } .input__hasInnerLabel_16fnw.input__size-56_16fnw {
         height: var(--form-control-m-min-height);
-    } .input__hasInnerLabel_xmofm.input__size-64_xmofm {
+    } .input__hasInnerLabel_16fnw.input__size-64_16fnw {
         height: var(--form-control-l-min-height);
-    } .input__hasInnerLabel_xmofm.input__size-72_xmofm {
+    } .input__hasInnerLabel_16fnw.input__size-72_16fnw {
         height: var(--form-control-xl-min-height);
-    } .input__block_xmofm {
+    } .input__block_16fnw {
     width: 100%;
-} .input__errorIcon_xmofm {
+} .input__errorIcon_16fnw {
     display: var(--input-error-icon-display);
-} * + .input__errorIcon_xmofm {
+} * + .input__errorIcon_16fnw {
     display: var(--input-error-icon-not-alone-display);
-} .input__successIcon_xmofm {
+} .input__successIcon_16fnw {
     display: var(--input-success-icon-display);
-} /* DISABLED STATE */ .input__input_xmofm:disabled {
+} /* DISABLED STATE */ .input__input_16fnw:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
-} /* FOCUS STATE */ .input__input_xmofm:focus.input__hasInnerLabel_xmofm::placeholder,
-.input__input_xmofm:focus.input__hasInnerLabel_xmofm.input__disableUserInput_xmofm::placeholder {
+} /* FOCUS STATE */ .input__input_16fnw:focus.input__hasInnerLabel_16fnw::placeholder,
+.input__input_16fnw:focus.input__hasInnerLabel_16fnw.input__disableUserInput_16fnw::placeholder {
     opacity: 1;
-} .input__focusVisible_xmofm {
+} .input__focusVisible_16fnw {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} /* READ-ONLY STATE */ .input__hasInnerLabel_xmofm:read-only:focus::placeholder {
+} /* READ-ONLY STATE */ .input__hasInnerLabel_16fnw:read-only:focus::placeholder {
     opacity: 0;
-} /* Убирает синюю заливку при автокомплите */ .input__input_xmofm:-webkit-autofill:first-line, .input__input_xmofm:-webkit-autofill:hover:first-line, .input__input_xmofm:-webkit-autofill:focus:first-line, .input__input_xmofm:-webkit-autofill:active:first-line {
+} /* Убирает синюю заливку при автокомплите */ .input__input_16fnw:-webkit-autofill:first-line, .input__input_16fnw:-webkit-autofill:hover:first-line, .input__input_16fnw:-webkit-autofill:focus:first-line, .input__input_16fnw:-webkit-autofill:active:first-line {
             font-size: 16px;
             line-height: 20px;
             font-weight: 400;
             font-family: var(--form-control-font-family);
-        } .input__input_xmofm:-webkit-autofill,
-    .input__input_xmofm:-webkit-autofill:hover,
-    .input__input_xmofm:-webkit-autofill:focus,
-    .input__input_xmofm:-webkit-autofill:active {
+        } .input__input_16fnw:-webkit-autofill,
+    .input__input_16fnw:-webkit-autofill:hover,
+    .input__input_16fnw:-webkit-autofill:focus,
+    .input__input_16fnw:-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_xmofm:-webkit-autofill {
-        animation: input__onautofillstart_xmofm 999999s forwards;
-    } .input__input_xmofm:not(:-webkit-autofill) {
+    } .input__input_16fnw:-webkit-autofill {
+        animation: input__onautofillstart_16fnw 999999s forwards;
+    } .input__input_16fnw:not(:-webkit-autofill) {
         /* Позволяет отслеживать autofill через js */
-        animation: input__onautofillcancel_xmofm 999999s;
-    } /* Убирает нативные стрелочки при type=number */ .input__input_xmofm::-webkit-outer-spin-button,
-    .input__input_xmofm::-webkit-inner-spin-button {
+        animation: input__onautofillcancel_16fnw 999999s;
+    } /* Убирает нативные стрелочки при type=number */ .input__input_16fnw::-webkit-outer-spin-button,
+    .input__input_16fnw::-webkit-inner-spin-button {
         -webkit-appearance: none;
-    } .input__input_xmofm {
+    } .input__input_16fnw {
 
     /* Firefox */
-} .input__input_xmofm[type='number'] {
+} .input__input_16fnw[type='number'] {
         -moz-appearance: textfield;
-    } @keyframes input__onautofillstart_xmofm {
+    } @keyframes input__onautofillstart_16fnw {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }
     to {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0.01);
     }
-} @keyframes input__onautofillcancel_xmofm {
+} @keyframes input__onautofillcancel_16fnw {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }

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

@@ -44,26 +44,26 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__input_h72mq {
+} .input__input_10nwv {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .input__input_h72mq:-webkit-autofill {
+} .input__input_10nwv:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
-} .input__input_h72mq::placeholder {
+} .input__input_10nwv::placeholder {
     color: var(--input-inverted-placeholder-color);
-} .input__hasInnerLabel_h72mq::placeholder {
+} .input__hasInnerLabel_10nwv::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
-} /* READ-ONLY STATE */ .input__input_h72mq:read-only:not(.input__disableUserInput_h72mq) {
+} /* READ-ONLY STATE */ .input__input_10nwv:read-only:not(.input__disableUserInput_10nwv) {
     color: var(--input-inverted-read-only-color)
-} .input__input_h72mq:read-only:not(.input__disableUserInput_h72mq):focus::placeholder {
+} .input__input_10nwv:read-only:not(.input__disableUserInput_10nwv):focus::placeholder {
         color: var(--input-inverted-placeholder-color);
-    } /* DISABLED STATE */ .input__input_h72mq:disabled {
+    } /* DISABLED STATE */ .input__input_10nwv:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
-} /* FOCUS STATE */ .input__input_h72mq:focus::placeholder {
+} /* FOCUS STATE */ .input__input_10nwv:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
-} /* ERROR STATE */ .input__error_h72mq {
+} /* ERROR STATE */ .input__error_10nwv {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 }

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

@@ -4,13 +4,13 @@ import { Button } from '../../../../button/esm';
 import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
 import { CrossCircleSIcon } from '@alfalab/icons-glyph/CrossCircleSIcon';
 
-var defaultColors = {"clearIcon":"input__clearIcon_lyacx"};
+var defaultColors = {"clearIcon":"input__clearIcon_15f4l"};
 require('./default.css');
 
-var styles = {"clearIcon":"input__clearIcon_j9q9h","clearButton":"input__clearButton_j9q9h"};
+var styles = {"clearIcon":"input__clearIcon_s2pqu","clearButton":"input__clearButton_s2pqu"};
 require('./index.css');
 
-var invertedColors = {"clearIcon":"input__clearIcon_1nsso"};
+var invertedColors = {"clearIcon":"input__clearIcon_88iuw"};
 require('./inverted.css');
 
 var colorStyles = {

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

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

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

@@ -60,9 +60,9 @@
     --input-error-icon-display: none;
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__clearIcon_j9q9h {
+} .input__clearIcon_s2pqu {
     display: block;
     transition: opacity 0.2s ease;
-} .input__clearButton_j9q9h + [data-addon='error-icon'] {
+} .input__clearButton_s2pqu + [data-addon='error-icon'] {
     display: var(--input-error-icon-display);
 }