@alfalab/core-components 40.2.0 → 41.0.1

package/input/index.css

@@ -64,7 +64,7 @@
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
     --input-error-icon-not-alone-display: none;
-} .input__input_fvln2 {
+} .input__input_p0lqt {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -79,94 +79,94 @@
     text-overflow: ellipsis;
     box-sizing: border-box;
     -webkit-appearance: none;
-} .input__input_fvln2::placeholder {
+} .input__input_p0lqt::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
-} .input__hasInnerLabel_fvln2::placeholder {
+} .input__hasInnerLabel_p0lqt::placeholder {
         opacity: 0;
-    } .input__hasInnerLabel_fvln2.input__s_fvln2 {
+    } .input__hasInnerLabel_p0lqt.input__s_p0lqt {
         height: var(--form-control-s-min-height);
-    } .input__hasInnerLabel_fvln2.input__m_fvln2 {
+    } .input__hasInnerLabel_p0lqt.input__m_p0lqt {
         height: var(--form-control-m-min-height);
-    } .input__hasInnerLabel_fvln2.input__l_fvln2 {
+    } .input__hasInnerLabel_p0lqt.input__l_p0lqt {
         height: var(--form-control-l-min-height);
-    } .input__hasInnerLabel_fvln2.input__xl_fvln2 {
+    } .input__hasInnerLabel_p0lqt.input__xl_p0lqt {
         height: var(--form-control-xl-min-height);
-    } .input__block_fvln2 {
+    } .input__block_p0lqt {
     width: 100%;
-} .input__clearIcon_fvln2 {
+} .input__clearIcon_p0lqt {
     display: block;
     opacity: 0.3;
     transition: opacity 0.2s ease
-} .input__clearIcon_fvln2:hover {
+} .input__clearIcon_p0lqt:hover {
         opacity: 0.6;
-    } .input__clearIcon_fvln2:active {
+    } .input__clearIcon_p0lqt:active {
         opacity: 1;
-    } .input__errorIcon_fvln2 {
+    } .input__errorIcon_p0lqt {
     display: var(--input-error-icon-display)
-} .input__errorIcon_fvln2:not(:only-child) {
+} .input__errorIcon_p0lqt:not(:only-child) {
         margin-left: var(--gap-2xs);
-    } * + .input__errorIcon_fvln2 {
+    } * + .input__errorIcon_p0lqt {
     display: var(--input-error-icon-not-alone-display);
-} .input__errorColorIcon_fvln2 {
+} .input__errorColorIcon_p0lqt {
     color: var(--color-light-graphic-negative);
-} .input__clearButton_fvln2 + * {
+} .input__clearButton_p0lqt + * {
     margin-left: var(--gap-2xs);
-} .input__clearButton_fvln2 + .input__errorIcon_fvln2 {
+} .input__clearButton_p0lqt + .input__errorIcon_p0lqt {
     display: var(--input-error-icon-display);
-} .input__successIcon_fvln2 {
+} .input__successIcon_p0lqt {
     display: var(--input-success-icon-display)
-} .input__successIcon_fvln2:not(:only-child) {
+} .input__successIcon_p0lqt:not(:only-child) {
         margin-left: var(--gap-2xs);
-    } .input__successColorIcon_fvln2 {
+    } .input__successColorIcon_p0lqt {
     color: var(--color-light-graphic-positive);
-} /* DISABLED STATE */ .input__input_fvln2:disabled {
+} /* DISABLED STATE */ .input__input_p0lqt:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
-} /* FOCUS STATE */ .input__input_fvln2:focus.input__hasInnerLabel_fvln2::placeholder {
+} /* FOCUS STATE */ .input__input_p0lqt:focus.input__hasInnerLabel_p0lqt::placeholder {
     opacity: 1;
-} .input__focusVisible_fvln2 {
+} .input__focusVisible_p0lqt {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} /* READ-ONLY STATE */ .input__hasInnerLabel_fvln2:read-only:focus::placeholder {
+} /* READ-ONLY STATE */ .input__hasInnerLabel_p0lqt:read-only:focus::placeholder {
     opacity: 0;
-} /* IE hide clear */ .input__input_fvln2::-ms-clear {
+} /* IE hide clear */ .input__input_p0lqt::-ms-clear {
     display: none;
     width: 0;
     height: 0;
-} /* Убирает синюю заливку при автокомплите */ .input__input_fvln2:-webkit-autofill:first-line, .input__input_fvln2:-webkit-autofill:hover:first-line, .input__input_fvln2:-webkit-autofill:focus:first-line, .input__input_fvln2:-webkit-autofill:active:first-line {
+} /* Убирает синюю заливку при автокомплите */ .input__input_p0lqt:-webkit-autofill:first-line, .input__input_p0lqt:-webkit-autofill:hover:first-line, .input__input_p0lqt:-webkit-autofill:focus:first-line, .input__input_p0lqt:-webkit-autofill:active:first-line {
             font-size: 16px;
             line-height: 20px;
             font-weight: 400;
             font-family: var(--form-control-font-family);
-        } .input__input_fvln2:-webkit-autofill,
-    .input__input_fvln2:-webkit-autofill:hover,
-    .input__input_fvln2:-webkit-autofill:focus,
-    .input__input_fvln2:-webkit-autofill:active {
+        } .input__input_p0lqt:-webkit-autofill,
+    .input__input_p0lqt:-webkit-autofill:hover,
+    .input__input_p0lqt:-webkit-autofill:focus,
+    .input__input_p0lqt:-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_fvln2:-webkit-autofill {
-        animation: input__onautofillstart_fvln2 999999s forwards;
-    } .input__input_fvln2:not(:-webkit-autofill) {
+    } .input__input_p0lqt:-webkit-autofill {
+        animation: input__onautofillstart_p0lqt 999999s forwards;
+    } .input__input_p0lqt:not(:-webkit-autofill) {
         /* Позволяет отслеживать autofill через js */
-        animation: input__onautofillcancel_fvln2 999999s;
-    } /* Убирает нативные стрелочки при type=number */ .input__input_fvln2::-webkit-outer-spin-button,
-    .input__input_fvln2::-webkit-inner-spin-button {
+        animation: input__onautofillcancel_p0lqt 999999s;
+    } /* Убирает нативные стрелочки при type=number */ .input__input_p0lqt::-webkit-outer-spin-button,
+    .input__input_p0lqt::-webkit-inner-spin-button {
         -webkit-appearance: none;
-    } .input__input_fvln2 {
+    } .input__input_p0lqt {
 
     /* Firefox */
-} .input__input_fvln2[type='number'] {
+} .input__input_p0lqt[type='number'] {
         -moz-appearance: textfield;
-    } @keyframes input__onautofillstart_fvln2 {
+    } @keyframes input__onautofillstart_p0lqt {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }
     to {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0.01);
     }
-} @keyframes input__onautofillcancel_fvln2 {
+} @keyframes input__onautofillcancel_p0lqt {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }

package/input/inverted.css

@@ -37,28 +37,28 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__input_7bb2r {
+} .input__input_1qicx {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .input__input_7bb2r:-webkit-autofill {
+} .input__input_1qicx:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
-} .input__input_7bb2r::placeholder {
+} .input__input_1qicx::placeholder {
     color: var(--input-inverted-placeholder-color);
-} .input__hasInnerLabel_7bb2r::placeholder {
+} .input__hasInnerLabel_1qicx::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
-} .input__clearIcon_7bb2r {
+} .input__clearIcon_1qicx {
     color: var(--color-light-graphic-primary-inverted);
-} /* READ-ONLY STATE */ .input__input_7bb2r:read-only {
+} /* READ-ONLY STATE */ .input__input_1qicx:read-only {
     color: var(--input-inverted-read-only-color)
-} .input__input_7bb2r:read-only:focus::placeholder {
+} .input__input_1qicx:read-only:focus::placeholder {
         color: var(--input-inverted-placeholder-color);
-    } /* DISABLED STATE */ .input__input_7bb2r:disabled {
+    } /* DISABLED STATE */ .input__input_1qicx:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
-} /* FOCUS STATE */ .input__input_7bb2r:focus::placeholder {
+} /* FOCUS STATE */ .input__input_1qicx:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
-} /* ERROR STATE */ .input__error_7bb2r {
+} /* ERROR STATE */ .input__error_1qicx {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 }

package/input/modern/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_jhxpg","hasInnerLabel":"input__hasInnerLabel_jhxpg","clearIcon":"input__clearIcon_jhxpg","error":"input__error_jhxpg"};
+const defaultColors = {"input":"input__input_3nvhy","hasInnerLabel":"input__hasInnerLabel_3nvhy","clearIcon":"input__clearIcon_3nvhy","error":"input__error_3nvhy"};
 require('./default.css');
 
-const styles = {"input":"input__input_fvln2","hasInnerLabel":"input__hasInnerLabel_fvln2","s":"input__s_fvln2","m":"input__m_fvln2","l":"input__l_fvln2","xl":"input__xl_fvln2","block":"input__block_fvln2","clearIcon":"input__clearIcon_fvln2","errorIcon":"input__errorIcon_fvln2","errorColorIcon":"input__errorColorIcon_fvln2","clearButton":"input__clearButton_fvln2","successIcon":"input__successIcon_fvln2","successColorIcon":"input__successColorIcon_fvln2","focusVisible":"input__focusVisible_fvln2","onautofillstart":"input__onautofillstart_fvln2","onautofillcancel":"input__onautofillcancel_fvln2"};
+const styles = {"input":"input__input_p0lqt","hasInnerLabel":"input__hasInnerLabel_p0lqt","s":"input__s_p0lqt","m":"input__m_p0lqt","l":"input__l_p0lqt","xl":"input__xl_p0lqt","block":"input__block_p0lqt","clearIcon":"input__clearIcon_p0lqt","errorIcon":"input__errorIcon_p0lqt","errorColorIcon":"input__errorColorIcon_p0lqt","clearButton":"input__clearButton_p0lqt","successIcon":"input__successIcon_p0lqt","successColorIcon":"input__successColorIcon_p0lqt","focusVisible":"input__focusVisible_p0lqt","onautofillstart":"input__onautofillstart_p0lqt","onautofillcancel":"input__onautofillcancel_p0lqt"};
 require('./index.css');
 
-const invertedColors = {"input":"input__input_7bb2r","hasInnerLabel":"input__hasInnerLabel_7bb2r","clearIcon":"input__clearIcon_7bb2r","error":"input__error_7bb2r"};
+const invertedColors = {"input":"input__input_1qicx","hasInnerLabel":"input__hasInnerLabel_1qicx","clearIcon":"input__clearIcon_1qicx","error":"input__error_1qicx"};
 require('./inverted.css');
 
 const colorStyles = {

package/input/modern/default.css

@@ -37,28 +37,28 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__input_jhxpg {
+} .input__input_3nvhy {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .input__input_jhxpg:-webkit-autofill {
+} .input__input_3nvhy:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
-} .input__input_jhxpg::placeholder {
+} .input__input_3nvhy::placeholder {
     color: var(--input-placeholder-color);
-} .input__hasInnerLabel_jhxpg::placeholder {
+} .input__hasInnerLabel_3nvhy::placeholder {
     color: var(--input-with-label-placeholder-color);
-} .input__clearIcon_jhxpg {
+} .input__clearIcon_3nvhy {
     color: var(--color-light-graphic-primary);
-} /* READ-ONLY STATE */ .input__input_jhxpg:read-only {
+} /* READ-ONLY STATE */ .input__input_3nvhy:read-only {
     color: var(--input-read-only-color)
-} .input__input_jhxpg:read-only:focus::placeholder {
+} .input__input_3nvhy:read-only:focus::placeholder {
         color: var(--input-placeholder-color);
-    } /* DISABLED STATE */ .input__input_jhxpg:disabled {
+    } /* DISABLED STATE */ .input__input_3nvhy:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
-} /* FOCUS STATE */ .input__input_jhxpg:focus::placeholder {
+} /* FOCUS STATE */ .input__input_3nvhy:focus::placeholder {
     color: var(--input-focus-placeholder-color);
-} /* ERROR STATE */ .input__error_jhxpg {
+} /* ERROR STATE */ .input__error_3nvhy {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 }

package/input/modern/index.css

@@ -64,7 +64,7 @@
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
     --input-error-icon-not-alone-display: none;
-} .input__input_fvln2 {
+} .input__input_p0lqt {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -79,94 +79,94 @@
     text-overflow: ellipsis;
     box-sizing: border-box;
     -webkit-appearance: none;
-} .input__input_fvln2::placeholder {
+} .input__input_p0lqt::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
-} .input__hasInnerLabel_fvln2::placeholder {
+} .input__hasInnerLabel_p0lqt::placeholder {
         opacity: 0;
-    } .input__hasInnerLabel_fvln2.input__s_fvln2 {
+    } .input__hasInnerLabel_p0lqt.input__s_p0lqt {
         height: var(--form-control-s-min-height);
-    } .input__hasInnerLabel_fvln2.input__m_fvln2 {
+    } .input__hasInnerLabel_p0lqt.input__m_p0lqt {
         height: var(--form-control-m-min-height);
-    } .input__hasInnerLabel_fvln2.input__l_fvln2 {
+    } .input__hasInnerLabel_p0lqt.input__l_p0lqt {
         height: var(--form-control-l-min-height);
-    } .input__hasInnerLabel_fvln2.input__xl_fvln2 {
+    } .input__hasInnerLabel_p0lqt.input__xl_p0lqt {
         height: var(--form-control-xl-min-height);
-    } .input__block_fvln2 {
+    } .input__block_p0lqt {
     width: 100%;
-} .input__clearIcon_fvln2 {
+} .input__clearIcon_p0lqt {
     display: block;
     opacity: 0.3;
     transition: opacity 0.2s ease
-} .input__clearIcon_fvln2:hover {
+} .input__clearIcon_p0lqt:hover {
         opacity: 0.6;
-    } .input__clearIcon_fvln2:active {
+    } .input__clearIcon_p0lqt:active {
         opacity: 1;
-    } .input__errorIcon_fvln2 {
+    } .input__errorIcon_p0lqt {
     display: var(--input-error-icon-display)
-} .input__errorIcon_fvln2:not(:only-child) {
+} .input__errorIcon_p0lqt:not(:only-child) {
         margin-left: var(--gap-2xs);
-    } * + .input__errorIcon_fvln2 {
+    } * + .input__errorIcon_p0lqt {
     display: var(--input-error-icon-not-alone-display);
-} .input__errorColorIcon_fvln2 {
+} .input__errorColorIcon_p0lqt {
     color: var(--color-light-graphic-negative);
-} .input__clearButton_fvln2 + * {
+} .input__clearButton_p0lqt + * {
     margin-left: var(--gap-2xs);
-} .input__clearButton_fvln2 + .input__errorIcon_fvln2 {
+} .input__clearButton_p0lqt + .input__errorIcon_p0lqt {
     display: var(--input-error-icon-display);
-} .input__successIcon_fvln2 {
+} .input__successIcon_p0lqt {
     display: var(--input-success-icon-display)
-} .input__successIcon_fvln2:not(:only-child) {
+} .input__successIcon_p0lqt:not(:only-child) {
         margin-left: var(--gap-2xs);
-    } .input__successColorIcon_fvln2 {
+    } .input__successColorIcon_p0lqt {
     color: var(--color-light-graphic-positive);
-} /* DISABLED STATE */ .input__input_fvln2:disabled {
+} /* DISABLED STATE */ .input__input_p0lqt:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
-} /* FOCUS STATE */ .input__input_fvln2:focus.input__hasInnerLabel_fvln2::placeholder {
+} /* FOCUS STATE */ .input__input_p0lqt:focus.input__hasInnerLabel_p0lqt::placeholder {
     opacity: 1;
-} .input__focusVisible_fvln2 {
+} .input__focusVisible_p0lqt {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} /* READ-ONLY STATE */ .input__hasInnerLabel_fvln2:read-only:focus::placeholder {
+} /* READ-ONLY STATE */ .input__hasInnerLabel_p0lqt:read-only:focus::placeholder {
     opacity: 0;
-} /* IE hide clear */ .input__input_fvln2::-ms-clear {
+} /* IE hide clear */ .input__input_p0lqt::-ms-clear {
     display: none;
     width: 0;
     height: 0;
-} /* Убирает синюю заливку при автокомплите */ .input__input_fvln2:-webkit-autofill:first-line, .input__input_fvln2:-webkit-autofill:hover:first-line, .input__input_fvln2:-webkit-autofill:focus:first-line, .input__input_fvln2:-webkit-autofill:active:first-line {
+} /* Убирает синюю заливку при автокомплите */ .input__input_p0lqt:-webkit-autofill:first-line, .input__input_p0lqt:-webkit-autofill:hover:first-line, .input__input_p0lqt:-webkit-autofill:focus:first-line, .input__input_p0lqt:-webkit-autofill:active:first-line {
             font-size: 16px;
             line-height: 20px;
             font-weight: 400;
             font-family: var(--form-control-font-family);
-        } .input__input_fvln2:-webkit-autofill,
-    .input__input_fvln2:-webkit-autofill:hover,
-    .input__input_fvln2:-webkit-autofill:focus,
-    .input__input_fvln2:-webkit-autofill:active {
+        } .input__input_p0lqt:-webkit-autofill,
+    .input__input_p0lqt:-webkit-autofill:hover,
+    .input__input_p0lqt:-webkit-autofill:focus,
+    .input__input_p0lqt:-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_fvln2:-webkit-autofill {
-        animation: input__onautofillstart_fvln2 999999s forwards;
-    } .input__input_fvln2:not(:-webkit-autofill) {
+    } .input__input_p0lqt:-webkit-autofill {
+        animation: input__onautofillstart_p0lqt 999999s forwards;
+    } .input__input_p0lqt:not(:-webkit-autofill) {
         /* Позволяет отслеживать autofill через js */
-        animation: input__onautofillcancel_fvln2 999999s;
-    } /* Убирает нативные стрелочки при type=number */ .input__input_fvln2::-webkit-outer-spin-button,
-    .input__input_fvln2::-webkit-inner-spin-button {
+        animation: input__onautofillcancel_p0lqt 999999s;
+    } /* Убирает нативные стрелочки при type=number */ .input__input_p0lqt::-webkit-outer-spin-button,
+    .input__input_p0lqt::-webkit-inner-spin-button {
         -webkit-appearance: none;
-    } .input__input_fvln2 {
+    } .input__input_p0lqt {
 
     /* Firefox */
-} .input__input_fvln2[type='number'] {
+} .input__input_p0lqt[type='number'] {
         -moz-appearance: textfield;
-    } @keyframes input__onautofillstart_fvln2 {
+    } @keyframes input__onautofillstart_p0lqt {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }
     to {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0.01);
     }
-} @keyframes input__onautofillcancel_fvln2 {
+} @keyframes input__onautofillcancel_p0lqt {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }

package/input/modern/inverted.css

@@ -37,28 +37,28 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__input_7bb2r {
+} .input__input_1qicx {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .input__input_7bb2r:-webkit-autofill {
+} .input__input_1qicx:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
-} .input__input_7bb2r::placeholder {
+} .input__input_1qicx::placeholder {
     color: var(--input-inverted-placeholder-color);
-} .input__hasInnerLabel_7bb2r::placeholder {
+} .input__hasInnerLabel_1qicx::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
-} .input__clearIcon_7bb2r {
+} .input__clearIcon_1qicx {
     color: var(--color-light-graphic-primary-inverted);
-} /* READ-ONLY STATE */ .input__input_7bb2r:read-only {
+} /* READ-ONLY STATE */ .input__input_1qicx:read-only {
     color: var(--input-inverted-read-only-color)
-} .input__input_7bb2r:read-only:focus::placeholder {
+} .input__input_1qicx:read-only:focus::placeholder {
         color: var(--input-inverted-placeholder-color);
-    } /* DISABLED STATE */ .input__input_7bb2r:disabled {
+    } /* DISABLED STATE */ .input__input_1qicx:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
-} /* FOCUS STATE */ .input__input_7bb2r:focus::placeholder {
+} /* FOCUS STATE */ .input__input_1qicx:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
-} /* ERROR STATE */ .input__error_7bb2r {
+} /* ERROR STATE */ .input__error_1qicx {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 }

package/input-autocomplete/Component-3885b0d7.d.ts

@@ -0,0 +1,169 @@
+/// <reference types="react" />
+import React from "react";
+import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
+import { NavigationBarProps } from "./types-ebda875c";
+interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    /**
+     * Текст после иконки
+     */
+    text?: string;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Вид компонента
+     */
+    view: "mobile" | "desktop";
+    /**
+     * Прозрачность текста
+     */
+    textOpacity?: number;
+    /**
+     * Обработчик клика
+     */
+    onClick?: () => void;
+}
+declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
+declare const colors: readonly [
+    "tertiary",
+    "disabled",
+    "accent",
+    "primary",
+    "attention",
+    "positive",
+    "secondary",
+    "tertiary-inverted",
+    "primary-inverted",
+    "secondary-inverted",
+    "link",
+    "negative",
+    "static-primary-light",
+    "static-secondary-light",
+    "static-tertiary-light",
+    "static-primary-dark",
+    "static-secondary-dark",
+    "static-tertiary-dark",
+    "static-accent"
+];
+type Color = (typeof colors)[number];
+type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
+type NativeProps = HTMLAttributes<HTMLSpanElement>;
+type TextBaseProps = {
+    /**
+     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
+     */
+    view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
+    /**
+     * Цвет текста
+     */
+    color?: Color;
+    /**
+     * Толщина шрифта
+     */
+    weight?: "regular" | "medium" | "bold";
+    /**
+     * Делает цифры моноширинными
+     */
+    monospaceNumbers?: boolean;
+    /**
+     * HTML тег
+     */
+    tag?: "span" | "div";
+    /**
+     * Css-класс для стилизации (native prop)
+     */
+    className?: string;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string;
+    /**
+     * Контент (native prop)
+     */
+    children?: React.ReactNode;
+    /**
+     * Добавляет отступы к тэгу 'p'
+     */
+    defaultMargins?: never;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3;
+};
+type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
+    tag?: "p";
+    defaultMargins?: boolean;
+};
+type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
+type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
+type TitleProps = Omit<NativeProps$0, "color"> & {
+    /**
+     * HTML тег
+     */
+    tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
+    /**
+     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
+     */
+    view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
+    /**
+     * Цвет текста
+     */
+    color?: Color;
+    /**
+     * Толщина шрифта
+     */
+    weight?: "regular" | "medium" | "bold";
+    /**
+     * Шрифт текста
+     */
+    font?: "styrene" | "system";
+    /**
+     * Добавляет отступы
+     */
+    defaultMargins?: boolean;
+    /**
+     * Css-класс для стилизации (native prop)
+     */
+    className?: string;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string;
+    /**
+     * Контент (native prop)
+     */
+    children?: React.ReactNode;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3;
+};
+type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
+declare const Typography: {
+    Title: FC<TitleProps>;
+    Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
+    TitleResponsive: FC<TitleProps>;
+    TitleMobile: FC<TitleMobileProps>;
+};
+declare const typographyPresets: {
+    mobile: {
+        list: {
+            text: {
+                primary: {
+                    tag: string;
+                    view: string;
+                };
+                secondary: {
+                    tag: string;
+                    color: string;
+                    view: string;
+                };
+            };
+        };
+    };
+};
+declare const TitleResponsive: FC<TitleProps>;
+declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
+export { BackArrowAddonProps, BackArrowAddon, Typography, typographyPresets, TitleResponsive, NavigationBar };
+export type { TitleProps, TextProps, Color };