@alfalab/core-components 26.5.2-beta.1 → 26.5.2-beta.4

package/textarea/cssm/index.js

@@ -7,6 +7,9 @@ require('react-textarea-autosize');
 require('react-merge-refs');
 require('@alfalab/hooks');
 require('../../form-control/cssm');
+require('./index.module.css');
+require('./default.module.css');
+require('./inverted.module.css');
 
 
 

package/themes/compiled/mobile-dark-bluetint.css

@@ -1,11 +1,4 @@
-.card-image__cardImage_1ud3e {
-    background: #e7e8ea;
-}
-.card-image__loaded_1ud3e {
-    background: transparent
-}.divider__component_w9y6x {
-    border-bottom: 1px solid #2b2b2e;
-}.badge__component_opndz {
+.badge__component_opndz {
     background-color: #ef3124;
     color: #000;
 }
@@ -36,6 +29,13 @@
     }
 .badge__icon_opndz:before {
     background-color: #121212;
+}.divider__component_w9y6x {
+    border-bottom: 1px solid #2b2b2e;
+}.card-image__cardImage_1ud3e {
+    background: #e7e8ea;
+}
+.card-image__loaded_1ud3e {
+    background: transparent
 }.dropzone__component_1cczq {
     border: 2px dashed #e9e9eb;
 }
@@ -72,6 +72,17 @@
 .backdrop__exitActive_ea8ip,
 .backdrop__exitDone_ea8ip {
     background-color: transparent;
+}.checkbox-group__error_1rr7m {
+    border-left: 1px solid #f15045;
+}
+.checkbox-group__label_1rr7m {
+    color: #fff;
+}
+.checkbox-group__errorMessage_1rr7m {
+    color: #f15045;
+}
+.checkbox-group__hint_1rr7m {
+    color: #8d8d93;
 }.checkbox__box_1q1h0 {
     color: #121212;
     background-color: #121212;
@@ -158,17 +169,6 @@
 }
 .checkbox__indeterminateLine_1q1h0 {
     background-color: #121212;
-}.checkbox-group__error_1rr7m {
-    border-left: 1px solid #f15045;
-}
-.checkbox-group__label_1rr7m {
-    color: #fff;
-}
-.checkbox-group__errorMessage_1rr7m {
-    color: #f15045;
-}
-.checkbox-group__hint_1rr7m {
-    color: #8d8d93;
 }.code-input__error_16j86 {
     color: #f15045;
 }
@@ -185,7 +185,40 @@
     }
 .code-input__input_1st1z.code-input__disabled_1st1z {
         color: #464649;
-    }.form-control__component_cviyy {
+    }.hatching-progress-bar__container_s55nn {
+    background: rgba(255, 255, 255, 0.1);
+}
+.hatching-progress-bar__hatch_s55nn {
+    background: repeating-linear-gradient(
+        -45deg,
+        #464649 6px 10px,
+        rgba(255, 255, 255, 0) 10px 18px
+    );
+}
+.hatching-progress-bar__positive_s55nn {
+    background: #2fc26e;
+}
+.hatching-progress-bar__attention_s55nn {
+    background: #f6bf65;
+}
+.hatching-progress-bar__negative_s55nn {
+    background: #d91d0b;
+}
+.hatching-progress-bar__link_s55nn {
+    background: #0072ef;
+}
+.hatching-progress-bar__tertiary_s55nn {
+    background: #464649;
+}
+.hatching-progress-bar__secondary_s55nn {
+    background: #8d8d93;
+}
+.hatching-progress-bar__primary_s55nn {
+    background: #fff;
+}
+.hatching-progress-bar__accent_s55nn {
+    background: #ef3124;
+}.form-control__component_cviyy {
     color: #fff;
 }
 .form-control__inner_cviyy {
@@ -242,44 +275,12 @@
 }
 .form-control__hasError_1gino .form-control__label_1gino {
     color: #ef3124;
-}.hatching-progress-bar__container_s55nn {
-    background: rgba(255, 255, 255, 0.1);
-}
-.hatching-progress-bar__hatch_s55nn {
-    background: repeating-linear-gradient(
-        -45deg,
-        #464649 6px 10px,
-        rgba(255, 255, 255, 0) 10px 18px
-    );
-}
-.hatching-progress-bar__positive_s55nn {
-    background: #2fc26e;
-}
-.hatching-progress-bar__attention_s55nn {
-    background: #f6bf65;
-}
-.hatching-progress-bar__negative_s55nn {
-    background: #d91d0b;
-}
-.hatching-progress-bar__link_s55nn {
-    background: #0072ef;
-}
-.hatching-progress-bar__tertiary_s55nn {
-    background: #464649;
-}
-.hatching-progress-bar__secondary_s55nn {
-    background: #8d8d93;
-}
-.hatching-progress-bar__primary_s55nn {
-    background: #fff;
-}
-.hatching-progress-bar__accent_s55nn {
-    background: #ef3124;
 }.list__list_sw1t0 {
     color: #fff;
 }
 .list__slot_sw1t0 {
     color: #fff;
+}@keyframes loader__blink_wt8o0 {
 }.icon-view__component_15w1m {
     color: rgba(235, 235, 245, 0.6);
 }
@@ -289,8 +290,55 @@
 .icon-view__border_15w1m {
     stroke: #485767;
     fill: transparent;
-}@keyframes loader__blink_wt8o0 {
-}.link__primary_132vt {
+}@media (max-width: 599px) {
+    }
+@media (min-width: 360px) {
+    }
+@media (min-width: 375px) {
+    }
+@media (min-width: 412px) {
+    }
+@media (min-width: 600px) and (max-width: 1023px) {
+    }
+@media (min-width: 600px) {
+    }
+@media (min-width: 768px) {
+    }
+@media (min-width: 1024px) {
+    }
+@media (min-width: 1024px) {
+    }
+@media (min-width: 1280px) {
+    }
+@media (min-width: 1440px) {
+    }
+@media (min-width: 1920px) {
+    }
+@media (max-width: 599px) {
+    }
+@media (min-width: 360px) {
+    }
+@media (min-width: 375px) {
+    }
+@media (min-width: 412px) {
+    }
+@media (min-width: 600px) and (max-width: 1023px) {
+    }
+@media (min-width: 600px) {
+    }
+@media (min-width: 768px) {
+    }
+@media (min-width: 1024px) {
+    }
+@media (min-width: 1024px) {
+    }
+@media (min-width: 1280px) {
+    }
+@media (min-width: 1440px) {
+    }
+@media (min-width: 1920px) {
+    }
+.link__primary_132vt {
     color: #fff;
     border-bottom-color: #fff
 }
@@ -310,14 +358,14 @@
 .link__secondary_132vt:active {
         color: rgb(187, 187, 190);
     }
-.link__default_132vt {
+.link__defaultView_132vt {
     color: #0072ef;
     border-bottom-color: #0072ef
 }
-.link__default_132vt:hover {
+.link__defaultView_132vt:hover {
         color: rgb(51, 142, 242);
     }
-.link__default_132vt:active {
+.link__defaultView_132vt:active {
         color: rgb(102, 170, 245);
     }
 .link__component_16ubq:hover .link__text_16ubq,
@@ -347,64 +395,16 @@
 .link__secondary_6zbvf:active {
         color: rgb(109, 113, 117);
     }
-.link__default_6zbvf {
+.link__defaultView_6zbvf {
     color: #0072ef;
     border-bottom-color: #0072ef
 }
-.link__default_6zbvf:hover {
+.link__defaultView_6zbvf:hover {
         color: rgb(0, 98, 204);
     }
-.link__default_6zbvf:active {
+.link__defaultView_6zbvf:active {
         color: rgb(0, 73, 153);
-    }@media (max-width: 599px) {
-    }
-@media (min-width: 360px) {
-    }
-@media (min-width: 375px) {
-    }
-@media (min-width: 412px) {
-    }
-@media (min-width: 600px) and (max-width: 1023px) {
-    }
-@media (min-width: 600px) {
-    }
-@media (min-width: 768px) {
-    }
-@media (min-width: 1024px) {
-    }
-@media (min-width: 1024px) {
-    }
-@media (min-width: 1280px) {
-    }
-@media (min-width: 1440px) {
-    }
-@media (min-width: 1920px) {
-    }
-@media (max-width: 599px) {
-    }
-@media (min-width: 360px) {
-    }
-@media (min-width: 375px) {
-    }
-@media (min-width: 412px) {
-    }
-@media (min-width: 600px) and (max-width: 1023px) {
-    }
-@media (min-width: 600px) {
-    }
-@media (min-width: 768px) {
-    }
-@media (min-width: 1024px) {
-    }
-@media (min-width: 1024px) {
-    }
-@media (min-width: 1280px) {
-    }
-@media (min-width: 1440px) {
-    }
-@media (min-width: 1920px) {
-    }
-.progress-bar__container_1owa0 {
+    }.progress-bar__container_1owa0 {
     background: rgba(255, 255, 255, 0.1)
 }
 .progress-bar__filled_1owa0.progress-bar__positive_1owa0 {
@@ -1314,7 +1314,9 @@
 
 
 
-.circular-progress-bar__backgroundCircle_1tiho,
+.list-header__filled_jj4y8 {
+    background-color: #485767;
+}.circular-progress-bar__backgroundCircle_1tiho,
 .circular-progress-bar__progressCircle_1tiho {
     fill: transparent;
 }
@@ -1355,8 +1357,19 @@
 }
 .stepped-progress-bar__accent_7bi3p {
     background: #ef3124;
-}.list-header__filled_jj4y8 {
-    background-color: #485767;
+}.drawer__backdropEnter_1owwz {
+    background-color: transparent;
+}
+.drawer__backdropEnterActive_1owwz,
+.drawer__backdropEnterDone_1owwz {
+    background-color: rgba(0, 0, 0, 0.8);
+}
+.drawer__backdropExit_1owwz {
+    background-color: rgba(0, 0, 0, 0.8);
+}
+.drawer__backdropExitActive_1owwz,
+.drawer__backdropExitDone_1owwz {
+    background-color: transparent;
 }.select-with-tags__tag_5bu5p:active:not(:disabled) {
         background-color: #f3f4f5;
     }
@@ -1381,19 +1394,10 @@
 }
 .select-with-tags__placeholder_78q0q {
     color: #464649;
-}.drawer__backdropEnter_1owwz {
-    background-color: transparent;
-}
-.drawer__backdropEnterActive_1owwz,
-.drawer__backdropEnterDone_1owwz {
-    background-color: rgba(0, 0, 0, 0.8);
-}
-.drawer__backdropExit_1owwz {
-    background-color: rgba(0, 0, 0, 0.8);
+}.attach__component_1eq0o {
 }
-.drawer__backdropExitActive_1owwz,
-.drawer__backdropExitDone_1owwz {
-    background-color: transparent;
+.attach__focused_1eq0o {
+    outline: 2px solid #007aff;
 }.custom-button__customButton_hdxwq.custom-button__white_hdxwq * {
         color: #fff;
     }
@@ -1414,10 +1418,32 @@
     }
 .custom-button__customButton_hdxwq:disabled.custom-button__black_hdxwq * {
         color: #000;
-    }.attach__component_1eq0o {
+    }.chart__coreChart_1gbzh .recharts-text tspan {
+        fill: #fff;
+    }
+@keyframes chart__showDot_11rtb {
 }
-.attach__focused_1eq0o {
-    outline: 2px solid #007aff;
+
+.chart__tickText_5my5s {
+    fill: #fff;
+}
+.chart__circle_5my5s {
+    fill: #121212;
+}
+.chart__circle_5my5s {
+    fill: #121212;
+}
+.chart__tooltip_1i4jp {
+    background-color: #121212;
+    border: 1px solid #2b2b2e;
+    box-shadow: 0 0 24px rgba(11, 31, 53, 0.12), 0 12px 24px rgba(11, 31, 53, 0.24);
+}
+.chart__tooltipArrow_1i4jp {
+    border: 1px solid #2b2b2e;
+    background-color: #121212;
+}
+.chart__tooltipArrow_1i4jp:before {
+    border-color: transparent #121212 transparent transparent;
 }.confirmation__component_14e19 {
     color: #8d8d93;
 }
@@ -1444,43 +1470,17 @@
 .confirmation__phoneDescription_16ee9 {
     color: #8d8d93;
 }
-.confirmation__header_1wl4b {
-    color: #fff;
-}
-.confirmation__description_1wl4b {
-    color: #8d8d93;
-}
 .confirmation__header_4xzn5 {
     color: #fff;
 }
 .confirmation__phone_4xzn5 {
     color: #fff;
-}.chart__coreChart_1gbzh .recharts-text tspan {
-        fill: #fff;
-    }
-@keyframes chart__showDot_11rtb {
-}
-
-.chart__tickText_5my5s {
-    fill: #fff;
-}
-.chart__circle_5my5s {
-    fill: #121212;
-}
-.chart__circle_5my5s {
-    fill: #121212;
-}
-.chart__tooltip_1i4jp {
-    background-color: #121212;
-    border: 1px solid #2b2b2e;
-    box-shadow: 0 0 24px rgba(11, 31, 53, 0.12), 0 12px 24px rgba(11, 31, 53, 0.24);
 }
-.chart__tooltipArrow_1i4jp {
-    border: 1px solid #2b2b2e;
-    background-color: #121212;
+.confirmation__header_1wl4b {
+    color: #fff;
 }
-.chart__tooltipArrow_1i4jp:before {
-    border-color: transparent #121212 transparent transparent;
+.confirmation__description_1wl4b {
+    color: #8d8d93;
 }.pagination__component_1lz5n {
     color: #fff;
 }
@@ -1828,40 +1828,6 @@
 .bottom-sheet__highlighted_lbhbz {
     border-bottom: 1px solid #2b2b2e;
 }
-.calendar__withShadow_samcs {
-    box-shadow: 0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08);
-}
-
-.calendar__empty_1e6en {
-    color: #8d8d93;
-}
-.calendar__button_37e06 {
-    background-color: transparent
-}
-.calendar__button_37e06:not(:disabled):hover {
-        background-color: #2c2c2e;
-        color: #fff;
-    }
-.calendar__button_37e06.calendar__filled_37e06 {
-        background-color: #2c2c2e
-    }
-.calendar__button_37e06.calendar__filled_37e06:not(:disabled):hover {
-            background-color: rgb(59, 59, 61);
-        }
-.calendar__button_37e06.calendar__outlined_37e06 {
-        border: 1px solid #fff;
-    }
-.calendar__button_37e06.calendar__selected_37e06,
-    .calendar__button_37e06.calendar__selected_37e06:disabled {
-        background-color: #fff;
-        color: #000
-    }
-.calendar__button_37e06.calendar__selected_37e06:not(:disabled):hover, .calendar__button_37e06.calendar__selected_37e06:disabled:not(:disabled):hover {
-            background-color: #fff;
-            color: #000;
-        }
-@media (max-width: 374px) {
-    }
 .calendar__dayName_1o7o8 {
     color: #8d8d93
 }
@@ -1934,6 +1900,40 @@
 .calendar__selected_1o7o8 .calendar__dot_1o7o8 {
     background: #121212;
 }
+.calendar__withShadow_samcs {
+    box-shadow: 0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08);
+}
+
+@media (max-width: 374px) {
+    }
+.calendar__empty_1e6en {
+    color: #8d8d93;
+}
+.calendar__button_37e06 {
+    background-color: transparent
+}
+.calendar__button_37e06:not(:disabled):hover {
+        background-color: #2c2c2e;
+        color: #fff;
+    }
+.calendar__button_37e06.calendar__filled_37e06 {
+        background-color: #2c2c2e
+    }
+.calendar__button_37e06.calendar__filled_37e06:not(:disabled):hover {
+            background-color: rgb(59, 59, 61);
+        }
+.calendar__button_37e06.calendar__outlined_37e06 {
+        border: 1px solid #fff;
+    }
+.calendar__button_37e06.calendar__selected_37e06,
+    .calendar__button_37e06.calendar__selected_37e06:disabled {
+        background-color: #fff;
+        color: #000
+    }
+.calendar__button_37e06.calendar__selected_37e06:not(:disabled):hover, .calendar__button_37e06.calendar__selected_37e06:disabled:not(:disabled):hover {
+            background-color: #fff;
+            color: #000;
+        }
 @media (max-width: 374px) {
     }
 
@@ -1945,14 +1945,6 @@
 
 
 
-.modal__highlighted_1no8d {
-    background: #121212;
-}
-.modal__sticky_1no8d.modal__hasContent_1no8d {
-        background: #121212;
-    }
-
-
 .modal__sticky_1role {
     background: #121212;
 }
@@ -1961,7 +1953,21 @@
     box-shadow: 0 -1px 0 0 #2b2b2e;
 }
 
-.bank-card__component_nhymy {
+
+
+.modal__highlighted_1no8d {
+    background: #121212;
+}
+.modal__sticky_1no8d.modal__hasContent_1no8d {
+        background: #121212;
+    }
+.toast__toastPlate_bolpy {
+    box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
+}
+.toast__popoverInner_bolpy {
+    box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
+    background-color: transparent;
+}.bank-card__component_nhymy {
     --form-control-bg-color: transparent;
     --form-control-hover-bg-color: transparent;
     --form-control-focus-bg-color: transparent;
@@ -1988,13 +1994,7 @@
 }
 .bank-card__usePhoto_nhymy svg {
         fill: #000;
-    }.toast__toastPlate_bolpy {
-    box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
-}
-.toast__popoverInner_bolpy {
-    box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
-    background-color: transparent;
-}.amount-input__minorPartAndCurrency_1ak29 {
+    }.amount-input__minorPartAndCurrency_1ak29 {
     color: #8d8d93;
 }
 .amount-input__filled_2pfhc .amount-input__input_2pfhc,
@@ -2014,11 +2014,10 @@
     border-color: #121212;
 }
 @media (min-width: 600px) {
-}.calendar-with-skeleton__skeleton_23ffd {
-    background-color: #121212;
-}.calendar-input__calendarIcon_xzo15 {
-    color: #fff
-}.select__popoverInner_1n0g9 {
+}.select__arrow_gt8og {
+    color: #fff;
+}
+.select__popoverInner_1n0g9 {
     background: transparent;
 }
 .select__optionsList_1n0g9 {
@@ -2069,9 +2068,6 @@
 .select__popoverInner_xf6dh {
     background: transparent;
 }
-.select__arrow_gt8og {
-    color: #fff;
-}
 .select__virtualRow_sx26w:before {
         background: #2b2b2e;
     }
@@ -2096,10 +2092,35 @@
 }
 .select__withBorder_s7hdr {
     box-shadow: inset 0 1px 0 #262629;
+}.calendar-with-skeleton__skeleton_23ffd {
+    background-color: #121212;
+}.calendar-input__calendarIcon_xzo15 {
+    color: #fff
 }.gallery__modal_1htxm {
     background: transparent;
 }
+.gallery__header_yfa8f {
+    background-color: #e9e9eb;
+}
 
+.gallery__component_vn28d {
+    border: 2px solid rgba(0, 0, 0, 0);
+}
+.gallery__active_vn28d {
+    border-color: #121212
+}
+.gallery__image_vn28d {
+    background-color: #121212
+}
+.gallery__loading_vn28d {
+    background-color: #e9eaeb;
+}
+.gallery__brokenImageWrapper_vn28d {
+    background-color: #121212
+}
+.gallery__focused_vn28d {
+    outline: 2px solid #007aff;
+}
 .gallery__component_5xvh6 {
     background-color: rgba(255, 255, 255, 0.5);
 }
@@ -2130,38 +2151,17 @@
 .gallery__fullScreenImage_5xvh6 {
     background-color: #121212;
 }
-.gallery__component_vn28d {
-    border: 2px solid rgba(0, 0, 0, 0);
-}
-.gallery__active_vn28d {
-    border-color: #121212
-}
-.gallery__image_vn28d {
-    background-color: #121212
-}
-.gallery__loading_vn28d {
-    background-color: #e9eaeb;
-}
-.gallery__brokenImageWrapper_vn28d {
-    background-color: #121212
-}
-.gallery__focused_vn28d {
-    outline: 2px solid #007aff;
-}
 .gallery__component_1geaf {
     background-color: #e9e9eb
-}
-.gallery__header_yfa8f {
-    background-color: #e9e9eb;
 }.calendar-range__divider_18xe0:after {
         background-color: #fff;
     }
-.intl-phone-input__dialCode_esd92 {
-    color: #8d8d93;
-}
 .intl-phone-input__flagIcon_1rzmo {
     box-shadow: 0 0 2px 0 rgba(11, 31, 53, 0.25)
 }
+.intl-phone-input__dialCode_esd92 {
+    color: #8d8d93;
+}
 .intl-phone-input__focusVisible_9sqkn {
     outline: 2px solid #007aff;
 }.table__component_1wz3e {