@alfalab/core-components 38.4.0 → 39.0.0

package/button/modern/inverted.css

@@ -1,4 +1,4 @@
-/* hash: 63729 */
+/* hash: 1scpo */
 :root {
 } /* deprecated */ :root {
     --color-dark-bg-quaternary: #485767;
@@ -102,163 +102,163 @@
     /* loader */
     --button-spinner-static-color: var(--color-static-graphic-light);
     --button-spinner-inverted-color: var(--color-light-graphic-primary-inverted);
-} .button__accent_1cdwr {
+} .button__accent_1d0fj {
     color: var(--button-inverted-accent-color);
     background-color: var(--button-inverted-accent-base-bg-color);
     border: 1px solid transparent
-} .button__accent_1cdwr:hover {
+} .button__accent_1d0fj:hover {
         background-color: var(--button-inverted-accent-hover-bg-color)
-    } @media (hover: none) { .button__accent_1cdwr:hover {
+    } @media (hover: none) { .button__accent_1d0fj:hover {
             background-color: var(--button-inverted-accent-base-bg-color)
     }
-        } .button__accent_1cdwr:active {
+        } .button__accent_1d0fj:active {
         background-color: var(--button-inverted-accent-active-bg-color);
-    } .button__accent_1cdwr > .button__loader_1cdwr {
+    } .button__accent_1d0fj > .button__loader_1d0fj {
         color: var(--button-spinner-static-color);
-    } .button__primary_1cdwr {
+    } .button__primary_1d0fj {
     color: var(--button-inverted-primary-color);
     background-color: var(--button-inverted-primary-base-bg-color);
     border: 1px solid transparent
-} .button__primary_1cdwr:hover {
+} .button__primary_1d0fj:hover {
         background-color: var(--button-inverted-primary-hover-bg-color)
-    } @media (hover: none) { .button__primary_1cdwr:hover {
+    } @media (hover: none) { .button__primary_1d0fj:hover {
             background-color: var(--button-inverted-primary-base-bg-color)
     }
-        } .button__primary_1cdwr:active {
+        } .button__primary_1d0fj:active {
         background-color: var(--button-inverted-primary-active-bg-color);
-    } .button__primary_1cdwr > .button__loader_1cdwr {
+    } .button__primary_1d0fj > .button__loader_1d0fj {
         color: var(--button-spinner-static-color);
-    } .button__secondary_1cdwr {
+    } .button__secondary_1d0fj {
     color: var(--button-inverted-secondary-color);
     background-color: var(--button-inverted-secondary-base-bg-color);
     border: 1px solid var(--button-inverted-secondary-base-border-color)
-} .button__secondary_1cdwr:hover {
+} .button__secondary_1d0fj:hover {
         background-color: var(--button-inverted-secondary-hover-bg-color)
-    } @media (hover: none) { .button__secondary_1cdwr:hover {
+    } @media (hover: none) { .button__secondary_1d0fj:hover {
             background-color: var(--button-inverted-secondary-base-bg-color)
     }
-        } .button__secondary_1cdwr:active {
+        } .button__secondary_1d0fj:active {
         background-color: var(--button-inverted-secondary-active-bg-color);
-    } .button__secondary_1cdwr > .button__loader_1cdwr {
+    } .button__secondary_1d0fj > .button__loader_1d0fj {
         color: var(--button-spinner-inverted-color);
-    } .button__outlined_1cdwr {
+    } .button__outlined_1d0fj {
     color: var(--button-inverted-outlined-color);
     background-color: var(--button-inverted-outlined-base-bg-color);
     border: 1px solid var(--button-inverted-outlined-base-border-color)
-} .button__outlined_1cdwr:hover {
+} .button__outlined_1d0fj:hover {
         background-color: var(--button-inverted-outlined-hover-bg-color)
-    } @media (hover: none) { .button__outlined_1cdwr:hover {
+    } @media (hover: none) { .button__outlined_1d0fj:hover {
             background-color: var(--button-inverted-outlined-base-bg-color)
     }
-        } .button__outlined_1cdwr:active {
+        } .button__outlined_1d0fj:active {
         background-color: var(--button-inverted-outlined-active-bg-color);
-    } .button__tertiary_1cdwr {
+    } .button__tertiary_1d0fj {
     color: var(--button-inverted-tertiary-color);
     background-color: var(--button-inverted-tertiary-base-bg-color);
     border: 1px solid var(--button-inverted-tertiary-base-border-color)
-} .button__tertiary_1cdwr:hover {
+} .button__tertiary_1d0fj:hover {
         background-color: var(--button-inverted-tertiary-hover-bg-color);
         border-color: var(--button-inverted-tertiary-hover-border-color)
-    } @media (hover: none) { .button__tertiary_1cdwr:hover {
+    } @media (hover: none) { .button__tertiary_1d0fj:hover {
             background-color: var(--button-inverted-tertiary-base-bg-color);
             border-color: var(--button-inverted-tertiary-base-border-color)
     }
-        } .button__tertiary_1cdwr:active {
+        } .button__tertiary_1d0fj:active {
         background-color: var(--button-inverted-tertiary-active-bg-color);
-    } .button__tertiary_1cdwr > .button__loader_1cdwr {
+    } .button__tertiary_1d0fj > .button__loader_1d0fj {
         color: var(--button-spinner-inverted-color);
-    } .button__filled_1cdwr {
+    } .button__filled_1d0fj {
     color: var(--color-dark-text-primary);
     background-color: var(--color-dark-bg-quaternary)
-} .button__filled_1cdwr:hover {
+} .button__filled_1d0fj:hover {
         background-color: rgb(99, 112, 126)
-    } @media (hover: none) { .button__filled_1cdwr:hover {
+    } @media (hover: none) { .button__filled_1d0fj:hover {
             background-color: var(--color-dark-bg-quaternary)
     }
-        } .button__filled_1cdwr:active {
+        } .button__filled_1d0fj:active {
         background-color: rgb(61, 74, 88);
-    } .button__transparent_1cdwr {
+    } .button__transparent_1d0fj {
     color: var(--color-light-text-primary-inverted);
     background-color: rgba(255, 255, 255, 0.1)
-} .button__transparent_1cdwr:hover {
+} .button__transparent_1d0fj:hover {
         background-color: rgba(255, 255, 255, 0.2)
-    } @media (hover: none) { .button__transparent_1cdwr:hover {
+    } @media (hover: none) { .button__transparent_1d0fj:hover {
             background-color: rgba(255, 255, 255, 0.1)
     }
-        } .button__transparent_1cdwr:active {
+        } .button__transparent_1d0fj:active {
         /* TODO: какой цвет? */
         background-color: rgba(255, 255, 255, 0.05);
-    } .button__link_1cdwr {
+    } .button__link_1d0fj {
     color: var(--button-inverted-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
-} .button__link_1cdwr:hover {
+} .button__link_1d0fj:hover {
         background-color: var(--button-inverted-link-hover-bg-color)
-    } @media (hover: none) { .button__link_1cdwr:hover {
+    } @media (hover: none) { .button__link_1d0fj:hover {
             background-color: transparent
     }
-        } .button__link_1cdwr:active {
+        } .button__link_1d0fj:active {
         /* TODO: какой цвет? */
         background-color: var(--button-inverted-link-active-bg-color);
-    } .button__link_1cdwr > .button__loader_1cdwr {
+    } .button__link_1d0fj > .button__loader_1d0fj {
         color: var(--button-spinner-inverted-color);
-    } .button__ghost_1cdwr {
+    } .button__ghost_1d0fj {
     color: var(--button-inverted-ghost-base-color)
-} .button__ghost_1cdwr:hover {
+} .button__ghost_1d0fj:hover {
         color: var(--button-inverted-ghost-hover-color)
-    } @media (hover: none) { .button__ghost_1cdwr:hover {
+    } @media (hover: none) { .button__ghost_1d0fj:hover {
             color: var(--button-inverted-ghost-base-color)
     }
-        } .button__ghost_1cdwr:active {
+        } .button__ghost_1d0fj:active {
         color: var(--button-inverted-ghost-active-color);
-    } .button__ghost_1cdwr > .button__loader_1cdwr {
+    } .button__ghost_1d0fj > .button__loader_1d0fj {
         color: var(--button-spinner-inverted-color);
-    } .button__component_1cdwr[disabled].button__primary_1cdwr {
+    } .button__component_1d0fj[disabled].button__primary_1d0fj {
         color: var(--button-inverted-primary-disabled-color);
         background-color: var(--button-inverted-primary-disabled-bg-color)
-    } .button__component_1cdwr[disabled].button__primary_1cdwr.button__loading_1cdwr {
+    } .button__component_1d0fj[disabled].button__primary_1d0fj.button__loading_1d0fj {
             background-color: var(--button-inverted-primary-base-bg-color);
-        } .button__component_1cdwr[disabled].button__secondary_1cdwr {
+        } .button__component_1d0fj[disabled].button__secondary_1d0fj {
         color: var(--button-inverted-secondary-disabled-color);
         background-color: var(--button-inverted-secondary-disabled-bg-color);
         border-color: var(--button-inverted-secondary-disabled-border-color)
-    } .button__component_1cdwr[disabled].button__secondary_1cdwr.button__loading_1cdwr {
+    } .button__component_1d0fj[disabled].button__secondary_1d0fj.button__loading_1d0fj {
             color: var(--button-inverted-secondary-color);
             background-color: var(--button-inverted-secondary-base-bg-color);
             border-color: var(--button-inverted-secondary-base-border-color);
-        } .button__component_1cdwr[disabled].button__outlined_1cdwr {
+        } .button__component_1d0fj[disabled].button__outlined_1d0fj {
         color: var(--button-inverted-outlined-disabled-color);
         background-color: var(--button-inverted-outlined-disabled-bg-color);
         border-color: var(--button-inverted-outlined-disabled-border-color)
-    } .button__component_1cdwr[disabled].button__outlined_1cdwr.button__loading_1cdwr {
+    } .button__component_1d0fj[disabled].button__outlined_1d0fj.button__loading_1d0fj {
             color: var(--button-inverted-outlined-color);
-        } .button__component_1cdwr[disabled].button__tertiary_1cdwr {
+        } .button__component_1d0fj[disabled].button__tertiary_1d0fj {
         color: var(--button-inverted-tertiary-disabled-color);
         background-color: var(--button-inverted-tertiary-disabled-bg-color);
         border-color: var(--button-inverted-tertiary-disabled-border-color)
-    } .button__component_1cdwr[disabled].button__tertiary_1cdwr.button__loading_1cdwr {
+    } .button__component_1d0fj[disabled].button__tertiary_1d0fj.button__loading_1d0fj {
             color: var(--button-inverted-tertiary-color);
-        } .button__component_1cdwr[disabled].button__filled_1cdwr {
+        } .button__component_1d0fj[disabled].button__filled_1d0fj {
         color: rgba(255, 255, 255, 0.3);
         background-color: rgba(72, 87, 103, 0.3);
         border-color: transparent
-    } .button__component_1cdwr[disabled].button__filled_1cdwr.button__loading_1cdwr {
+    } .button__component_1d0fj[disabled].button__filled_1d0fj.button__loading_1d0fj {
             color: var(--color-dark-text-primary);
             background-color: var(--color-dark-bg-quaternary);
             border-color: transparent;
-        } .button__component_1cdwr[disabled].button__transparent_1cdwr {
+        } .button__component_1d0fj[disabled].button__transparent_1d0fj {
         color: rgba(255, 255, 255, 0.3);
         background-color: rgba(255, 255, 255, 0.03)
-    } .button__component_1cdwr[disabled].button__transparent_1cdwr.button__loading_1cdwr {
+    } .button__component_1d0fj[disabled].button__transparent_1d0fj.button__loading_1d0fj {
             color: var(--color-light-text-primary-inverted);
             background-color: rgba(255, 255, 255, 0.1);
-        } .button__component_1cdwr[disabled].button__link_1cdwr {
+        } .button__component_1d0fj[disabled].button__link_1d0fj {
         color: var(--button-inverted-link-disabled-color);
         background-color: transparent
-    } .button__component_1cdwr[disabled].button__link_1cdwr.button__loading_1cdwr {
+    } .button__component_1d0fj[disabled].button__link_1d0fj.button__loading_1d0fj {
             color: var(--button-inverted-link-base-color);
-        } .button__component_1cdwr[disabled].button__ghost_1cdwr {
+        } .button__component_1d0fj[disabled].button__ghost_1d0fj {
         color: var(--button-inverted-ghost-disabled-color)
-    } .button__component_1cdwr[disabled].button__ghost_1cdwr.button__loading_1cdwr {
+    } .button__component_1d0fj[disabled].button__ghost_1d0fj.button__loading_1d0fj {
             color: var(--button-inverted-ghost-base-color);
         }

package/calendar/Component.desktop.js

@@ -68,7 +68,7 @@ var endOfDay__default = /*#__PURE__*/_interopDefaultCompat(endOfDay);
 var startOfDay__default = /*#__PURE__*/_interopDefaultCompat(startOfDay);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 
-var styles = {"component":"calendar__component_1sfib","responsive":"calendar__responsive_1sfib","period":"calendar__period_1sfib","monthYear":"calendar__monthYear_1sfib","container":"calendar__container_1sfib","sixWeeks":"calendar__sixWeeks_1sfib"};
+var styles = {"component":"calendar__component_dm2mc","responsive":"calendar__responsive_dm2mc","period":"calendar__period_dm2mc","monthYear":"calendar__monthYear_dm2mc","container":"calendar__container_dm2mc","sixWeeks":"calendar__sixWeeks_dm2mc"};
 require('./desktop.css');
 
 var CalendarDesktop = React.forwardRef(function (_a, ref) {

package/calendar/{Component.responsive-df4a4d24.d.ts → Component.responsive-22c378d1.d.ts}

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 /// <reference types="react-transition-group" />
+/// <reference types="react" />
 import React from "react";
-import { ReactNode, FC, KeyboardEvent, MouseEvent, MutableRefObject, Ref, ButtonHTMLAttributes, ElementType, RefObject } from "react";
+import { ReactNode, FC, KeyboardEvent, MouseEvent, MutableRefObject, Ref, ButtonHTMLAttributes, ElementType, ForwardRefExoticComponent, RefAttributes, HTMLAttributes, RefObject } from "react";
 import { CalendarDesktopProps } from "./Component.desktop";
 import { TransitionProps } from "react-transition-group/Transition";
 import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
-import { IconButtonProps } from "../icon-button";
 import { CalendarMobileProps as CalendarMobileProps$0 } from "./components/calendar-mobile/index";
 type CalendarMobileProps = CalendarDesktopProps & {
     /**
@@ -199,6 +198,7 @@ type BaseModalProps = {
     componentRef?: MutableRefObject<HTMLDivElement | null>;
 };
 type BaseModalContext = {
+    parentRef: React.RefObject<HTMLDivElement>;
     hasFooter?: boolean;
     hasHeader?: boolean;
     hasScroll?: boolean;
@@ -255,35 +255,97 @@ type ContentProps = {
      */
     flex?: boolean;
 };
-type HeaderProps = {
+interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Вид компонента
+     */
+    view: "desktop" | "mobile";
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Позиция крестика
+     */
+    align?: "left" | "right";
+    /**
+     * Фиксирует крестик
+     */
+    sticky?: boolean;
+    /**
+     * Иконка
+     */
+    icon?: ElementType;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Коллбэк закрытия.
+     */
+    onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
+}
+type NavigationBarProps = {
     /**
      * Контент шапки
      */
     children?: ReactNode;
+    /**
+     * Заголовок шапки
+     */
+    title?: string;
+    /**
+     * Подзаголовок (доступен только в мобильной версии)
+     */
+    subtitle?: string;
+    /**
+     * Размер заголовка (compact доступен только в мобильной версии)
+     */
+    titleSize?: "default" | "compact";
+    /**
+     * Доп. класс для аддонов
+     */
+    addonClassName?: string;
     /**
      * Слот слева
      */
     leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Дополнительный класс для closer
+     */
+    closerClassName?: string;
+    /**
+     * Слот снизу
+     */
+    bottomAddons?: ReactNode;
     /**
      * Наличие компонента крестика
      */
-    hasCloser?: ReactNode;
+    hasCloser?: boolean;
     /**
-     * Дополнительный класс
+     * Наличие кнопки "Назад"
      */
-    className?: string;
+    hasBackButton?: boolean;
     /**
-     * Дополнительный класс для аддонов
+     * Дополнительный класс для правого аддона
      */
-    addonClassName?: string;
+    backButtonClassName?: string;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
     /**
      * Дополнительный класс для контента
      */
     contentClassName?: string;
     /**
-     * Заголовок шапки
+     * Дополнительный класс для нижнего аддона
      */
-    title?: string;
+    bottomAddonsClassName?: string;
     /**
      * Выравнивание заголовка
      */
@@ -300,54 +362,53 @@ type HeaderProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
-};
-type FooterProps = {
     /**
-     * Контент футера
+     * Фоновое изображение
      */
-    children?: ReactNode;
+    imageUrl?: string;
     /**
-     * Дополнительный класс
+     * Иконка closer.
      */
-    className?: string;
+    closerIcon?: React.ElementType;
     /**
-     * Фиксирует футер
+     * Обработчик закрытия
      */
-    sticky?: boolean;
+    onClose?: CloserProps["onClose"];
     /**
-     * Выравнивание элементов футера
+     * обработчик клика по кнопке "назад"
      */
-    layout?: "start" | "center" | "space-between" | "column";
+    onBack?: () => void;
     /**
-     * Отступы между элементами футера
+     * Вид шапки - мобильный или десктоп
      */
-    gap?: 16 | 24 | 32;
-};
-type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    view: "desktop" | "mobile";
     /**
-     * Дополнительный класс
+     * Ссылка на родительскую ноду.
      */
-    className?: string;
+    parentRef?: React.RefObject<HTMLDivElement>;
+};
+type HeaderProps = Omit<NavigationBarProps, "size" | "view" | "parentRef">;
+type FooterProps = {
     /**
-     * Позиция крестика
+     * Контент футера
      */
-    align?: "left" | "right";
+    children?: ReactNode;
     /**
-     * Размер кнопки
+     * Дополнительный класс
      */
-    size?: IconButtonProps["size"];
+    className?: string;
     /**
-     * Фиксирует крестик
+     * Фиксирует футер
      */
     sticky?: boolean;
     /**
-     * Иконка
+     * Выравнивание элементов футера
      */
-    icon?: ElementType;
+    layout?: "start" | "center" | "space-between" | "column";
     /**
-     * Идентификатор для систем автоматизированного тестирования
+     * Отступы между элементами футера
      */
-    dataTestId?: string;
+    gap?: 16 | 24 | 32;
 };
 declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
     Content: React.FC<ContentProps>;
@@ -365,6 +426,170 @@ declare const Modal: React.ForwardRefExoticComponent<BaseModalProps & {
     view: View;
 } & React.RefAttributes<HTMLDivElement>>;
 declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
+declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
+declare const isClient: () => boolean;
+interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    /**
+     * Текст после иконки
+     */
+    text?: string;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Вид компонента
+     */
+    view: "mobile" | "desktop";
+    /**
+     * Прозрачность текста
+     */
+    textOpacity?: number;
+    /**
+     * Обработчик клика
+     */
+    onClick?: () => void;
+}
+declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
+declare const colors: readonly [
+    "tertiary",
+    "disabled",
+    "accent",
+    "primary",
+    "attention",
+    "positive",
+    "secondary",
+    "tertiary-inverted",
+    "primary-inverted",
+    "secondary-inverted",
+    "link",
+    "negative",
+    "static-primary-light",
+    "static-secondary-light",
+    "static-tertiary-light",
+    "static-primary-dark",
+    "static-secondary-dark",
+    "static-tertiary-dark",
+    "static-accent"
+];
+type Color = (typeof colors)[number];
+type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
+type NativeProps = HTMLAttributes<HTMLSpanElement>;
+type TextBaseProps = {
+    /**
+     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
+     */
+    view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
+    /**
+     * Цвет текста
+     */
+    color?: Color;
+    /**
+     * Толщина шрифта
+     */
+    weight?: "regular" | "medium" | "bold";
+    /**
+     * Делает цифры моноширинными
+     */
+    monospaceNumbers?: boolean;
+    /**
+     * HTML тег
+     */
+    tag?: "span" | "div";
+    /**
+     * Css-класс для стилизации (native prop)
+     */
+    className?: string;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string;
+    /**
+     * Контент (native prop)
+     */
+    children?: React.ReactNode;
+    /**
+     * Добавляет отступы к тэгу 'p'
+     */
+    defaultMargins?: never;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3;
+};
+type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
+    tag?: "p";
+    defaultMargins?: boolean;
+};
+type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
+type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
+type TitleProps = Omit<NativeProps$0, "color"> & {
+    /**
+     * HTML тег
+     */
+    tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
+    /**
+     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
+     */
+    view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
+    /**
+     * Цвет текста
+     */
+    color?: Color;
+    /**
+     * Толщина шрифта
+     */
+    weight?: "regular" | "medium" | "bold";
+    /**
+     * Шрифт текста
+     */
+    font?: "styrene" | "system";
+    /**
+     * Добавляет отступы
+     */
+    defaultMargins?: boolean;
+    /**
+     * Css-класс для стилизации (native prop)
+     */
+    className?: string;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string;
+    /**
+     * Контент (native prop)
+     */
+    children?: React.ReactNode;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3;
+};
+type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
+declare const Typography: {
+    Title: FC<TitleProps>;
+    Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
+    TitleResponsive: FC<TitleProps>;
+    TitleMobile: FC<TitleMobileProps>;
+};
+declare const typographyPresets: {
+    mobile: {
+        list: {
+            text: {
+                primary: {
+                    tag: string;
+                    view: string;
+                };
+                secondary: {
+                    tag: string;
+                    color: string;
+                    view: string;
+                };
+            };
+        };
+    };
+};
+declare const TitleResponsive: FC<TitleProps>;
 declare const ModalContext: import("react").Context<BaseModalContext>;
 /**
  * Набор констант для z-index соответствующих классов компонентов.
@@ -415,8 +640,6 @@ declare class GlobalStore {
     constructor();
     getModalStore: () => ModalStore;
 }
-declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
-declare const isClient: () => boolean;
 type ResponsiveCalendarProps = CalendarDesktopProps & CalendarMobileProps$0 & {
     /**
      * Контрольная точка, с нее начинается desktop версия
@@ -439,5 +662,5 @@ declare const CalendarResponsive: React.ForwardRefExoticComponent<CalendarDeskto
      */
     breakpoint?: number | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-export { CalendarMobileProps, CalendarMobile, ModalMobile, Content, Modal, ResponsiveContext, ModalContext, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, getDataTestId, isClient, ResponsiveCalendarProps, CalendarMedia, CalendarResponsive };
-export type { SavedStyle };
+export { CalendarMobileProps, CalendarMobile, ModalMobile, Content, Modal, ResponsiveContext, getDataTestId, isClient, BackArrowAddonProps, BackArrowAddon, Typography, typographyPresets, TitleResponsive, ModalContext, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, ResponsiveCalendarProps, CalendarMedia, CalendarResponsive };
+export type { TitleProps, TextProps, Color, SavedStyle };

package/calendar/{Component.responsive-df4a4d24.js → Component.responsive-22c378d1.js}

@@ -41,7 +41,7 @@ var endOfDay__default = /*#__PURE__*/_interopDefaultCompat(endOfDay);
 var startOfDay__default = /*#__PURE__*/_interopDefaultCompat(startOfDay);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 
-var styles = {"wrapper":"calendar__wrapper_146qm","withZIndex":"calendar__withZIndex_146qm","calendar":"calendar__calendar_146qm","dayNames":"calendar__dayNames_146qm","withHeader":"calendar__withHeader_146qm","month":"calendar__month_146qm","daysTable":"calendar__daysTable_146qm","dayName":"calendar__dayName_146qm"};
+var styles = {"wrapper":"calendar__wrapper_1ylgb","withZIndex":"calendar__withZIndex_1ylgb","calendar":"calendar__calendar_1ylgb","dayNames":"calendar__dayNames_1ylgb","withHeader":"calendar__withHeader_1ylgb","month":"calendar__month_1ylgb","daysTable":"calendar__daysTable_1ylgb","dayName":"calendar__dayName_1ylgb"};
 require('./components/calendar-mobile/index.css');
 
 // ResizeObserverPolyfill необходим для корректной работы react-virtuoso.

package/calendar/Component.responsive.js

@@ -1,7 +1,7 @@
 require('tslib');
 require('react');
 require('@alfalab/hooks');
-var components_calendarMobile_Component = require('./Component.responsive-df4a4d24.js');
+var components_calendarMobile_Component = require('./Component.responsive-22c378d1.js');
 require('./Component.desktop.js');
 require('react-virtuoso');
 require('@juggle/resize-observer');

package/calendar/components/calendar-mobile/Component.js

@@ -9,7 +9,7 @@ require('date-fns/startOfMonth');
 require('../../../button');
 require('../../../modal/mobile');
 require('../../Component.desktop.js');
-var components_calendarMobile_Component = require('../../Component.responsive-df4a4d24.js');
+var components_calendarMobile_Component = require('../../Component.responsive-22c378d1.js');
 require('date-fns/differenceInDays');
 require('@alfalab/hooks');
 require('../../useCalendar.js');