@alfalab/core-components 42.2.1-beta.0 → 42.3.0

package/tabs/index-f12ee135.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react-transition-group" />
 /// <reference types="react" />
 import React from "react";
-import { HTMLAttributes, ReactNode, RefObject, FC } from "react";
+import { HTMLAttributes, ReactElement, ReactNode, RefObject, FC } from "react";
 import { TransitionProps } from "react-transition-group/Transition";
 import { BaseModalProps } from "./index-bdb4c6b9";
 import { NavigationBarProps } from "./index-c76d6398";
@@ -92,6 +92,14 @@ type BottomSheetProps = {
      * Дополнительный класс для обертки модального окна
      */
     modalWrapperClassName?: string;
+    /**
+     * Дополнительный класс для маркера
+     */
+    swipeableMarkerClassName?: string;
+    /**
+     * Кастомный маркер
+     */
+    swipeableMarker?: ReactElement;
     /**
      * TransitionProps, прокидываются в компонент CSSTransitionProps.
      */

package/tabs/modern/Component-63dec22f.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
+import { TextElementType, TextSkeletonProps } from "./types-1b036d4b";
 declare const colors: readonly [
     "tertiary",
     "disabled",
@@ -23,7 +24,6 @@ declare const colors: readonly [
     "static-accent"
 ];
 type Color = (typeof colors)[number];
-type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
 type NativeProps = HTMLAttributes<HTMLSpanElement>;
 type TextBaseProps = {
     /**
@@ -66,6 +66,14 @@ type TextBaseProps = {
      * Количество строк (не поддерживает IE)
      */
     rowLimit?: 1 | 2 | 3;
+    /**
+     * Показать скелетон
+     */
+    showSkeleton?: boolean;
+    /**
+     * Пропы для скелетона
+     */
+    skeletonProps?: TextSkeletonProps;
 };
 type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
     tag?: "p";
@@ -114,6 +122,14 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
      * Количество строк (не поддерживает IE)
      */
     rowLimit?: 1 | 2 | 3;
+    /**
+     * Показать скелетон
+     */
+    showSkeleton?: boolean;
+    /**
+     * Пропы для скелетона
+     */
+    skeletonProps?: TextSkeletonProps;
 };
 type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
 declare const Typography: {
@@ -165,3 +181,4 @@ interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
 declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
 export { Typography, typographyPresets, TitleResponsive, BackArrowAddonProps, BackArrowAddon };
 export type { TitleProps, TextProps, Color };
+export * from "./useSkeleton-ebda875c";

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

@@ -1,7 +1,7 @@
 /// <reference types="react-transition-group" />
 /// <reference types="react" />
 import React from "react";
-import { HTMLAttributes, ReactNode, RefObject, FC } from "react";
+import { HTMLAttributes, ReactElement, ReactNode, RefObject, FC } from "react";
 import { TransitionProps } from "react-transition-group/Transition";
 import { BaseModalProps } from "./index-bdb4c6b9";
 import { NavigationBarProps } from "./index-c76d6398";
@@ -92,6 +92,14 @@ type BottomSheetProps = {
      * Дополнительный класс для обертки модального окна
      */
     modalWrapperClassName?: string;
+    /**
+     * Дополнительный класс для маркера
+     */
+    swipeableMarkerClassName?: string;
+    /**
+     * Кастомный маркер
+     */
+    swipeableMarker?: ReactElement;
     /**
      * TransitionProps, прокидываются в компонент CSSTransitionProps.
      */

package/tabs/modern/shared-4cd3936b.d.ts

@@ -93,33 +93,6 @@ type AdditionalMobileProps = {
 };
 type SelectMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & AdditionalMobileProps;
 declare const SelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<unknown>>;
-type SkeletonProps = {
-    /**
-     * Флаг, явно задающий состояние, при котором контент закрывается прелоадером
-     */
-    visible?: boolean;
-    /**
-     * Флаг явного включения анимации скелета
-     */
-    animate?: boolean;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительные инлайн стили
-     */
-    style?: React.CSSProperties;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Дочерние элементы.
-     */
-    children?: ReactNode;
-};
-declare const Skeleton: React.FC<SkeletonProps>;
 type FooterProps = {
     handleClear?: () => void;
     handleApply?: () => void;
@@ -128,7 +101,7 @@ type FooterProps = {
 declare const Footer: ({ handleApply, handleClear, showClear }: FooterProps) => React.JSX.Element;
 export * from "./index-ebda875c";
 export * from "./Component-5e1b8383";
-export { useSelectWithLoading, useLazyLoading, AdditionalMobileProps, SelectMobileProps, SelectMobile, SkeletonProps, Skeleton, FooterProps, Footer };
+export { useSelectWithLoading, useLazyLoading, AdditionalMobileProps, SelectMobileProps, SelectMobile, FooterProps, Footer };
 export * from "./hook-9ea9e32c";
 export * from "./typings-5e1b8383";
 export * from "./utils-5e1b8383";

package/tabs/modern/types-1b036d4b.d.ts

@@ -0,0 +1,13 @@
+type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
+type WidthUnit = number | string;
+type TextSkeletonProps = {
+    /**
+     *  Кол-во строк текста
+     */
+    rows?: number;
+    /**
+     * Ширина строки
+     */
+    width?: WidthUnit | WidthUnit[];
+};
+export { TextElementType, TextSkeletonProps };

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import React from 'react';
+import { TextSkeletonProps } from "./types-1b036d4b";
+type SkeletonProps = {
+    wrapperClassName?: string;
+    dataTestId?: string;
+};
+declare function useSkeleton(showSkeleton?: boolean, skeletonProps?: TextSkeletonProps): {
+    renderSkeleton: (props: SkeletonProps) => React.JSX.Element | null;
+    textRef: React.RefObject<HTMLElement>;
+};
+export { useSkeleton };

package/tabs/shared-4cd3936b.d.ts

@@ -93,33 +93,6 @@ type AdditionalMobileProps = {
 };
 type SelectMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & AdditionalMobileProps;
 declare const SelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<unknown>>;
-type SkeletonProps = {
-    /**
-     * Флаг, явно задающий состояние, при котором контент закрывается прелоадером
-     */
-    visible?: boolean;
-    /**
-     * Флаг явного включения анимации скелета
-     */
-    animate?: boolean;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительные инлайн стили
-     */
-    style?: React.CSSProperties;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Дочерние элементы.
-     */
-    children?: ReactNode;
-};
-declare const Skeleton: React.FC<SkeletonProps>;
 type FooterProps = {
     handleClear?: () => void;
     handleApply?: () => void;
@@ -128,7 +101,7 @@ type FooterProps = {
 declare const Footer: ({ handleApply, handleClear, showClear }: FooterProps) => React.JSX.Element;
 export * from "./index-ebda875c";
 export * from "./Component-5e1b8383";
-export { useSelectWithLoading, useLazyLoading, AdditionalMobileProps, SelectMobileProps, SelectMobile, SkeletonProps, Skeleton, FooterProps, Footer };
+export { useSelectWithLoading, useLazyLoading, AdditionalMobileProps, SelectMobileProps, SelectMobile, FooterProps, Footer };
 export * from "./hook-9ea9e32c";
 export * from "./typings-5e1b8383";
 export * from "./utils-5e1b8383";

package/tabs/types-1b036d4b.d.ts

@@ -0,0 +1,13 @@
+type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
+type WidthUnit = number | string;
+type TextSkeletonProps = {
+    /**
+     *  Кол-во строк текста
+     */
+    rows?: number;
+    /**
+     * Ширина строки
+     */
+    width?: WidthUnit | WidthUnit[];
+};
+export { TextElementType, TextSkeletonProps };

package/tabs/useSkeleton-ebda875c.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import React from 'react';
+import { TextSkeletonProps } from "./types-1b036d4b";
+type SkeletonProps = {
+    wrapperClassName?: string;
+    dataTestId?: string;
+};
+declare function useSkeleton(showSkeleton?: boolean, skeletonProps?: TextSkeletonProps): {
+    renderSkeleton: (props: SkeletonProps) => React.JSX.Element | null;
+    textRef: React.RefObject<HTMLElement>;
+};
+export { useSkeleton };

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

@@ -2,21 +2,6 @@
     background: #e7e8ea;
 } .card-image__loaded_1r6md {
     background: transparent
-}.backdrop__backdrop_910vy {
-    -webkit-tap-highlight-color: transparent;
-} .backdrop__appear_910vy,
-.backdrop__enter_910vy {
-    background-color: transparent;
-} .backdrop__appearActive_910vy,
-.backdrop__enterActive_910vy,
-.backdrop__appearDone_910vy,
-.backdrop__enterDone_910vy {
-    background-color: rgba(0, 0, 0, 0.8);
-} .backdrop__exit_910vy {
-    background-color: rgba(0, 0, 0, 0.8);
-} .backdrop__exitActive_910vy,
-.backdrop__exitDone_910vy {
-    background-color: transparent;
 }.badge__component_zi07c.badge__background-accent_zi07c {
         background-color: #ef3124;
         color: #fff;
@@ -77,6 +62,21 @@
         background-color: #fff;
     } .badge__dot_zi07c.badge__outlineCount_zi07c {
     border: 1px solid #121212;
+}.backdrop__backdrop_910vy {
+    -webkit-tap-highlight-color: transparent;
+} .backdrop__appear_910vy,
+.backdrop__enter_910vy {
+    background-color: transparent;
+} .backdrop__appearActive_910vy,
+.backdrop__enterActive_910vy,
+.backdrop__appearDone_910vy,
+.backdrop__enterDone_910vy {
+    background-color: rgba(0, 0, 0, 0.8);
+} .backdrop__exit_910vy {
+    background-color: rgba(0, 0, 0, 0.8);
+} .backdrop__exitActive_910vy,
+.backdrop__exitDone_910vy {
+    background-color: transparent;
 }.divider__component_mp0o9 {
     border-bottom: 1px solid #2b2b2e;
 }.checkbox__box_1yhha {
@@ -189,13 +189,6 @@
 }
 .hatching-progress-bar__accent_15oqi {
     background: #ef3124;
-}.icon-view__component_1w5ls {
-    color: #85858d;
-} .icon-view__bg_1w5ls {
-    fill: #202022;
-} .icon-view__border_1w5ls {
-    stroke: rgba(255, 255, 255, 0.1);
-    fill: transparent;
 }.indicator__component_pl7m7 {
     color: #fff;
     background-color: #ef3124;
@@ -214,7 +207,14 @@
     color: #fff
 } .indicator__grey_pl7m7.indicator__border_pl7m7 {
         outline: 2px solid #000;
-    }@media (max-width: 599px) {
+    }.icon-view__component_1w5ls {
+    color: #85858d;
+} .icon-view__bg_1w5ls {
+    fill: #202022;
+} .icon-view__border_1w5ls {
+    stroke: rgba(255, 255, 255, 0.1);
+    fill: transparent;
+}@media (max-width: 599px) {
     }
 @media (min-width: 320px) {
     }
@@ -422,17 +422,7 @@
     color: #fff;
 } .radio__hint_w0wly {
     color: rgba(235, 235, 245, 0.54);
-}.scrollbar__component_ijonu .scrollbar:before {
-            background-color: rgba(255, 255, 255, 0.3);
-        } .scrollbar__component_ijonu.dragging .track .scrollbar.visible:before {
-            background-color: rgba(255, 255, 255, 0.6);
-        }
-
-.scrollbar__component_1kys6 .scrollbar:before {
-            background-color: rgba(14, 14, 14, 0.3);
-        } .scrollbar__component_1kys6.dragging .track .scrollbar.visible:before {
-            background-color: rgba(14, 14, 14, 0.6);
-        }.segmented-control__wrapper_1idlz {
+}.segmented-control__wrapper_1idlz {
     background-color: rgba(255, 255, 255, 0.06);
 } .segmented-control__segment_1idlz.segmented-control__selected_1idlz {
         color: #0e0e0e;
@@ -449,7 +439,17 @@
         background-color: #2b2b2e;
     } .segmented-control__focused_1vn2e {
     outline: 2px solid #0072ef;
-}.skeleton__component_1mx2s {
+}.scrollbar__component_ijonu .scrollbar:before {
+            background-color: rgba(255, 255, 255, 0.3);
+        } .scrollbar__component_ijonu.dragging .track .scrollbar.visible:before {
+            background-color: rgba(255, 255, 255, 0.6);
+        }
+
+.scrollbar__component_1kys6 .scrollbar:before {
+            background-color: rgba(14, 14, 14, 0.3);
+        } .scrollbar__component_1kys6.dragging .track .scrollbar.visible:before {
+            background-color: rgba(14, 14, 14, 0.6);
+        }.skeleton__component_1mx2s {
     color: transparent;
     background: rgba(255, 255, 255, 0.1);
 } .skeleton__component_1mx2s:before {
@@ -561,50 +561,6 @@
         background-color: #464649;
     } .switch__focused_16u05 .switch__switch_16u05 {
     outline: 2px solid #0072ef;
-}.typography__tertiary_13nf8 {
-    color: rgba(235, 235, 245, 0.32);
-} .typography__disabled_13nf8 {
-    color: rgba(235, 235, 245, 0.2);
-} .typography__accent_13nf8 {
-    color: #ef3124;
-} .typography__primary_13nf8 {
-    color: #fff;
-} .typography__attention_13nf8 {
-    color: #cb830f;
-} .typography__positive_13nf8 {
-    color: #13a463;
-} .typography__secondary_13nf8 {
-    color: rgba(235, 235, 245, 0.54);
-} .typography__tertiary-inverted_13nf8 {
-    color: rgba(60, 60, 67, 0.4);
-} .typography__primary-inverted_13nf8 {
-    color: #0e0e0e;
-} .typography__secondary-inverted_13nf8 {
-    color: rgba(60, 60, 67, 0.66);
-} .typography__link_13nf8 {
-    color: #0072ef;
-} .typography__negative_13nf8 {
-    color: #f15045;
-} .typography__static-primary-light_13nf8 {
-    color: #fff;
-} .typography__static-secondary-light_13nf8 {
-    color: rgba(235, 235, 245, 0.54);
-} .typography__static-tertiary-light_13nf8 {
-    color: rgba(235, 235, 245, 0.32);
-} .typography__static-primary-dark_13nf8 {
-    color: #0e0e0e;
-} .typography__static-secondary-dark_13nf8 {
-    color: rgba(60, 60, 67, 0.66);
-} .typography__static-tertiary-dark_13nf8 {
-    color: rgba(60, 60, 67, 0.4);
-} .typography__static-accent_13nf8 {
-    color: #ef3124;
-}
-
-
-
-
-@media screen and (min-width: 1024px) {
 }.underlay__background-accent_z4e9c {
             background-color: #ef3124;
         } .underlay__background-info_z4e9c {