@alfalab/core-components 42.14.0-beta.0 → 42.14.1

package/table/esm/desktop-69921c40.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from "react";
 import { CommonButtonProps } from "./typings-89f0cb07";
-declare const ButtonDesktop: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+declare const ButtonDesktop: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export { ButtonDesktop };
 export type { CommonButtonProps as ButtonDesktopProps } from "./typings-89f0cb07";

package/table/esm/index-ebda875c.d.ts

@@ -71,7 +71,7 @@ declare const IconButton: React.ForwardRefExoticComponent<{
     icon: ElementType<{
         className?: string;
     }> | ReactElement;
-    view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
+    view?: "transparent" | "primary" | "secondary" | "tertiary" | "negative" | undefined;
     size?: "s" | "xxs" | "xs" | undefined;
     className?: string | undefined;
     alignIcon?: "center" | "left" | "right" | undefined;

package/table/esm/mobile-89f0cb07.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from "react";
 import { CommonButtonProps } from "./typings-89f0cb07";
-declare const ButtonMobile: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+declare const ButtonMobile: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export { ButtonMobile };
 export type { CommonButtonProps as ButtonMobileProps } from "./typings-89f0cb07";

package/tabs/cssm/index-ebda875c.d.ts

@@ -1,40 +1,105 @@
-/// <reference types="react-transition-group" />
 /// <reference types="react" />
+/// <reference types="react-transition-group" />
 import React from "react";
-import { MouseEvent, ReactNode } from "react";
-import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
-import { TransitionProps } from "react-transition-group/Transition";
-type BackdropProps = Partial<TransitionProps> & {
+import { ButtonHTMLAttributes, ReactNode, RefObject } from "react";
+type StyleColors = {
+    default: {
+        [key: string]: string;
+    };
+    inverted: {
+        [key: string]: string;
+    };
+};
+type NativeProps = ButtonHTMLAttributes<HTMLButtonElement>;
+type BaseTagProps = Omit<NativeProps, "onClick"> & {
     /**
-     * Прозрачный бэкдроп
+     * Отображение кнопки в отмеченном (зажатом) состоянии
      */
-    invisible?: boolean;
+    checked?: boolean;
     /**
-     * Управляет видимостью компонента
+     * Размер компонента
+     */
+    size?: "xxs" | "xs" | "s" | "m" | "l" | "xl";
+    /**
+     * Дочерние элементы.
      */
-    open: boolean;
+    children?: ReactNode;
     /**
-     * Обработчик клика по бэкдропу
+     * Дополнительный класс для обёртки children
      */
-    onClose?: (event: MouseEvent<HTMLElement>) => void;
+    childrenClassName?: string;
     /**
-     * Дополнительный класс
+     * Слот слева
      */
-    className?: string;
+    leftAddons?: ReactNode;
     /**
-     * Классы анимации
-     *
-     * http://reactcommunity.org/react-transition-group/css-transition#CSSTransition-prop-classNames
+     * Слот справа
      */
-    transitionClassNames?: string | CSSTransitionClassNames;
+    rightAddons?: ReactNode;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
     /**
-     * Дочерние элементы.
+     * Обработчик нажатия
      */
-    children?: ReactNode;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, payload: {
+        checked: boolean;
+        name?: string;
+    }) => void;
+    /**
+     * ref на children
+     */
+    childrenRef?: RefObject<HTMLSpanElement>;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: "default" | "inverted";
+    /**
+     * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
+     * Используйте props shape и view
+     * Вариант тега
+     */
+    variant?: "default" | "alt";
+    /**
+     * Форма тега
+     */
+    shape?: "rounded" | "rectangular";
+    /**
+     * Стиль тега
+     */
+    view?: "outlined" | "filled";
+    /**
+     * Основные стили компонента.
+     */
+    styles?: {
+        [key: string]: string;
+    };
+    /**
+     * Стили компонента для default и inverted режима.
+     */
+    colorStylesMap?: StyleColors;
 };
-declare const Backdrop: React.FC<BackdropProps>;
-export { BackdropProps, Backdrop };
+declare const BaseTag: React.ForwardRefExoticComponent<Omit<NativeProps, "onClick"> & {
+    checked?: boolean | undefined;
+    size?: "s" | "xxs" | "xs" | "m" | "l" | "xl" | undefined;
+    children?: ReactNode;
+    childrenClassName?: string | undefined;
+    leftAddons?: ReactNode;
+    rightAddons?: ReactNode;
+    dataTestId?: string | undefined;
+    onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>, payload: {
+        checked: boolean;
+        name?: string;
+    }) => void) | undefined;
+    childrenRef?: React.RefObject<HTMLSpanElement> | undefined;
+    colors?: "default" | "inverted" | undefined;
+    variant?: "default" | "alt" | undefined;
+    shape?: "rounded" | "rectangular" | undefined;
+    view?: "outlined" | "filled" | undefined;
+    styles?: {
+        [key: string]: string;
+    } | undefined;
+    colorStylesMap?: StyleColors | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;
+export { StyleColors, NativeProps, BaseTagProps, BaseTag };

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

@@ -1,40 +1,105 @@
-/// <reference types="react-transition-group" />
 /// <reference types="react" />
+/// <reference types="react-transition-group" />
 import React from "react";
-import { MouseEvent, ReactNode } from "react";
-import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
-import { TransitionProps } from "react-transition-group/Transition";
-type BackdropProps = Partial<TransitionProps> & {
+import { ButtonHTMLAttributes, ReactNode, RefObject } from "react";
+type StyleColors = {
+    default: {
+        [key: string]: string;
+    };
+    inverted: {
+        [key: string]: string;
+    };
+};
+type NativeProps = ButtonHTMLAttributes<HTMLButtonElement>;
+type BaseTagProps = Omit<NativeProps, "onClick"> & {
     /**
-     * Прозрачный бэкдроп
+     * Отображение кнопки в отмеченном (зажатом) состоянии
      */
-    invisible?: boolean;
+    checked?: boolean;
     /**
-     * Управляет видимостью компонента
+     * Размер компонента
+     */
+    size?: "xxs" | "xs" | "s" | "m" | "l" | "xl";
+    /**
+     * Дочерние элементы.
      */
-    open: boolean;
+    children?: ReactNode;
     /**
-     * Обработчик клика по бэкдропу
+     * Дополнительный класс для обёртки children
      */
-    onClose?: (event: MouseEvent<HTMLElement>) => void;
+    childrenClassName?: string;
     /**
-     * Дополнительный класс
+     * Слот слева
      */
-    className?: string;
+    leftAddons?: ReactNode;
     /**
-     * Классы анимации
-     *
-     * http://reactcommunity.org/react-transition-group/css-transition#CSSTransition-prop-classNames
+     * Слот справа
      */
-    transitionClassNames?: string | CSSTransitionClassNames;
+    rightAddons?: ReactNode;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
     /**
-     * Дочерние элементы.
+     * Обработчик нажатия
      */
-    children?: ReactNode;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, payload: {
+        checked: boolean;
+        name?: string;
+    }) => void;
+    /**
+     * ref на children
+     */
+    childrenRef?: RefObject<HTMLSpanElement>;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: "default" | "inverted";
+    /**
+     * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
+     * Используйте props shape и view
+     * Вариант тега
+     */
+    variant?: "default" | "alt";
+    /**
+     * Форма тега
+     */
+    shape?: "rounded" | "rectangular";
+    /**
+     * Стиль тега
+     */
+    view?: "outlined" | "filled";
+    /**
+     * Основные стили компонента.
+     */
+    styles?: {
+        [key: string]: string;
+    };
+    /**
+     * Стили компонента для default и inverted режима.
+     */
+    colorStylesMap?: StyleColors;
 };
-declare const Backdrop: React.FC<BackdropProps>;
-export { BackdropProps, Backdrop };
+declare const BaseTag: React.ForwardRefExoticComponent<Omit<NativeProps, "onClick"> & {
+    checked?: boolean | undefined;
+    size?: "s" | "xxs" | "xs" | "m" | "l" | "xl" | undefined;
+    children?: ReactNode;
+    childrenClassName?: string | undefined;
+    leftAddons?: ReactNode;
+    rightAddons?: ReactNode;
+    dataTestId?: string | undefined;
+    onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>, payload: {
+        checked: boolean;
+        name?: string;
+    }) => void) | undefined;
+    childrenRef?: React.RefObject<HTMLSpanElement> | undefined;
+    colors?: "default" | "inverted" | undefined;
+    variant?: "default" | "alt" | undefined;
+    shape?: "rounded" | "rectangular" | undefined;
+    view?: "outlined" | "filled" | undefined;
+    styles?: {
+        [key: string]: string;
+    } | undefined;
+    colorStylesMap?: StyleColors | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;
+export { StyleColors, NativeProps, BaseTagProps, BaseTag };

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

@@ -2,6 +2,21 @@
     background: #e7e8ea;
 } .card-image__loaded_57q9o {
     background: transparent
+}.backdrop__backdrop_1rsma {
+    -webkit-tap-highlight-color: transparent;
+} .backdrop__appear_1rsma,
+.backdrop__enter_1rsma {
+    background-color: transparent;
+} .backdrop__appearActive_1rsma,
+.backdrop__enterActive_1rsma,
+.backdrop__appearDone_1rsma,
+.backdrop__enterDone_1rsma {
+    background-color: rgba(0, 0, 0, 0.8);
+} .backdrop__exit_1rsma {
+    background-color: rgba(0, 0, 0, 0.8);
+} .backdrop__exitActive_1rsma,
+.backdrop__exitDone_1rsma {
+    background-color: transparent;
 }.badge__component_e7tmj.badge__background-accent_e7tmj {
         background-color: #ef3124;
         color: #fff;
@@ -62,23 +77,6 @@
         background-color: #fff;
     } .badge__dot_e7tmj.badge__outlineCount_e7tmj {
     border: 1px solid #121212;
-}.backdrop__backdrop_1rsma {
-    -webkit-tap-highlight-color: transparent;
-} .backdrop__appear_1rsma,
-.backdrop__enter_1rsma {
-    background-color: transparent;
-} .backdrop__appearActive_1rsma,
-.backdrop__enterActive_1rsma,
-.backdrop__appearDone_1rsma,
-.backdrop__enterDone_1rsma {
-    background-color: rgba(0, 0, 0, 0.8);
-} .backdrop__exit_1rsma {
-    background-color: rgba(0, 0, 0, 0.8);
-} .backdrop__exitActive_1rsma,
-.backdrop__exitDone_1rsma {
-    background-color: transparent;
-}.divider__component_1d6xd {
-    border-bottom: 1px solid #2b2b2e;
 }.checkbox__box_sfr01 {
     color: #0e0e0e;
     background-color: #0e0e0e;
@@ -143,6 +141,8 @@
 } .checkbox__indeterminateLine_sfr01 {
     background-color: #0e0e0e;
 } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+}.divider__component_1d6xd {
+    border-bottom: 1px solid #2b2b2e;
 }.dropzone__component_v063l {
     border: 1px dashed #c5c5c7;
 } .dropzone__component_v063l:not(.dropzone__disabled_v063l):hover {
@@ -189,7 +189,25 @@
 }
 .hatching-progress-bar__accent_pur5b {
     background: #ef3124;
-}@media (max-width: 599px) {
+}.indicator__component_2u6ai {
+    color: #fff;
+    background-color: #ef3124;
+} .indicator__red_2u6ai {
+    background-color: #ef3124;
+    color: #fff
+} .indicator__red_2u6ai.indicator__border_2u6ai {
+        outline: 2px solid #000;
+    } .indicator__white_2u6ai {
+    background-color: #121212;
+    color: #fff
+} .indicator__white_2u6ai.indicator__border_2u6ai {
+        outline: 2px solid #000;
+    } .indicator__grey_2u6ai {
+    background-color: rgba(255, 255, 255, 0.06);
+    color: #fff
+} .indicator__grey_2u6ai.indicator__border_2u6ai {
+        outline: 2px solid #000;
+    }@media (max-width: 599px) {
     }
 @media (min-width: 320px) {
     }
@@ -249,25 +267,7 @@
     stroke: rgba(255, 255, 255, 0.1);
     fill: transparent;
 } .icon-view__children_1fhon {
-}.indicator__component_2u6ai {
-    color: #fff;
-    background-color: #ef3124;
-} .indicator__red_2u6ai {
-    background-color: #ef3124;
-    color: #fff
-} .indicator__red_2u6ai.indicator__border_2u6ai {
-        outline: 2px solid #000;
-    } .indicator__white_2u6ai {
-    background-color: #121212;
-    color: #fff
-} .indicator__white_2u6ai.indicator__border_2u6ai {
-        outline: 2px solid #000;
-    } .indicator__grey_2u6ai {
-    background-color: rgba(255, 255, 255, 0.06);
-    color: #fff
-} .indicator__grey_2u6ai.indicator__border_2u6ai {
-        outline: 2px solid #000;
-    }@keyframes loader__blink_1q9w6 {
+}@keyframes loader__blink_1q9w6 {
 }.link__primary_1lbzd {
     color: #fff;
     border-bottom-color: #fff
@@ -454,7 +454,14 @@
         background: #ef3124;
     } .slider__component_163oc .noUi-pips {
         color: rgba(235, 235, 245, 0.54);
-    }.status__soft_10xqa.status__green_10xqa {
+    }.spinner__component_eogru {
+    color: #fff;
+}
+@keyframes spinner__spin_animation_1mhwf {
+}
+.spinner__component_slf61 {
+    color: #0e0e0e;
+}.status__soft_10xqa.status__green_10xqa {
         background: rgba(19, 164, 99, 0.1);
         color: #13a463;
     } .status__soft_10xqa.status__orange_10xqa {
@@ -491,14 +498,7 @@
         background: #219187;
     } .status__contrast_10xqa.status__purple_10xqa {
         background: #673ab7;
-    }.spinner__component_eogru {
-    color: #fff;
-}
-@keyframes spinner__spin_animation_1mhwf {
-}
-.spinner__component_slf61 {
-    color: #0e0e0e;
-}.switch__component_1u5ir {
+    }.switch__component_1u5ir {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 } .switch__switch_1u5ir {
     background-color: #85858d;