@alfalab/core-components 47.14.0-beta.0 → 47.15.0-beta.0

package/textarea/modern/Component.js

@@ -5,13 +5,13 @@ import cn from 'classnames';
 import { FormControl } from '../../form-control/modern';
 import { getDataTestId } from '../../shared/modern';
 import { useMedia, useFocus } from '@alfalab/hooks';
-import { s as styles, P as PseudoTextArea } from './PseudoTextArea-224fc15d.js';
+import { s as styles, P as PseudoTextArea } from './PseudoTextArea-d7b75919.js';
 import { SIZE_TO_CLASSNAME_MAP } from './consts.js';
 
-const defaultColors = {"input":"textarea__input_c13cl","hasInnerLabel":"textarea__hasInnerLabel_c13cl","disableUserInput":"textarea__disableUserInput_c13cl","error":"textarea__error_c13cl","textarea":"textarea__textarea_c13cl","hint":"textarea__hint_c13cl"};
+const defaultColors = {"input":"textarea__input_daoju","hasInnerLabel":"textarea__hasInnerLabel_daoju","disableUserInput":"textarea__disableUserInput_daoju","error":"textarea__error_daoju","textarea":"textarea__textarea_daoju","hint":"textarea__hint_daoju"};
 require('./default.css');
 
-const invertedColors = {"input":"textarea__input_1eo7q","hasInnerLabel":"textarea__hasInnerLabel_1eo7q","disableUserInput":"textarea__disableUserInput_1eo7q","error":"textarea__error_1eo7q","textarea":"textarea__textarea_1eo7q","hint":"textarea__hint_1eo7q"};
+const invertedColors = {"input":"textarea__input_1fxsx","hasInnerLabel":"textarea__hasInnerLabel_1fxsx","disableUserInput":"textarea__disableUserInput_1fxsx","error":"textarea__error_1fxsx","textarea":"textarea__textarea_1fxsx","hint":"textarea__hint_1fxsx"};
 require('./inverted.css');
 
 const colorStyles = {

package/textarea/modern/{PseudoTextArea-224fc15d.js → PseudoTextArea-d7b75919.js}

@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { SIZE_TO_CLASSNAME_MAP } from './consts.js';
 
-const styles = {"textarea":"textarea__textarea_gt6c1","overflow":"textarea__overflow_gt6c1","overflowHidden":"textarea__overflowHidden_gt6c1","customScrollbar":"textarea__customScrollbar_gt6c1","hasInnerLabel":"textarea__hasInnerLabel_gt6c1","pseudoTextarea":"textarea__pseudoTextarea_gt6c1","sub":"textarea__sub_gt6c1","focusVisible":"textarea__focusVisible_gt6c1","filled":"textarea__filled_gt6c1","size-48":"textarea__size-48_gt6c1","size-56":"textarea__size-56_gt6c1","size-64":"textarea__size-64_gt6c1","size-72":"textarea__size-72_gt6c1","wrapper":"textarea__wrapper_gt6c1","resizeVertical":"textarea__resizeVertical_gt6c1"};
+const styles = {"textarea":"textarea__textarea_16e16","overflow":"textarea__overflow_16e16","overflowHidden":"textarea__overflowHidden_16e16","customScrollbar":"textarea__customScrollbar_16e16","hasInnerLabel":"textarea__hasInnerLabel_16e16","pseudoTextarea":"textarea__pseudoTextarea_16e16","sub":"textarea__sub_16e16","focusVisible":"textarea__focusVisible_16e16","filled":"textarea__filled_16e16","size-48":"textarea__size-48_16e16","size-56":"textarea__size-56_16e16","size-64":"textarea__size-64_16e16","size-72":"textarea__size-72_16e16","wrapper":"textarea__wrapper_16e16","resizeVertical":"textarea__resizeVertical_16e16"};
 require('./index.css');
 
 const PseudoTextArea = forwardRef(({ size = 48, pseudoTextareaClassName, maxLength, value }, ref) => (React.createElement("div", { className: cn(styles.pseudoTextarea, styles[SIZE_TO_CLASSNAME_MAP[size]], pseudoTextareaClassName), ref: ref, hidden: true },

package/textarea/modern/components/PseudoTextArea.js

@@ -1,4 +1,4 @@
 import 'react';
 import 'classnames';
-export { P as PseudoTextArea } from '../PseudoTextArea-224fc15d.js';
+export { P as PseudoTextArea } from '../PseudoTextArea-d7b75919.js';
 import '../consts.js';

package/textarea/modern/components/index.d.ts

@@ -1 +1 @@
-export * from "../PseudoTextArea-224fc15d";
+export * from "../PseudoTextArea-d7b75919";

package/textarea/modern/components/index.js

@@ -1,4 +1,4 @@
-export { P as PseudoTextArea } from '../PseudoTextArea-224fc15d.js';
+export { P as PseudoTextArea } from '../PseudoTextArea-d7b75919.js';
 import 'react';
 import 'classnames';
 import '../consts.js';

package/textarea/modern/default.css

@@ -1,4 +1,4 @@
-/* hash: 1ya02 */
+/* hash: qu1hf */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
@@ -42,26 +42,26 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .textarea__input_c13cl {
+} .textarea__input_daoju {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .textarea__input_c13cl:-webkit-autofill {
+} .textarea__input_daoju:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
-} .textarea__input_c13cl::placeholder {
+} .textarea__input_daoju::placeholder {
     color: var(--input-placeholder-color);
-} .textarea__hasInnerLabel_c13cl::placeholder {
+} .textarea__hasInnerLabel_daoju::placeholder {
     color: var(--input-with-label-placeholder-color);
-} /* READ-ONLY STATE */ .textarea__input_c13cl:read-only:not(.textarea__disableUserInput_c13cl) {
+} /* READ-ONLY STATE */ .textarea__input_daoju:read-only:not(.textarea__disableUserInput_daoju) {
     color: var(--input-read-only-color)
-} .textarea__input_c13cl:read-only:not(.textarea__disableUserInput_c13cl):focus::placeholder {
+} .textarea__input_daoju:read-only:not(.textarea__disableUserInput_daoju):focus::placeholder {
         color: var(--input-placeholder-color);
-    } /* DISABLED STATE */ .textarea__input_c13cl:disabled {
+    } /* DISABLED STATE */ .textarea__input_daoju:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
-} /* FOCUS STATE */ .textarea__input_c13cl:focus::placeholder {
+} /* FOCUS STATE */ .textarea__input_daoju:focus::placeholder {
     color: var(--input-focus-placeholder-color);
-} /* ERROR STATE */ .textarea__error_c13cl {
+} /* ERROR STATE */ .textarea__error_daoju {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 } :root {
@@ -93,22 +93,22 @@
     /* color mobile */
 
     /* error mobile */
-} .textarea__textarea_c13cl {
+} .textarea__textarea_daoju {
     color: var(--input-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .textarea__textarea_c13cl::placeholder {
+} .textarea__textarea_daoju::placeholder {
     color: var(--input-placeholder-color);
-} .textarea__hasInnerLabel_c13cl::placeholder {
+} .textarea__hasInnerLabel_daoju::placeholder {
     color: var(--input-with-label-placeholder-color);
-} /* DISABLED STATE */ .textarea__textarea_c13cl:disabled {
+} /* DISABLED STATE */ .textarea__textarea_daoju:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
-} /* READ-ONLY STATE */ .textarea__textarea_c13cl:read-only {
+} /* READ-ONLY STATE */ .textarea__textarea_daoju:read-only {
     color: var(--input-read-only-color);
-} /* FOCUS STATE */ .textarea__textarea_c13cl:focus::placeholder {
+} /* FOCUS STATE */ .textarea__textarea_daoju:focus::placeholder {
     color: var(--input-focus-placeholder-color);
-} .textarea__hint_c13cl {
+} .textarea__hint_daoju {
     color: var(--form-control-hint-color);
-} .textarea__error_c13cl {
+} .textarea__error_daoju {
     color: var(--form-control-error-color);
 }

package/textarea/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1kta8 */
+/* hash: 11c2h */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28);
@@ -117,7 +117,7 @@
         var(--textarea-xl-min-height) - var(--textarea-xl-filled-spacer-top) -
             var(--textarea-xl-filled-spacer-bottom)
     );
-} .textarea__textarea_gt6c1 {
+} .textarea__textarea_16e16 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -133,52 +133,52 @@
     resize: none;
     -webkit-appearance: none;
     height: inherit
-} .textarea__textarea_gt6c1.textarea__overflow_gt6c1 {
+} .textarea__textarea_16e16.textarea__overflow_16e16 {
         color: transparent;
         caret-color: var(--input-color);
-    } .textarea__overflowHidden_gt6c1.textarea__overflowHidden_gt6c1 {
+    } .textarea__overflowHidden_16e16.textarea__overflowHidden_16e16 {
     overflow: hidden;
-} .textarea__customScrollbar_gt6c1 {
+} .textarea__customScrollbar_16e16 {
     overflow: auto;
     cursor: auto;
-} .textarea__customScrollbar_gt6c1::-webkit-scrollbar {
+} .textarea__customScrollbar_16e16::-webkit-scrollbar {
         width: 12px;
         height: 12px;
-    } .textarea__customScrollbar_gt6c1::-webkit-scrollbar-track {
+    } .textarea__customScrollbar_16e16::-webkit-scrollbar-track {
         background-color: transparent;
-    } .textarea__customScrollbar_gt6c1::-webkit-scrollbar-track-piece {
+    } .textarea__customScrollbar_16e16::-webkit-scrollbar-track-piece {
         background-color: transparent;
-    } .textarea__customScrollbar_gt6c1::-webkit-scrollbar-thumb {
+    } .textarea__customScrollbar_16e16::-webkit-scrollbar-thumb {
         background-color: var(--color-light-neutral-translucent-500);
         border-color: transparent;
         border-style: solid;
         border-width: 4px;
         background-clip: padding-box;
-    } .textarea__customScrollbar_gt6c1::-webkit-scrollbar-thumb:vertical {
+    } .textarea__customScrollbar_16e16::-webkit-scrollbar-thumb:vertical {
         border-radius: var(--border-radius-circle) / 6px;
         min-height: 40px;
-    } .textarea__customScrollbar_gt6c1::-webkit-scrollbar-thumb:vertical:hover {
+    } .textarea__customScrollbar_16e16::-webkit-scrollbar-thumb:vertical:hover {
         border-radius: var(--border-radius-circle) / 7px;
         border-width: 4px 3px;
-    } .textarea__customScrollbar_gt6c1::-webkit-scrollbar-thumb:horizontal {
+    } .textarea__customScrollbar_16e16::-webkit-scrollbar-thumb:horizontal {
         border-radius: 6px / var(--border-radius-circle);
         min-width: 40px;
-    } .textarea__customScrollbar_gt6c1::-webkit-scrollbar-thumb:horizontal:hover {
+    } .textarea__customScrollbar_16e16::-webkit-scrollbar-thumb:horizontal:hover {
         border-radius: 7px / var(--border-radius-circle);
         border-width: 3px 4px;
-    } .textarea__customScrollbar_gt6c1::-webkit-scrollbar-thumb:active {
+    } .textarea__customScrollbar_16e16::-webkit-scrollbar-thumb:active {
         background-color: var(--color-light-text-secondary);
-    } .textarea__customScrollbar_gt6c1::-webkit-resizer {
+    } .textarea__customScrollbar_16e16::-webkit-resizer {
         background: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="%2386868a" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.64645 0.646447C8.84171 0.841709 8.84171 1.15829 8.64645 1.35355L1.35355 8.64645C1.15829 8.84171 0.841709 8.84171 0.646447 8.64645C0.451184 8.45118 0.451184 8.1346 0.646447 7.93934L7.93934 0.646447C8.1346 0.451184 8.45118 0.451184 8.64645 0.646447ZM8.64645 3.64645C8.84171 3.84171 8.84171 4.15829 8.64645 4.35355L4.35355 8.64645C4.15829 8.84171 3.84171 8.84171 3.64645 8.64645C3.45118 8.45118 3.45118 8.1346 3.64645 7.93934L7.93934 3.64645C8.1346 3.45118 8.45118 3.45118 8.64645 3.64645Z" /></svg>')
             no-repeat right bottom;
-    } .textarea__customScrollbar_gt6c1::-webkit-scrollbar-button,
-    .textarea__customScrollbar_gt6c1::-webkit-scrollbar-corner {
+    } .textarea__customScrollbar_16e16::-webkit-scrollbar-button,
+    .textarea__customScrollbar_16e16::-webkit-scrollbar-corner {
         display: none;
-    } .textarea__textarea_gt6c1::placeholder {
+    } .textarea__textarea_16e16::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
-} .textarea__hasInnerLabel_gt6c1::placeholder {
+} .textarea__hasInnerLabel_16e16::placeholder {
     opacity: 0;
-} .textarea__pseudoTextarea_gt6c1 {
+} .textarea__pseudoTextarea_16e16 {
     position: absolute;
     top: 0;
     left: 0;
@@ -189,13 +189,13 @@
     z-index: -1;
     overflow: auto;
     max-height: 100%
-} .textarea__pseudoTextarea_gt6c1 span {
+} .textarea__pseudoTextarea_16e16 span {
         color: var(--input-color);
-    } .textarea__pseudoTextarea_gt6c1 .textarea__overflow_gt6c1 {
+    } .textarea__pseudoTextarea_16e16 .textarea__overflow_16e16 {
         color: var(--color-light-text-tertiary);
-    } .textarea__pseudoTextarea_gt6c1::-webkit-scrollbar-thumb {
+    } .textarea__pseudoTextarea_16e16::-webkit-scrollbar-thumb {
         background-color: transparent;
-    } .textarea__sub_gt6c1 {
+    } .textarea__sub_16e16 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -203,62 +203,62 @@
     /* adjusting overall height 👌 */
     margin-top: 6px;
     padding: var(--form-control-sub-paddings);
-} .textarea__textarea_gt6c1.textarea__hasInnerLabel_gt6c1.textarea__hasInnerLabel_gt6c1 {
+} .textarea__textarea_16e16.textarea__hasInnerLabel_16e16.textarea__hasInnerLabel_16e16 {
     padding-top: 0;
     padding-bottom: 0;
-} /* DISABLED STATE */ .textarea__textarea_gt6c1:disabled {
+} /* DISABLED STATE */ .textarea__textarea_16e16:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
-} /* READ-ONLY STATE */ .textarea__textarea_gt6c1:read-only {
+} /* READ-ONLY STATE */ .textarea__textarea_16e16:read-only {
     cursor: var(--disabled-cursor);
-} /* FOCUS STATE */ .textarea__textarea_gt6c1:focus.textarea__hasInnerLabel_gt6c1::placeholder {
+} /* FOCUS STATE */ .textarea__textarea_16e16:focus.textarea__hasInnerLabel_16e16::placeholder {
     opacity: 1;
-} .textarea__focusVisible_gt6c1 {
+} .textarea__focusVisible_16e16 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} /* FILLED STATE */ .textarea__textarea_gt6c1.textarea__filled_gt6c1.textarea__hasInnerLabel_gt6c1 {
+} /* FILLED STATE */ .textarea__textarea_16e16.textarea__filled_16e16.textarea__hasInnerLabel_16e16 {
     padding-top: 0
-} .textarea__textarea_gt6c1.textarea__filled_gt6c1.textarea__hasInnerLabel_gt6c1.textarea__size-48_gt6c1 {
+} .textarea__textarea_16e16.textarea__filled_16e16.textarea__hasInnerLabel_16e16.textarea__size-48_16e16 {
         min-height: var(--textarea-s-filled-min-height);
-    } .textarea__textarea_gt6c1.textarea__filled_gt6c1.textarea__hasInnerLabel_gt6c1.textarea__size-56_gt6c1 {
+    } .textarea__textarea_16e16.textarea__filled_16e16.textarea__hasInnerLabel_16e16.textarea__size-56_16e16 {
         min-height: var(--textarea-m-filled-min-height);
-    } .textarea__textarea_gt6c1.textarea__filled_gt6c1.textarea__hasInnerLabel_gt6c1.textarea__size-64_gt6c1 {
+    } .textarea__textarea_16e16.textarea__filled_16e16.textarea__hasInnerLabel_16e16.textarea__size-64_16e16 {
         min-height: var(--textarea-l-filled-min-height);
-    } .textarea__textarea_gt6c1.textarea__filled_gt6c1.textarea__hasInnerLabel_gt6c1.textarea__size-72_gt6c1 {
+    } .textarea__textarea_16e16.textarea__filled_16e16.textarea__hasInnerLabel_16e16.textarea__size-72_16e16 {
         min-height: var(--textarea-xl-filled-min-height);
-    } /* Correct pseudoTextarea size */ .textarea__pseudoTextarea_gt6c1.textarea__filled_gt6c1.textarea__hasInnerLabel_gt6c1.textarea__size-48_gt6c1 {
+    } /* Correct pseudoTextarea size */ .textarea__pseudoTextarea_16e16.textarea__filled_16e16.textarea__hasInnerLabel_16e16.textarea__size-48_16e16 {
         min-height: calc(100% - var(--textarea-s-filled-spacer-top));
-    } .textarea__pseudoTextarea_gt6c1.textarea__filled_gt6c1.textarea__hasInnerLabel_gt6c1.textarea__size-56_gt6c1 {
+    } .textarea__pseudoTextarea_16e16.textarea__filled_16e16.textarea__hasInnerLabel_16e16.textarea__size-56_16e16 {
         min-height: calc(100% - var(--textarea-m-filled-spacer-top));
-    } .textarea__pseudoTextarea_gt6c1.textarea__filled_gt6c1.textarea__hasInnerLabel_gt6c1.textarea__size-64_gt6c1 {
+    } .textarea__pseudoTextarea_16e16.textarea__filled_16e16.textarea__hasInnerLabel_16e16.textarea__size-64_16e16 {
         min-height: calc(100% - var(--textarea-l-filled-spacer-top));
-    } .textarea__pseudoTextarea_gt6c1.textarea__filled_gt6c1.textarea__hasInnerLabel_gt6c1.textarea__size-72_gt6c1 {
+    } .textarea__pseudoTextarea_16e16.textarea__filled_16e16.textarea__hasInnerLabel_16e16.textarea__size-72_16e16 {
         min-height: calc(100% - var(--textarea-xl-filled-spacer-top));
-    } .textarea__wrapper_gt6c1.textarea__resizeVertical_gt6c1 {
+    } .textarea__wrapper_16e16.textarea__resizeVertical_16e16 {
         resize: vertical;
         min-height: 48px;
-    } /* Border нужен для того чтобы растянуть textarea на всю высоту FormControl , если заменить на padding, то лейбл не будет кликабельный */ .textarea__textarea_gt6c1.textarea__size-48_gt6c1 {
+    } /* Border нужен для того чтобы растянуть textarea на всю высоту FormControl , если заменить на padding, то лейбл не будет кликабельный */ .textarea__textarea_16e16.textarea__size-48_16e16 {
         border-top: var(--textarea-s-spacer) var(--textarea-spacer-style);
         border-bottom: var(--textarea-s-spacer) var(--textarea-spacer-style);
-    } .textarea__textarea_gt6c1.textarea__size-56_gt6c1 {
+    } .textarea__textarea_16e16.textarea__size-56_16e16 {
         border-top: var(--textarea-m-spacer) var(--textarea-spacer-style);
         border-bottom: var(--textarea-m-spacer) var(--textarea-spacer-style);
-    } .textarea__textarea_gt6c1.textarea__size-64_gt6c1 {
+    } .textarea__textarea_16e16.textarea__size-64_16e16 {
         border-top: var(--textarea-l-spacer) var(--textarea-spacer-style);
         border-bottom: var(--textarea-l-spacer) var(--textarea-spacer-style);
-    } .textarea__textarea_gt6c1.textarea__size-72_gt6c1 {
+    } .textarea__textarea_16e16.textarea__size-72_16e16 {
         border-top: var(--textarea-xl-spacer) var(--textarea-spacer-style);
         border-bottom: var(--textarea-xl-spacer) var(--textarea-spacer-style);
-    } .textarea__textarea_gt6c1.textarea__hasInnerLabel_gt6c1.textarea__size-48_gt6c1 {
+    } .textarea__textarea_16e16.textarea__hasInnerLabel_16e16.textarea__size-48_16e16 {
             border-top: var(--textarea-s-filled-spacer-top) var(--textarea-spacer-style);
             border-bottom: var(--textarea-s-filled-spacer-bottom) var(--textarea-spacer-style);
-        } .textarea__textarea_gt6c1.textarea__hasInnerLabel_gt6c1.textarea__size-56_gt6c1 {
+        } .textarea__textarea_16e16.textarea__hasInnerLabel_16e16.textarea__size-56_16e16 {
             border-top: var(--textarea-m-filled-spacer-top) var(--textarea-spacer-style);
             border-bottom: var(--textarea-m-filled-spacer-bottom) var(--textarea-spacer-style);
-        } .textarea__textarea_gt6c1.textarea__hasInnerLabel_gt6c1.textarea__size-64_gt6c1 {
+        } .textarea__textarea_16e16.textarea__hasInnerLabel_16e16.textarea__size-64_16e16 {
             border-top: var(--textarea-l-filled-spacer-top) var(--textarea-spacer-style);
             border-bottom: var(--textarea-l-filled-spacer-bottom) var(--textarea-spacer-style);
-        } .textarea__textarea_gt6c1.textarea__hasInnerLabel_gt6c1.textarea__size-72_gt6c1 {
+        } .textarea__textarea_16e16.textarea__hasInnerLabel_16e16.textarea__size-72_16e16 {
             border-top: var(--textarea-xl-filled-spacer-top) var(--textarea-spacer-style);
             border-bottom: var(--textarea-xl-filled-spacer-bottom) var(--textarea-spacer-style);
         }

package/textarea/modern/index.js

@@ -6,5 +6,5 @@ import 'classnames';
 import '../../form-control/modern';
 import '../../shared/modern';
 import '@alfalab/hooks';
-import './PseudoTextArea-224fc15d.js';
+import './PseudoTextArea-d7b75919.js';
 import './consts.js';

package/textarea/modern/inverted.css

@@ -1,4 +1,4 @@
-/* hash: xdqtc */
+/* hash: 19f7c */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
@@ -43,26 +43,26 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .textarea__input_1eo7q {
+} .textarea__input_1fxsx {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .textarea__input_1eo7q:-webkit-autofill {
+} .textarea__input_1fxsx:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
-} .textarea__input_1eo7q::placeholder {
+} .textarea__input_1fxsx::placeholder {
     color: var(--input-inverted-placeholder-color);
-} .textarea__hasInnerLabel_1eo7q::placeholder {
+} .textarea__hasInnerLabel_1fxsx::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
-} /* READ-ONLY STATE */ .textarea__input_1eo7q:read-only:not(.textarea__disableUserInput_1eo7q) {
+} /* READ-ONLY STATE */ .textarea__input_1fxsx:read-only:not(.textarea__disableUserInput_1fxsx) {
     color: var(--input-inverted-read-only-color)
-} .textarea__input_1eo7q:read-only:not(.textarea__disableUserInput_1eo7q):focus::placeholder {
+} .textarea__input_1fxsx:read-only:not(.textarea__disableUserInput_1fxsx):focus::placeholder {
         color: var(--input-inverted-placeholder-color);
-    } /* DISABLED STATE */ .textarea__input_1eo7q:disabled {
+    } /* DISABLED STATE */ .textarea__input_1fxsx:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
-} /* FOCUS STATE */ .textarea__input_1eo7q:focus::placeholder {
+} /* FOCUS STATE */ .textarea__input_1fxsx:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
-} /* ERROR STATE */ .textarea__error_1eo7q {
+} /* ERROR STATE */ .textarea__error_1fxsx {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 } :root {
@@ -94,22 +94,22 @@
     /* color mobile */
 
     /* error mobile */
-} .textarea__textarea_1eo7q {
+} .textarea__textarea_1fxsx {
     color: var(--input-inverted-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .textarea__textarea_1eo7q::placeholder {
+} .textarea__textarea_1fxsx::placeholder {
     color: var(--input-inverted-placeholder-color);
-} .textarea__hasInnerLabel_1eo7q::placeholder {
+} .textarea__hasInnerLabel_1fxsx::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
-} /* DISABLED STATE */ .textarea__textarea_1eo7q:disabled {
+} /* DISABLED STATE */ .textarea__textarea_1fxsx:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
-} /* READ-ONLY STATE */ .textarea__textarea_1eo7q:read-only {
+} /* READ-ONLY STATE */ .textarea__textarea_1fxsx:read-only {
     color: var(--input-inverted-read-only-color);
-} /* FOCUS STATE */ .textarea__textarea_1eo7q:focus::placeholder {
+} /* FOCUS STATE */ .textarea__textarea_1fxsx:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
-} .textarea__hint_1eo7q {
+} .textarea__hint_1fxsx {
     color: var(--form-control-hint-color);
-} .textarea__error_1eo7q {
+} .textarea__error_1fxsx {
     color: var(--form-control-error-color);
 }

package/themes/checkbox-group/intranet.css

@@ -1,4 +1,4 @@
 :root {
-    --checkbox-group-sub-padding-left: var(--gap-2xs);
-    --checkbox-group-list-padding-left: var(--gap-3xs);
+    --checkbox-group-sub-padding-left: var(--gap-4);
+    --checkbox-group-list-padding-left: var(--gap-2);
 }

package/themes/checkbox-group/mobile.css

@@ -1,4 +1,4 @@
 :root {
-    --checkbox-group-sub-padding-left: var(--gap-2xs);
-    --checkbox-group-list-padding-left: var(--gap-3xs);
+    --checkbox-group-sub-padding-left: var(--gap-4);
+    --checkbox-group-list-padding-left: var(--gap-2);
 }

package/themes/click.css

@@ -1481,38 +1481,38 @@
 
     /* новые значения, используйте их */
     --gap-0: 0;
-    --gap-2: 2px;
-    --gap-4: 4px;
-    --gap-8: 8px;
-    --gap-12: 12px;
-    --gap-16: 16px;
-    --gap-20: 20px;
-    --gap-24: 24px;
-    --gap-32: 32px;
-    --gap-40: 40px;
-    --gap-48: 48px;
+    --gap-2: var(--gap-3xs);
+    --gap-4: var(--gap-2xs);
+    --gap-8: var(--gap-xs);
+    --gap-12: var(--gap-s);
+    --gap-16: var(--gap-m);
+    --gap-20: var(--gap-l);
+    --gap-24: var(--gap-xl);
+    --gap-32: var(--gap-2xl);
+    --gap-40: var(--gap-3xl);
+    --gap-48: var(--gap-4xl);
     --gap-56: 56px;
-    --gap-64: 64px;
-    --gap-72: 72px;
+    --gap-64: var(--gap-5xl);
+    --gap-72: var(--gap-6xl);
     --gap-80: 80px;
-    --gap-96: 96px;
-    --gap-128: 128px;
-    --gap-2-neg: -2px;
-    --gap-4-neg: -4px;
-    --gap-8-neg: -8px;
-    --gap-12-neg: -12px;
-    --gap-16-neg: -16px;
-    --gap-20-neg: -20px;
-    --gap-24-neg: -24px;
-    --gap-32-neg: -32px;
-    --gap-40-neg: -40px;
-    --gap-48-neg: -48px;
+    --gap-96: var(--gap-7xl);
+    --gap-128: var(--gap-8xl);
+    --gap-2-neg: var(--gap-3xs-neg);
+    --gap-4-neg: var(--gap-2xs-neg);
+    --gap-8-neg: var(--gap-xs-neg);
+    --gap-12-neg: var(--gap-s-neg);
+    --gap-16-neg: var(--gap-m-neg);
+    --gap-20-neg: var(--gap-l-neg);
+    --gap-24-neg: var(--gap-xl-neg);
+    --gap-32-neg: var(--gap-2xl-neg);
+    --gap-40-neg: var(--gap-3xl-neg);
+    --gap-48-neg: var(--gap-4xl-neg);
     --gap-56-neg: -56px;
-    --gap-64-neg: -64px;
-    --gap-72-neg: -72px;
+    --gap-64-neg: var(--gap-5xl-neg);
+    --gap-72-neg: var(--gap-6xl-neg);
     --gap-80-neg: -80px;
-    --gap-96-neg: -96px;
-    --gap-128-neg: -128px;
+    --gap-96-neg: var(--gap-7xl-neg);
+    --gap-128-neg: var(--gap-8xl-neg);
 }
 :root {
     --shadow-xs: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
@@ -1575,7 +1575,7 @@
 
     --navigation-bar-back-arrow-mobile-fill: var(--color-light-neutral-translucent-1300);
     /* checkmark */
-    --select-checkmark-margin-after: 0 0 0 var(--gap-s);
+    --select-checkmark-margin-after: 0 0 0 var(--gap-12);
     --select-checkmark-size: 24px;
     --select-checkmark-before-display: none;
     --select-checkmark-after-display: none;
@@ -1599,19 +1599,19 @@
     --primary-tablist-s-font-size: 18px;
     --primary-tablist-s-font-weight: 500;
     --primary-tablist-s-font-family: var(--font-family-system);
-    --primary-tablist-s-padding: var(--gap-s) 0;
+    --primary-tablist-s-padding: var(--gap-12) 0;
     --primary-tablist-m-font-size: 20px;
     --primary-tablist-m-font-weight: 500;
     --primary-tablist-m-font-family: var(--font-family-styrene);
-    --primary-tablist-m-padding: var(--gap-s) 0;
+    --primary-tablist-m-padding: var(--gap-12) 0;
     --primary-tablist-l-font-size: 24px;
     --primary-tablist-l-font-weight: 500;
     --primary-tablist-l-font-family: var(--font-family-styrene);
-    --primary-tablist-l-padding: var(--gap-l) 0;
+    --primary-tablist-l-padding: var(--gap-20) 0;
     --primary-tablist-xl-font-size: 24px;
     --primary-tablist-xl-font-weight: 500;
     --primary-tablist-xl-font-family: var(--font-family-styrene);
-    --primary-tablist-xl-padding: var(--gap-l) 0;
+    --primary-tablist-xl-padding: var(--gap-20) 0;
     --primary-tablist-font-feature-settings: 'ss01';
     /* mobile */
     --primary-tablist-mobile-font-weight: 500;
@@ -1634,26 +1634,26 @@
     --calendar-month-only-header-font-size: 20px;
     --calendar-month-only-header-font-weight: 500;
     /* sizes */
-    --modal-vertical-padding: var(--gap-4xl);
-    --modal-footer-default-gap: var(--gap-xl);
+    --modal-vertical-padding: var(--gap-48);
+    --modal-footer-default-gap: var(--gap-24);
     /* paddings */
-    --modal-s-header-paddings: 28px 28px var(--gap-m);
-    --modal-s-content-paddings: var(--gap-m) var(--gap-3xl) var(--gap-xs);
-    --modal-s-content-only-bottom-padding: var(--gap-4xl);
-    --modal-s-footer-paddings: var(--gap-xl) var(--gap-3xl) var(--gap-3xl);
+    --modal-s-header-paddings: 28px 28px var(--gap-16);
+    --modal-s-content-paddings: var(--gap-16) var(--gap-40) var(--gap-8);
+    --modal-s-content-only-bottom-padding: var(--gap-48);
+    --modal-s-footer-paddings: var(--gap-24) var(--gap-40) var(--gap-40);
     /* scroll */
     --modal-header-highlight-background: var(--color-light-base-bg-primary);
     --modal-footer-highlight-background: var(--color-light-base-bg-secondary);
     --modal-footer-highlight-box-shadow: none;
     /* desktop */
-    --modal-s-header-desktop-content-paddings: var(--gap-xs) var(--gap-s) 0;
+    --modal-s-header-desktop-content-paddings: var(--gap-8) var(--gap-12) 0;
     --modal-s-header-desktop-font-size: 24px;
     --modal-s-header-desktop-line-height: 32px;
     --modal-header-desktop-font-weight: 500;
     --modal-header-desktop-font-family: var(--font-family-styrene);
     /* mobile */
-    --modal-header-mobile-paddings: 0 var(--gap-xs);
-    --modal-header-mobile-content-paddings: 10px var(--gap-xs) 10px var(--gap-xs);
+    --modal-header-mobile-paddings: 0 var(--gap-8);
+    --modal-header-mobile-content-paddings: 10px var(--gap-8) 10px var(--gap-8);
     --modal-header-mobile-font-size: 20px;
     --modal-header-mobile-line-height: 28px;
     --modal-header-mobile-font-family: var(--font-family-styrene);
@@ -1661,13 +1661,13 @@
     /* theme */
     --toast-plate-title-font-weight: 400;
     --toast-plate-action-align: flex-start;
-    --toast-plate-action-padding: 0 0 0 var(--gap-xl);
+    --toast-plate-action-padding: 0 0 0 var(--gap-24);
     --toast-plate-action-divider-display: none;
     --toast-plate-content-with-closer-right-padding: 0;
     --toast-plate-close-button-align: flex-start;
     --toast-plate-action-margin: 0;
     /* theme */
-    --list-item-margin: var(--gap-m);
+    --list-item-margin: var(--gap-16);
     --dropzone-active-cursor: pointer;
     --bottom-sheet-header-border-bottom: none;
     --bottom-sheet-footer-border-top: none;