@alfalab/core-components 48.9.1 → 48.11.0-beta.0

package/form-control/modern/components/base-form-control/index.css

@@ -80,11 +80,11 @@
     /* color mobile */
 
     /* error mobile */
-} .form-control__component_rdjzt {
+} .form-control__component_fcfha {
     font-family: var(--form-control-font-family);
     width: max-content;
     max-width: 100%;
-} .form-control__inner_rdjzt {
+} .form-control__inner_fcfha {
     display: flex;
     position: relative;
     min-height: 100%;
@@ -94,7 +94,7 @@
     box-sizing: border-box;
     outline: none;
     transform: translateZ(0);
-} /* Нижняя граница */ .form-control__inner_rdjzt:before {
+} /* Нижняя граница */ .form-control__inner_fcfha:before {
     content: '';
     display: block;
     position: absolute;
@@ -103,21 +103,21 @@
     height: 0;
     transition: transform 0.2s ease, border 0.2s ease;
     transform-origin: bottom;
-} .form-control__inputWrapper_rdjzt {
+} .form-control__inputWrapper_fcfha {
     flex-grow: 1;
     position: relative;
     overflow: hidden;
-} .form-control__input_rdjzt {
+} .form-control__input_fcfha {
     height: 100%;
     display: flex;
     align-items: center;
     position: relative;
-} .form-control__input_rdjzt > * {
+} .form-control__input_fcfha > * {
     padding: var(--form-control-paddings);
     font-family: var(--form-control-font-family);
-} .form-control__input_rdjzt.form-control__size-40_rdjzt > * {
+} .form-control__input_fcfha.form-control__size-40_fcfha > * {
     padding: 0 var(--gap-8);
-} .form-control__label_rdjzt {
+} .form-control__label_fcfha {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -132,32 +132,32 @@
     transition-duration: 200ms;
     transition-property: color, transform;
     transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
-} .form-control__labelInner_rdjzt {
+} .form-control__labelInner_fcfha {
     width: 100%;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-} .form-control__addons_rdjzt {
+} .form-control__addons_fcfha {
     display: flex;
     flex-shrink: 0;
     align-items: center;
-} .form-control__leftAddons_rdjzt {
+} .form-control__leftAddons_fcfha {
     padding-left: var(--gap-12);
-} .form-control__rightAddons_rdjzt {
+} .form-control__rightAddons_fcfha {
     padding-right: var(--gap-12);
-} .form-control__sub_rdjzt {
+} .form-control__sub_fcfha {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     display: block;
     /* adjusting overall height 👌 */
     margin-top: 6px
-} .form-control__sub_rdjzt.form-control__size-40_rdjzt {
+} .form-control__sub_fcfha.form-control__size-40_fcfha {
         font-size: 12px;
         line-height: 16px;
         font-weight: 400;
         margin-top: var(--gap-4);
-    } .form-control__above_rdjzt {
+    } .form-control__above_fcfha {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -167,85 +167,85 @@
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
-} .form-control__above_rdjzt.form-control__size-40_rdjzt {
+} .form-control__above_fcfha.form-control__size-40_fcfha {
         font-size: 12px;
         line-height: 16px;
         font-weight: 400;
         margin-bottom: var(--gap-4);
-    } .form-control__block_rdjzt {
+    } .form-control__block_fcfha {
     width: 100%;
-} /* SIZES */ .form-control__size-40_rdjzt .form-control__inner_rdjzt {
+} /* SIZES */ .form-control__size-40_fcfha .form-control__inner_fcfha {
         min-height: var(--form-control-40-min-height);
         padding: var(--gap-0) var(--gap-4);
-    } .form-control__size-40_rdjzt .form-control__hasInnerLabel_rdjzt .form-control__input_rdjzt > * {
+    } .form-control__size-40_fcfha .form-control__hasInnerLabel_fcfha .form-control__input_fcfha > * {
         padding: var(--form-control-labeled-40-paddings);
-    } .form-control__size-40_rdjzt .form-control__label_rdjzt {
+    } .form-control__size-40_fcfha .form-control__label_fcfha {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
         top: calc(var(--form-control-40-min-height) / 2);
         left: var(--gap-8);
-    } .form-control__size-40_rdjzt .form-control__addons_rdjzt.form-control__rightAddons_rdjzt {
+    } .form-control__size-40_fcfha .form-control__addons_fcfha.form-control__rightAddons_fcfha {
             padding-right: var(--gap-8);
-        } .form-control__size-40_rdjzt .form-control__addons_rdjzt.form-control__leftAddons_rdjzt {
+        } .form-control__size-40_fcfha .form-control__addons_fcfha.form-control__leftAddons_fcfha {
             padding-left: var(--gap-8);
-        } .form-control__size-48_rdjzt .form-control__inner_rdjzt {
+        } .form-control__size-48_fcfha .form-control__inner_fcfha {
     min-height: var(--form-control-s-min-height);
-} .form-control__size-48_rdjzt .form-control__hasInnerLabel_rdjzt .form-control__input_rdjzt > * {
+} .form-control__size-48_fcfha .form-control__hasInnerLabel_fcfha .form-control__input_fcfha > * {
     padding: var(--form-control-labeled-s-paddings);
-} .form-control__size-48_rdjzt .form-control__label_rdjzt {
+} .form-control__size-48_fcfha .form-control__label_fcfha {
     top: calc(var(--form-control-s-min-height) / 2);
-} .form-control__size-56_rdjzt .form-control__inner_rdjzt {
+} .form-control__size-56_fcfha .form-control__inner_fcfha {
     min-height: var(--form-control-m-min-height);
-} .form-control__size-56_rdjzt .form-control__hasInnerLabel_rdjzt .form-control__input_rdjzt > * {
+} .form-control__size-56_fcfha .form-control__hasInnerLabel_fcfha .form-control__input_fcfha > * {
     padding: var(--form-control-labeled-m-paddings);
-} .form-control__size-56_rdjzt .form-control__label_rdjzt {
+} .form-control__size-56_fcfha .form-control__label_fcfha {
     top: calc(var(--form-control-m-min-height) / 2);
-} .form-control__size-64_rdjzt .form-control__inner_rdjzt {
+} .form-control__size-64_fcfha .form-control__inner_fcfha {
     min-height: var(--form-control-l-min-height);
-} .form-control__size-64_rdjzt .form-control__hasInnerLabel_rdjzt .form-control__input_rdjzt > * {
+} .form-control__size-64_fcfha .form-control__hasInnerLabel_fcfha .form-control__input_fcfha > * {
     padding: var(--form-control-labeled-l-paddings);
-} .form-control__size-64_rdjzt .form-control__label_rdjzt {
+} .form-control__size-64_fcfha .form-control__label_fcfha {
     top: calc(var(--form-control-l-min-height) / 2);
-} .form-control__size-72_rdjzt .form-control__inner_rdjzt {
+} .form-control__size-72_fcfha .form-control__inner_fcfha {
     min-height: var(--form-control-xl-min-height);
-} .form-control__size-72_rdjzt .form-control__label_rdjzt {
+} .form-control__size-72_fcfha .form-control__label_fcfha {
     left: var(--gap-16);
-} .form-control__size-72_rdjzt .form-control__input_rdjzt > * {
+} .form-control__size-72_fcfha .form-control__input_fcfha > * {
     padding: var(--form-control-xl-paddings);
-} .form-control__size-72_rdjzt .form-control__hasInnerLabel_rdjzt .form-control__input_rdjzt > * {
+} .form-control__size-72_fcfha .form-control__hasInnerLabel_fcfha .form-control__input_fcfha > * {
     padding: var(--form-control-labeled-xl-paddings);
-} .form-control__size-72_rdjzt .form-control__leftAddons_rdjzt {
+} .form-control__size-72_fcfha .form-control__leftAddons_fcfha {
     padding-left: var(--gap-16);
-} .form-control__size-72_rdjzt .form-control__rightAddons_rdjzt {
+} .form-control__size-72_fcfha .form-control__rightAddons_fcfha {
     padding-right: var(--gap-16);
-} .form-control__size-72_rdjzt.form-control__hasLeftAddons_rdjzt .form-control__label_rdjzt {
+} .form-control__size-72_fcfha.form-control__hasLeftAddons_fcfha .form-control__label_fcfha {
     left: var(--gap-12);
-} .form-control__size-72_rdjzt.form-control__hasLeftAddons_rdjzt .form-control__input_rdjzt > * {
+} .form-control__size-72_fcfha.form-control__hasLeftAddons_fcfha .form-control__input_fcfha > * {
     padding-left: var(--gap-12);
-} .form-control__size-72_rdjzt.form-control__hasRightAddons_rdjzt .form-control__input_rdjzt > * {
+} .form-control__size-72_fcfha.form-control__hasRightAddons_fcfha .form-control__input_fcfha > * {
     padding-right: var(--gap-12);
-} .form-control__size-72_rdjzt .form-control__label_rdjzt {
+} .form-control__size-72_fcfha .form-control__label_fcfha {
     top: calc(var(--form-control-xl-min-height) / 2);
-} /* DISABLED STATE */ .form-control__disabled_rdjzt {
+} /* DISABLED STATE */ .form-control__disabled_fcfha {
     opacity: var(--form-control-disabled-opacity);
-} /* FOCUS STATE */ .form-control__focused_rdjzt:not(.form-control__disabled_rdjzt):before,
-.form-control__hasError_rdjzt:before {
+} /* FOCUS STATE */ .form-control__focused_fcfha:not(.form-control__disabled_fcfha):before,
+.form-control__hasError_fcfha:before {
     transform: scaleY(2);
-} .form-control__filled_rdjzt .form-control__label_rdjzt {
+} .form-control__filled_fcfha .form-control__label_fcfha {
     transform: translateY(-100%) scale(0.875);
 
     /* adjusting position 👌 */
     margin-top: 1px;
-} .form-control__size-72_rdjzt .form-control__filled_rdjzt .form-control__label_rdjzt {
+} .form-control__size-72_fcfha .form-control__filled_fcfha .form-control__label_fcfha {
     /* adjusting position 👌 */
     margin-top: -1px;
-} .form-control__hiddenLabel_rdjzt {
+} .form-control__hiddenLabel_fcfha {
     opacity: 0;
     height: 0;
     padding: var(--form-control-paddings);
     display: block;
     box-sizing: border-box;
-} .form-control__size-72_rdjzt .form-control__hiddenLabel_rdjzt {
+} .form-control__size-72_fcfha .form-control__hiddenLabel_fcfha {
     padding: var(--form-control-xl-paddings);
 }

package/form-control/modern/components/base-form-control/inverted.css

@@ -74,41 +74,41 @@
     /* color mobile */
 
     /* error mobile */
-} .form-control__component_1ymzz {
+} .form-control__component_9rw19 {
     color: var(--form-control-inverted-color);
-} .form-control__label_1ymzz {
+} .form-control__label_9rw19 {
     color: var(--form-control-inverted-label-color);
-} .form-control__hint_1ymzz {
+} .form-control__hint_9rw19 {
     color: var(--form-control-inverted-hint-color);
-} /* Нижняя граница */ .form-control__inner_1ymzz:before {
+} /* Нижняя граница */ .form-control__inner_9rw19:before {
     border-bottom: var(--form-control-inverted-border-bottom);
-} /* DISABLED STATE */ .form-control__inner_1ymzz.form-control__disabled_1ymzz {
+} /* DISABLED STATE */ .form-control__inner_9rw19.form-control__disabled_9rw19 {
     color: var(--form-control-inverted-disabled-color);
     background-color: var(--form-control-inverted-disabled-bg-color);
     box-shadow: var(--form-control-inverted-disabled-shadow);
-} .form-control__disabled_1ymzz:before {
+} .form-control__disabled_9rw19:before {
     border-bottom: var(--form-control-inverted-disabled-border-bottom);
-} .form-control__disabled_1ymzz .form-control__label_1ymzz {
+} .form-control__disabled_9rw19 .form-control__label_9rw19 {
     color: var(--form-control-inverted-disabled-filled-label-color);
-} .form-control__disabled_1ymzz.form-control__hasError_1ymzz {
+} .form-control__disabled_9rw19.form-control__hasError_9rw19 {
     background-color: var(--form-control-inverted-disabled-bg-color);
-} /* HOVER STATE */ .form-control__inner_1ymzz:not(.form-control__disabled_1ymzz):hover {
+} /* HOVER STATE */ .form-control__inner_9rw19:not(.form-control__disabled_9rw19):hover {
     background-color: var(--form-control-inverted-hover-bg-color);
-} /* FOCUS STATE */ .form-control__focused_1ymzz:not(.form-control__disabled_1ymzz):not(.form-control__hasError_1ymzz):before {
+} /* FOCUS STATE */ .form-control__focused_9rw19:not(.form-control__disabled_9rw19):not(.form-control__hasError_9rw19):before {
     border-bottom: var(--form-control-inverted-focus-border-bottom);
-} .form-control__focused_1ymzz.form-control__inner_1ymzz,
-.form-control__focused_1ymzz.form-control__inner_1ymzz:hover {
+} .form-control__focused_9rw19.form-control__inner_9rw19,
+.form-control__focused_9rw19.form-control__inner_9rw19:hover {
     background-color: var(--form-control-inverted-focus-bg-color);
     box-shadow: var(--form-control-inverted-focus-shadow)
-} .form-control__focused_1ymzz.form-control__inner_1ymzz.form-control__hasError_1ymzz, .form-control__focused_1ymzz.form-control__inner_1ymzz:hover.form-control__hasError_1ymzz {
+} .form-control__focused_9rw19.form-control__inner_9rw19.form-control__hasError_9rw19, .form-control__focused_9rw19.form-control__inner_9rw19:hover.form-control__hasError_9rw19 {
         box-shadow: var(--form-control-inverted-focus-error-shadow);
         background-color: var(--form-control-inverted-focus-bg-color);
-    } /* ERROR STATE */ .form-control__error_1ymzz {
+    } /* ERROR STATE */ .form-control__error_9rw19 {
     color: var(--form-control-inverted-error-color);
-} .form-control__hasError_1ymzz {
+} .form-control__hasError_9rw19 {
     box-shadow: var(--form-control-inverted-error-shadow);
-} .form-control__hasError_1ymzz:before {
+} .form-control__hasError_9rw19:before {
     border-bottom: var(--form-control-inverted-error-border-bottom);
-} .form-control__hasError_1ymzz .form-control__label_1ymzz {
+} .form-control__hasError_9rw19 .form-control__label_9rw19 {
     color: var(--form-control-inverted-error-label-color);
 }

package/form-control/modern/desktop/Component.desktop.js

@@ -3,13 +3,13 @@ import { BaseFormControl } from '../components/base-form-control/Component.js';
 import 'classnames';
 import '../../../shared/modern';
 
-const defaultColors = {"inner":"form-control__inner_wa7rj","focused":"form-control__focused_wa7rj","hasError":"form-control__hasError_wa7rj","disabled":"form-control__disabled_wa7rj"};
+const defaultColors = {"inner":"form-control__inner_1rpa7","focused":"form-control__focused_1rpa7","hasError":"form-control__hasError_1rpa7","disabled":"form-control__disabled_1rpa7"};
 require('./default.desktop.css');
 
-const styles = {"above":"form-control__above_5wvky","sub":"form-control__sub_5wvky","error":"form-control__error_5wvky","size-40":"form-control__size-40_5wvky","inner":"form-control__inner_5wvky","size-48":"form-control__size-48_5wvky","size-56":"form-control__size-56_5wvky","size-64":"form-control__size-64_5wvky","size-72":"form-control__size-72_5wvky"};
+const styles = {"above":"form-control__above_1vjoy","sub":"form-control__sub_1vjoy","error":"form-control__error_1vjoy","size-40":"form-control__size-40_1vjoy","inner":"form-control__inner_1vjoy","size-48":"form-control__size-48_1vjoy","size-56":"form-control__size-56_1vjoy","size-64":"form-control__size-64_1vjoy","size-72":"form-control__size-72_1vjoy"};
 require('./desktop.css');
 
-const invertedColors = {"inner":"form-control__inner_1nd4j","hasError":"form-control__hasError_1nd4j","disabled":"form-control__disabled_1nd4j"};
+const invertedColors = {"inner":"form-control__inner_e8jvf","hasError":"form-control__hasError_e8jvf","disabled":"form-control__disabled_e8jvf"};
 require('./inverted.desktop.css');
 
 const colorStyles = {

package/form-control/modern/desktop/default.desktop.css

@@ -54,14 +54,14 @@
     /* color mobile */
 
     /* error mobile */
-} .form-control__inner_wa7rj {
+} .form-control__inner_1rpa7 {
     background-color: var(--form-control-bg-color);
-} .form-control__inner_wa7rj:not(.form-control__focused_wa7rj):not(.form-control__hasError_wa7rj):not(.form-control__disabled_wa7rj) {
+} .form-control__inner_1rpa7:not(.form-control__focused_1rpa7):not(.form-control__hasError_1rpa7):not(.form-control__disabled_1rpa7) {
     box-shadow: var(--form-control-box-shadow)
-} .form-control__inner_wa7rj:not(.form-control__focused_wa7rj):not(.form-control__hasError_wa7rj):not(.form-control__disabled_wa7rj):hover {
+} .form-control__inner_1rpa7:not(.form-control__focused_1rpa7):not(.form-control__hasError_1rpa7):not(.form-control__disabled_1rpa7):hover {
         box-shadow: var(--form-control-box-shadow-hover);
-    } .form-control__inner_wa7rj.form-control__hasError_wa7rj {
+    } .form-control__inner_1rpa7.form-control__hasError_1rpa7 {
     background-color: var(--form-control-error-bg-color);
-} .form-control__disabled_wa7rj.form-control__hasError_wa7rj {
+} .form-control__disabled_1rpa7.form-control__hasError_1rpa7 {
     box-shadow: var(--form-control-error-disabled-shadow);
 }

package/form-control/modern/desktop/desktop.css

@@ -56,22 +56,22 @@
     /* color mobile */
 
     /* error mobile */
-} .form-control__above_5wvky {
+} .form-control__above_1vjoy {
     padding: var(--form-control-sub-paddings);
-} .form-control__sub_5wvky {
+} .form-control__sub_1vjoy {
     padding: var(--form-control-sub-paddings);
-} .form-control__error_5wvky {
+} .form-control__error_1vjoy {
     padding: var(--form-control-sub-paddings);
-} /* SIZES */ .form-control__size-40_5wvky .form-control__inner_5wvky {
+} /* SIZES */ .form-control__size-40_1vjoy .form-control__inner_1vjoy {
     border-radius: var(--form-control-40-border-radius)
-} .form-control__size-40_5wvky .form-control__inner_5wvky:before {
+} .form-control__size-40_1vjoy .form-control__inner_1vjoy:before {
         left: 0;
-    } .form-control__size-48_5wvky .form-control__inner_5wvky {
+    } .form-control__size-48_1vjoy .form-control__inner_1vjoy {
     border-radius: var(--form-control-s-border-radius);
-} .form-control__size-56_5wvky .form-control__inner_5wvky {
+} .form-control__size-56_1vjoy .form-control__inner_1vjoy {
     border-radius: var(--form-control-m-border-radius);
-} .form-control__size-64_5wvky .form-control__inner_5wvky {
+} .form-control__size-64_1vjoy .form-control__inner_1vjoy {
     border-radius: var(--form-control-l-border-radius);
-} .form-control__size-72_5wvky .form-control__inner_5wvky {
+} .form-control__size-72_1vjoy .form-control__inner_1vjoy {
     border-radius: var(--form-control-xl-border-radius);
 }

package/form-control/modern/desktop/inverted.desktop.css

@@ -53,10 +53,10 @@
     /* color mobile */
 
     /* error mobile */
-} .form-control__inner_1nd4j {
+} .form-control__inner_e8jvf {
     background-color: var(--form-control-inverted-bg-color);
-} .form-control__inner_1nd4j.form-control__hasError_1nd4j {
+} .form-control__inner_e8jvf.form-control__hasError_e8jvf {
     background-color: var(--form-control-inverted-error-bg-color);
-} /* DISABLED STATE */ .form-control__disabled_1nd4j.form-control__hasError_1nd4j {
+} /* DISABLED STATE */ .form-control__disabled_e8jvf.form-control__hasError_e8jvf {
     box-shadow: var(--form-control-inverted-error-disabled-shadow);
 }

package/form-control/modern/mobile/Component.mobile.js

@@ -3,13 +3,13 @@ import { BaseFormControl } from '../components/base-form-control/Component.js';
 import 'classnames';
 import '../../../shared/modern';
 
-const defaultColors = {"inner":"form-control__inner_y675g","disabled":"form-control__disabled_y675g","hasError":"form-control__hasError_y675g"};
+const defaultColors = {"inner":"form-control__inner_1fog9","disabled":"form-control__disabled_1fog9","hasError":"form-control__hasError_1fog9"};
 require('./default.mobile.css');
 
-const invertedColors = {"inner":"form-control__inner_1d9bw","disabled":"form-control__disabled_1d9bw","hasError":"form-control__hasError_1d9bw"};
+const invertedColors = {"inner":"form-control__inner_1380y","disabled":"form-control__disabled_1380y","hasError":"form-control__hasError_1380y"};
 require('./inverted.mobile.css');
 
-const styles = {"above":"form-control__above_1rt64","sub":"form-control__sub_1rt64","error":"form-control__error_1rt64","size-40":"form-control__size-40_1rt64","inner":"form-control__inner_1rt64","size-48":"form-control__size-48_1rt64","size-56":"form-control__size-56_1rt64","size-64":"form-control__size-64_1rt64","size-72":"form-control__size-72_1rt64"};
+const styles = {"above":"form-control__above_1cuqo","sub":"form-control__sub_1cuqo","error":"form-control__error_1cuqo","size-40":"form-control__size-40_1cuqo","inner":"form-control__inner_1cuqo","size-48":"form-control__size-48_1cuqo","size-56":"form-control__size-56_1cuqo","size-64":"form-control__size-64_1cuqo","size-72":"form-control__size-72_1cuqo"};
 require('./mobile.css');
 
 const colorStyles = {

package/form-control/modern/mobile/default.mobile.css

@@ -50,8 +50,8 @@
 
     /* error mobile */
     --form-control-error-mobile-disabled-shadow: var(--form-control-error-shadow);
-} .form-control__inner_y675g {
+} .form-control__inner_1fog9 {
     background-color: var(--form-control-mobile-bg-color);
-} /* DISABLED STATE */ .form-control__disabled_y675g.form-control__hasError_y675g {
+} /* DISABLED STATE */ .form-control__disabled_1fog9.form-control__hasError_1fog9 {
     box-shadow: var(--form-control-error-mobile-disabled-shadow);
 }

package/form-control/modern/mobile/inverted.mobile.css

@@ -51,8 +51,8 @@
 
     /* error mobile */
     --form-control-inverted-error-mobile-disabled-shadow: var(--form-control-inverted-error-shadow);
-} .form-control__inner_1d9bw {
+} .form-control__inner_1380y {
     background-color: var(--form-control-inverted-mobile-bg-color);
-} /* DISABLED STATE */ .form-control__disabled_1d9bw.form-control__hasError_1d9bw {
+} /* DISABLED STATE */ .form-control__disabled_1380y.form-control__hasError_1380y {
     box-shadow: var(--form-control-inverted-error-mobile-disabled-shadow);
 }

package/form-control/modern/mobile/mobile.css

@@ -55,22 +55,22 @@
     /* color mobile */
 
     /* error mobile */
-} .form-control__above_1rt64 {
+} .form-control__above_1cuqo {
     padding: var(--form-control-mobile-sub-paddings);
-} .form-control__sub_1rt64 {
+} .form-control__sub_1cuqo {
     padding: var(--form-control-mobile-sub-paddings);
-} .form-control__error_1rt64 {
+} .form-control__error_1cuqo {
     padding: var(--form-control-mobile-sub-paddings);
-} /* SIZES */ .form-control__size-40_1rt64 .form-control__inner_1rt64 {
+} /* SIZES */ .form-control__size-40_1cuqo .form-control__inner_1cuqo {
     border-radius: var(--form-control-mobile-40-border-radius)
-} .form-control__size-40_1rt64 .form-control__inner_1rt64:before {
+} .form-control__size-40_1cuqo .form-control__inner_1cuqo:before {
         left: 0;
-    } .form-control__size-48_1rt64 .form-control__inner_1rt64 {
+    } .form-control__size-48_1cuqo .form-control__inner_1cuqo {
     border-radius: var(--form-control-mobile-s-border-radius);
-} .form-control__size-56_1rt64 .form-control__inner_1rt64 {
+} .form-control__size-56_1cuqo .form-control__inner_1cuqo {
     border-radius: var(--form-control-mobile-m-border-radius);
-} .form-control__size-64_1rt64 .form-control__inner_1rt64 {
+} .form-control__size-64_1cuqo .form-control__inner_1cuqo {
     border-radius: var(--form-control-mobile-l-border-radius);
-} .form-control__size-72_1rt64 .form-control__inner_1rt64 {
+} .form-control__size-72_1cuqo .form-control__inner_1cuqo {
     border-radius: var(--form-control-mobile-xl-border-radius);
 }

package/gallery/Component.js

@@ -18,7 +18,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"container":"gallery__container_xm4nv","mobile":"gallery__mobile_xm4nv","modal":"gallery__modal_xm4nv","navigationVideo":"gallery__navigationVideo_xm4nv","hideNavigation":"gallery__hideNavigation_xm4nv"};
+var styles = {"container":"gallery__container_15asg","mobile":"gallery__mobile_15asg","modal":"gallery__modal_15asg","navigationVideo":"gallery__navigationVideo_15asg","hideNavigation":"gallery__hideNavigation_15asg"};
 require('./index.css');
 
 var DEFAULT_FULL_SCREEN = false;

package/gallery/components/buttons/index.css

@@ -23,13 +23,13 @@
     --gap-32: var(--gap-2xl);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__buttons_1gf86 {
+} /* сбрасывает синюю подсветку при нажатии */ .gallery__buttons_rxo1e {
     display: flex;
     padding-left: var(--gap-32)
-} .gallery__buttons_1gf86 path {
+} .gallery__buttons_rxo1e path {
         color: var(--color-static-neutral-translucent-1300-inverted);
-    } /* TODO: применять static цвет через prop IconButton'а */ .gallery__iconButton_1gf86:hover path {
+    } /* TODO: применять static цвет через prop IconButton'а */ .gallery__iconButton_rxo1e:hover path {
         color: var(--color-static-neutral-100-hover);
-    } .gallery__iconButton_1gf86:active path {
+    } .gallery__iconButton_rxo1e:active path {
         color: var(--color-static-neutral-100-press);
     }

package/gallery/components/buttons/index.js

@@ -20,7 +20,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"buttons":"gallery__buttons_1gf86","iconButton":"gallery__iconButton_1gf86"};
+var styles = {"buttons":"gallery__buttons_rxo1e","iconButton":"gallery__iconButton_rxo1e"};
 require('./index.css');
 
 var Fullscreen = function (_a) {

package/gallery/components/header/Component.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"header":"gallery__header_lexxt"};
+var styles = {"header":"gallery__header_22oe8"};
 require('./index.css');
 
 var Header = function () {

package/gallery/components/header/index.css

@@ -22,7 +22,7 @@
     --gap-24: var(--gap-xl);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__header_lexxt {
+} /* сбрасывает синюю подсветку при нажатии */ .gallery__header_22oe8 {
     display: flex;
     justify-content: space-between;
     flex-shrink: 0;

package/gallery/components/header-info-block/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"info":"gallery__info_1761l","filenameHead":"gallery__filenameHead_1761l","filenameContainer":"gallery__filenameContainer_1761l","description":"gallery__description_1761l"};
+var styles = {"info":"gallery__info_34q9v","filenameHead":"gallery__filenameHead_34q9v","filenameContainer":"gallery__filenameContainer_34q9v","description":"gallery__description_34q9v"};
 require('./index.css');
 
 var HeaderInfoBlock = function (_a) {

package/gallery/components/header-info-block/index.css

@@ -20,21 +20,21 @@
     --gap-4: var(--gap-2xs);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__info_1761l {
+} /* сбрасывает синюю подсветку при нажатии */ .gallery__info_34q9v {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     overflow: hidden;
-} .gallery__filenameHead_1761l {
+} .gallery__filenameHead_34q9v {
     display: inline;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
-} .gallery__filenameContainer_1761l {
+} .gallery__filenameContainer_34q9v {
     overflow: hidden;
     display: inline-flex;
-} .gallery__description_1761l {
+} .gallery__description_34q9v {
     display: inline;
     text-overflow: ellipsis;
     overflow: hidden;

package/gallery/components/header-mobile/Component.js

@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"headerMobile":"gallery__headerMobile_gl49i","video":"gallery__video_gl49i","hide":"gallery__hide_gl49i","leftButton":"gallery__leftButton_gl49i","rightButtons":"gallery__rightButtons_gl49i","description":"gallery__description_gl49i"};
+var styles = {"headerMobile":"gallery__headerMobile_1ykvd","video":"gallery__video_1ykvd","hide":"gallery__hide_1ykvd","leftButton":"gallery__leftButton_1ykvd","rightButtons":"gallery__rightButtons_1ykvd","description":"gallery__description_1ykvd"};
 require('./index.css');
 
 var HeaderMobile = function () {

package/gallery/components/header-mobile/index.css

@@ -23,7 +23,7 @@
     --gap-12: var(--gap-s);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .gallery__headerMobile_gl49i {
+} /* сбрасывает синюю подсветку при нажатии */ .gallery__headerMobile_1ykvd {
     position: relative;
     height: 72px;
     z-index: 3;
@@ -31,19 +31,19 @@
     display: flex;
     justify-content: space-between;
     align-items: center
-} .gallery__headerMobile_gl49i.gallery__video_gl49i {
+} .gallery__headerMobile_1ykvd.gallery__video_1ykvd {
         position: absolute;
         width: 100%;
         padding: 0;
         background-color: var(--color-static-neutral-0-inverted);
         transition: transform 0.3s ease-in-out;
-    } .gallery__hide_gl49i {
+    } .gallery__hide_1ykvd {
     transform: translateY(-96px);
-} .gallery__leftButton_gl49i,
-.gallery__rightButtons_gl49i {
+} .gallery__leftButton_1ykvd,
+.gallery__rightButtons_1ykvd {
     display: flex;
     align-items: center;
-} .gallery__description_gl49i {
+} .gallery__description_1ykvd {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);

package/gallery/components/image-preview/Component.js

@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"gallery__component_18o5w","image":"gallery__image_18o5w","mobile":"gallery__mobile_18o5w","active":"gallery__active_18o5w","preview":"gallery__preview_18o5w","loading":"gallery__loading_18o5w","brokenImageWrapper":"gallery__brokenImageWrapper_18o5w","brokenIcon":"gallery__brokenIcon_18o5w","focused":"gallery__focused_18o5w","canvasPreview":"gallery__canvasPreview_18o5w"};
+var styles = {"component":"gallery__component_13ltm","image":"gallery__image_13ltm","mobile":"gallery__mobile_13ltm","active":"gallery__active_13ltm","preview":"gallery__preview_13ltm","loading":"gallery__loading_13ltm","brokenImageWrapper":"gallery__brokenImageWrapper_13ltm","brokenIcon":"gallery__brokenIcon_13ltm","focused":"gallery__focused_13ltm","canvasPreview":"gallery__canvasPreview_13ltm"};
 require('./index.css');
 
 var ImagePreview = function (_a) {