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

package/table/esm/types-72dda473.d.ts

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

package/table/esm/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/table/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/table/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/table/modern/types-72dda473.d.ts

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

package/table/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/table/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/table/types-72dda473.d.ts

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

package/table/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/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/cssm/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/cssm/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/cssm/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/cssm/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/cssm/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/esm/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/esm/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/esm/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/esm/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/esm/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/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 };