@alfalab/core-components 47.3.0 → 47.4.0

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

@@ -1,96 +1,96 @@
-.badge__component_1aflv.badge__background-accent_1aflv {
+.backdrop__backdrop_1o6xs {
+    -webkit-tap-highlight-color: transparent;
+} .backdrop__appear_1o6xs,
+.backdrop__enter_1o6xs {
+    background-color: transparent;
+} .backdrop__appearActive_1o6xs,
+.backdrop__enterActive_1o6xs,
+.backdrop__appearDone_1o6xs,
+.backdrop__enterDone_1o6xs {
+    background-color: rgba(0, 0, 0, 0.7);
+} .backdrop__exit_1o6xs {
+    background-color: rgba(0, 0, 0, 0.7);
+} .backdrop__exitActive_1o6xs,
+.backdrop__exitDone_1o6xs {
+    background-color: transparent;
+}.card-image__cardImage_us3oo {
+    background: #e7e8ea;
+} .card-image__loaded_us3oo {
+    background: transparent
+}.badge__component_1s32n.badge__background-accent_1s32n {
         background-color: #f83a2a;
         color: rgba(255, 255, 255, 0.94);
-    } .badge__component_1aflv.badge__background-specialbg-secondary-transparent_1aflv {
+    } .badge__component_1s32n.badge__background-specialbg-secondary-transparent_1s32n {
         background-color: rgba(225, 225, 248, 0.09);
         color: rgba(255, 255, 255, 0.94);
-    } .badge__component_1aflv.badge__background-primary_1aflv {
+    } .badge__component_1s32n.badge__background-primary_1s32n {
         background-color: #262629;
         color: rgba(255, 255, 255, 0.94);
-    } .badge__outlineCount_1aflv {
+    } .badge__outlineCount_1s32n {
     border: 2px solid rgba(3, 3, 6, 0.88);
-} .badge__heightS_1aflv.badge__outlineCount_1aflv {
+} .badge__heightS_1s32n.badge__outlineCount_1s32n {
     border: 1px solid rgba(3, 3, 6, 0.88);
-} .badge__icon_1aflv {
+} .badge__icon_1s32n {
     color: #17d055
-} .badge__icon_1aflv.badge__positive_1aflv {
+} .badge__icon_1s32n.badge__positive_1s32n {
         color: #17d055;
         background-color: #17d055;
-    } .badge__icon_1aflv.badge__attention_1aflv {
+    } .badge__icon_1s32n.badge__attention_1s32n {
         color: #fda136;
         background-color: #fda136;
-    } .badge__icon_1aflv.badge__negative_1aflv {
+    } .badge__icon_1s32n.badge__negative_1s32n {
         color: #ff4837;
         background-color: #ff4837;
-    } .badge__icon_1aflv.badge__link_1aflv {
+    } .badge__icon_1s32n.badge__link_1s32n {
         color: #3193fc;
         background-color: #3193fc;
-    } .badge__icon_1aflv.badge__tertiary_1aflv {
+    } .badge__icon_1s32n.badge__tertiary_1s32n {
         color: #4a4a51;
         background-color: #4a4a51;
-    } .badge__icon_1aflv.badge__secondary_1aflv {
+    } .badge__icon_1s32n.badge__secondary_1s32n {
         color: #898991;
         background-color: #898991;
-    } .badge__icon_1aflv.badge__primary_1aflv {
+    } .badge__icon_1s32n.badge__primary_1s32n {
         color: rgba(255, 255, 255, 0.94);
         background-color: rgba(255, 255, 255, 0.94);
-    } .badge__graphic-static-light_1aflv.badge__icon_1aflv:before {
+    } .badge__graphic-static-light_1s32n.badge__icon_1s32n:before {
     background-color: rgba(255, 255, 255, 0.94);
-} .badge__graphic-primary_1aflv.badge__icon_1aflv:before {
+} .badge__graphic-primary_1s32n.badge__icon_1s32n:before {
     background-color: rgba(255, 255, 255, 0.94);
-} .badge__outline_1aflv {
+} .badge__outline_1s32n {
     background-color: rgba(3, 3, 6, 0.88);
-} .badge__outlineColor_1aflv {
+} .badge__outlineColor_1s32n {
     background-color: #f83a2a
-} .badge__outlineColor_1aflv.badge__attention_1aflv {
+} .badge__outlineColor_1s32n.badge__attention_1s32n {
         background-color: #fda136;
-    } .badge__outlineColor_1aflv.badge__positive_1aflv {
+    } .badge__outlineColor_1s32n.badge__positive_1s32n {
         background-color: #17d055;
-    } .badge__outlineColor_1aflv.badge__negative_1aflv {
+    } .badge__outlineColor_1s32n.badge__negative_1s32n {
         background-color: #ff4837;
-    } .badge__outlineColor_1aflv.badge__link_1aflv {
+    } .badge__outlineColor_1s32n.badge__link_1s32n {
         background-color: #3193fc;
-    } .badge__outlineColor_1aflv.badge__tertiary_1aflv {
+    } .badge__outlineColor_1s32n.badge__tertiary_1s32n {
         background-color: #4a4a51;
-    } .badge__outlineColor_1aflv.badge__secondary_1aflv {
+    } .badge__outlineColor_1s32n.badge__secondary_1s32n {
         background-color: #898991;
-    } .badge__outlineColor_1aflv.badge__primary_1aflv {
+    } .badge__outlineColor_1s32n.badge__primary_1s32n {
         background-color: rgba(255, 255, 255, 0.94);
-    } .badge__dot_1aflv.badge__outlineCount_1aflv {
+    } .badge__dot_1s32n.badge__outlineCount_1s32n {
     border: 1px solid rgba(3, 3, 6, 0.88);
-}.card-image__cardImage_qbq9j {
-    background: #e7e8ea;
-} .card-image__loaded_qbq9j {
-    background: transparent
-}.backdrop__backdrop_1k22i {
-    -webkit-tap-highlight-color: transparent;
-} .backdrop__appear_1k22i,
-.backdrop__enter_1k22i {
-    background-color: transparent;
-} .backdrop__appearActive_1k22i,
-.backdrop__enterActive_1k22i,
-.backdrop__appearDone_1k22i,
-.backdrop__enterDone_1k22i {
-    background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exit_1k22i {
-    background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exitActive_1k22i,
-.backdrop__exitDone_1k22i {
-    background-color: transparent;
-}.divider__component_17y4s {
+}.divider__component_tss0w {
     border-bottom: 1px solid #353539;
-}.dropzone__component_15som {
+}.dropzone__component_5opvo {
     border: 1px dashed rgba(255, 255, 255, 0.94);
-} .dropzone__component_15som:not(.dropzone__disabled_15som):hover {
+} .dropzone__component_5opvo:not(.dropzone__disabled_5opvo):hover {
     background-color: transparent;
-} .dropzone__dragOver_15som {
+} .dropzone__dragOver_5opvo {
     background-color: transparent;
-} .dropzone__error_15som {
+} .dropzone__error_5opvo {
     border-color: #ff4837;
 }
-.dropzone__overlay_ikfyi {
+.dropzone__overlay_ic8q3 {
     background: rgba(214, 214, 229, 0.07);
-} .dropzone__text_ikfyi {
+} .dropzone__text_ic8q3 {
     color: rgba(255, 255, 255, 0.94);
 }@media (max-width: 599px) {
     }
@@ -144,305 +144,305 @@
     }
 @media (min-width: 1920px) {
     }
-.hatching-progress-bar__container_bbsfy {
+.hatching-progress-bar__container_zr6li {
     background: rgba(222, 222, 238, 0.13);
-} .hatching-progress-bar__hatch_bbsfy {
+} .hatching-progress-bar__hatch_zr6li {
     background: repeating-linear-gradient(
         -45deg,
         rgba(222, 222, 238, 0.13) 6px 10px,
         rgba(255, 255, 255, 0) 10px 18px
     );
-} .hatching-progress-bar__positive_bbsfy {
+} .hatching-progress-bar__positive_zr6li {
         background: #17d055;
-    } .hatching-progress-bar__attention_bbsfy {
+    } .hatching-progress-bar__attention_zr6li {
         background: #fda136;
-    } .hatching-progress-bar__negative_bbsfy {
+    } .hatching-progress-bar__negative_zr6li {
         background: #ff4837;
-    } .hatching-progress-bar__link_bbsfy {
+    } .hatching-progress-bar__link_zr6li {
         background: #3193fc;
-    } .hatching-progress-bar__tertiary_bbsfy {
+    } .hatching-progress-bar__tertiary_zr6li {
         background: #4a4a51;
-    } .hatching-progress-bar__secondary_bbsfy {
+    } .hatching-progress-bar__secondary_zr6li {
         background: #898991;
-    } .hatching-progress-bar__primary_bbsfy {
+    } .hatching-progress-bar__primary_zr6li {
         background: rgba(255, 255, 255, 0.94);
-    } .hatching-progress-bar__accent_bbsfy {
+    } .hatching-progress-bar__accent_zr6li {
         background: #f83a2a;
-    }.indicator__component_1fbl4 {
+    }.indicator__component_n2a89 {
     color: rgba(255, 255, 255, 0.94);
     background-color: #f83a2a;
-} .indicator__red_1fbl4 {
+} .indicator__red_n2a89 {
     background-color: #f83a2a;
     color: rgba(255, 255, 255, 0.94)
-} .indicator__red_1fbl4.indicator__border_1fbl4 {
+} .indicator__red_n2a89.indicator__border_n2a89 {
         outline: 2px solid rgba(3, 3, 6, 0.88);
-    } .indicator__white_1fbl4 {
+    } .indicator__white_n2a89 {
     background-color: #262629;
     color: rgba(255, 255, 255, 0.94)
-} .indicator__white_1fbl4.indicator__border_1fbl4 {
+} .indicator__white_n2a89.indicator__border_n2a89 {
         outline: 2px solid rgba(3, 3, 6, 0.88);
-    } .indicator__grey_1fbl4 {
+    } .indicator__grey_n2a89 {
     background-color: rgba(225, 225, 248, 0.09);
     color: rgba(255, 255, 255, 0.94)
-} .indicator__grey_1fbl4.indicator__border_1fbl4 {
+} .indicator__grey_n2a89.indicator__border_n2a89 {
         outline: 2px solid rgba(3, 3, 6, 0.88);
-    }.icon-view__component_1w72b {
+    }.icon-view__component_nad0r {
     color: rgba(238, 238, 251, 0.55)
-} .icon-view__bg_1w72b {
+} .icon-view__bg_nad0r {
     fill: #1c1c1e;
-} .icon-view__border_1w72b {
+} .icon-view__border_nad0r {
     stroke: rgba(225, 225, 248, 0.09);
     fill: transparent;
-}@keyframes loader__blink_15zs0 {
-}.link__primary_zgjuj {
+}@keyframes loader__blink_lzk8v {
+}.link__primary_bdei5 {
     color: rgba(255, 255, 255, 0.94);
     border-bottom-color: rgba(255, 255, 255, 0.94)
 } @media (hover: hover) {
-        .link__primary_zgjuj:hover {
+        .link__primary_bdei5:hover {
             color: rgba(255, 255, 255, 0.7);
         }
-    } .link__primary_zgjuj:active {
+    } .link__primary_bdei5:active {
         color: rgba(255, 255, 255, 0.6);
-    } .link__secondary_zgjuj {
+    } .link__secondary_bdei5 {
     color: rgba(238, 238, 251, 0.55);
     border-bottom-color: rgba(238, 238, 251, 0.55)
 } @media (hover: hover) {
-        .link__secondary_zgjuj:hover {
+        .link__secondary_bdei5:hover {
             color: rgba(239, 240, 252, 0.65);
         }
-    } .link__secondary_zgjuj:active {
+    } .link__secondary_bdei5:active {
         color: rgba(243, 245, 254, 0.75);
-    } .link__defaultView_zgjuj {
+    } .link__defaultView_bdei5 {
     color: #4a9dfc;
     border-bottom-color: #4a9dfc
 } @media (hover: hover) {
-        .link__defaultView_zgjuj:hover {
+        .link__defaultView_bdei5:hover {
             color: #63aafd;
         }
-    } .link__defaultView_zgjuj:active {
+    } .link__defaultView_bdei5:active {
         color: #7fb6ff;
     }
 @media (hover: hover) {
-        .link__component_15eb2:hover .link__text_15eb2 {
+        .link__component_1n7q8:hover .link__text_1n7q8 {
             border-bottom-color: rgba(0, 0, 0, 0);
         }
-    } .link__component_15eb2:active .link__text_15eb2 {
+    } .link__component_1n7q8:active .link__text_1n7q8 {
         border-bottom-color: rgba(0, 0, 0, 0);
-    } .link__focused_15eb2 {
+    } .link__focused_1n7q8 {
     outline: 2px solid #3193fc;
-} .link__pseudo_15eb2 {
+} .link__pseudo_1n7q8 {
     background-color: transparent;
 }
-.link__primary_3czwl {
+.link__primary_1eaym {
     color: rgba(3, 3, 6, 0.88);
     border-bottom-color: rgba(3, 3, 6, 0.88)
 } @media (hover: hover) {
-        .link__primary_3czwl:hover {
+        .link__primary_1eaym:hover {
             color: rgba(1, 1, 12, 0.63);
         }
-    } .link__primary_3czwl:active {
+    } .link__primary_1eaym:active {
         color: rgba(4, 4, 19, 0.55);
-    } .link__secondary_3czwl {
+    } .link__secondary_1eaym {
     color: rgba(4, 4, 19, 0.55);
     border-bottom-color: rgba(4, 4, 19, 0.55)
 } @media (hover: hover) {
-        .link__secondary_3czwl:hover {
+        .link__secondary_1eaym:hover {
             color: rgba(1, 1, 12, 0.63);
         }
-    } .link__secondary_3czwl:active {
+    } .link__secondary_1eaym:active {
         color: rgba(0, 0, 10, 0.71);
-    } .link__defaultView_3czwl {
+    } .link__defaultView_1eaym {
     color: #2a77ef;
     border-bottom-color: #2a77ef
 } @media (hover: hover) {
-        .link__defaultView_3czwl:hover {
+        .link__defaultView_1eaym:hover {
             color: #2c64d4;
         }
-    } .link__defaultView_3czwl:active {
+    } .link__defaultView_1eaym:active {
         color: #2453b4;
-    }.progress-bar__container_msg6m {
+    }.progress-bar__container_nxaqq {
     background: rgba(222, 222, 238, 0.13)
-} .progress-bar__filled_msg6m.progress-bar__positive_msg6m {
+} .progress-bar__filled_nxaqq.progress-bar__positive_nxaqq {
         background: #17d055;
-    } .progress-bar__filled_msg6m.progress-bar__negative_msg6m {
+    } .progress-bar__filled_nxaqq.progress-bar__negative_nxaqq {
         background: #ff4837;
-    } .progress-bar__filled_msg6m.progress-bar__attention_msg6m {
+    } .progress-bar__filled_nxaqq.progress-bar__attention_nxaqq {
         background: #fda136;
-    } .progress-bar__filled_msg6m.progress-bar__link_msg6m {
+    } .progress-bar__filled_nxaqq.progress-bar__link_nxaqq {
         background: #3193fc;
-    } .progress-bar__filled_msg6m.progress-bar__tertiary_msg6m {
+    } .progress-bar__filled_nxaqq.progress-bar__tertiary_nxaqq {
         background: #4a4a51;
-    } .progress-bar__filled_msg6m.progress-bar__secondary_msg6m {
+    } .progress-bar__filled_nxaqq.progress-bar__secondary_nxaqq {
         background: #898991;
-    } .progress-bar__filled_msg6m.progress-bar__primary_msg6m {
+    } .progress-bar__filled_nxaqq.progress-bar__primary_nxaqq {
         background: rgba(255, 255, 255, 0.94);
-    } .progress-bar__filled_msg6m.progress-bar__accent_msg6m {
+    } .progress-bar__filled_nxaqq.progress-bar__accent_nxaqq {
         background: #f83a2a;
-    }.scrollbar__component_9blyg .scrollbar:before {
+    }.scrollbar__component_1mk32 .scrollbar:before {
             background-color: rgba(228, 228, 251, 0.28);
-        } .scrollbar__component_9blyg.dragging .track .scrollbar.visible:before {
+        } .scrollbar__component_1mk32.dragging .track .scrollbar.visible:before {
             background-color: rgba(238, 238, 254, 0.46);
         }
 
-.scrollbar__component_1re04 .scrollbar:before {
+.scrollbar__component_15ld7 .scrollbar:before {
             background-color: rgba(9, 12, 37, 0.28);
-        } .scrollbar__component_1re04.dragging .track .scrollbar.visible:before {
+        } .scrollbar__component_15ld7.dragging .track .scrollbar.visible:before {
             background-color: rgba(4, 4, 21, 0.47);
-        }.skeleton__component_10h1u {
+        }.skeleton__component_1y83j {
     color: transparent;
     background: rgba(214, 214, 229, 0.07)
-} .skeleton__component_10h1u:before {
+} .skeleton__component_1y83j:before {
     background: transparent;
-} @keyframes skeleton__background_10h1u {
+} @keyframes skeleton__background_1y83j {
     0% {
         background: rgba(214, 214, 229, 0.07);
     }
     100% {
         background: rgba(222, 222, 238, 0.13);
     }
-}.slider__component_1vpen .noUi-base:hover .noUi-connects {
+}.slider__component_1yrhg .noUi-base:hover .noUi-connects {
             background: rgba(222, 222, 238, 0.13);
-        } .slider__component_1vpen .noUi-base:hover .noUi-connect {
+        } .slider__component_1yrhg .noUi-base:hover .noUi-connect {
             background: #f83a2a;
-        } .slider__component_1vpen .noUi-handle:hover .noUi-touch-area {
+        } .slider__component_1yrhg .noUi-handle:hover .noUi-touch-area {
         background: #ff503e;
-    } .slider__component_1vpen .noUi-handle:active .noUi-touch-area {
+    } .slider__component_1yrhg .noUi-handle:active .noUi-touch-area {
         background: #fd624e;
-    } .slider__component_1vpen .noUi-connects {
+    } .slider__component_1yrhg .noUi-connects {
         background: rgba(222, 222, 238, 0.13);
-    } .slider__component_1vpen .noUi-connect {
+    } .slider__component_1yrhg .noUi-connect {
         background: #f83a2a;
-    } .slider__component_1vpen .noUi-handle {
+    } .slider__component_1yrhg .noUi-handle {
         border: 2px solid transparent;
-    } .slider__component_1vpen .noUi-touch-area {
+    } .slider__component_1yrhg .noUi-touch-area {
         background: #f83a2a;
-    } .slider__component_1vpen .noUi-pips {
+    } .slider__component_1yrhg .noUi-pips {
         color: rgba(238, 238, 251, 0.55);
-    }.segmented-control__wrapper_65xq3 {
+    }.segmented-control__wrapper_fysv3 {
     background-color: rgba(225, 225, 248, 0.09);
-} .segmented-control__segment_65xq3.segmented-control__selected_65xq3 {
+} .segmented-control__segment_fysv3.segmented-control__selected_fysv3 {
     color: rgba(255, 255, 255, 0.94);
-} .segmented-control__selectedBox_65xq3 {
+} .segmented-control__selectedBox_fysv3 {
     border: 0.5px solid rgba(225, 225, 248, 0.09);
     background-color: rgba(214, 214, 229, 0.07);
 }
-.segmented-control__selectedBox_6up0i {
+.segmented-control__selectedBox_dqqz3 {
     box-shadow: 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),
         0 0 1px rgba(0, 0, 0, 0.04);
 }
-.segmented-control__wrapper_qrr64 {
+.segmented-control__wrapper_l1s8w {
     background-color: rgba(30, 43, 68, 0.08);
-} .segmented-control__segment_qrr64.segmented-control__selected_qrr64 {
+} .segmented-control__segment_l1s8w.segmented-control__selected_l1s8w {
     color: rgba(3, 3, 6, 0.88);
-} .segmented-control__selectedBox_qrr64 {
+} .segmented-control__selectedBox_l1s8w {
     border: 0.5px solid rgba(30, 43, 68, 0.08);
     background-color: #fff;
 }
-.segmented-control__segment_16c62 {
+.segmented-control__segment_zlpno {
     color: rgba(255, 255, 255, 0.94)
-} .segmented-control__segment_16c62:not(:first-child):before {
+} .segmented-control__segment_zlpno:not(:first-child):before {
         background-color: rgba(222, 222, 238, 0.13);
     }
-.segmented-control__segment_184vb {
+.segmented-control__segment_1nijd {
     background-color: transparent
-} .segmented-control__focused_184vb {
+} .segmented-control__focused_1nijd {
     outline: 2px solid #3193fc;
 }
-.segmented-control__segment_1nndp {
+.segmented-control__segment_1gwxa {
     color: rgba(3, 3, 6, 0.88)
-} .segmented-control__segment_1nndp:not(:first-child):before {
+} .segmented-control__segment_1gwxa:not(:first-child):before {
         background-color: rgba(15, 25, 55, 0.1);
-    }.spinner__component_12j1r {
+    }.spinner__component_79g6o {
     color: rgba(255, 255, 255, 0.94);
 }
-@keyframes spinner__spin_animation_1sk0o {
+@keyframes spinner__spin_animation_posb2 {
 }
-.spinner__component_18de8 {
+.spinner__component_d3snd {
     color: rgba(3, 3, 6, 0.88);
-}.status-badge__positive-checkmark_1kp3t {
+}.status-badge__positive-checkmark_1ovuv {
     background-color: #17d055;
-} .status-badge__negative-cross_1kp3t,
-.status-badge__negative-alert_1kp3t,
-.status-badge__negative-block_1kp3t {
+} .status-badge__negative-cross_1ovuv,
+.status-badge__negative-alert_1ovuv,
+.status-badge__negative-block_1ovuv {
     background-color: #ff4837;
-} .status-badge__attention-alert_1kp3t {
+} .status-badge__attention-alert_1ovuv {
     background-color: #fda136;
-} .status-badge__neutral-information_1kp3t,
-.status-badge__neutral-operation_1kp3t,
-.status-badge__neutral-cross_1kp3t {
+} .status-badge__neutral-information_1ovuv,
+.status-badge__neutral-operation_1ovuv,
+.status-badge__neutral-cross_1ovuv {
     background-color: #898991;
 }
-.status-badge__component_1bgsm {
+.status-badge__component_vq2rl {
     color: rgba(255, 255, 255, 0.94);
 }
-.status-badge__positive-checkmark_tfsyz {
+.status-badge__positive-checkmark_xmk10 {
     background-color: #0cc44d;
-} .status-badge__negative-cross_tfsyz,
-.status-badge__negative-alert_tfsyz,
-.status-badge__negative-block_tfsyz {
+} .status-badge__negative-cross_xmk10,
+.status-badge__negative-alert_xmk10,
+.status-badge__negative-block_xmk10 {
     background-color: #ff4837;
-} .status-badge__attention-alert_tfsyz {
+} .status-badge__attention-alert_xmk10 {
     background-color: #fa9313;
-} .status-badge__neutral-information_tfsyz,
-.status-badge__neutral-operation_tfsyz,
-.status-badge__neutral-cross_tfsyz {
+} .status-badge__neutral-information_xmk10,
+.status-badge__neutral-operation_xmk10,
+.status-badge__neutral-cross_xmk10 {
     background-color: #898991;
-}.status__soft_1vx80.status__green_1vx80, .status__muted-alt_1vx80.status__green_1vx80 {
+}.status__soft_s64t5.status__green_s64t5, .status__muted-alt_s64t5.status__green_s64t5 {
             background: #d1f1d7;
             color: #0d9336;
-        } .status__soft_1vx80.status__orange_1vx80, .status__muted-alt_1vx80.status__orange_1vx80 {
+        } .status__soft_s64t5.status__orange_s64t5, .status__muted-alt_s64t5.status__orange_s64t5 {
             background: #fde6c8;
             color: #ea8313;
-        } .status__soft_1vx80.status__red_1vx80, .status__muted-alt_1vx80.status__red_1vx80 {
+        } .status__soft_s64t5.status__red_s64t5, .status__muted-alt_s64t5.status__red_s64t5 {
             background: #ffdfdf;
             color: #ec2d20;
-        } .status__soft_1vx80.status__blue_1vx80, .status__muted-alt_1vx80.status__blue_1vx80 {
+        } .status__soft_s64t5.status__blue_s64t5, .status__muted-alt_s64t5.status__blue_s64t5 {
             background: #d8eaff;
             color: #2a77ef;
-        } .status__soft_1vx80.status__teal_1vx80, .status__muted-alt_1vx80.status__teal_1vx80 {
+        } .status__soft_s64t5.status__teal_s64t5, .status__muted-alt_s64t5.status__teal_s64t5 {
             background: #c8f1f3;
             color: #058a8f;
-        } .status__soft_1vx80.status__grey_1vx80, .status__muted-alt_1vx80.status__grey_1vx80 {
+        } .status__soft_s64t5.status__grey_s64t5, .status__muted-alt_s64t5.status__grey_s64t5 {
         background: rgba(222, 222, 238, 0.13);
         color: rgba(238, 238, 251, 0.55);
-    } .status__soft_1vx80.status__purple_1vx80, .status__muted-alt_1vx80.status__purple_1vx80 {
+    } .status__soft_s64t5.status__purple_s64t5, .status__muted-alt_s64t5.status__purple_s64t5 {
         background: #e3e6fe;
         color: #7a63f1;
-    } .status__contrast_1vx80 {
+    } .status__contrast_s64t5 {
     color: rgba(3, 3, 6, 0.88)
-} .status__contrast_1vx80.status__green_1vx80 {
+} .status__contrast_s64t5.status__green_s64t5 {
             background: #0cc44d;
-        } .status__contrast_1vx80.status__orange_1vx80 {
+        } .status__contrast_s64t5.status__orange_s64t5 {
             background: #fa9313;
-        } .status__contrast_1vx80.status__red_1vx80 {
+        } .status__contrast_s64t5.status__red_s64t5 {
             background: #fe5e48;
-        } .status__contrast_1vx80.status__blue_1vx80 {
+        } .status__contrast_s64t5.status__blue_s64t5 {
             background: #3193fc;
-        } .status__contrast_1vx80.status__teal_1vx80 {
+        } .status__contrast_s64t5.status__teal_s64t5 {
             background: #09b9be;
-        } .status__contrast_1vx80.status__grey_1vx80 {
+        } .status__contrast_s64t5.status__grey_s64t5 {
         background: #898991;
-    } .status__contrast_1vx80.status__purple_1vx80 {
+    } .status__contrast_s64t5.status__purple_s64t5 {
         background: #897eff;
-    } .status__muted_1vx80.status__green_1vx80 {
+    } .status__muted_s64t5.status__green_s64t5 {
             background: #dff8e5;
             color: #0d9336;
-        } .status__muted_1vx80.status__orange_1vx80 {
+        } .status__muted_s64t5.status__orange_s64t5 {
             background: #ffefd9;
             color: #ea8313;
-        } .status__muted_1vx80.status__red_1vx80 {
+        } .status__muted_s64t5.status__red_s64t5 {
             background: #ffebeb;
             color: #ec2d20;
-        } .status__muted_1vx80.status__blue_1vx80 {
+        } .status__muted_s64t5.status__blue_s64t5 {
             background: #e4f0ff;
             color: #2a77ef;
-        } .status__muted_1vx80.status__teal_1vx80 {
+        } .status__muted_s64t5.status__teal_s64t5 {
             background: #daf7f8;
             color: #058a8f;
-        } .status__muted_1vx80.status__grey_1vx80 {
+        } .status__muted_s64t5.status__grey_s64t5 {
         background: rgba(225, 225, 248, 0.09);
         color: rgba(238, 238, 251, 0.55);
-    } .status__muted_1vx80.status__purple_1vx80 {
+    } .status__muted_s64t5.status__purple_s64t5 {
         background: #eeedff;
         color: #7a63f1;
     }

package/toast/Component.responsive.d.ts

@@ -4,6 +4,7 @@ import { BaseToastProps } from "./components/base-toast/index";
 type ToastProps = BaseToastProps;
 declare const Toast: React.ForwardRefExoticComponent<Omit<import("../toast-plate/components/base-toast-plate").BaseToastPlateProps, "styles"> & {
     breakpoint?: number | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & Pick<import("../popover").PopoverProps, "getPortalContainer" | "transition" | "useAnchorWidth" | "offset" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
     anchorElement?: HTMLElement | null | undefined;
     autoCloseDelay?: number | undefined;
@@ -13,6 +14,7 @@ declare const Toast: React.ForwardRefExoticComponent<Omit<import("../toast-plate
     onClose: () => void;
     ToastPlate?: React.ForwardRefExoticComponent<Omit<import("../toast-plate/components/base-toast-plate").BaseToastPlateProps, "styles"> & {
         breakpoint?: number | undefined;
+        defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
     } & React.RefAttributes<HTMLDivElement>> | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export { ToastProps, Toast };

package/toast/Component.responsive.js

@@ -11,9 +11,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var Toast = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["children", "breakpoint"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["children", "breakpoint", "defaultMatchMediaValue"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
-    var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
+    var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue)[0];
     var Component = isDesktop ? desktop_Component_desktop.ToastDesktop : mobile_Component_mobile.ToastMobile;
     return (React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps), children));
 });

package/toast/components/base-toast/component.d.ts

@@ -38,6 +38,7 @@ type BaseToastProps = ToastPlateProps & Pick<PopoverProps, 'fallbackPlacements'
 };
 declare const BaseToast: React.ForwardRefExoticComponent<Omit<import("../../../toast-plate/components/base-toast-plate").BaseToastPlateProps, "styles"> & {
     breakpoint?: number | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & Pick<PopoverProps, "getPortalContainer" | "transition" | "useAnchorWidth" | "offset" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
     /**
      * Элемент, относительного которого появляется тост.
@@ -71,6 +72,7 @@ declare const BaseToast: React.ForwardRefExoticComponent<Omit<import("../../../t
      */
     ToastPlate?: React.ForwardRefExoticComponent<Omit<import("../../../toast-plate/components/base-toast-plate").BaseToastPlateProps, "styles"> & {
         breakpoint?: number | undefined;
+        defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
     } & React.RefAttributes<HTMLDivElement>> | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export { BaseToastProps, BaseToast };

package/toast/components/base-toast/component.js

@@ -17,7 +17,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"toastPlate":"toast__toastPlate_s9fij","title":"toast__title_s9fij","popoverInner":"toast__popoverInner_s9fij","block":"toast__block_s9fij","fixed":"toast__fixed_s9fij","enter":"toast__enter_s9fij","enterActive":"toast__enterActive_s9fij","exit":"toast__exit_s9fij","exitActive":"toast__exitActive_s9fij"};
+var styles = {"toastPlate":"toast__toastPlate_mwyn5","title":"toast__title_mwyn5","popoverInner":"toast__popoverInner_mwyn5","block":"toast__block_mwyn5","fixed":"toast__fixed_mwyn5","enter":"toast__enter_mwyn5","enterActive":"toast__enterActive_mwyn5","exit":"toast__exit_mwyn5","exitActive":"toast__exitActive_mwyn5"};
 require('./index.css');
 
 var CSS_TRANSITION_CLASS_NAMES = {