@alfalab/core-components 48.27.4 → 48.28.0

package/calendar/components/months-table/Component.js

@@ -15,7 +15,7 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var isSameMonth__default = /*#__PURE__*/_interopDefaultCompat(isSameMonth);
 var isThisMonth__default = /*#__PURE__*/_interopDefaultCompat(isThisMonth);
 
-var styles = {"monthsTable":"calendar__monthsTable_t09km","responsive":"calendar__responsive_t09km","button":"calendar__button_t09km"};
+var styles = {"monthsTable":"calendar__monthsTable_893yj","responsive":"calendar__responsive_893yj","button":"calendar__button_893yj"};
 require('./index.css');
 
 var MonthsTable = function (_a) {

package/calendar/components/months-table/index.css

@@ -59,41 +59,41 @@
     /* disabled */
 
     /* marker */
-} .cc-calendar .calendar__monthsTable_t09km {
+} .cc-calendar .calendar__monthsTable_893yj {
         display: flex;
         flex-wrap: wrap;
         width: var(--calendar-inner-width)
-    } @media (max-width: 374px) { .cc-calendar .calendar__monthsTable_t09km {
+    } @media (max-width: 374px) { .cc-calendar .calendar__monthsTable_893yj {
             width: var(--calendar-mobile-inner-width);
             padding-top: var(--gap-8)
     }
-        } .cc-calendar .calendar__monthsTable_t09km.calendar__responsive_t09km {
+        } .cc-calendar .calendar__monthsTable_893yj.calendar__responsive_893yj {
             width: 100%
-        } .cc-calendar .calendar__monthsTable_t09km.calendar__responsive_t09km .calendar__button_t09km {
+        } .cc-calendar .calendar__monthsTable_893yj.calendar__responsive_893yj .calendar__button_893yj {
                 width: calc(33.333% - var(--gap-4) / 1.5);
                 box-shadow: none;
-            } .cc-calendar .calendar__monthsTable_t09km:not(.calendar__responsive_t09km) .calendar__button_t09km {
+            } .cc-calendar .calendar__monthsTable_893yj:not(.calendar__responsive_893yj) .calendar__button_893yj {
                 width: var(--calendar-select-button-width)
-            } @media (max-width: 374px) { .cc-calendar .calendar__monthsTable_t09km:not(.calendar__responsive_t09km) .calendar__button_t09km {
+            } @media (max-width: 374px) { .cc-calendar .calendar__monthsTable_893yj:not(.calendar__responsive_893yj) .calendar__button_893yj {
                     width: var(--calendar-mobile-select-button-width)
             }
 
-                    .cc-calendar .calendar__monthsTable_t09km:not(.calendar__responsive_t09km) .calendar__button_t09km:nth-child(3n) {
+                    .cc-calendar .calendar__monthsTable_893yj:not(.calendar__responsive_893yj) .calendar__button_893yj:nth-child(3n) {
                         margin-right: var(--gap-4);
                     }
 
-                    .cc-calendar .calendar__monthsTable_t09km:not(.calendar__responsive_t09km) .calendar__button_t09km:nth-child(2n) {
+                    .cc-calendar .calendar__monthsTable_893yj:not(.calendar__responsive_893yj) .calendar__button_893yj:nth-child(2n) {
                         margin-right: var(--gap-0);
-                    } .cc-calendar .calendar__monthsTable_t09km:not(.calendar__responsive_t09km) .calendar__button_t09km {
+                    } .cc-calendar .calendar__monthsTable_893yj:not(.calendar__responsive_893yj) .calendar__button_893yj {
 
                     height: 36px
             }
-                } .cc-calendar .calendar__button_t09km {
+                } .cc-calendar .calendar__button_893yj {
         margin-right: var(--gap-4);
         margin-bottom: var(--gap-8)
-    } .cc-calendar .calendar__button_t09km:nth-child(3n) {
+    } .cc-calendar .calendar__button_893yj:nth-child(3n) {
             margin-right: var(--gap-0);
-        } @media (max-width: 374px) { .cc-calendar .calendar__button_t09km {
+        } @media (max-width: 374px) { .cc-calendar .calendar__button_893yj {
             height: 36px
     }
         }

package/calendar/components/period-slider/Component.js

@@ -18,7 +18,7 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var endOfWeek__default = /*#__PURE__*/_interopDefaultCompat(endOfWeek);
 var startOfWeek__default = /*#__PURE__*/_interopDefaultCompat(startOfWeek);
 
-var styles = {"component":"calendar__component_1bhv1","period":"calendar__period_1bhv1","clicablePeriod":"calendar__clicablePeriod_1bhv1","empty":"calendar__empty_1bhv1","arrow":"calendar__arrow_1bhv1","full":"calendar__full_1bhv1","yearSelectorButton":"calendar__yearSelectorButton_1bhv1"};
+var styles = {"component":"calendar__component_11eaz","period":"calendar__period_11eaz","clicablePeriod":"calendar__clicablePeriod_11eaz","empty":"calendar__empty_11eaz","arrow":"calendar__arrow_11eaz","full":"calendar__full_11eaz","yearSelectorButton":"calendar__yearSelectorButton_11eaz"};
 require('./index.css');
 
 var PeriodSlider = function (_a) {

package/calendar/components/period-slider/index.css

@@ -53,37 +53,37 @@
     /* disabled */
 
     /* marker */
-} .calendar__component_1bhv1 {
+} .calendar__component_11eaz {
     position: relative;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
-} .calendar__period_1bhv1 {
+} .calendar__period_11eaz {
     font-family: var(--calendar-month-only-header-font-family);
     font-size: var(--calendar-month-only-header-font-size);
     font-weight: var(--calendar-month-only-header-font-weight);
     line-height: 24px;
     text-align: center
-} @media (max-width: 374px) { .calendar__period_1bhv1 {
+} @media (max-width: 374px) { .calendar__period_11eaz {
         width: auto;
         flex-grow: 1
 }
-    } .calendar__clicablePeriod_1bhv1 {
+    } .calendar__clicablePeriod_11eaz {
     cursor: pointer;
-} .calendar__empty_1bhv1 {
+} .calendar__empty_11eaz {
     color: var(--color-light-text-secondary);
-} .calendar__arrow_1bhv1 {
+} .calendar__arrow_11eaz {
     position: absolute;
     top: var(--gap-4)
-} .calendar__arrow_1bhv1:first-child {
+} .calendar__arrow_11eaz:first-child {
         left: var(--gap-0);
-    } .calendar__arrow_1bhv1:last-child {
+    } .calendar__arrow_11eaz:last-child {
         right: var(--gap-0);
         transform: rotateY(180deg);
-    } @media (max-width: 374px) { .calendar__full_1bhv1 .calendar__arrow_1bhv1 {
+    } @media (max-width: 374px) { .calendar__full_11eaz .calendar__arrow_11eaz {
         display: none
 }
-    } .calendar__yearSelectorButton_1bhv1 {
+    } .calendar__yearSelectorButton_11eaz {
     margin-left: var(--gap-8);
 }

package/calendar/components/select-button/Component.js

@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"button":"calendar__button_1o0vq","filled":"calendar__filled_1o0vq","current":"calendar__current_1o0vq","selected":"calendar__selected_1o0vq"};
+var styles = {"button":"calendar__button_1y4ft","filled":"calendar__filled_1y4ft","current":"calendar__current_1y4ft","selected":"calendar__selected_1y4ft"};
 require('./index.css');
 
 var SelectButton = React.forwardRef(function (_a, ref) {

package/calendar/components/select-button/index.css

@@ -57,7 +57,7 @@
     /* disabled */
 
     /* marker */
-} .cc-calendar .calendar__button_1o0vq.calendar__button_1o0vq {
+} .cc-calendar .calendar__button_1y4ft.calendar__button_1y4ft {
         font-size: 16px;
         line-height: 24px;
         font-weight: 400;
@@ -68,23 +68,23 @@
         background-color: transparent;
         border-radius: var(--border-radius-l);
         box-shadow: var(--calendar-select-button-box-shadow)
-    } .cc-calendar .calendar__button_1o0vq.calendar__button_1o0vq:not(:disabled):hover {
+    } .cc-calendar .calendar__button_1y4ft.calendar__button_1y4ft:not(:disabled):hover {
             background-color: var(--color-light-transparent-default-hover);
             color: var(--color-light-text-primary);
-        } .cc-calendar .calendar__button_1o0vq.calendar__button_1o0vq.calendar__filled_1o0vq {
+        } .cc-calendar .calendar__button_1y4ft.calendar__button_1y4ft.calendar__filled_1y4ft {
             background-color: var(--calendar-select-button-background-color)
-        } .cc-calendar .calendar__button_1o0vq.calendar__button_1o0vq.calendar__filled_1o0vq:not(:disabled):hover {
+        } .cc-calendar .calendar__button_1y4ft.calendar__button_1y4ft.calendar__filled_1y4ft:not(:disabled):hover {
                 background-color: var(--color-light-neutral-translucent-300-hover);
-            } .cc-calendar .calendar__button_1o0vq.calendar__button_1o0vq.calendar__current_1o0vq {
+            } .cc-calendar .calendar__button_1y4ft.calendar__button_1y4ft.calendar__current_1y4ft {
             color: var(--calendar-today-color);
             font-weight: bold;
-        } .cc-calendar .calendar__button_1o0vq.calendar__button_1o0vq.calendar__selected_1o0vq,
-        .cc-calendar .calendar__button_1o0vq.calendar__button_1o0vq.calendar__selected_1o0vq:disabled {
+        } .cc-calendar .calendar__button_1y4ft.calendar__button_1y4ft.calendar__selected_1y4ft,
+        .cc-calendar .calendar__button_1y4ft.calendar__button_1y4ft.calendar__selected_1y4ft:disabled {
             background-color: var(--calendar-select-button-selected-background);
             color: var(--color-light-text-primary-inverted)
-        } .cc-calendar .calendar__button_1o0vq.calendar__button_1o0vq.calendar__selected_1o0vq:not(:disabled):hover, .cc-calendar .calendar__button_1o0vq.calendar__button_1o0vq.calendar__selected_1o0vq:disabled:not(:disabled):hover {
+        } .cc-calendar .calendar__button_1y4ft.calendar__button_1y4ft.calendar__selected_1y4ft:not(:disabled):hover, .cc-calendar .calendar__button_1y4ft.calendar__button_1y4ft.calendar__selected_1y4ft:disabled:not(:disabled):hover {
                 background-color: var(--calendar-select-button-selected-background);
                 color: var(--color-light-text-primary-inverted);
-            } .cc-calendar .calendar__button_1o0vq.calendar__button_1o0vq > * {
+            } .cc-calendar .calendar__button_1y4ft.calendar__button_1y4ft > * {
             flex-grow: 1;
         }

package/calendar/components/years-table/Component.js

@@ -14,7 +14,7 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var isSameYear__default = /*#__PURE__*/_interopDefaultCompat(isSameYear);
 var isThisYear__default = /*#__PURE__*/_interopDefaultCompat(isThisYear);
 
-var styles = {"yearsTable":"calendar__yearsTable_snaln","responsive":"calendar__responsive_snaln","inner":"calendar__inner_snaln","button":"calendar__button_snaln"};
+var styles = {"yearsTable":"calendar__yearsTable_1ihr0","responsive":"calendar__responsive_1ihr0","inner":"calendar__inner_1ihr0","button":"calendar__button_1ihr0"};
 require('./index.css');
 
 var YearsTable = function (_a) {

package/calendar/components/years-table/index.css

@@ -59,44 +59,44 @@
     /* disabled */
 
     /* marker */
-} .cc-calendar .calendar__yearsTable_snaln {
+} .cc-calendar .calendar__yearsTable_1ihr0 {
         width: 100%
-    } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_snaln {
+    } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_1ihr0 {
             padding-top: var(--gap-8)
     }
-        } .cc-calendar .calendar__yearsTable_snaln.calendar__responsive_snaln .calendar__inner_snaln {
+        } .cc-calendar .calendar__yearsTable_1ihr0.calendar__responsive_1ihr0 .calendar__inner_1ihr0 {
                 width: 100%;
-            } .cc-calendar .calendar__yearsTable_snaln.calendar__responsive_snaln .calendar__button_snaln {
+            } .cc-calendar .calendar__yearsTable_1ihr0.calendar__responsive_1ihr0 .calendar__button_1ihr0 {
                 width: calc(33.333% - var(--gap-4) / 1.5);
                 box-shadow: none;
-            } .cc-calendar .calendar__yearsTable_snaln:not(.calendar__responsive_snaln) .calendar__inner_snaln {
+            } .cc-calendar .calendar__yearsTable_1ihr0:not(.calendar__responsive_1ihr0) .calendar__inner_1ihr0 {
                 width: var(--calendar-inner-width);
                 margin: var(--gap-0) auto
-            } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_snaln:not(.calendar__responsive_snaln) .calendar__inner_snaln {
+            } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_1ihr0:not(.calendar__responsive_1ihr0) .calendar__inner_1ihr0 {
                     width: var(--calendar-mobile-inner-width)
             }
-                } .cc-calendar .calendar__yearsTable_snaln:not(.calendar__responsive_snaln) .calendar__button_snaln {
+                } .cc-calendar .calendar__yearsTable_1ihr0:not(.calendar__responsive_1ihr0) .calendar__button_1ihr0 {
                 width: var(--calendar-select-button-width)
-            } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_snaln:not(.calendar__responsive_snaln) .calendar__button_snaln {
+            } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_1ihr0:not(.calendar__responsive_1ihr0) .calendar__button_1ihr0 {
                     width: var(--calendar-mobile-select-button-width)
             }
 
-                    .cc-calendar .calendar__yearsTable_snaln:not(.calendar__responsive_snaln) .calendar__button_snaln:nth-child(3n) {
+                    .cc-calendar .calendar__yearsTable_1ihr0:not(.calendar__responsive_1ihr0) .calendar__button_1ihr0:nth-child(3n) {
                         margin-right: var(--gap-4);
                     }
 
-                    .cc-calendar .calendar__yearsTable_snaln:not(.calendar__responsive_snaln) .calendar__button_snaln:nth-child(2n) {
+                    .cc-calendar .calendar__yearsTable_1ihr0:not(.calendar__responsive_1ihr0) .calendar__button_1ihr0:nth-child(2n) {
                         margin-right: var(--gap-0);
                     }
-                } .cc-calendar .calendar__inner_snaln {
+                } .cc-calendar .calendar__inner_1ihr0 {
         position: relative;
         overflow: hidden;
-    } .cc-calendar .calendar__button_snaln {
+    } .cc-calendar .calendar__button_1ihr0 {
         margin-right: var(--gap-4);
         margin-bottom: var(--gap-8)
-    } .cc-calendar .calendar__button_snaln:nth-child(3n) {
+    } .cc-calendar .calendar__button_1ihr0:nth-child(3n) {
             margin-right: var(--gap-0);
-        } @media (max-width: 374px) { .cc-calendar .calendar__button_snaln {
+        } @media (max-width: 374px) { .cc-calendar .calendar__button_1ihr0 {
             height: 36px
     }
         }

package/calendar/cssm/Component.responsive.d.ts

@@ -33,7 +33,7 @@ declare const CalendarResponsive: React.ForwardRefExoticComponent<CalendarDeskto
     onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void) | undefined;
     yearsAmount?: number | undefined;
     scrollableContainer?: HTMLElement | undefined;
-} & Omit<CalendarDesktopProps, ("className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector") | ("contentClassName" | "headerClassName")> & Pick<CalendarDesktopProps, "className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector"> & {
+} & Omit<CalendarDesktopProps, ("className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector") | ("contentClassName" | "headerClassName")> & Pick<CalendarDesktopProps, "className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector"> & Pick<import("../../modal/shared").ModalHeaderProps, "hasBackButton" | "onBack"> & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024

package/calendar/cssm/components/calendar-mobile/Component.d.ts

@@ -16,5 +16,5 @@ declare const CalendarMobile: React.ForwardRefExoticComponent<{
     onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void) | undefined;
     yearsAmount?: number | undefined;
     scrollableContainer?: HTMLElement | undefined;
-} & Omit<import("../../desktop/index").CalendarDesktopProps, ("className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector") | ("contentClassName" | "headerClassName")> & Pick<import("../../desktop/index").CalendarDesktopProps, "className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector"> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<import("../../desktop/index").CalendarDesktopProps, ("className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector") | ("contentClassName" | "headerClassName")> & Pick<import("../../desktop/index").CalendarDesktopProps, "className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector"> & Pick<import("../../../../modal/shared").ModalHeaderProps, "hasBackButton" | "onBack"> & React.RefAttributes<HTMLDivElement>>;
 export { CalendarMonthOnlyViewHeader, CalendarMobile };

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

@@ -33,8 +33,8 @@ var CalendarMonthOnlyViewHeader = function () { return (React__default.default.c
         React__default.default.createElement("tr", null, utils.WEEKDAYS.map(function (dayName) { return (React__default.default.createElement("th", { className: styles__default.default.dayName, key: dayName }, dayName)); }))))); };
 var CalendarMobile = React.forwardRef(function (_a, ref) {
     var _b, _c;
-    var _d = _a.hasHeader, hasHeader = _d === void 0 ? true : _d, _e = _a.allowSelectionFromEmptyRange, allowSelectionFromEmptyRange = _e === void 0 ? false : _e, className = _a.className, _f = _a.defaultView, defaultView = _f === void 0 ? 'days' : _f, _g = _a.selectorView, selectorView = _g === void 0 ? 'full' : _g, value = _a.value, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, onChange = _a.onChange, onMonthTitleClick = _a.onMonthTitleClick, dataTestId = _a.dataTestId, open = _a.open, onClose = _a.onClose, _h = _a.title, title = _h === void 0 ? 'Календарь' : _h, _j = _a.yearsAmount, yearsAmount = _j === void 0 ? 3 : _j, onApply = _a.onApply, clickableMonth = _a.clickableMonth, _k = _a.cancelButtonContent, cancelButtonContent = _k === void 0 ? 'Отмена' : _k, _l = _a.selectButtonContent, selectButtonContent = _l === void 0 ? 'Выбрать' : _l, _m = _a.resetButtonContent, resetButtonContent = _m === void 0 ? 'Сбросить' : _m, restProps = tslib.__rest(_a, ["hasHeader", "allowSelectionFromEmptyRange", "className", "defaultView", "selectorView", "value", "selectedFrom", "selectedTo", "onChange", "onMonthTitleClick", "dataTestId", "open", "onClose", "title", "yearsAmount", "onApply", "clickableMonth", "cancelButtonContent", "selectButtonContent", "resetButtonContent"]);
-    var _o = React.useState(), modalRef = _o[0], setModalRef = _o[1];
+    var _d = _a.hasHeader, hasHeader = _d === void 0 ? true : _d, _e = _a.allowSelectionFromEmptyRange, allowSelectionFromEmptyRange = _e === void 0 ? false : _e, className = _a.className, _f = _a.defaultView, defaultView = _f === void 0 ? 'days' : _f, _g = _a.selectorView, selectorView = _g === void 0 ? 'full' : _g, value = _a.value, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, onChange = _a.onChange, onMonthTitleClick = _a.onMonthTitleClick, dataTestId = _a.dataTestId, open = _a.open, onClose = _a.onClose, _h = _a.title, title = _h === void 0 ? 'Календарь' : _h, _j = _a.yearsAmount, yearsAmount = _j === void 0 ? 3 : _j, onApply = _a.onApply, clickableMonth = _a.clickableMonth, _k = _a.cancelButtonContent, cancelButtonContent = _k === void 0 ? 'Отмена' : _k, _l = _a.selectButtonContent, selectButtonContent = _l === void 0 ? 'Выбрать' : _l, _m = _a.resetButtonContent, resetButtonContent = _m === void 0 ? 'Сбросить' : _m, _o = _a.hasBackButton, hasBackButton = _o === void 0 ? false : _o, onBack = _a.onBack, restProps = tslib.__rest(_a, ["hasHeader", "allowSelectionFromEmptyRange", "className", "defaultView", "selectorView", "value", "selectedFrom", "selectedTo", "onChange", "onMonthTitleClick", "dataTestId", "open", "onClose", "title", "yearsAmount", "onApply", "clickableMonth", "cancelButtonContent", "selectButtonContent", "resetButtonContent", "hasBackButton", "onBack"]);
+    var _p = React.useState(), modalRef = _p[0], setModalRef = _p[1];
     var monthOnlyView = selectorView === 'month-only';
     var handleClose = function () {
         if (onClose)
@@ -91,7 +91,7 @@ var CalendarMobile = React.forwardRef(function (_a, ref) {
             transitionClassNames: backdropTransitionStyles__default.default,
             timeout: 360,
         }, dataTestId: dataTestId },
-        hasHeader && (React__default.default.createElement(mobile.ModalMobile.Header, { hasCloser: true, title: title, sticky: true, bottomAddons: renderDayNames(), className: cn__default.default((_b = {}, _b[styles__default.default.withZIndex] = selectorView === 'full', _b)) })),
+        hasHeader && (React__default.default.createElement(mobile.ModalMobile.Header, { hasCloser: true, hasBackButton: hasBackButton, title: title, sticky: true, bottomAddons: renderDayNames(), className: cn__default.default((_b = {}, _b[styles__default.default.withZIndex] = selectorView === 'full', _b)), onBack: onBack })),
         React__default.default.createElement(mobile.ModalMobile.Content, { className: styles__default.default.contentModal, flex: true }, renderContent()),
         React__default.default.createElement(mobile.ModalMobile.Footer, { sticky: true, className: cn__default.default((_c = {}, _c[styles__default.default.withZIndex] = selectorView === 'full', _c)) }, renderFooter())));
 });

package/calendar/cssm/components/calendar-mobile/typings.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
+import { ModalHeaderProps } from "../../../../modal/shared";
 import { CalendarDesktopProps } from "../../desktop/index";
 type OmittedCalendarProps = 'headerClassName' | 'contentClassName';
 type OmittedCalendarContentProps = 'className' | 'defaultView' | 'selectorView' | 'rangeComplete' | 'onMonthChange' | 'onYearClick' | 'onPeriodClick' | 'dataTestId' | 'hasHeader' | 'responsive' | 'showCurrentYearSelector';
@@ -61,5 +62,5 @@ type CalendarMobileProps = {
      * @default Сбросить
      */
     resetButtonContent?: string;
-} & CalendarContentProps & Pick<CalendarDesktopProps, OmittedCalendarContentProps>;
+} & CalendarContentProps & Pick<CalendarDesktopProps, OmittedCalendarContentProps> & Pick<ModalHeaderProps, 'hasBackButton' | 'onBack'>;
 export { CalendarContentProps, CalendarMobileProps };

package/calendar/desktop/Component.desktop.js

@@ -43,7 +43,7 @@ var endOfDay__default = /*#__PURE__*/_interopDefaultCompat(endOfDay);
 var startOfDay__default = /*#__PURE__*/_interopDefaultCompat(startOfDay);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 
-var styles = {"component":"calendar__component_1m3xr","responsive":"calendar__responsive_1m3xr","period":"calendar__period_1m3xr","monthYear":"calendar__monthYear_1m3xr","container":"calendar__container_1m3xr","customScrollbar":"calendar__customScrollbar_1m3xr","nativeScrollbar":"calendar__nativeScrollbar_1m3xr","sixWeeks":"calendar__sixWeeks_1m3xr"};
+var styles = {"component":"calendar__component_1h3oh","responsive":"calendar__responsive_1h3oh","period":"calendar__period_1h3oh","monthYear":"calendar__monthYear_1h3oh","container":"calendar__container_1h3oh","customScrollbar":"calendar__customScrollbar_1h3oh","nativeScrollbar":"calendar__nativeScrollbar_1h3oh","sixWeeks":"calendar__sixWeeks_1h3oh"};
 require('./desktop.css');
 
 var useCustomWebkitScrollbar = coreComponentsShared.hooks.useCustomWebkitScrollbar;

package/calendar/desktop/desktop.css

@@ -55,26 +55,26 @@
     /* disabled */
 
     /* marker */
-} .calendar__component_1m3xr {
+} .calendar__component_1h3oh {
     width: var(--calendar-width);
     height: var(--calendar-height);
     display: flex;
     flex-direction: column;
     overflow: hidden;
     outline: none
-} @media (max-width: 374px) { .calendar__component_1m3xr {
+} @media (max-width: 374px) { .calendar__component_1h3oh {
         align-items: center;
         width: 100%
 }
-    } .calendar__component_1m3xr.calendar__responsive_1m3xr {
+    } .calendar__component_1h3oh.calendar__responsive_1h3oh {
         width: 100%
-    } .calendar__component_1m3xr.calendar__responsive_1m3xr .calendar__period_1m3xr {
+    } .calendar__component_1h3oh.calendar__responsive_1h3oh .calendar__period_1h3oh {
             width: 100%;
-        } .calendar__component_1m3xr.calendar__responsive_1m3xr .calendar__monthYear_1m3xr {
+        } .calendar__component_1h3oh.calendar__responsive_1h3oh .calendar__monthYear_1h3oh {
             width: 100%;
-        } .calendar__component_1m3xr.calendar__responsive_1m3xr .calendar__container_1m3xr {
+        } .calendar__component_1h3oh.calendar__responsive_1h3oh .calendar__container_1h3oh {
             width: 100%;
-        } .calendar__container_1m3xr {
+        } .calendar__container_1h3oh {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -82,65 +82,65 @@
     box-sizing: border-box;
     flex-grow: 1;
     overflow: hidden
-} .calendar__container_1m3xr.calendar__customScrollbar_1m3xr {
+} .calendar__container_1h3oh.calendar__customScrollbar_1h3oh {
         overflow: auto;
         cursor: auto;
-    } .calendar__container_1m3xr.calendar__customScrollbar_1m3xr::-webkit-scrollbar {
+    } .calendar__container_1h3oh.calendar__customScrollbar_1h3oh::-webkit-scrollbar {
         width: 12px;
         height: 12px;
-    } .calendar__container_1m3xr.calendar__customScrollbar_1m3xr::-webkit-scrollbar-track {
+    } .calendar__container_1h3oh.calendar__customScrollbar_1h3oh::-webkit-scrollbar-track {
         background-color: transparent;
-    } .calendar__container_1m3xr.calendar__customScrollbar_1m3xr::-webkit-scrollbar-track-piece {
+    } .calendar__container_1h3oh.calendar__customScrollbar_1h3oh::-webkit-scrollbar-track-piece {
         background-color: transparent;
-    } .calendar__container_1m3xr.calendar__customScrollbar_1m3xr::-webkit-scrollbar-thumb {
+    } .calendar__container_1h3oh.calendar__customScrollbar_1h3oh::-webkit-scrollbar-thumb {
         background-color: var(--color-light-neutral-translucent-500);
         border-color: transparent;
         border-style: solid;
         border-width: 4px;
         background-clip: padding-box;
-    } .calendar__container_1m3xr.calendar__customScrollbar_1m3xr::-webkit-scrollbar-thumb:vertical {
+    } .calendar__container_1h3oh.calendar__customScrollbar_1h3oh::-webkit-scrollbar-thumb:vertical {
         border-radius: var(--border-radius-circle) / var(--border-radius-6);
         min-height: 40px;
-    } .calendar__container_1m3xr.calendar__customScrollbar_1m3xr::-webkit-scrollbar-thumb:vertical:hover {
+    } .calendar__container_1h3oh.calendar__customScrollbar_1h3oh::-webkit-scrollbar-thumb:vertical:hover {
         border-radius: var(--border-radius-circle) / 7px;
         border-width: 4px 3px;
-    } .calendar__container_1m3xr.calendar__customScrollbar_1m3xr::-webkit-scrollbar-thumb:horizontal {
+    } .calendar__container_1h3oh.calendar__customScrollbar_1h3oh::-webkit-scrollbar-thumb:horizontal {
         border-radius: var(--border-radius-6) / var(--border-radius-circle);
         min-width: 40px;
-    } .calendar__container_1m3xr.calendar__customScrollbar_1m3xr::-webkit-scrollbar-thumb:horizontal:hover {
+    } .calendar__container_1h3oh.calendar__customScrollbar_1h3oh::-webkit-scrollbar-thumb:horizontal:hover {
         border-radius: 7px / var(--border-radius-circle);
         border-width: 3px 4px;
-    } .calendar__container_1m3xr.calendar__customScrollbar_1m3xr::-webkit-scrollbar-thumb:active {
+    } .calendar__container_1h3oh.calendar__customScrollbar_1h3oh::-webkit-scrollbar-thumb:active {
         background-color: var(--color-light-text-secondary);
-    } .calendar__container_1m3xr.calendar__customScrollbar_1m3xr::-webkit-resizer {
+    } .calendar__container_1h3oh.calendar__customScrollbar_1h3oh::-webkit-resizer {
         background: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="%2386868a" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.64645 0.646447C8.84171 0.841709 8.84171 1.15829 8.64645 1.35355L1.35355 8.64645C1.15829 8.84171 0.841709 8.84171 0.646447 8.64645C0.451184 8.45118 0.451184 8.1346 0.646447 7.93934L7.93934 0.646447C8.1346 0.451184 8.45118 0.451184 8.64645 0.646447ZM8.64645 3.64645C8.84171 3.84171 8.84171 4.15829 8.64645 4.35355L4.35355 8.64645C4.15829 8.84171 3.84171 8.84171 3.64645 8.64645C3.45118 8.45118 3.45118 8.1346 3.64645 7.93934L7.93934 3.64645C8.1346 3.45118 8.45118 3.45118 8.64645 3.64645Z" /></svg>')
             no-repeat right bottom;
-    } .calendar__container_1m3xr.calendar__customScrollbar_1m3xr::-webkit-scrollbar-button,
-    .calendar__container_1m3xr.calendar__customScrollbar_1m3xr::-webkit-scrollbar-corner {
+    } .calendar__container_1h3oh.calendar__customScrollbar_1h3oh::-webkit-scrollbar-button,
+    .calendar__container_1h3oh.calendar__customScrollbar_1h3oh::-webkit-scrollbar-corner {
         display: none;
-    } .calendar__container_1m3xr.calendar__customScrollbar_1m3xr {
+    } .calendar__container_1h3oh.calendar__customScrollbar_1h3oh {
 
         display: block;
         padding-right: var(--gap-4);
         overflow: hidden auto;
         scrollbar-gutter: stable;
-    } .calendar__container_1m3xr.calendar__nativeScrollbar_1m3xr {
+    } .calendar__container_1h3oh.calendar__nativeScrollbar_1h3oh {
         overflow: hidden auto;
-    } @media (max-width: 374px) { .calendar__container_1m3xr {
+    } @media (max-width: 374px) { .calendar__container_1h3oh {
         width: 288px
 }
-    } .calendar__sixWeeks_1m3xr {
+    } .calendar__sixWeeks_1h3oh {
     height: 388px;
-} .calendar__period_1m3xr {
+} .calendar__period_1h3oh {
     width: var(--calendar-inner-width)
-} @media (max-width: 374px) { .calendar__period_1m3xr {
+} @media (max-width: 374px) { .calendar__period_1h3oh {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: var(--gap-0) auto
 }
-    } .calendar__monthYear_1m3xr {
+    } .calendar__monthYear_1h3oh {
     width: var(--calendar-inner-width)
-} @media (max-width: 374px) { .calendar__monthYear_1m3xr {
+} @media (max-width: 374px) { .calendar__monthYear_1h3oh {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: var(--gap-0) auto

package/calendar/esm/Component.responsive.d.ts

@@ -33,7 +33,7 @@ declare const CalendarResponsive: React.ForwardRefExoticComponent<CalendarDeskto
     onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void) | undefined;
     yearsAmount?: number | undefined;
     scrollableContainer?: HTMLElement | undefined;
-} & Omit<CalendarDesktopProps, ("className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector") | ("contentClassName" | "headerClassName")> & Pick<CalendarDesktopProps, "className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector"> & {
+} & Omit<CalendarDesktopProps, ("className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector") | ("contentClassName" | "headerClassName")> & Pick<CalendarDesktopProps, "className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector"> & Pick<import("../../modal/shared").ModalHeaderProps, "hasBackButton" | "onBack"> & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024

package/calendar/esm/Component.responsive.js

@@ -48,7 +48,7 @@ import '@juggle/resize-observer';
 import '../../button/esm/mobile';
 import '../../modal/esm/mobile';
 import './utils.js';
-import './calendarMonthOnlyView-cb210f49.js';
+import './calendarMonthOnlyView-5c891e4e.js';
 import './useCalendar.js';
 import './useRange.js';
 import './usePeriod.js';

package/calendar/esm/{calendarMonthOnlyView-cb210f49.js → calendarMonthOnlyView-5c891e4e.js}

@@ -47,7 +47,7 @@ import 'date-fns/isToday';
 import 'date-fns/isWithinInterval';
 import '../../button/esm/desktop';
 
-var styles = {"wrapper":"calendar__wrapper_ynvop","withZIndex":"calendar__withZIndex_ynvop","calendar":"calendar__calendar_ynvop","dayNames":"calendar__dayNames_ynvop","withHeader":"calendar__withHeader_ynvop","month":"calendar__month_ynvop","clickableMonth":"calendar__clickableMonth_ynvop","rectangular":"calendar__rectangular_ynvop","active":"calendar__active_ynvop","monthTitle":"calendar__monthTitle_ynvop","disabled":"calendar__disabled_ynvop","daysTable":"calendar__daysTable_ynvop","dayName":"calendar__dayName_ynvop","virtuoso":"calendar__virtuoso_ynvop","contentModal":"calendar__contentModal_ynvop","content":"calendar__content_ynvop"};
+var styles = {"wrapper":"calendar__wrapper_10iqz","withZIndex":"calendar__withZIndex_10iqz","calendar":"calendar__calendar_10iqz","dayNames":"calendar__dayNames_10iqz","withHeader":"calendar__withHeader_10iqz","month":"calendar__month_10iqz","clickableMonth":"calendar__clickableMonth_10iqz","rectangular":"calendar__rectangular_10iqz","active":"calendar__active_10iqz","monthTitle":"calendar__monthTitle_10iqz","disabled":"calendar__disabled_10iqz","daysTable":"calendar__daysTable_10iqz","dayName":"calendar__dayName_10iqz","virtuoso":"calendar__virtuoso_10iqz","contentModal":"calendar__contentModal_10iqz","content":"calendar__content_10iqz"};
 require('./components/calendar-mobile/index.css');
 
 var CalendarMonthOnlyView = function (_a) {

package/calendar/esm/components/calendar-mobile/Component.d.ts

@@ -16,5 +16,5 @@ declare const CalendarMobile: React.ForwardRefExoticComponent<{
     onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void) | undefined;
     yearsAmount?: number | undefined;
     scrollableContainer?: HTMLElement | undefined;
-} & Omit<import("../../desktop/index").CalendarDesktopProps, ("className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector") | ("contentClassName" | "headerClassName")> & Pick<import("../../desktop/index").CalendarDesktopProps, "className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector"> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<import("../../desktop/index").CalendarDesktopProps, ("className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector") | ("contentClassName" | "headerClassName")> & Pick<import("../../desktop/index").CalendarDesktopProps, "className" | "dataTestId" | "hasHeader" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector"> & Pick<import("../../../../modal/shared").ModalHeaderProps, "hasBackButton" | "onBack"> & React.RefAttributes<HTMLDivElement>>;
 export { CalendarMonthOnlyViewHeader, CalendarMobile };

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

@@ -8,7 +8,7 @@ import { ModalMobile } from '../../../../modal/esm/mobile';
 import { getDataTestId } from '../../../../shared/esm';
 import { CalendarDesktop } from '../../desktop/Component.desktop.js';
 import { WEEKDAYS, isRangeValue } from '../../utils.js';
-import { s as styles, C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-cb210f49.js';
+import { s as styles, C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-5c891e4e.js';
 import 'date-fns/endOfDay';
 import 'date-fns/startOfDay';
 import 'date-fns/startOfMonth';
@@ -71,10 +71,10 @@ import 'date-fns/subMonths';
 import 'react-virtuoso';
 import '../../../../typography/esm';
 
-var backdropTransitionStyles = {"appear":"calendar__appear_wpoxe","enter":"calendar__enter_wpoxe","appearActive":"calendar__appearActive_wpoxe","enterActive":"calendar__enterActive_wpoxe","appearDone":"calendar__appearDone_wpoxe","enterDone":"calendar__enterDone_wpoxe","exit":"calendar__exit_wpoxe","exitActive":"calendar__exitActive_wpoxe","exitDone":"calendar__exitDone_wpoxe"};
+var backdropTransitionStyles = {"appear":"calendar__appear_11py7","enter":"calendar__enter_11py7","appearActive":"calendar__appearActive_11py7","enterActive":"calendar__enterActive_11py7","appearDone":"calendar__appearDone_11py7","enterDone":"calendar__enterDone_11py7","exit":"calendar__exit_11py7","exitActive":"calendar__exitActive_11py7","exitDone":"calendar__exitDone_11py7"};
 require('./backdrop-transitions.css');
 
-var transitionStyles = {"appear":"calendar__appear_1oryo","enter":"calendar__enter_1oryo","appearActive":"calendar__appearActive_1oryo","enterActive":"calendar__enterActive_1oryo","exit":"calendar__exit_1oryo","exitActive":"calendar__exitActive_1oryo","exitDone":"calendar__exitDone_1oryo"};
+var transitionStyles = {"appear":"calendar__appear_1jrpe","enter":"calendar__enter_1jrpe","appearActive":"calendar__appearActive_1jrpe","enterActive":"calendar__enterActive_1jrpe","exit":"calendar__exit_1jrpe","exitActive":"calendar__exitActive_1jrpe","exitDone":"calendar__exitDone_1jrpe"};
 require('./transitions.css');
 
 // ResizeObserverPolyfill необходим для корректной работы react-virtuoso.
@@ -86,8 +86,8 @@ var CalendarMonthOnlyViewHeader = function () { return (React.createElement("tab
         React.createElement("tr", null, WEEKDAYS.map(function (dayName) { return (React.createElement("th", { className: styles.dayName, key: dayName }, dayName)); }))))); };
 var CalendarMobile = forwardRef(function (_a, ref) {
     var _b, _c;
-    var _d = _a.hasHeader, hasHeader = _d === void 0 ? true : _d, _e = _a.allowSelectionFromEmptyRange, allowSelectionFromEmptyRange = _e === void 0 ? false : _e, className = _a.className, _f = _a.defaultView, defaultView = _f === void 0 ? 'days' : _f, _g = _a.selectorView, selectorView = _g === void 0 ? 'full' : _g, value = _a.value, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, onChange = _a.onChange, onMonthTitleClick = _a.onMonthTitleClick, dataTestId = _a.dataTestId, open = _a.open, onClose = _a.onClose, _h = _a.title, title = _h === void 0 ? 'Календарь' : _h, _j = _a.yearsAmount, yearsAmount = _j === void 0 ? 3 : _j, onApply = _a.onApply, clickableMonth = _a.clickableMonth, _k = _a.cancelButtonContent, cancelButtonContent = _k === void 0 ? 'Отмена' : _k, _l = _a.selectButtonContent, selectButtonContent = _l === void 0 ? 'Выбрать' : _l, _m = _a.resetButtonContent, resetButtonContent = _m === void 0 ? 'Сбросить' : _m, restProps = __rest(_a, ["hasHeader", "allowSelectionFromEmptyRange", "className", "defaultView", "selectorView", "value", "selectedFrom", "selectedTo", "onChange", "onMonthTitleClick", "dataTestId", "open", "onClose", "title", "yearsAmount", "onApply", "clickableMonth", "cancelButtonContent", "selectButtonContent", "resetButtonContent"]);
-    var _o = useState(), modalRef = _o[0], setModalRef = _o[1];
+    var _d = _a.hasHeader, hasHeader = _d === void 0 ? true : _d, _e = _a.allowSelectionFromEmptyRange, allowSelectionFromEmptyRange = _e === void 0 ? false : _e, className = _a.className, _f = _a.defaultView, defaultView = _f === void 0 ? 'days' : _f, _g = _a.selectorView, selectorView = _g === void 0 ? 'full' : _g, value = _a.value, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, onChange = _a.onChange, onMonthTitleClick = _a.onMonthTitleClick, dataTestId = _a.dataTestId, open = _a.open, onClose = _a.onClose, _h = _a.title, title = _h === void 0 ? 'Календарь' : _h, _j = _a.yearsAmount, yearsAmount = _j === void 0 ? 3 : _j, onApply = _a.onApply, clickableMonth = _a.clickableMonth, _k = _a.cancelButtonContent, cancelButtonContent = _k === void 0 ? 'Отмена' : _k, _l = _a.selectButtonContent, selectButtonContent = _l === void 0 ? 'Выбрать' : _l, _m = _a.resetButtonContent, resetButtonContent = _m === void 0 ? 'Сбросить' : _m, _o = _a.hasBackButton, hasBackButton = _o === void 0 ? false : _o, onBack = _a.onBack, restProps = __rest(_a, ["hasHeader", "allowSelectionFromEmptyRange", "className", "defaultView", "selectorView", "value", "selectedFrom", "selectedTo", "onChange", "onMonthTitleClick", "dataTestId", "open", "onClose", "title", "yearsAmount", "onApply", "clickableMonth", "cancelButtonContent", "selectButtonContent", "resetButtonContent", "hasBackButton", "onBack"]);
+    var _p = useState(), modalRef = _p[0], setModalRef = _p[1];
     var monthOnlyView = selectorView === 'month-only';
     var handleClose = function () {
         if (onClose)
@@ -144,7 +144,7 @@ var CalendarMobile = forwardRef(function (_a, ref) {
             transitionClassNames: backdropTransitionStyles,
             timeout: 360,
         }, dataTestId: dataTestId },
-        hasHeader && (React.createElement(ModalMobile.Header, { hasCloser: true, title: title, sticky: true, bottomAddons: renderDayNames(), className: cn((_b = {}, _b[styles.withZIndex] = selectorView === 'full', _b)) })),
+        hasHeader && (React.createElement(ModalMobile.Header, { hasCloser: true, hasBackButton: hasBackButton, title: title, sticky: true, bottomAddons: renderDayNames(), className: cn((_b = {}, _b[styles.withZIndex] = selectorView === 'full', _b)), onBack: onBack })),
         React.createElement(ModalMobile.Content, { className: styles.contentModal, flex: true }, renderContent()),
         React.createElement(ModalMobile.Footer, { sticky: true, className: cn((_c = {}, _c[styles.withZIndex] = selectorView === 'full', _c)) }, renderFooter())));
 });

package/calendar/esm/components/calendar-mobile/backdrop-transitions.css

@@ -22,19 +22,19 @@
     /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .calendar__appear_wpoxe,
-.calendar__enter_wpoxe {
+} /* сбрасывает синюю подсветку при нажатии */ .calendar__appear_11py7,
+.calendar__enter_11py7 {
     background-color: transparent;
-} .calendar__appearActive_wpoxe,
-.calendar__enterActive_wpoxe,
-.calendar__appearDone_wpoxe,
-.calendar__enterDone_wpoxe {
+} .calendar__appearActive_11py7,
+.calendar__enterActive_11py7,
+.calendar__appearDone_11py7,
+.calendar__enterDone_11py7 {
     background-color: var(--color-light-neutral-translucent-300);
     transition: background-color 80ms linear;
-} .calendar__exit_wpoxe {
+} .calendar__exit_11py7 {
     background-color: var(--color-light-neutral-translucent-300);
-} .calendar__exitActive_wpoxe,
-.calendar__exitDone_wpoxe {
+} .calendar__exitActive_11py7,
+.calendar__exitDone_11py7 {
     background-color: transparent;
     transition: background-color 80ms linear;
     transition-delay: 280ms;

package/calendar/esm/components/calendar-mobile/calendarMonthOnlyView.js

@@ -36,7 +36,7 @@ import '../../../../shared/esm';
 import 'date-fns/differenceInDays';
 import '@alfalab/hooks';
 import '../days-table/Component.js';
-export { C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-cb210f49.js';
+export { C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-5c891e4e.js';
 import 'react-transition-group';
 import 'date-fns/isEqual';
 import 'date-fns/isLastDayOfMonth';