@alfalab/core-components 41.4.0-beta.1 → 41.5.0

package/tabs/cssm/{types-996ad249.d.ts → types-5e678ff2.d.ts}

@@ -40,6 +40,10 @@ type BottomSheetProps = {
      * Контейнер к которому будут добавляться порталы
      */
     container?: BaseModalProps['container'];
+    /**
+     * Рендерить ли в контейнер через портал.
+     */
+    usePortal?: BaseModalProps['usePortal'];
     /**
      * Дополнительный класс
      */

package/tabs/esm/Component-ebda875c.d.ts

@@ -82,6 +82,11 @@ type BaseModalProps = {
      * Пропсы для анимации (CSSTransition)
      */
     transitionProps?: Partial<TransitionProps>;
+    /**
+     * Рендерить ли в контейнер через портал.
+     * @default true
+     */
+    usePortal?: boolean;
     /**
      * Обработчик события нажатия на бэкдроп
      */

package/tabs/esm/component-3885b0d7.d.ts

@@ -4,7 +4,7 @@ import { FC, RefObject, ReactNode } from "react";
 import { NavigationBarProps } from "./index-e81c389f";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-996ad249";
+import { BottomSheetProps } from "./types-5e678ff2";
 type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
     headerRef: RefObject<HTMLDivElement>;
 };

package/tabs/esm/consts-f777ba1a.d.ts

@@ -0,0 +1,2 @@
+declare const DEFAULT_VISIBLE_OPTIONS = 5;
+export { DEFAULT_VISIBLE_OPTIONS };

package/tabs/esm/hook-3e68f8db.d.ts

@@ -36,7 +36,9 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
         showClear?: boolean | undefined;
         onClose?: (() => void) | undefined;
         selectedDraft?: OptionShape[] | undefined;
-        OptionsList?: import("react").FC<import("./index-3e68f8db").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
+        OptionsList?: import("react").FC<import("./index-3e68f8db").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined; /**
+         * Пропсы, которые будут прокинуты в компонент списка
+         */
         Footer?: import("react").FC<import("./Component-ebda875c").FooterProps> | undefined;
     } & import("react").RefAttributes<HTMLDivElement>>;
     optionsListProps: {

package/tabs/esm/index-f12ee135.d.ts

@@ -1,3 +1,3 @@
 export * from "./component-3885b0d7";
-export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-996ad249";
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-5e678ff2";
 export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-b64479aa";

package/tabs/{types-996ad249.d.ts → esm/types-5e678ff2.d.ts}

@@ -40,6 +40,10 @@ type BottomSheetProps = {
      * Контейнер к которому будут добавляться порталы
      */
     container?: BaseModalProps['container'];
+    /**
+     * Рендерить ли в контейнер через портал.
+     */
+    usePortal?: BaseModalProps['usePortal'];
     /**
      * Дополнительный класс
      */

package/tabs/hook-3e68f8db.d.ts

@@ -36,7 +36,9 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
         showClear?: boolean | undefined;
         onClose?: (() => void) | undefined;
         selectedDraft?: OptionShape[] | undefined;
-        OptionsList?: import("react").FC<import("./index-3e68f8db").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
+        OptionsList?: import("react").FC<import("./index-3e68f8db").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined; /**
+         * Пропсы, которые будут прокинуты в компонент списка
+         */
         Footer?: import("react").FC<import("./Component-ebda875c").FooterProps> | undefined;
     } & import("react").RefAttributes<HTMLDivElement>>;
     optionsListProps: {

package/tabs/index-f12ee135.d.ts

@@ -1,3 +1,3 @@
 export * from "./component-3885b0d7";
-export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-996ad249";
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-5e678ff2";
 export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-b64479aa";

package/tabs/modern/Component-ebda875c.d.ts

@@ -82,6 +82,11 @@ type BaseModalProps = {
      * Пропсы для анимации (CSSTransition)
      */
     transitionProps?: Partial<TransitionProps>;
+    /**
+     * Рендерить ли в контейнер через портал.
+     * @default true
+     */
+    usePortal?: boolean;
     /**
      * Обработчик события нажатия на бэкдроп
      */

package/tabs/modern/component-3885b0d7.d.ts

@@ -4,7 +4,7 @@ import { FC, RefObject, ReactNode } from "react";
 import { NavigationBarProps } from "./index-e81c389f";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-996ad249";
+import { BottomSheetProps } from "./types-5e678ff2";
 type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
     headerRef: RefObject<HTMLDivElement>;
 };

package/tabs/modern/consts-f777ba1a.d.ts

@@ -0,0 +1,2 @@
+declare const DEFAULT_VISIBLE_OPTIONS = 5;
+export { DEFAULT_VISIBLE_OPTIONS };

package/tabs/modern/hook-3e68f8db.d.ts

@@ -36,7 +36,9 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
         showClear?: boolean | undefined;
         onClose?: (() => void) | undefined;
         selectedDraft?: OptionShape[] | undefined;
-        OptionsList?: import("react").FC<import("./index-3e68f8db").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
+        OptionsList?: import("react").FC<import("./index-3e68f8db").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined; /**
+         * Пропсы, которые будут прокинуты в компонент списка
+         */
         Footer?: import("react").FC<import("./Component-ebda875c").FooterProps> | undefined;
     } & import("react").RefAttributes<HTMLDivElement>>;
     optionsListProps: {

package/tabs/modern/index-f12ee135.d.ts

@@ -1,3 +1,3 @@
 export * from "./component-3885b0d7";
-export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-996ad249";
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-5e678ff2";
 export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-b64479aa";

package/tabs/modern/{types-996ad249.d.ts → types-5e678ff2.d.ts}

@@ -40,6 +40,10 @@ type BottomSheetProps = {
      * Контейнер к которому будут добавляться порталы
      */
     container?: BaseModalProps['container'];
+    /**
+     * Рендерить ли в контейнер через портал.
+     */
+    usePortal?: BaseModalProps['usePortal'];
     /**
      * Дополнительный класс
      */

package/tabs/{esm/types-996ad249.d.ts → types-5e678ff2.d.ts}

@@ -40,6 +40,10 @@ type BottomSheetProps = {
      * Контейнер к которому будут добавляться порталы
      */
     container?: BaseModalProps['container'];
+    /**
+     * Рендерить ли в контейнер через портал.
+     */
+    usePortal?: BaseModalProps['usePortal'];
     /**
      * Дополнительный класс
      */

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

@@ -13,6 +13,10 @@
 } .backdrop__exitActive_153kg,
 .backdrop__exitDone_153kg {
     background-color: transparent;
+}.card-image__cardImage_16t08 {
+    background: #e7e8ea;
+} .card-image__loaded_16t08 {
+    background: transparent
 }.badge__component_s5lo3.badge__background-accent_s5lo3 {
         background-color: #ef3124;
         color: #fff;
@@ -73,10 +77,14 @@
         background-color: #fff;
     } .badge__dot_s5lo3.badge__outlineCount_s5lo3 {
     border: 1px solid #121212;
-}.card-image__cardImage_16t08 {
-    background: #e7e8ea;
-} .card-image__loaded_16t08 {
-    background: transparent
+}.checkbox-group__error_yv38h {
+    border-left: 1px solid #f15045;
+} .checkbox-group__label_yv38h {
+    color: #fff;
+} .checkbox-group__errorMessage_yv38h {
+    color: #f15045;
+} .checkbox-group__hint_yv38h {
+    color: rgba(235, 235, 245, 0.54);
 }.divider__component_rxd2w {
     border-bottom: 1px solid #2b2b2e;
 }.checkbox__box_1fix8 {
@@ -143,14 +151,6 @@
 } .checkbox__indeterminateLine_1fix8 {
     background-color: #0e0e0e;
 } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-}.checkbox-group__error_yv38h {
-    border-left: 1px solid #f15045;
-} .checkbox-group__label_yv38h {
-    color: #fff;
-} .checkbox-group__errorMessage_yv38h {
-    color: #f15045;
-} .checkbox-group__hint_yv38h {
-    color: rgba(235, 235, 245, 0.54);
 }.code-input__error_154of {
     color: #f15045;
 } @keyframes code-input__shake_154of {
@@ -179,7 +179,81 @@
     background: #202022;
 } .dropzone__text_1e21m {
     color: #fff;
-}.form-control__component_ldrzv {
+}.filter-tag__component_vtjvn.filter-tag__disabled_vtjvn {
+        background-color: rgba(32, 32, 34, 0.3);
+    } .filter-tag__component_vtjvn.filter-tag__checked_vtjvn:not(.filter-tag__disabled_vtjvn) {
+            background-color: #f3f4f5;
+        } .filter-tag__component_vtjvn.filter-tag__checked_vtjvn:not(.filter-tag__disabled_vtjvn):hover {
+            background-color: #f3f4f5;
+        } .filter-tag__component_vtjvn.filter-tag__checked_vtjvn:not(.filter-tag__disabled_vtjvn):active {
+            background-color: rgb(194, 195, 196);
+        } .filter-tag__focused_vtjvn {
+    outline: 2px solid #0072ef;
+} .filter-tag__chevron_vtjvn {
+    color: #fff;
+} .filter-tag__valueButton_vtjvn {
+    color: #fff;
+    background-color: #202022;
+    border-color: transparent
+} .filter-tag__valueButton_vtjvn:disabled > .filter-tag__chevron_vtjvn {
+            color: rgba(255, 255, 255, 0.3);
+        } .filter-tag__valueButton_vtjvn.filter-tag__outlined_vtjvn {
+        color: #fff;
+        border-color: transparent;
+        background-color: #202022
+    } .filter-tag__valueButton_vtjvn.filter-tag__outlined_vtjvn:disabled {
+            border-color: transparent;
+            color: rgba(235, 235, 245, 0.32);
+            background-color: rgba(32, 32, 34, 0.3);
+        } .filter-tag__valueButton_vtjvn.filter-tag__outlined_vtjvn:not(:disabled):hover {
+            border-color: transparent;
+            background-color: #202022;
+        } .filter-tag__valueButton_vtjvn.filter-tag__outlined_vtjvn:not(:disabled):active {
+            border-color: transparent;
+            background-color: rgb(65, 65, 67);
+        } .filter-tag__valueButton_vtjvn.filter-tag__filled_vtjvn {
+        color: #fff;
+        border-color: transparent;
+        background-color: rgba(255, 255, 255, 0.11)
+    } .filter-tag__valueButton_vtjvn.filter-tag__filled_vtjvn:disabled {
+            color: rgba(235, 235, 245, 0.32);
+            background-color: rgba(255, 255, 255, 0.11);
+        } .filter-tag__valueButton_vtjvn.filter-tag__filled_vtjvn:not(:disabled):hover {
+            background-color: rgba(255, 255, 255, 0.1723);
+        } .filter-tag__valueButton_vtjvn.filter-tag__filled_vtjvn:not(:disabled):active {
+            background-color: rgba(255, 255, 255, 0.2435);
+        } .filter-tag__valueButton_vtjvn.filter-tag__checked_vtjvn {
+        background-color: #f3f4f5;
+        color: #0e0e0e
+    } .filter-tag__valueButton_vtjvn.filter-tag__checked_vtjvn > .filter-tag__chevron_vtjvn {
+            color: #0e0e0e;
+        } .filter-tag__valueButton_vtjvn.filter-tag__checked_vtjvn:not(:disabled):hover {
+            background-color: #f3f4f5;
+        } .filter-tag__valueButton_vtjvn.filter-tag__checked_vtjvn:not(:disabled):active {
+            background-color: rgb(194, 195, 196);
+        } .filter-tag__valueButton_vtjvn.filter-tag__checked_vtjvn:not(:disabled):hover + .filter-tag__clear_vtjvn:before {
+            background-color: #464649;
+        } .filter-tag__valueButton_vtjvn.filter-tag__checked_vtjvn:not(:disabled):active + .filter-tag__clear_vtjvn:before {
+            background-color: transparent;
+        } .filter-tag__valueButton_vtjvn.filter-tag__checked_vtjvn:disabled {
+            background-color: rgba(243, 244, 245, 0.3);
+            color: #0e0e0e;
+        } .filter-tag__clear_vtjvn {
+    color: #4f4f52;
+    background-color: #f3f4f5
+} .filter-tag__clear_vtjvn:before {
+        background-color: #c5c5c7;
+    } .filter-tag__clear_vtjvn:hover:before {
+        background-color: #464649;
+    } .filter-tag__clear_vtjvn:active:before {
+        background-color: transparent;
+    } .filter-tag__clear_vtjvn:hover {
+        background-color: #f3f4f5;
+        color: #0e0e0e;
+    } .filter-tag__clear_vtjvn:active {
+        background-color: rgb(194, 195, 196);
+        color: #0e0e0e;
+    }.form-control__component_ldrzv {
     color: #fff;
 } .form-control__inner_ldrzv {
     background-color: #202022;
@@ -234,39 +308,6 @@
     color: #ef3124;
 } .form-control__hasError_1p0wp {
     background-color: #f3f4f5;
-}.hatching-progress-bar__container_1w9co {
-    background: rgba(255, 255, 255, 0.1);
-}
-.hatching-progress-bar__hatch_1w9co {
-    background: repeating-linear-gradient(
-        -45deg,
-        #4f4f52 6px 10px,
-        rgba(255, 255, 255, 0) 10px 18px
-    );
-}
-.hatching-progress-bar__positive_1w9co {
-    background: #2fc26e;
-}
-.hatching-progress-bar__attention_1w9co {
-    background: #f6bf65;
-}
-.hatching-progress-bar__negative_1w9co {
-    background: #d91d0b;
-}
-.hatching-progress-bar__link_1w9co {
-    background: #0072ef;
-}
-.hatching-progress-bar__tertiary_1w9co {
-    background: #4f4f52;
-}
-.hatching-progress-bar__secondary_1w9co {
-    background: #85858d;
-}
-.hatching-progress-bar__primary_1w9co {
-    background: #fff;
-}
-.hatching-progress-bar__accent_1w9co {
-    background: #ef3124;
 }@media (max-width: 599px) {
     }
 @media (min-width: 320px) {
@@ -319,14 +360,46 @@
     }
 @media (min-width: 1920px) {
     }
-.icon-view__component_54cmx {
+.hatching-progress-bar__container_1w9co {
+    background: rgba(255, 255, 255, 0.1);
+}
+.hatching-progress-bar__hatch_1w9co {
+    background: repeating-linear-gradient(
+        -45deg,
+        #4f4f52 6px 10px,
+        rgba(255, 255, 255, 0) 10px 18px
+    );
+}
+.hatching-progress-bar__positive_1w9co {
+    background: #2fc26e;
+}
+.hatching-progress-bar__attention_1w9co {
+    background: #f6bf65;
+}
+.hatching-progress-bar__negative_1w9co {
+    background: #d91d0b;
+}
+.hatching-progress-bar__link_1w9co {
+    background: #0072ef;
+}
+.hatching-progress-bar__tertiary_1w9co {
+    background: #4f4f52;
+}
+.hatching-progress-bar__secondary_1w9co {
+    background: #85858d;
+}
+.hatching-progress-bar__primary_1w9co {
+    background: #fff;
+}
+.hatching-progress-bar__accent_1w9co {
+    background: #ef3124;
+}.icon-view__component_54cmx {
     color: #85858d;
 } .icon-view__bg_54cmx {
     fill: #202022;
 } .icon-view__border_54cmx {
     stroke: rgba(255, 255, 255, 0.1);
     fill: transparent;
-}@keyframes loader__blink_72hl0 {
 }.link__primary_17ku1 {
     color: #fff;
     border-bottom-color: #fff
@@ -378,7 +451,8 @@
         color: rgb(0, 91, 191);
     } .link__defaultView_bha40:active {
         color: rgb(0, 68, 143);
-    }.progress-bar__container_1xmbj {
+    }@keyframes loader__blink_72hl0 {
+}.progress-bar__container_1xmbj {
     background: rgba(255, 255, 255, 0.1)
 }
 .progress-bar__filled_1xmbj.progress-bar__positive_1xmbj {
@@ -505,7 +579,22 @@
             background-color: rgba(14, 14, 14, 0.3);
         } .scrollbar__component_1jflr.dragging .track .scrollbar.visible:before {
             background-color: rgba(14, 14, 14, 0.6);
-        }.skeleton__component_4zg6o {
+        }.segmented-control__wrapper_1ysbd {
+    background-color: rgba(255, 255, 255, 0.06);
+} .segmented-control__selectedBox_1ysbd {
+    border: 0.5px solid #1c1c1e;
+    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);
+    background-color: #121212;
+}
+.segmented-control__segment_1f8d0 {
+    background-color: transparent;
+    color: #fff
+} .segmented-control__segment_1f8d0:not(:first-child):before {
+        background-color: #2b2b2e;
+    } .segmented-control__focused_1f8d0 {
+    outline: 2px solid #0072ef;
+}.skeleton__component_4zg6o {
     color: transparent;
     background: rgba(255, 255, 255, 0.1);
 } .skeleton__component_4zg6o:before {
@@ -527,21 +616,6 @@
     100% {
         background: rgb(198, 205, 214);
     }
-}.segmented-control__wrapper_1ysbd {
-    background-color: rgba(255, 255, 255, 0.06);
-} .segmented-control__selectedBox_1ysbd {
-    border: 0.5px solid #1c1c1e;
-    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);
-    background-color: #121212;
-}
-.segmented-control__segment_1f8d0 {
-    background-color: transparent;
-    color: #fff
-} .segmented-control__segment_1f8d0:not(:first-child):before {
-        background-color: #2b2b2e;
-    } .segmented-control__focused_1f8d0 {
-    outline: 2px solid #0072ef;
 }.slider__component_ws47a .noUi-base:hover .noUi-connects {
             background: #303032;
         } .slider__component_ws47a .noUi-base:hover .noUi-connect {