@alfalab/core-components 47.12.1 → 47.13.0

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

@@ -1,96 +1,96 @@
-.backdrop__backdrop_rwdzo {
+.backdrop__backdrop_vkqh6 {
     -webkit-tap-highlight-color: transparent;
-} .backdrop__appear_rwdzo,
-.backdrop__enter_rwdzo {
+} .backdrop__appear_vkqh6,
+.backdrop__enter_vkqh6 {
     background-color: transparent;
-} .backdrop__appearActive_rwdzo,
-.backdrop__enterActive_rwdzo,
-.backdrop__appearDone_rwdzo,
-.backdrop__enterDone_rwdzo {
+} .backdrop__appearActive_vkqh6,
+.backdrop__enterActive_vkqh6,
+.backdrop__appearDone_vkqh6,
+.backdrop__enterDone_vkqh6 {
     background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exit_rwdzo {
+} .backdrop__exit_vkqh6 {
     background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exitActive_rwdzo,
-.backdrop__exitDone_rwdzo {
+} .backdrop__exitActive_vkqh6,
+.backdrop__exitDone_vkqh6 {
     background-color: transparent;
-}.card-image__cardImage_6u3r3 {
+}.card-image__cardImage_k0jvn {
     background: #e7e8ea;
-} .card-image__loaded_6u3r3 {
+} .card-image__loaded_k0jvn {
     background: transparent
-}.badge__component_1ymea.badge__background-accent_1ymea {
+}.badge__component_1oe51.badge__background-accent_1oe51 {
         background-color: #f83a2a;
         color: rgba(255, 255, 255, 0.94);
-    } .badge__component_1ymea.badge__background-specialbg-secondary-transparent_1ymea {
+    } .badge__component_1oe51.badge__background-specialbg-secondary-transparent_1oe51 {
         background-color: rgba(225, 225, 248, 0.09);
         color: rgba(255, 255, 255, 0.94);
-    } .badge__component_1ymea.badge__background-primary_1ymea {
+    } .badge__component_1oe51.badge__background-primary_1oe51 {
         background-color: #262629;
         color: rgba(255, 255, 255, 0.94);
-    } .badge__outlineCount_1ymea {
+    } .badge__outlineCount_1oe51 {
     border: 2px solid rgba(3, 3, 6, 0.88);
-} .badge__heightS_1ymea.badge__outlineCount_1ymea {
+} .badge__heightS_1oe51.badge__outlineCount_1oe51 {
     border: 1px solid rgba(3, 3, 6, 0.88);
-} .badge__icon_1ymea {
+} .badge__icon_1oe51 {
     color: #17d055
-} .badge__icon_1ymea.badge__positive_1ymea {
+} .badge__icon_1oe51.badge__positive_1oe51 {
         color: #17d055;
         background-color: #17d055;
-    } .badge__icon_1ymea.badge__attention_1ymea {
+    } .badge__icon_1oe51.badge__attention_1oe51 {
         color: #fda136;
         background-color: #fda136;
-    } .badge__icon_1ymea.badge__negative_1ymea {
+    } .badge__icon_1oe51.badge__negative_1oe51 {
         color: #ff4837;
         background-color: #ff4837;
-    } .badge__icon_1ymea.badge__link_1ymea {
+    } .badge__icon_1oe51.badge__link_1oe51 {
         color: #3193fc;
         background-color: #3193fc;
-    } .badge__icon_1ymea.badge__tertiary_1ymea {
+    } .badge__icon_1oe51.badge__tertiary_1oe51 {
         color: #4a4a51;
         background-color: #4a4a51;
-    } .badge__icon_1ymea.badge__secondary_1ymea {
+    } .badge__icon_1oe51.badge__secondary_1oe51 {
         color: #898991;
         background-color: #898991;
-    } .badge__icon_1ymea.badge__primary_1ymea {
+    } .badge__icon_1oe51.badge__primary_1oe51 {
         color: rgba(255, 255, 255, 0.94);
         background-color: rgba(255, 255, 255, 0.94);
-    } .badge__graphic-static-light_1ymea.badge__icon_1ymea:before {
+    } .badge__graphic-static-light_1oe51.badge__icon_1oe51:before {
     background-color: rgba(255, 255, 255, 0.94);
-} .badge__graphic-primary_1ymea.badge__icon_1ymea:before {
+} .badge__graphic-primary_1oe51.badge__icon_1oe51:before {
     background-color: rgba(255, 255, 255, 0.94);
-} .badge__outline_1ymea {
+} .badge__outline_1oe51 {
     background-color: rgba(3, 3, 6, 0.88);
-} .badge__outlineColor_1ymea {
+} .badge__outlineColor_1oe51 {
     background-color: #f83a2a
-} .badge__outlineColor_1ymea.badge__attention_1ymea {
+} .badge__outlineColor_1oe51.badge__attention_1oe51 {
         background-color: #fda136;
-    } .badge__outlineColor_1ymea.badge__positive_1ymea {
+    } .badge__outlineColor_1oe51.badge__positive_1oe51 {
         background-color: #17d055;
-    } .badge__outlineColor_1ymea.badge__negative_1ymea {
+    } .badge__outlineColor_1oe51.badge__negative_1oe51 {
         background-color: #ff4837;
-    } .badge__outlineColor_1ymea.badge__link_1ymea {
+    } .badge__outlineColor_1oe51.badge__link_1oe51 {
         background-color: #3193fc;
-    } .badge__outlineColor_1ymea.badge__tertiary_1ymea {
+    } .badge__outlineColor_1oe51.badge__tertiary_1oe51 {
         background-color: #4a4a51;
-    } .badge__outlineColor_1ymea.badge__secondary_1ymea {
+    } .badge__outlineColor_1oe51.badge__secondary_1oe51 {
         background-color: #898991;
-    } .badge__outlineColor_1ymea.badge__primary_1ymea {
+    } .badge__outlineColor_1oe51.badge__primary_1oe51 {
         background-color: rgba(255, 255, 255, 0.94);
-    } .badge__dot_1ymea.badge__outlineCount_1ymea {
+    } .badge__dot_1oe51.badge__outlineCount_1oe51 {
     border: 1px solid rgba(3, 3, 6, 0.88);
-}.divider__component_s2g4j {
+}.divider__component_cv3cr {
     border-bottom: 1px solid #353539;
-}.dropzone__component_1fgz3 {
+}.dropzone__component_avq9a {
     border: 1px dashed rgba(255, 255, 255, 0.94);
-} .dropzone__component_1fgz3:not(.dropzone__disabled_1fgz3):hover {
+} .dropzone__component_avq9a:not(.dropzone__disabled_avq9a):hover {
     background-color: transparent;
-} .dropzone__dragOver_1fgz3 {
+} .dropzone__dragOver_avq9a {
     background-color: transparent;
-} .dropzone__error_1fgz3 {
+} .dropzone__error_avq9a {
     border-color: #ff4837;
 }
-.dropzone__overlay_1xyc4 {
+.dropzone__overlay_3lcxu {
     background: rgba(214, 214, 229, 0.07);
-} .dropzone__text_1xyc4 {
+} .dropzone__text_3lcxu {
     color: rgba(255, 255, 255, 0.94);
 }@media (max-width: 599px) {
     }
@@ -144,305 +144,305 @@
     }
 @media (min-width: 1920px) {
     }
-.hatching-progress-bar__container_1a0kb {
+.hatching-progress-bar__container_i7sm1 {
     background: rgba(222, 222, 238, 0.13);
-} .hatching-progress-bar__hatch_1a0kb {
+} .hatching-progress-bar__hatch_i7sm1 {
     background: repeating-linear-gradient(
         -45deg,
         rgba(222, 222, 238, 0.13) 6px 10px,
         rgba(255, 255, 255, 0) 10px 18px
     );
-} .hatching-progress-bar__positive_1a0kb {
+} .hatching-progress-bar__positive_i7sm1 {
         background: #17d055;
-    } .hatching-progress-bar__attention_1a0kb {
+    } .hatching-progress-bar__attention_i7sm1 {
         background: #fda136;
-    } .hatching-progress-bar__negative_1a0kb {
+    } .hatching-progress-bar__negative_i7sm1 {
         background: #ff4837;
-    } .hatching-progress-bar__link_1a0kb {
+    } .hatching-progress-bar__link_i7sm1 {
         background: #3193fc;
-    } .hatching-progress-bar__tertiary_1a0kb {
+    } .hatching-progress-bar__tertiary_i7sm1 {
         background: #4a4a51;
-    } .hatching-progress-bar__secondary_1a0kb {
+    } .hatching-progress-bar__secondary_i7sm1 {
         background: #898991;
-    } .hatching-progress-bar__primary_1a0kb {
+    } .hatching-progress-bar__primary_i7sm1 {
         background: rgba(255, 255, 255, 0.94);
-    } .hatching-progress-bar__accent_1a0kb {
+    } .hatching-progress-bar__accent_i7sm1 {
         background: #f83a2a;
-    }.indicator__component_x28c3 {
+    }.indicator__component_70lb4 {
     color: rgba(255, 255, 255, 0.94);
     background-color: #f83a2a;
-} .indicator__red_x28c3 {
+} .indicator__red_70lb4 {
     background-color: #f83a2a;
     color: rgba(255, 255, 255, 0.94)
-} .indicator__red_x28c3.indicator__border_x28c3 {
+} .indicator__red_70lb4.indicator__border_70lb4 {
         outline: 2px solid rgba(3, 3, 6, 0.88);
-    } .indicator__white_x28c3 {
+    } .indicator__white_70lb4 {
     background-color: #262629;
     color: rgba(255, 255, 255, 0.94)
-} .indicator__white_x28c3.indicator__border_x28c3 {
+} .indicator__white_70lb4.indicator__border_70lb4 {
         outline: 2px solid rgba(3, 3, 6, 0.88);
-    } .indicator__grey_x28c3 {
+    } .indicator__grey_70lb4 {
     background-color: rgba(225, 225, 248, 0.09);
     color: rgba(255, 255, 255, 0.94)
-} .indicator__grey_x28c3.indicator__border_x28c3 {
+} .indicator__grey_70lb4.indicator__border_70lb4 {
         outline: 2px solid rgba(3, 3, 6, 0.88);
-    }.icon-view__component_atbwr {
+    }.icon-view__component_1bk1i {
     color: rgba(238, 238, 251, 0.55)
-} .icon-view__bg_atbwr {
+} .icon-view__bg_1bk1i {
     fill: #1c1c1e;
-} .icon-view__border_atbwr {
+} .icon-view__border_1bk1i {
     stroke: rgba(225, 225, 248, 0.09);
     fill: transparent;
-}@keyframes loader__blink_1jw74 {
-}.link__primary_1rc3c {
+}@keyframes loader__blink_yso9i {
+}.link__primary_1blz0 {
     color: rgba(255, 255, 255, 0.94);
     border-bottom-color: rgba(255, 255, 255, 0.94)
 } @media (hover: hover) {
-        .link__primary_1rc3c:hover {
+        .link__primary_1blz0:hover {
             color: rgba(255, 255, 255, 0.7);
         }
-    } .link__primary_1rc3c:active {
+    } .link__primary_1blz0:active {
         color: rgba(255, 255, 255, 0.6);
-    } .link__secondary_1rc3c {
+    } .link__secondary_1blz0 {
     color: rgba(238, 238, 251, 0.55);
     border-bottom-color: rgba(238, 238, 251, 0.55)
 } @media (hover: hover) {
-        .link__secondary_1rc3c:hover {
+        .link__secondary_1blz0:hover {
             color: rgba(239, 240, 252, 0.65);
         }
-    } .link__secondary_1rc3c:active {
+    } .link__secondary_1blz0:active {
         color: rgba(243, 245, 254, 0.75);
-    } .link__defaultView_1rc3c {
+    } .link__defaultView_1blz0 {
     color: #4a9dfc;
     border-bottom-color: #4a9dfc
 } @media (hover: hover) {
-        .link__defaultView_1rc3c:hover {
+        .link__defaultView_1blz0:hover {
             color: #63aafd;
         }
-    } .link__defaultView_1rc3c:active {
+    } .link__defaultView_1blz0:active {
         color: #7fb6ff;
     }
 @media (hover: hover) {
-        .link__component_1vtsz:hover .link__text_1vtsz {
+        .link__component_lk65o:hover .link__text_lk65o {
             border-bottom-color: rgba(0, 0, 0, 0);
         }
-    } .link__component_1vtsz:active .link__text_1vtsz {
+    } .link__component_lk65o:active .link__text_lk65o {
         border-bottom-color: rgba(0, 0, 0, 0);
-    } .link__focused_1vtsz {
+    } .link__focused_lk65o {
     outline: 2px solid #3193fc;
-} .link__pseudo_1vtsz {
+} .link__pseudo_lk65o {
     background-color: transparent;
 }
-.link__primary_5nf9b {
+.link__primary_1oyez {
     color: rgba(3, 3, 6, 0.88);
     border-bottom-color: rgba(3, 3, 6, 0.88)
 } @media (hover: hover) {
-        .link__primary_5nf9b:hover {
+        .link__primary_1oyez:hover {
             color: rgba(1, 1, 12, 0.63);
         }
-    } .link__primary_5nf9b:active {
+    } .link__primary_1oyez:active {
         color: rgba(4, 4, 19, 0.55);
-    } .link__secondary_5nf9b {
+    } .link__secondary_1oyez {
     color: rgba(4, 4, 19, 0.55);
     border-bottom-color: rgba(4, 4, 19, 0.55)
 } @media (hover: hover) {
-        .link__secondary_5nf9b:hover {
+        .link__secondary_1oyez:hover {
             color: rgba(1, 1, 12, 0.63);
         }
-    } .link__secondary_5nf9b:active {
+    } .link__secondary_1oyez:active {
         color: rgba(0, 0, 10, 0.71);
-    } .link__defaultView_5nf9b {
+    } .link__defaultView_1oyez {
     color: #2a77ef;
     border-bottom-color: #2a77ef
 } @media (hover: hover) {
-        .link__defaultView_5nf9b:hover {
+        .link__defaultView_1oyez:hover {
             color: #2c64d4;
         }
-    } .link__defaultView_5nf9b:active {
+    } .link__defaultView_1oyez:active {
         color: #2453b4;
-    }.progress-bar__container_fuw2l {
+    }.progress-bar__container_p87pg {
     background: rgba(222, 222, 238, 0.13)
-} .progress-bar__filled_fuw2l.progress-bar__positive_fuw2l {
+} .progress-bar__filled_p87pg.progress-bar__positive_p87pg {
         background: #17d055;
-    } .progress-bar__filled_fuw2l.progress-bar__negative_fuw2l {
+    } .progress-bar__filled_p87pg.progress-bar__negative_p87pg {
         background: #ff4837;
-    } .progress-bar__filled_fuw2l.progress-bar__attention_fuw2l {
+    } .progress-bar__filled_p87pg.progress-bar__attention_p87pg {
         background: #fda136;
-    } .progress-bar__filled_fuw2l.progress-bar__link_fuw2l {
+    } .progress-bar__filled_p87pg.progress-bar__link_p87pg {
         background: #3193fc;
-    } .progress-bar__filled_fuw2l.progress-bar__tertiary_fuw2l {
+    } .progress-bar__filled_p87pg.progress-bar__tertiary_p87pg {
         background: #4a4a51;
-    } .progress-bar__filled_fuw2l.progress-bar__secondary_fuw2l {
+    } .progress-bar__filled_p87pg.progress-bar__secondary_p87pg {
         background: #898991;
-    } .progress-bar__filled_fuw2l.progress-bar__primary_fuw2l {
+    } .progress-bar__filled_p87pg.progress-bar__primary_p87pg {
         background: rgba(255, 255, 255, 0.94);
-    } .progress-bar__filled_fuw2l.progress-bar__accent_fuw2l {
+    } .progress-bar__filled_p87pg.progress-bar__accent_p87pg {
         background: #f83a2a;
-    }.scrollbar__component_1k99x .scrollbar:before {
+    }.scrollbar__component_1lpzn .scrollbar:before {
             background-color: rgba(228, 228, 251, 0.28);
-        } .scrollbar__component_1k99x.dragging .track .scrollbar.visible:before {
+        } .scrollbar__component_1lpzn.dragging .track .scrollbar.visible:before {
             background-color: rgba(238, 238, 254, 0.46);
         }
 
-.scrollbar__component_k2qaw .scrollbar:before {
+.scrollbar__component_ljg0b .scrollbar:before {
             background-color: rgba(9, 12, 37, 0.28);
-        } .scrollbar__component_k2qaw.dragging .track .scrollbar.visible:before {
+        } .scrollbar__component_ljg0b.dragging .track .scrollbar.visible:before {
             background-color: rgba(4, 4, 21, 0.47);
-        }.skeleton__component_121ot {
+        }.skeleton__component_1yc9j {
     color: transparent;
     background: rgba(214, 214, 229, 0.07)
-} .skeleton__component_121ot:before {
+} .skeleton__component_1yc9j:before {
     background: transparent;
-} @keyframes skeleton__background_121ot {
+} @keyframes skeleton__background_1yc9j {
     0% {
         background: rgba(214, 214, 229, 0.07);
     }
     100% {
         background: rgba(222, 222, 238, 0.13);
     }
-}.slider__component_1c2aa .noUi-base:hover .noUi-connects {
+}.slider__component_ed9ll .noUi-base:hover .noUi-connects {
             background: rgba(222, 222, 238, 0.13);
-        } .slider__component_1c2aa .noUi-base:hover .noUi-connect {
+        } .slider__component_ed9ll .noUi-base:hover .noUi-connect {
             background: #f83a2a;
-        } .slider__component_1c2aa .noUi-handle:hover .noUi-touch-area {
+        } .slider__component_ed9ll .noUi-handle:hover .noUi-touch-area {
         background: #ff503e;
-    } .slider__component_1c2aa .noUi-handle:active .noUi-touch-area {
+    } .slider__component_ed9ll .noUi-handle:active .noUi-touch-area {
         background: #fd624e;
-    } .slider__component_1c2aa .noUi-connects {
+    } .slider__component_ed9ll .noUi-connects {
         background: rgba(222, 222, 238, 0.13);
-    } .slider__component_1c2aa .noUi-connect {
+    } .slider__component_ed9ll .noUi-connect {
         background: #f83a2a;
-    } .slider__component_1c2aa .noUi-handle {
+    } .slider__component_ed9ll .noUi-handle {
         border: 2px solid transparent;
-    } .slider__component_1c2aa .noUi-touch-area {
+    } .slider__component_ed9ll .noUi-touch-area {
         background: #f83a2a;
-    } .slider__component_1c2aa .noUi-pips {
+    } .slider__component_ed9ll .noUi-pips {
         color: rgba(238, 238, 251, 0.55);
-    }.segmented-control__wrapper_zvc7f {
+    }.segmented-control__wrapper_19jgk {
     background-color: rgba(225, 225, 248, 0.09);
-} .segmented-control__segment_zvc7f.segmented-control__selected_zvc7f {
+} .segmented-control__segment_19jgk.segmented-control__selected_19jgk {
     color: rgba(255, 255, 255, 0.94);
-} .segmented-control__selectedBox_zvc7f {
+} .segmented-control__selectedBox_19jgk {
     border: 0.5px solid rgba(225, 225, 248, 0.09);
     background-color: rgba(214, 214, 229, 0.07);
 }
-.segmented-control__selectedBox_bj0a9 {
+.segmented-control__selectedBox_tenhe {
     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_fr9e0 {
+.segmented-control__wrapper_pfdr2 {
     background-color: rgba(30, 43, 68, 0.08);
-} .segmented-control__segment_fr9e0.segmented-control__selected_fr9e0 {
+} .segmented-control__segment_pfdr2.segmented-control__selected_pfdr2 {
     color: rgba(3, 3, 6, 0.88);
-} .segmented-control__selectedBox_fr9e0 {
+} .segmented-control__selectedBox_pfdr2 {
     border: 0.5px solid rgba(30, 43, 68, 0.08);
     background-color: #fff;
 }
-.segmented-control__segment_12fpp {
+.segmented-control__segment_1kbcx {
     color: rgba(255, 255, 255, 0.94)
-} .segmented-control__segment_12fpp:not(:first-child):before {
+} .segmented-control__segment_1kbcx:not(:first-child):before {
         background-color: rgba(222, 222, 238, 0.13);
     }
-.segmented-control__segment_1h6sr {
+.segmented-control__segment_1mn8 {
     background-color: transparent
-} .segmented-control__focused_1h6sr {
+} .segmented-control__focused_1mn8 {
     outline: 2px solid #3193fc;
 }
-.segmented-control__segment_v9r7v {
+.segmented-control__segment_1d5ef {
     color: rgba(3, 3, 6, 0.88)
-} .segmented-control__segment_v9r7v:not(:first-child):before {
+} .segmented-control__segment_1d5ef:not(:first-child):before {
         background-color: rgba(15, 25, 55, 0.1);
-    }.spinner__component_1ydc8 {
+    }.spinner__component_nrl2m {
     color: rgba(255, 255, 255, 0.94);
 }
-@keyframes spinner__spin_animation_1mwty {
+@keyframes spinner__spin_animation_2utgg {
 }
-.spinner__component_d96km {
+.spinner__component_11ojg {
     color: rgba(3, 3, 6, 0.88);
-}.status-badge__positive-checkmark_1mvtl {
+}.status-badge__positive-checkmark_3edvr {
     background-color: #17d055;
-} .status-badge__negative-cross_1mvtl,
-.status-badge__negative-alert_1mvtl,
-.status-badge__negative-block_1mvtl {
+} .status-badge__negative-cross_3edvr,
+.status-badge__negative-alert_3edvr,
+.status-badge__negative-block_3edvr {
     background-color: #ff4837;
-} .status-badge__attention-alert_1mvtl {
+} .status-badge__attention-alert_3edvr {
     background-color: #fda136;
-} .status-badge__neutral-information_1mvtl,
-.status-badge__neutral-operation_1mvtl,
-.status-badge__neutral-cross_1mvtl {
+} .status-badge__neutral-information_3edvr,
+.status-badge__neutral-operation_3edvr,
+.status-badge__neutral-cross_3edvr {
     background-color: #898991;
 }
-.status-badge__component_gf3yw {
+.status-badge__component_1gps0 {
     color: rgba(255, 255, 255, 0.94);
 }
-.status-badge__positive-checkmark_8419m {
+.status-badge__positive-checkmark_nnpm6 {
     background-color: #0cc44d;
-} .status-badge__negative-cross_8419m,
-.status-badge__negative-alert_8419m,
-.status-badge__negative-block_8419m {
+} .status-badge__negative-cross_nnpm6,
+.status-badge__negative-alert_nnpm6,
+.status-badge__negative-block_nnpm6 {
     background-color: #ff4837;
-} .status-badge__attention-alert_8419m {
+} .status-badge__attention-alert_nnpm6 {
     background-color: #fa9313;
-} .status-badge__neutral-information_8419m,
-.status-badge__neutral-operation_8419m,
-.status-badge__neutral-cross_8419m {
+} .status-badge__neutral-information_nnpm6,
+.status-badge__neutral-operation_nnpm6,
+.status-badge__neutral-cross_nnpm6 {
     background-color: #898991;
-}.status__soft_180ln.status__green_180ln, .status__muted-alt_180ln.status__green_180ln {
+}.status__soft_1h4l9.status__green_1h4l9, .status__muted-alt_1h4l9.status__green_1h4l9 {
             background: #d1f1d7;
             color: #0d9336;
-        } .status__soft_180ln.status__orange_180ln, .status__muted-alt_180ln.status__orange_180ln {
+        } .status__soft_1h4l9.status__orange_1h4l9, .status__muted-alt_1h4l9.status__orange_1h4l9 {
             background: #fde6c8;
             color: #ea8313;
-        } .status__soft_180ln.status__red_180ln, .status__muted-alt_180ln.status__red_180ln {
+        } .status__soft_1h4l9.status__red_1h4l9, .status__muted-alt_1h4l9.status__red_1h4l9 {
             background: #ffdfdf;
             color: #ec2d20;
-        } .status__soft_180ln.status__blue_180ln, .status__muted-alt_180ln.status__blue_180ln {
+        } .status__soft_1h4l9.status__blue_1h4l9, .status__muted-alt_1h4l9.status__blue_1h4l9 {
             background: #d8eaff;
             color: #2a77ef;
-        } .status__soft_180ln.status__teal_180ln, .status__muted-alt_180ln.status__teal_180ln {
+        } .status__soft_1h4l9.status__teal_1h4l9, .status__muted-alt_1h4l9.status__teal_1h4l9 {
             background: #c8f1f3;
             color: #058a8f;
-        } .status__soft_180ln.status__grey_180ln, .status__muted-alt_180ln.status__grey_180ln {
+        } .status__soft_1h4l9.status__grey_1h4l9, .status__muted-alt_1h4l9.status__grey_1h4l9 {
         background: rgba(222, 222, 238, 0.13);
         color: rgba(238, 238, 251, 0.55);
-    } .status__soft_180ln.status__purple_180ln, .status__muted-alt_180ln.status__purple_180ln {
+    } .status__soft_1h4l9.status__purple_1h4l9, .status__muted-alt_1h4l9.status__purple_1h4l9 {
         background: #e3e6fe;
         color: #7a63f1;
-    } .status__contrast_180ln {
+    } .status__contrast_1h4l9 {
     color: rgba(3, 3, 6, 0.88)
-} .status__contrast_180ln.status__green_180ln {
+} .status__contrast_1h4l9.status__green_1h4l9 {
             background: #0cc44d;
-        } .status__contrast_180ln.status__orange_180ln {
+        } .status__contrast_1h4l9.status__orange_1h4l9 {
             background: #fa9313;
-        } .status__contrast_180ln.status__red_180ln {
+        } .status__contrast_1h4l9.status__red_1h4l9 {
             background: #fe5e48;
-        } .status__contrast_180ln.status__blue_180ln {
+        } .status__contrast_1h4l9.status__blue_1h4l9 {
             background: #3193fc;
-        } .status__contrast_180ln.status__teal_180ln {
+        } .status__contrast_1h4l9.status__teal_1h4l9 {
             background: #09b9be;
-        } .status__contrast_180ln.status__grey_180ln {
+        } .status__contrast_1h4l9.status__grey_1h4l9 {
         background: #898991;
-    } .status__contrast_180ln.status__purple_180ln {
+    } .status__contrast_1h4l9.status__purple_1h4l9 {
         background: #897eff;
-    } .status__muted_180ln.status__green_180ln {
+    } .status__muted_1h4l9.status__green_1h4l9 {
             background: #dff8e5;
             color: #0d9336;
-        } .status__muted_180ln.status__orange_180ln {
+        } .status__muted_1h4l9.status__orange_1h4l9 {
             background: #ffefd9;
             color: #ea8313;
-        } .status__muted_180ln.status__red_180ln {
+        } .status__muted_1h4l9.status__red_1h4l9 {
             background: #ffebeb;
             color: #ec2d20;
-        } .status__muted_180ln.status__blue_180ln {
+        } .status__muted_1h4l9.status__blue_1h4l9 {
             background: #e4f0ff;
             color: #2a77ef;
-        } .status__muted_180ln.status__teal_180ln {
+        } .status__muted_1h4l9.status__teal_1h4l9 {
             background: #daf7f8;
             color: #058a8f;
-        } .status__muted_180ln.status__grey_180ln {
+        } .status__muted_1h4l9.status__grey_1h4l9 {
         background: rgba(225, 225, 248, 0.09);
         color: rgba(238, 238, 251, 0.55);
-    } .status__muted_180ln.status__purple_180ln {
+    } .status__muted_1h4l9.status__purple_1h4l9 {
         background: #eeedff;
         color: #7a63f1;
     }

package/toast/Component.responsive.d.ts

@@ -5,7 +5,7 @@ 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"> & {
+} & Pick<import("../popover").PopoverProps, "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
     anchorElement?: HTMLElement | null | undefined;
     autoCloseDelay?: number | undefined;
     bottomOffset?: number | undefined;
@@ -16,5 +16,6 @@ declare const Toast: React.ForwardRefExoticComponent<Omit<import("../toast-plate
         breakpoint?: number | undefined;
         defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
     } & React.RefAttributes<HTMLDivElement>> | undefined;
+    offset?: [number, number] | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export { ToastProps, Toast };

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

@@ -3,7 +3,7 @@ import React from 'react';
 import { PopoverProps } from "../../../popover";
 import { ToastPlateProps } from "../../../toast-plate";
 import { ToastPlate as ToastPlateComponent } from "../../../toast-plate";
-type BaseToastProps = ToastPlateProps & Pick<PopoverProps, 'fallbackPlacements' | 'position' | 'offset' | 'open' | 'getPortalContainer' | 'preventFlip' | 'transition' | 'useAnchorWidth'> & {
+type BaseToastProps = ToastPlateProps & Pick<PopoverProps, 'fallbackPlacements' | 'position' | 'open' | 'getPortalContainer' | 'preventFlip' | 'transition' | 'useAnchorWidth'> & {
     /**
      * Элемент, относительного которого появляется тост.
      * Если не передавать, тост будет позиционирован снизу экрана (position: fixed).
@@ -35,11 +35,18 @@ type BaseToastProps = ToastPlateProps & Pick<PopoverProps, 'fallbackPlacements'
      * По-дефолту рендерит компонент ToastPlate
      */
     ToastPlate?: typeof ToastPlateComponent;
+    /**
+     * Смещение поповера.
+     * Если позиционирование top, bottom, то [x, y].
+     * Если позиционирование left, right то [y, x].
+     * Необходимо использовать вместе с anchorElement
+     */
+    offset?: [number, number];
 };
 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"> & {
+} & Pick<PopoverProps, "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
     /**
      * Элемент, относительного которого появляется тост.
      * Если не передавать, тост будет позиционирован снизу экрана (position: fixed).
@@ -74,5 +81,12 @@ declare const BaseToast: React.ForwardRefExoticComponent<Omit<import("../../../t
         breakpoint?: number | undefined;
         defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
     } & React.RefAttributes<HTMLDivElement>> | undefined;
+    /**
+     * Смещение поповера.
+     * Если позиционирование top, bottom, то [x, y].
+     * Если позиционирование left, right то [y, x].
+     * Необходимо использовать вместе с anchorElement
+     */
+    offset?: [number, number] | 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_1cukv","title":"toast__title_1cukv","popoverInner":"toast__popoverInner_1cukv","block":"toast__block_1cukv","fixed":"toast__fixed_1cukv","enter":"toast__enter_1cukv","enterActive":"toast__enterActive_1cukv","exit":"toast__exit_1cukv","exitActive":"toast__exitActive_1cukv"};
+var styles = {"toastPlate":"toast__toastPlate_1pc20","title":"toast__title_1pc20","popoverInner":"toast__popoverInner_1pc20","block":"toast__block_1pc20","fixed":"toast__fixed_1pc20","enter":"toast__enter_1pc20","enterActive":"toast__enterActive_1pc20","exit":"toast__exit_1pc20","exitActive":"toast__exitActive_1pc20"};
 require('./index.css');
 
 var CSS_TRANSITION_CLASS_NAMES = {