@alfalab/core-components 47.20.0-beta.2 → 47.20.0-beta.4

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

@@ -1,4 +1,8 @@
-.backdrop__backdrop_ut5yk {
+.card-image__cardImage_9a9ku {
+    background: #e7e8ea;
+} .card-image__loaded_9a9ku {
+    background: transparent
+}.backdrop__backdrop_ut5yk {
     -webkit-tap-highlight-color: transparent;
 } .backdrop__appear_ut5yk,
 .backdrop__enter_ut5yk {
@@ -15,10 +19,6 @@
     background-color: transparent;
 } .backdrop__transparent_ut5yk {
     background-color: transparent;
-}.card-image__cardImage_9a9ku {
-    background: #e7e8ea;
-} .card-image__loaded_9a9ku {
-    background: transparent
 }.badge__component_1wmp2.badge__background-accent_1wmp2 {
         background-color: #f83a2a;
         color: rgba(255, 255, 255, 0.94);
@@ -170,7 +170,14 @@
         background: rgba(255, 255, 255, 0.94);
     } .hatching-progress-bar__accent_hzuqw {
         background: #f83a2a;
-    }.indicator__component_1bc2f {
+    }.icon-view__component_zti5a {
+    color: rgba(238, 238, 251, 0.55)
+} .icon-view__bg_zti5a {
+    fill: #1c1c1e;
+} .icon-view__border_zti5a {
+    stroke: rgba(225, 225, 248, 0.09);
+    fill: transparent;
+}.indicator__component_1bc2f {
     color: rgba(255, 255, 255, 0.94);
     background-color: #f83a2a;
 } .indicator__red_1bc2f {
@@ -188,14 +195,7 @@
     color: rgba(255, 255, 255, 0.94)
 } .indicator__grey_1bc2f.indicator__border_1bc2f {
         outline: 2px solid rgba(3, 3, 6, 0.88);
-    }.icon-view__component_zti5a {
-    color: rgba(238, 238, 251, 0.55)
-} .icon-view__bg_zti5a {
-    fill: #1c1c1e;
-} .icon-view__border_zti5a {
-    stroke: rgba(225, 225, 248, 0.09);
-    fill: transparent;
-}@keyframes loader__blink_182f6 {
+    }@keyframes loader__blink_182f6 {
 }.link__primary_szgov {
     color: rgba(255, 255, 255, 0.94);
     border-bottom-color: rgba(255, 255, 255, 0.94)
@@ -459,143 +459,4 @@
 .status-badge__neutral-operation_prv19,
 .status-badge__neutral-cross_prv19 {
     background-color: #898991;
-}.underlay__background-accent_16959 {
-            background-color: #ef3124;
-        } .underlay__background-info_16959 {
-            background-color: #001c3c;
-        } .underlay__background-attention-muted_16959 {
-            background-color: #36291f;
-        } .underlay__background-positive-muted_16959 {
-            background-color: #232d25;
-        } .underlay__background-negative-muted_16959 {
-            background-color: #392523;
-        } .underlay__background-primary_16959 {
-            background-color: #0e0e0e;
-        } .underlay__background-primary-inverted_16959 {
-            background-color: #fff;
-        } .underlay__background-secondary_16959 {
-            background-color: #1c1c1e;
-        } .underlay__background-secondary-inverted_16959 {
-            background-color: #f2f3f5;
-        } .underlay__background-tertiary_16959 {
-            background-color: #27272a;
-        } .underlay__background-tertiary-inverted_16959 {
-            background-color: #e7e8ea;
-        } .underlay__background-quaternary_16959 {
-            background-color: #36363a;
-        } .underlay__background-quaternary-inverted_16959 {
-            background-color: #dcdee2;
-        } .underlay__background-specialbg-component_16959 {
-            background-color: rgba(255, 255, 255, 0.1);
-        } .underlay__background-specialbg-component-inverted_16959 {
-            background-color: rgba(11, 31, 53, 0.07);
-        } .underlay__background-specialbg-primary-grouped_16959 {
-            background-color: #1c1c1e;
-        } .underlay__background-specialbg-secondary-grouped_16959 {
-            background-color: #27272a;
-        } .underlay__background-specialbg-tertiary-grouped_16959 {
-            background-color: #36363a;
-        } .underlay__background-specialbg-secondary-transparent_16959 {
-            background-color: rgba(214, 214, 229, 0.07);
-        } .underlay__background-specialbg-secondary-transparent-inverted_16959 {
-            background-color: rgba(38, 55, 88, 0.06);
-        } .underlay__background-specialbg-tertiary-transparent_16959 {
-            background-color: rgba(222, 222, 240, 0.12);
-        } .underlay__background-specialbg-tertiary-transparent-inverted_16959 {
-            background-color: rgba(30, 43, 68, 0.08);
-        } .underlay__shadow-xs_16959 {
-        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
-    } .underlay__shadow-s_16959 {
-        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);
-    } .underlay__shadow-m_16959 {
-        box-shadow: 0 20px 24px rgba(0, 0, 0, 0.08), 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);
-    } .underlay__shadow-l_16959 {
-        box-shadow: 0 24px 32px rgba(0, 0, 0, 0.08), 0 20px 24px rgba(0, 0, 0, 0.08),
-        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);
-    } .underlay__shadow-xl_16959 {
-        box-shadow: 0 32px 40px rgba(0, 0, 0, 0.08), 0 24px 32px rgba(0, 0, 0, 0.08),
-        0 20px 24px rgba(0, 0, 0, 0.08), 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);
-    } .underlay__shadow-xs-hard_16959 {
-        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
-    } .underlay__shadow-s-hard_16959 {
-        box-shadow: 0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16),
-        0 0 1px rgba(0, 0, 0, 0.16);
-    } .underlay__shadow-m-hard_16959 {
-        box-shadow: 0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),
-        0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
-    } .underlay__shadow-l-hard_16959 {
-        box-shadow: 0 24px 32px rgba(0, 0, 0, 0.2), 0 20px 24px rgba(0, 0, 0, 0.2),
-        0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
-    } .underlay__shadow-xl-hard_16959 {
-        box-shadow: 0 32px 40px rgba(0, 0, 0, 0.2), 0 24px 32px rgba(0, 0, 0, 0.2),
-        0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),
-        0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
-    } .underlay__shadow-xs-up_16959 {
-        box-shadow: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04);
-    } .underlay__shadow-s-up_16959 {
-        box-shadow: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08);
-    } .underlay__shadow-m-up_16959 {
-        box-shadow: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16);
-    } .underlay__shadow-l-up_16959 {
-        box-shadow: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24);
-    } .underlay__shadow-xl-up_16959 {
-        box-shadow: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32);
-    } .underlay__shadow-xs-hard-up_16959 {
-        box-shadow: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04),
-        0 -2px 4px rgba(0, 0, 0, 0.16);
-    } .underlay__shadow-s-hard-up_16959 {
-        box-shadow: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08),
-        0 -4px 8px rgba(0, 0, 0, 0.16);
-    } .underlay__shadow-m-hard-up_16959 {
-        box-shadow: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16),
-        0 -8px 16px rgba(0, 0, 0, 0.16);
-    } .underlay__shadow-l-hard-up_16959 {
-        box-shadow: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24),
-        0 -12px 24px rgba(0, 0, 0, 0.16);
-    } .underlay__shadow-xl-hard-up_16959 {
-        box-shadow: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32),
-        0 -16px 32px rgba(0, 0, 0, 0.16);
-    } .underlay__border-color-accent_16959 {
-        border-color: #f83a2a;
-    } .underlay__border-color-key_16959 {
-        border-color: rgba(255, 255, 255, 0.94);
-    } .underlay__border-color-key-inverted_16959 {
-        border-color: rgba(3, 3, 6, 0.88);
-    } .underlay__border-color-link_16959 {
-        border-color: #3193fc;
-    } .underlay__border-color-primary_16959 {
-        border-color: #353539;
-    } .underlay__border-color-primary-inverted_16959 {
-        border-color: #d2d3d9;
-    } .underlay__border-color-secondary_16959 {
-        border-color: #29292c;
-    } .underlay__border-color-secondary-inverted_16959 {
-        border-color: #e7e8eb;
-    } .underlay__border-color-tertiary_16959 {
-        border-color: #212124;
-    } .underlay__border-color-tertiary-inverted_16959 {
-        border-color: #edeef0;
-    } .underlay__border-color-underline_16959 {
-        border-color: #4a4a51;
-    } .underlay__border-color-underline-inverted_16959 {
-        border-color: #babbc2;
-    } .underlay__border-color-graphic-attention_16959 {
-        border-color: #fda136;
-    } .underlay__border-color-graphic-link_16959 {
-        border-color: #3193fc;
-    } .underlay__border-color-graphic-negative_16959 {
-        border-color: #ff4837;
-    } .underlay__border-color-graphic-positive_16959 {
-        border-color: #17d055;
-    } .underlay__border-color-specialbg-secondary-transparent_16959 {
-        border-color: rgba(225, 225, 248, 0.09);
-    } .underlay__border-color-specialbg-secondary-transparent-inverted_16959 {
-        border-color: rgba(30, 43, 68, 0.08);
-    } .underlay__border-color-specialbg-tertiary-transparent_16959 {
-        border-color: rgba(222, 222, 238, 0.13);
-    } .underlay__border-color-specialbg-tertiary-transparent-inverted_16959 {
-        border-color: rgba(15, 25, 55, 0.1);
-    }
+}

package/universal-date-input/cssm/index-5712fce2.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
 import React from "react";
-import { MouseEvent, ReactNode, ComponentType, KeyboardEvent, MutableRefObject, Ref, FC, ButtonHTMLAttributes, ElementType, RefObject } from "react";
+import { MouseEvent, ReactNode, ComponentType, KeyboardEvent, MutableRefObject, Ref, WheelEvent, FC, RefObject, ButtonHTMLAttributes, ElementType } from "react";
 import { DayAddons, SelectorView, View, Day, Month } from "./typings-5684a67d";
 import { TransitionProps } from "react-transition-group/Transition";
 import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
@@ -420,6 +420,10 @@ type BaseModalProps = {
      * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
      */
     iOSLock?: boolean;
+    /**
+     * Хэндлер события прокрутки колесиком
+     */
+    onWheel?: (e: WheelEvent<HTMLElement>) => void;
 };
 type BaseModalContext = {
     parentRef: React.RefObject<HTMLDivElement>;
@@ -621,6 +625,18 @@ type NavigationBarPrivateProps = {
      * Ссылка на родительскую ноду overflow: auto
      */
     scrollableParentRef?: React.RefObject<HTMLDivElement>;
+    /**
+     * Data атрибут для компонента
+     */
+    dataName?: string;
+    /**
+     * Дополнительный класс для title
+     */
+    titleClassName?: string;
+    /**
+     * Ref для title элемента
+     */
+    titleRef?: RefObject<HTMLDivElement>;
 };
 type HeaderProps = Omit<NavigationBarPrivateProps, "size" | "view" | "parentRef">;
 type FooterProps = {
@@ -858,4 +874,4 @@ declare function usePeriodWithReset({ onPeriodChange, initialSelectedFrom, initi
 export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, useRange, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, StackProps, Stack, usePortalContainer, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, YearsTableProps, YearsTable, usePeriod, usePeriodWithReset };
 export * from "./Component-5684a67d";
 export type { SavedStyle };
-export * from "./Component-ebe70d06";
+export * from "./Component-68850940";

package/universal-date-input/cssm/index-f034f741.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component-ebe70d06";
+export * from "./Component-68850940";
 export { shiftValues } from "./utils-b1bfe0d1";

package/universal-date-input/cssm/utils-5712fce2.d.ts

@@ -101,6 +101,4 @@ declare function isRangeValue(value: CalendarProps['value']): value is {
     dateFrom?: number | undefined;
     dateTo?: number | undefined;
 };
-declare const getMonthStartTimestamp: (date: Date) => number;
-declare const getMonthEndTimestamp: (date: Date) => number;
-export { DAYS_IN_WEEK, MONTHS_IN_YEAR, SUNDAY_INDEX, DATE_FORMAT, NATIVE_DATE_FORMAT, WEEKDAYS, MONTHS, russianWeekDay, generateWeeks, generateMonths, generateYears, buildDay, buildMonth, limitDate, dateInLimits, monthName, dateArrayToHashTable, addonArrayToHashTable, getSelectionRange, modifyDateByShift, simulateTab, formatDate, parseDateString, getCalendarMobileTestIds, isRangeValue, getMonthStartTimestamp, getMonthEndTimestamp };
+export { DAYS_IN_WEEK, MONTHS_IN_YEAR, SUNDAY_INDEX, DATE_FORMAT, NATIVE_DATE_FORMAT, WEEKDAYS, MONTHS, russianWeekDay, generateWeeks, generateMonths, generateYears, buildDay, buildMonth, limitDate, dateInLimits, monthName, dateArrayToHashTable, addonArrayToHashTable, getSelectionRange, modifyDateByShift, simulateTab, formatDate, parseDateString, getCalendarMobileTestIds, isRangeValue };

package/universal-date-input/esm/index-5712fce2.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
 import React from "react";
-import { MouseEvent, ReactNode, ComponentType, KeyboardEvent, MutableRefObject, Ref, FC, ButtonHTMLAttributes, ElementType, RefObject } from "react";
+import { MouseEvent, ReactNode, ComponentType, KeyboardEvent, MutableRefObject, Ref, WheelEvent, FC, RefObject, ButtonHTMLAttributes, ElementType } from "react";
 import { DayAddons, SelectorView, View, Day, Month } from "./typings-5684a67d";
 import { TransitionProps } from "react-transition-group/Transition";
 import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
@@ -420,6 +420,10 @@ type BaseModalProps = {
      * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
      */
     iOSLock?: boolean;
+    /**
+     * Хэндлер события прокрутки колесиком
+     */
+    onWheel?: (e: WheelEvent<HTMLElement>) => void;
 };
 type BaseModalContext = {
     parentRef: React.RefObject<HTMLDivElement>;
@@ -621,6 +625,18 @@ type NavigationBarPrivateProps = {
      * Ссылка на родительскую ноду overflow: auto
      */
     scrollableParentRef?: React.RefObject<HTMLDivElement>;
+    /**
+     * Data атрибут для компонента
+     */
+    dataName?: string;
+    /**
+     * Дополнительный класс для title
+     */
+    titleClassName?: string;
+    /**
+     * Ref для title элемента
+     */
+    titleRef?: RefObject<HTMLDivElement>;
 };
 type HeaderProps = Omit<NavigationBarPrivateProps, "size" | "view" | "parentRef">;
 type FooterProps = {
@@ -858,4 +874,4 @@ declare function usePeriodWithReset({ onPeriodChange, initialSelectedFrom, initi
 export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, useRange, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, StackProps, Stack, usePortalContainer, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, YearsTableProps, YearsTable, usePeriod, usePeriodWithReset };
 export * from "./Component-5684a67d";
 export type { SavedStyle };
-export * from "./Component-ebe70d06";
+export * from "./Component-68850940";

package/universal-date-input/esm/index-f034f741.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component-ebe70d06";
+export * from "./Component-68850940";
 export { shiftValues } from "./utils-b1bfe0d1";

package/universal-date-input/esm/utils-5712fce2.d.ts

@@ -101,6 +101,4 @@ declare function isRangeValue(value: CalendarProps['value']): value is {
     dateFrom?: number | undefined;
     dateTo?: number | undefined;
 };
-declare const getMonthStartTimestamp: (date: Date) => number;
-declare const getMonthEndTimestamp: (date: Date) => number;
-export { DAYS_IN_WEEK, MONTHS_IN_YEAR, SUNDAY_INDEX, DATE_FORMAT, NATIVE_DATE_FORMAT, WEEKDAYS, MONTHS, russianWeekDay, generateWeeks, generateMonths, generateYears, buildDay, buildMonth, limitDate, dateInLimits, monthName, dateArrayToHashTable, addonArrayToHashTable, getSelectionRange, modifyDateByShift, simulateTab, formatDate, parseDateString, getCalendarMobileTestIds, isRangeValue, getMonthStartTimestamp, getMonthEndTimestamp };
+export { DAYS_IN_WEEK, MONTHS_IN_YEAR, SUNDAY_INDEX, DATE_FORMAT, NATIVE_DATE_FORMAT, WEEKDAYS, MONTHS, russianWeekDay, generateWeeks, generateMonths, generateYears, buildDay, buildMonth, limitDate, dateInLimits, monthName, dateArrayToHashTable, addonArrayToHashTable, getSelectionRange, modifyDateByShift, simulateTab, formatDate, parseDateString, getCalendarMobileTestIds, isRangeValue };

package/universal-date-input/index-5712fce2.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
 import React from "react";
-import { MouseEvent, ReactNode, ComponentType, KeyboardEvent, MutableRefObject, Ref, FC, ButtonHTMLAttributes, ElementType, RefObject } from "react";
+import { MouseEvent, ReactNode, ComponentType, KeyboardEvent, MutableRefObject, Ref, WheelEvent, FC, RefObject, ButtonHTMLAttributes, ElementType } from "react";
 import { DayAddons, SelectorView, View, Day, Month } from "./typings-5684a67d";
 import { TransitionProps } from "react-transition-group/Transition";
 import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
@@ -420,6 +420,10 @@ type BaseModalProps = {
      * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
      */
     iOSLock?: boolean;
+    /**
+     * Хэндлер события прокрутки колесиком
+     */
+    onWheel?: (e: WheelEvent<HTMLElement>) => void;
 };
 type BaseModalContext = {
     parentRef: React.RefObject<HTMLDivElement>;
@@ -621,6 +625,18 @@ type NavigationBarPrivateProps = {
      * Ссылка на родительскую ноду overflow: auto
      */
     scrollableParentRef?: React.RefObject<HTMLDivElement>;
+    /**
+     * Data атрибут для компонента
+     */
+    dataName?: string;
+    /**
+     * Дополнительный класс для title
+     */
+    titleClassName?: string;
+    /**
+     * Ref для title элемента
+     */
+    titleRef?: RefObject<HTMLDivElement>;
 };
 type HeaderProps = Omit<NavigationBarPrivateProps, "size" | "view" | "parentRef">;
 type FooterProps = {
@@ -858,4 +874,4 @@ declare function usePeriodWithReset({ onPeriodChange, initialSelectedFrom, initi
 export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, useRange, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, StackProps, Stack, usePortalContainer, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, YearsTableProps, YearsTable, usePeriod, usePeriodWithReset };
 export * from "./Component-5684a67d";
 export type { SavedStyle };
-export * from "./Component-ebe70d06";
+export * from "./Component-68850940";

package/universal-date-input/index-f034f741.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component-ebe70d06";
+export * from "./Component-68850940";
 export { shiftValues } from "./utils-b1bfe0d1";

package/universal-date-input/modern/index-5712fce2.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
 import React from "react";
-import { MouseEvent, ReactNode, ComponentType, KeyboardEvent, MutableRefObject, Ref, FC, ButtonHTMLAttributes, ElementType, RefObject } from "react";
+import { MouseEvent, ReactNode, ComponentType, KeyboardEvent, MutableRefObject, Ref, WheelEvent, FC, RefObject, ButtonHTMLAttributes, ElementType } from "react";
 import { DayAddons, SelectorView, View, Day, Month } from "./typings-5684a67d";
 import { TransitionProps } from "react-transition-group/Transition";
 import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
@@ -420,6 +420,10 @@ type BaseModalProps = {
      * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
      */
     iOSLock?: boolean;
+    /**
+     * Хэндлер события прокрутки колесиком
+     */
+    onWheel?: (e: WheelEvent<HTMLElement>) => void;
 };
 type BaseModalContext = {
     parentRef: React.RefObject<HTMLDivElement>;
@@ -621,6 +625,18 @@ type NavigationBarPrivateProps = {
      * Ссылка на родительскую ноду overflow: auto
      */
     scrollableParentRef?: React.RefObject<HTMLDivElement>;
+    /**
+     * Data атрибут для компонента
+     */
+    dataName?: string;
+    /**
+     * Дополнительный класс для title
+     */
+    titleClassName?: string;
+    /**
+     * Ref для title элемента
+     */
+    titleRef?: RefObject<HTMLDivElement>;
 };
 type HeaderProps = Omit<NavigationBarPrivateProps, "size" | "view" | "parentRef">;
 type FooterProps = {
@@ -858,4 +874,4 @@ declare function usePeriodWithReset({ onPeriodChange, initialSelectedFrom, initi
 export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, useRange, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, StackProps, Stack, usePortalContainer, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, YearsTableProps, YearsTable, usePeriod, usePeriodWithReset };
 export * from "./Component-5684a67d";
 export type { SavedStyle };
-export * from "./Component-ebe70d06";
+export * from "./Component-68850940";

package/universal-date-input/modern/index-f034f741.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component-ebe70d06";
+export * from "./Component-68850940";
 export { shiftValues } from "./utils-b1bfe0d1";

package/universal-date-input/modern/utils-5712fce2.d.ts

@@ -101,6 +101,4 @@ declare function isRangeValue(value: CalendarProps['value']): value is {
     dateFrom?: number | undefined;
     dateTo?: number | undefined;
 };
-declare const getMonthStartTimestamp: (date: Date) => number;
-declare const getMonthEndTimestamp: (date: Date) => number;
-export { DAYS_IN_WEEK, MONTHS_IN_YEAR, SUNDAY_INDEX, DATE_FORMAT, NATIVE_DATE_FORMAT, WEEKDAYS, MONTHS, russianWeekDay, generateWeeks, generateMonths, generateYears, buildDay, buildMonth, limitDate, dateInLimits, monthName, dateArrayToHashTable, addonArrayToHashTable, getSelectionRange, modifyDateByShift, simulateTab, formatDate, parseDateString, getCalendarMobileTestIds, isRangeValue, getMonthStartTimestamp, getMonthEndTimestamp };
+export { DAYS_IN_WEEK, MONTHS_IN_YEAR, SUNDAY_INDEX, DATE_FORMAT, NATIVE_DATE_FORMAT, WEEKDAYS, MONTHS, russianWeekDay, generateWeeks, generateMonths, generateYears, buildDay, buildMonth, limitDate, dateInLimits, monthName, dateArrayToHashTable, addonArrayToHashTable, getSelectionRange, modifyDateByShift, simulateTab, formatDate, parseDateString, getCalendarMobileTestIds, isRangeValue };

package/universal-date-input/moderncssm/index-5712fce2.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
 import React from "react";
-import { MouseEvent, ReactNode, ComponentType, KeyboardEvent, MutableRefObject, Ref, FC, ButtonHTMLAttributes, ElementType, RefObject } from "react";
+import { MouseEvent, ReactNode, ComponentType, KeyboardEvent, MutableRefObject, Ref, WheelEvent, FC, RefObject, ButtonHTMLAttributes, ElementType } from "react";
 import { DayAddons, SelectorView, View, Day, Month } from "./typings-5684a67d";
 import { TransitionProps } from "react-transition-group/Transition";
 import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
@@ -420,6 +420,10 @@ type BaseModalProps = {
      * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
      */
     iOSLock?: boolean;
+    /**
+     * Хэндлер события прокрутки колесиком
+     */
+    onWheel?: (e: WheelEvent<HTMLElement>) => void;
 };
 type BaseModalContext = {
     parentRef: React.RefObject<HTMLDivElement>;
@@ -621,6 +625,18 @@ type NavigationBarPrivateProps = {
      * Ссылка на родительскую ноду overflow: auto
      */
     scrollableParentRef?: React.RefObject<HTMLDivElement>;
+    /**
+     * Data атрибут для компонента
+     */
+    dataName?: string;
+    /**
+     * Дополнительный класс для title
+     */
+    titleClassName?: string;
+    /**
+     * Ref для title элемента
+     */
+    titleRef?: RefObject<HTMLDivElement>;
 };
 type HeaderProps = Omit<NavigationBarPrivateProps, "size" | "view" | "parentRef">;
 type FooterProps = {
@@ -858,4 +874,4 @@ declare function usePeriodWithReset({ onPeriodChange, initialSelectedFrom, initi
 export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, useRange, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, StackProps, Stack, usePortalContainer, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, YearsTableProps, YearsTable, usePeriod, usePeriodWithReset };
 export * from "./Component-5684a67d";
 export type { SavedStyle };
-export * from "./Component-ebe70d06";
+export * from "./Component-68850940";

package/universal-date-input/moderncssm/index-f034f741.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component-ebe70d06";
+export * from "./Component-68850940";
 export { shiftValues } from "./utils-b1bfe0d1";

package/universal-date-input/moderncssm/utils-5712fce2.d.ts

@@ -101,6 +101,4 @@ declare function isRangeValue(value: CalendarProps['value']): value is {
     dateFrom?: number | undefined;
     dateTo?: number | undefined;
 };
-declare const getMonthStartTimestamp: (date: Date) => number;
-declare const getMonthEndTimestamp: (date: Date) => number;
-export { DAYS_IN_WEEK, MONTHS_IN_YEAR, SUNDAY_INDEX, DATE_FORMAT, NATIVE_DATE_FORMAT, WEEKDAYS, MONTHS, russianWeekDay, generateWeeks, generateMonths, generateYears, buildDay, buildMonth, limitDate, dateInLimits, monthName, dateArrayToHashTable, addonArrayToHashTable, getSelectionRange, modifyDateByShift, simulateTab, formatDate, parseDateString, getCalendarMobileTestIds, isRangeValue, getMonthStartTimestamp, getMonthEndTimestamp };
+export { DAYS_IN_WEEK, MONTHS_IN_YEAR, SUNDAY_INDEX, DATE_FORMAT, NATIVE_DATE_FORMAT, WEEKDAYS, MONTHS, russianWeekDay, generateWeeks, generateMonths, generateYears, buildDay, buildMonth, limitDate, dateInLimits, monthName, dateArrayToHashTable, addonArrayToHashTable, getSelectionRange, modifyDateByShift, simulateTab, formatDate, parseDateString, getCalendarMobileTestIds, isRangeValue };

package/universal-date-input/utils-5712fce2.d.ts

@@ -101,6 +101,4 @@ declare function isRangeValue(value: CalendarProps['value']): value is {
     dateFrom?: number | undefined;
     dateTo?: number | undefined;
 };
-declare const getMonthStartTimestamp: (date: Date) => number;
-declare const getMonthEndTimestamp: (date: Date) => number;
-export { DAYS_IN_WEEK, MONTHS_IN_YEAR, SUNDAY_INDEX, DATE_FORMAT, NATIVE_DATE_FORMAT, WEEKDAYS, MONTHS, russianWeekDay, generateWeeks, generateMonths, generateYears, buildDay, buildMonth, limitDate, dateInLimits, monthName, dateArrayToHashTable, addonArrayToHashTable, getSelectionRange, modifyDateByShift, simulateTab, formatDate, parseDateString, getCalendarMobileTestIds, isRangeValue, getMonthStartTimestamp, getMonthEndTimestamp };
+export { DAYS_IN_WEEK, MONTHS_IN_YEAR, SUNDAY_INDEX, DATE_FORMAT, NATIVE_DATE_FORMAT, WEEKDAYS, MONTHS, russianWeekDay, generateWeeks, generateMonths, generateYears, buildDay, buildMonth, limitDate, dateInLimits, monthName, dateArrayToHashTable, addonArrayToHashTable, getSelectionRange, modifyDateByShift, simulateTab, formatDate, parseDateString, getCalendarMobileTestIds, isRangeValue };

package/universal-modal/Component-426a3911.d.ts

@@ -0,0 +1,17 @@
+import { FC, ReactNode } from 'react';
+type ContentProps = {
+    /**
+     * Контент
+     */
+    children?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare const Content: FC<ContentProps>;
+export { ContentProps, Content };

package/universal-modal/Component-426a3911.js

@@ -0,0 +1,34 @@
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsShared = require('../shared');
+var Context = require('./Context.js');
+var ResponsiveContext = require('./ResponsiveContext.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var styles$1 = {"content":"universal-modal__content_n0bws","withHeader":"universal-modal__withHeader_n0bws","withFooter":"universal-modal__withFooter_n0bws","flex":"universal-modal__flex_n0bws"};
+require('./components/content/index.css');
+
+var styles = {"content":"universal-modal__content_143vu","withFooter":"universal-modal__withFooter_143vu"};
+require('./components/content/mobile.css');
+
+var Content = function (_a) {
+    var _b;
+    var children = _a.children, className = _a.className, dataTestId = _a.dataTestId;
+    var _c = React.useContext(Context.ModalContext), contentRef = _c.contentRef, hasHeader = _c.hasHeader, hasFooter = _c.hasFooter;
+    var responsiveContext = React.useContext(ResponsiveContext.ResponsiveContext);
+    var _d = (responsiveContext || {}).view, view = _d === void 0 ? 'desktop' : _d;
+    var isMobile = view === 'mobile';
+    return (React__default.default.createElement("div", { className: cn__default.default(styles$1.content, className, styles$1.flex, (_b = {},
+            _b[styles$1.withHeader] = hasHeader,
+            _b[styles$1.withFooter] = hasFooter,
+            _b[styles.content] = isMobile,
+            _b[styles.withFooter] = isMobile,
+            _b)), ref: contentRef, "data-test-id": dataTestId || coreComponentsShared.getDataTestId(responsiveContext === null || responsiveContext === void 0 ? void 0 : responsiveContext.dataTestId, 'content') }, children));
+};
+
+exports.Content = Content;
+exports.styles = styles;

package/universal-modal/Component.responsive.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import React from 'react';
+declare const UniversalModalResponsive: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("../base-modal").BaseModalProps, "className" | "children" | "open" | "dataTestId"> & import("./mobile/types/props").BaseUniversalModalMobileProps & {
+    breakpoint?: number | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+} & React.RefAttributes<HTMLDivElement>> & {
+    Header: React.FC<import("./components/header/Component").HeaderProps>;
+    Controls: React.FC<import("./components/controls/index").ControlsProps>;
+    Content: (props: any) => React.JSX.Element;
+    Footer: (props: any) => React.JSX.Element;
+};
+export { UniversalModalResponsive };

package/universal-modal/Component.responsive.js

@@ -0,0 +1,33 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var coreComponentsMq = require('../mq');
+var coreComponentsShared = require('../shared');
+var components_controls_Component = require('./components/controls/Component.js');
+var components_header_Component = require('./components/header/Component.js');
+var utils_createResponsive = require('./utils/createResponsive.js');
+var desktop_Component_desktop = require('./desktop/Component.desktop.js');
+var mobile_Component_mobile = require('./mobile/Component.mobile.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var UniversalModal = React.forwardRef(function (_a, ref) {
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["children", "breakpoint", "defaultMatchMediaValue", "dataTestId"]);
+    var query = "(min-width: ".concat(breakpoint, "px)");
+    var getDefaultValue = function () { return (coreComponentsShared.isClient() ? window.matchMedia(query).matches : false); };
+    var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue !== null && defaultMatchMediaValue !== void 0 ? defaultMatchMediaValue : getDefaultValue)[0];
+    var Component = isDesktop ? desktop_Component_desktop.UniversalModalDesktop : mobile_Component_mobile.UniversalModalMobile;
+    return (React__default.default.createElement(Component, tslib.__assign({ ref: ref, dataTestId: dataTestId }, restProps), children));
+});
+var UniversalModalResponsive = Object.assign(UniversalModal, {
+    Header: components_header_Component.Header,
+    Controls: components_controls_Component.Controls,
+    Content: utils_createResponsive.createResponsive(desktop_Component_desktop.UniversalModalDesktop.Content, mobile_Component_mobile.UniversalModalMobile.Content),
+    Footer: utils_createResponsive.createResponsive(desktop_Component_desktop.UniversalModalDesktop.Footer, mobile_Component_mobile.UniversalModalMobile.Footer),
+});
+UniversalModalResponsive.displayName = 'UniversalModalResponsive';
+
+exports.UniversalModalResponsive = UniversalModalResponsive;

package/universal-modal/Context.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { BaseModalContext } from "../base-modal";
+declare const ModalContext: import("react").Context<BaseModalContext>;
+export { ModalContext };

package/universal-modal/Context.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var coreComponentsBaseModal = require('../base-modal');
+
+var ModalContext = coreComponentsBaseModal.BaseModalContext;
+
+exports.ModalContext = ModalContext;

package/universal-modal/ResponsiveContext.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { TResponsiveModalContext } from "./typings";
+declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
+export { ResponsiveContext };

package/universal-modal/ResponsiveContext.js

@@ -0,0 +1,11 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var ResponsiveContext = React__default.default.createContext(null);
+
+exports.ResponsiveContext = ResponsiveContext;