@alfalab/core-components 26.5.2-beta.4 → 26.6.0

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

@@ -1,9 +1,9 @@
-import { a as __rest, _ as __assign } from '../../tslib.es6-66bad527.js';
+import { a as __rest, _ as __assign } from '../../tslib.es6-8efbafb9.js';
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { Button } from '../../../../button/esm';
 
-var styles = {"button":"calendar__button_37e06","filled":"calendar__filled_37e06","outlined":"calendar__outlined_37e06","selected":"calendar__selected_37e06"};
+var styles = {"button":"calendar__button_vf0lt","filled":"calendar__filled_vf0lt","outlined":"calendar__outlined_vf0lt","selected":"calendar__selected_vf0lt"};
 require('./index.css');
 
 var SelectButton = forwardRef(function (_a, ref) {

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

@@ -1,4 +1,4 @@
-/* hash: f8u45 */
+/* hash: wg5yb */
 :root {
     --color-light-bg-primary-inverted: #0b1f35;
     --color-light-bg-tertiary: #e7e9eb;
@@ -43,7 +43,7 @@
 
     /* marker */
 }
-.calendar__button_37e06 {
+.calendar__button_vf0lt {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -54,28 +54,28 @@
     background-color: transparent;
     border-radius: var(--border-radius-l)
 }
-.calendar__button_37e06:not(:disabled):hover {
+.calendar__button_vf0lt:not(:disabled):hover {
         background-color: var(--color-light-bg-tertiary);
         color: var(--color-light-text-primary);
     }
-.calendar__button_37e06.calendar__filled_37e06 {
+.calendar__button_vf0lt.calendar__filled_vf0lt {
         background-color: var(--color-light-bg-tertiary)
     }
-.calendar__button_37e06.calendar__filled_37e06:not(:disabled):hover {
+.calendar__button_vf0lt.calendar__filled_vf0lt:not(:disabled):hover {
             background-color: var(--color-light-bg-tertiary-shade-7);
         }
-.calendar__button_37e06.calendar__outlined_37e06 {
+.calendar__button_vf0lt.calendar__outlined_vf0lt {
         border: 1px solid var(--calendar-select-button-today-border-color);
     }
-.calendar__button_37e06.calendar__selected_37e06,
-    .calendar__button_37e06.calendar__selected_37e06:disabled {
+.calendar__button_vf0lt.calendar__selected_vf0lt,
+    .calendar__button_vf0lt.calendar__selected_vf0lt:disabled {
         background-color: var(--calendar-select-button-selected-background);
         color: var(--color-light-text-primary-inverted)
     }
-.calendar__button_37e06.calendar__selected_37e06:not(:disabled):hover, .calendar__button_37e06.calendar__selected_37e06:disabled:not(:disabled):hover {
+.calendar__button_vf0lt.calendar__selected_vf0lt:not(:disabled):hover, .calendar__button_vf0lt.calendar__selected_vf0lt:disabled:not(:disabled):hover {
             background-color: var(--calendar-select-button-selected-background);
             color: var(--color-light-text-primary-inverted);
         }
-.calendar__button_37e06 > * {
+.calendar__button_vf0lt > * {
         flex-grow: 1;
     }

package/calendar/esm/components/select-button/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-66bad527.js';
+import '../../tslib.es6-8efbafb9.js';
 import 'react';
 import 'classnames';
 import '../../../../button/esm';

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

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../tslib.es6-66bad527.js';
+import { _ as __assign } from '../../tslib.es6-8efbafb9.js';
 import React, { useRef, useCallback, useLayoutEffect } from 'react';
 import 'classnames';
 import '../../../../button/esm';
@@ -6,7 +6,7 @@ import { SelectButton } from '../select-button/Component.js';
 import isSameYear from 'date-fns/isSameYear';
 import isThisYear from 'date-fns/isThisYear';
 
-var styles = {"yearsTable":"calendar__yearsTable_hsjlc","inner":"calendar__inner_hsjlc","button":"calendar__button_hsjlc"};
+var styles = {"yearsTable":"calendar__yearsTable_1a066","inner":"calendar__inner_1a066","button":"calendar__button_1a066"};
 require('./index.css');
 
 var YearsTable = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 1ml2y */
+/* hash: 4raqd */
 :root {
 
     /* Hard */
@@ -33,12 +33,12 @@
 
     /* marker */
 }
-.calendar__yearsTable_hsjlc {
+.calendar__yearsTable_1a066 {
     overflow: auto;
     overflow-x: hidden;
     width: 100%;
 }
-.calendar__inner_hsjlc {
+.calendar__inner_1a066 {
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-start;
@@ -49,32 +49,32 @@
     overflow: hidden
 }
 @media (max-width: 374px) {
-.calendar__inner_hsjlc {
+.calendar__inner_1a066 {
         left: 16px
 }
     }
-.calendar__button_hsjlc {
+.calendar__button_1a066 {
     /* 3 колонки с равными отступами */
     width: calc((var(--calendar-inner-width) / 3) - (var(--gap-xs) / 3));
     margin-right: var(--gap-2xs);
     margin-bottom: var(--gap-xs)
 }
-.calendar__button_hsjlc:nth-child(3n) {
+.calendar__button_1a066:nth-child(3n) {
         margin-right: 0;
     }
 @media (max-width: 374px) {
-.calendar__button_hsjlc {
+.calendar__button_1a066 {
         width: calc((var(--calendar-mobile-inner-width) / 2) - (var(--gap-2xs) / 2))
 }
 
-        .calendar__button_hsjlc:nth-child(3n) {
+        .calendar__button_1a066:nth-child(3n) {
             margin-right: var(--gap-2xs);
         }
 
-        .calendar__button_hsjlc:nth-child(2n) {
+        .calendar__button_1a066:nth-child(2n) {
             margin-right: 0;
         }
-.calendar__button_hsjlc {
+.calendar__button_1a066 {
 
         height: 36px
 }

package/calendar/esm/components/years-table/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-66bad527.js';
+import '../../tslib.es6-8efbafb9.js';
 import 'react';
 import 'classnames';
 import '../../../../button/esm';

package/calendar/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1ucry */
+/* hash: tu2xn */
 :root {
 
     /* Hard */
@@ -34,7 +34,7 @@
 
     /* marker */
 }
-.calendar__component_2x09c {
+.calendar__component_18821 {
     width: var(--calendar-width);
     height: var(--calendar-height);
     display: flex;
@@ -43,13 +43,13 @@
     outline: none
 }
 @media (max-width: 374px) {
-.calendar__component_2x09c {
+.calendar__component_18821 {
         align-items: center;
         width: 100%;
         height: 320px
 }
     }
-.calendar__container_2x09c {
+.calendar__container_18821 {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -59,33 +59,33 @@
     overflow: hidden
 }
 @media (max-width: 374px) {
-.calendar__container_2x09c {
+.calendar__container_18821 {
         width: 288px
 }
     }
-.calendar__sixWeeks_2x09c {
+.calendar__sixWeeks_18821 {
     height: 379px
 }
 @media (max-width: 374px) {
-.calendar__sixWeeks_2x09c {
+.calendar__sixWeeks_18821 {
         height: 360px
 }
     }
-.calendar__period_2x09c {
+.calendar__period_18821 {
     width: var(--calendar-inner-width)
 }
 @media (max-width: 374px) {
-.calendar__period_2x09c {
+.calendar__period_18821 {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto
 }
     }
-.calendar__monthYear_2x09c {
+.calendar__monthYear_18821 {
     width: var(--calendar-inner-width)
 }
 @media (max-width: 374px) {
-.calendar__monthYear_2x09c {
+.calendar__monthYear_18821 {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto

package/calendar/esm/index.js

@@ -1,4 +1,4 @@
-import './tslib.es6-66bad527.js';
+import './tslib.es6-8efbafb9.js';
 import 'react';
 import 'classnames';
 import 'date-fns/startOfDay';

package/calendar/index.css

@@ -1,4 +1,4 @@
-/* hash: 1ucry */
+/* hash: tu2xn */
 :root {
 
     /* Hard */
@@ -34,7 +34,7 @@
 
     /* marker */
 }
-.calendar__component_2x09c {
+.calendar__component_18821 {
     width: var(--calendar-width);
     height: var(--calendar-height);
     display: flex;
@@ -43,13 +43,13 @@
     outline: none
 }
 @media (max-width: 374px) {
-.calendar__component_2x09c {
+.calendar__component_18821 {
         align-items: center;
         width: 100%;
         height: 320px
 }
     }
-.calendar__container_2x09c {
+.calendar__container_18821 {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -59,33 +59,33 @@
     overflow: hidden
 }
 @media (max-width: 374px) {
-.calendar__container_2x09c {
+.calendar__container_18821 {
         width: 288px
 }
     }
-.calendar__sixWeeks_2x09c {
+.calendar__sixWeeks_18821 {
     height: 379px
 }
 @media (max-width: 374px) {
-.calendar__sixWeeks_2x09c {
+.calendar__sixWeeks_18821 {
         height: 360px
 }
     }
-.calendar__period_2x09c {
+.calendar__period_18821 {
     width: var(--calendar-inner-width)
 }
 @media (max-width: 374px) {
-.calendar__period_2x09c {
+.calendar__period_18821 {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto
 }
     }
-.calendar__monthYear_2x09c {
+.calendar__monthYear_18821 {
     width: var(--calendar-inner-width)
 }
 @media (max-width: 374px) {
-.calendar__monthYear_2x09c {
+.calendar__monthYear_18821 {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto

package/calendar/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-57723afc.js');
+require('./tslib.es6-8bdfbb87.js');
 require('react');
 require('classnames');
 require('date-fns/startOfDay');

package/calendar/modern/Component.js

@@ -59,7 +59,7 @@ import { PeriodSlider } from './components/period-slider/Component.js';
 import { useCalendar } from './useCalendar.js';
 import { MonthYearHeader } from './components/month-year-header/Component.js';
 
-var styles = {"component":"calendar__component_2x09c","container":"calendar__container_2x09c","sixWeeks":"calendar__sixWeeks_2x09c","period":"calendar__period_2x09c","monthYear":"calendar__monthYear_2x09c"};
+var styles = {"component":"calendar__component_18821","container":"calendar__container_18821","sixWeeks":"calendar__sixWeeks_18821","period":"calendar__period_18821","monthYear":"calendar__monthYear_18821"};
 require('./index.css');
 
 const Calendar = forwardRef(({ className, defaultView = 'days', selectorView = 'full', value, month: monthTimestamp, minDate: minDateTimestamp, maxDate: maxDateTimestamp, defaultMonth: defaultMonthTimestamp = +new Date(), selectedFrom, selectedTo, rangeComplete, offDays, events, onChange, onMonthChange, onMonthClick, onYearClick, dataTestId, }, ref) => {

package/calendar/modern/components/days-table/Component.js

@@ -30,7 +30,7 @@ import 'date-fns/parse';
 import { Button } from '../../../../button/modern';
 import { getSelectionRange, WEEKDAYS } from '../../utils.js';
 
-var styles = {"daysTable":"calendar__daysTable_1o7o8","dayName":"calendar__dayName_1o7o8","day":"calendar__day_1o7o8","highlighted":"calendar__highlighted_1o7o8","range":"calendar__range_1o7o8","disabled":"calendar__disabled_1o7o8","today":"calendar__today_1o7o8","rangeComplete":"calendar__rangeComplete_1o7o8","selected":"calendar__selected_1o7o8","dayWrapper":"calendar__dayWrapper_1o7o8","rangeEnd":"calendar__rangeEnd_1o7o8","rangeStart":"calendar__rangeStart_1o7o8","transitLeft":"calendar__transitLeft_1o7o8","transitRight":"calendar__transitRight_1o7o8","left":"calendar__left_1o7o8","daysEnter":"calendar__daysEnter_1o7o8","daysEnterActive":"calendar__daysEnterActive_1o7o8","daysExit":"calendar__daysExit_1o7o8","daysExitActive":"calendar__daysExitActive_1o7o8","right":"calendar__right_1o7o8","dot":"calendar__dot_1o7o8"};
+var styles = {"daysTable":"calendar__daysTable_3cxsh","dayName":"calendar__dayName_3cxsh","day":"calendar__day_3cxsh","highlighted":"calendar__highlighted_3cxsh","range":"calendar__range_3cxsh","disabled":"calendar__disabled_3cxsh","today":"calendar__today_3cxsh","rangeComplete":"calendar__rangeComplete_3cxsh","selected":"calendar__selected_3cxsh","dayWrapper":"calendar__dayWrapper_3cxsh","rangeEnd":"calendar__rangeEnd_3cxsh","rangeStart":"calendar__rangeStart_3cxsh","transitLeft":"calendar__transitLeft_3cxsh","transitRight":"calendar__transitRight_3cxsh","left":"calendar__left_3cxsh","daysEnter":"calendar__daysEnter_3cxsh","daysEnterActive":"calendar__daysEnterActive_3cxsh","daysExit":"calendar__daysExit_3cxsh","daysExitActive":"calendar__daysExitActive_3cxsh","right":"calendar__right_3cxsh","dot":"calendar__dot_3cxsh"};
 require('./index.css');
 
 /* eslint-disable complexity */

package/calendar/modern/components/days-table/index.css

@@ -1,4 +1,4 @@
-/* hash: 1c0c7 */
+/* hash: 17d4l */
 :root {
     --color-static-graphic-solitude: #e8f2fe;
 }
@@ -65,18 +65,18 @@
     --calendar-marker-background: var(--color-light-graphic-primary);
     --calendar-marker-selected-background: var(--color-light-graphic-primary-inverted);
 }
-.calendar__daysTable_1o7o8 {
+.calendar__daysTable_3cxsh {
     border-collapse: separate;
     border-spacing: 0;
     position: relative
 }
-.calendar__daysTable_1o7o8 th {
+.calendar__daysTable_3cxsh th {
         padding: 0;
     }
-.calendar__daysTable_1o7o8 td {
+.calendar__daysTable_3cxsh td {
         padding: var(--gap-2xs) 0 0;
     }
-.calendar__dayName_1o7o8 {
+.calendar__dayName_3cxsh {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -85,11 +85,11 @@
     color: var(--color-light-text-secondary)
 }
 @media (max-width: 374px) {
-.calendar__dayName_1o7o8 {
+.calendar__dayName_3cxsh {
         height: 36px
 }
     }
-.calendar__day_1o7o8 {
+.calendar__day_3cxsh {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -107,46 +107,46 @@
     z-index: 1
 }
 @media (max-width: 374px) {
-.calendar__day_1o7o8 {
+.calendar__day_3cxsh {
         width: 36px;
         height: 36px
 }
     }
-.calendar__day_1o7o8.calendar__highlighted_1o7o8,
-    .calendar__day_1o7o8.calendar__range_1o7o8.calendar__highlighted_1o7o8:not(.calendar__disabled_1o7o8) {
+.calendar__day_3cxsh.calendar__highlighted_3cxsh,
+    .calendar__day_3cxsh.calendar__range_3cxsh.calendar__highlighted_3cxsh:not(.calendar__disabled_3cxsh) {
         color: var(--calendar-highlighted-color);
         background: var(--calendar-highlighted-background);
     }
-.calendar__day_1o7o8.calendar__disabled_1o7o8 {
+.calendar__day_3cxsh.calendar__disabled_3cxsh {
         pointer-events: none;
         color: var(--calendar-disabled-color);
 
         background: var(--calendar-disabled-background);
         cursor: default;
     }
-.calendar__day_1o7o8.calendar__today_1o7o8 {
+.calendar__day_3cxsh.calendar__today_3cxsh {
         font-weight: bold;
         color: var(--calendar-today-color);
     }
-.calendar__day_1o7o8.calendar__rangeComplete_1o7o8 {
+.calendar__day_3cxsh.calendar__rangeComplete_3cxsh {
         background: var(--calendar-range-complete-background);
     }
-.calendar__day_1o7o8.calendar__selected_1o7o8,
-    .calendar__day_1o7o8.calendar__disabled_1o7o8.calendar__selected_1o7o8 {
+.calendar__day_3cxsh.calendar__selected_3cxsh,
+    .calendar__day_3cxsh.calendar__disabled_3cxsh.calendar__selected_3cxsh {
         color: var(--calendar-selected-color);
         background: var(--calendar-selected-background);
     }
-.calendar__day_1o7o8.calendar__selected_1o7o8:hover {
+.calendar__day_3cxsh.calendar__selected_3cxsh:hover {
             background: var(--calendar-selected-hover-background);
         }
-.calendar__day_1o7o8:focus {
+.calendar__day_3cxsh:focus {
         z-index: 1;
     }
 /* RANGE */
-.calendar__dayWrapper_1o7o8 {
+.calendar__dayWrapper_3cxsh {
     position: relative
 }
-.calendar__dayWrapper_1o7o8:before {
+.calendar__dayWrapper_3cxsh:before {
         content: '';
         display: block;
         position: absolute;
@@ -155,34 +155,34 @@
         width: 100%;
         height: var(--calendar-day-size);
     }
-.calendar__range_1o7o8 .calendar__day_1o7o8:not(.calendar__selected_1o7o8):not(.calendar__disabled_1o7o8):not(.calendar__today_1o7o8) {
+.calendar__range_3cxsh .calendar__day_3cxsh:not(.calendar__selected_3cxsh):not(.calendar__disabled_3cxsh):not(.calendar__today_3cxsh) {
         color: var(--calendar-range-color);
     }
-.calendar__range_1o7o8:before {
+.calendar__range_3cxsh:before {
         background: var(--calendar-range-background);
     }
-.calendar__rangeEnd_1o7o8:before {
+.calendar__rangeEnd_3cxsh:before {
         border-bottom-right-radius: 50%;
         border-top-right-radius: 50%;
         width: var(--calendar-day-size);
     }
-.calendar__rangeEnd_1o7o8:after {
+.calendar__rangeEnd_3cxsh:after {
         opacity: 0;
     }
-.calendar__rangeStart_1o7o8:before {
+.calendar__rangeStart_3cxsh:before {
         left: auto;
         right: 0;
         border-bottom-left-radius: 50%;
         border-top-left-radius: 50%;
         width: var(--calendar-day-size);
     }
-.calendar__rangeStart_1o7o8:after {
+.calendar__rangeStart_3cxsh:after {
         opacity: 0;
     }
-.calendar__rangeComplete_1o7o8:before {
+.calendar__rangeComplete_3cxsh:before {
         background: var(--calendar-range-complete-background);
     }
-.calendar__transitLeft_1o7o8:after, .calendar__transitRight_1o7o8:after {
+.calendar__transitLeft_3cxsh:after, .calendar__transitRight_3cxsh:after {
         content: '';
         position: absolute;
         display: block;
@@ -191,7 +191,7 @@
         bottom: 0;
         pointer-events: none;
     }
-.calendar__transitLeft_1o7o8:after {
+.calendar__transitLeft_3cxsh:after {
         right: 100%;
         background: linear-gradient(
             270deg,
@@ -199,13 +199,13 @@
             var(--color-light-specialbg-nulled) 100%
         );
     }
-.calendar__transitLeft_1o7o8:first-child:before {
+.calendar__transitLeft_3cxsh:first-child:before {
             opacity: 0;
         }
-.calendar__transitLeft_1o7o8:first-child:after {
+.calendar__transitLeft_3cxsh:first-child:after {
             right: 0;
         }
-.calendar__transitRight_1o7o8:after {
+.calendar__transitRight_3cxsh:after {
         left: 100%;
         background: linear-gradient(
             270deg,
@@ -213,20 +213,20 @@
             var(--calendar-range-background) 100%
         );
     }
-.calendar__transitRight_1o7o8:last-child:before {
+.calendar__transitRight_3cxsh:last-child:before {
             opacity: 0;
         }
-.calendar__transitRight_1o7o8:last-child:after {
+.calendar__transitRight_3cxsh:last-child:after {
             left: 0;
         }
-.calendar__rangeComplete_1o7o8.calendar__transitLeft_1o7o8:after {
+.calendar__rangeComplete_3cxsh.calendar__transitLeft_3cxsh:after {
         background: linear-gradient(
             270deg,
             var(--calendar-range-complete-background) 0%,
             var(--color-light-specialbg-nulled) 100%
         );
     }
-.calendar__rangeComplete_1o7o8.calendar__transitRight_1o7o8:after {
+.calendar__rangeComplete_3cxsh.calendar__transitRight_3cxsh:after {
         background: linear-gradient(
             270deg,
             var(--color-light-specialbg-nulled) 0%,
@@ -234,31 +234,31 @@
         );
     }
 /* SLIDE ANIMATION */
-.calendar__left_1o7o8 .calendar__daysEnter_1o7o8 {
+.calendar__left_3cxsh .calendar__daysEnter_3cxsh {
         transform: translateX(var(--calendar-day-size));
     }
-.calendar__left_1o7o8 .calendar__daysEnterActive_1o7o8 {
+.calendar__left_3cxsh .calendar__daysEnterActive_3cxsh {
         transform: translateX(0%);
     }
-.calendar__left_1o7o8 .calendar__daysExit_1o7o8 {
+.calendar__left_3cxsh .calendar__daysExit_3cxsh {
         transform: translateX(0%);
     }
-.calendar__left_1o7o8 .calendar__daysExitActive_1o7o8 {
+.calendar__left_3cxsh .calendar__daysExitActive_3cxsh {
         transform: translateX(calc(-1 * var(--calendar-day-size)));
     }
-.calendar__right_1o7o8 .calendar__daysEnter_1o7o8 {
+.calendar__right_3cxsh .calendar__daysEnter_3cxsh {
         transform: translateX(calc(-1 * var(--calendar-day-size)));
     }
-.calendar__right_1o7o8 .calendar__daysEnterActive_1o7o8 {
+.calendar__right_3cxsh .calendar__daysEnterActive_3cxsh {
         transform: translateX(0%);
     }
-.calendar__right_1o7o8 .calendar__daysExit_1o7o8 {
+.calendar__right_3cxsh .calendar__daysExit_3cxsh {
         transform: translateX(0%);
     }
-.calendar__right_1o7o8 .calendar__daysExitActive_1o7o8 {
+.calendar__right_3cxsh .calendar__daysExitActive_3cxsh {
         transform: translateX(var(--calendar-day-size));
     }
-.calendar__dot_1o7o8 {
+.calendar__dot_3cxsh {
     display: block;
     position: absolute;
     bottom: 4px;
@@ -269,25 +269,25 @@
     border-radius: var(--border-radius-circle);
     background: var(--calendar-marker-background);
 }
-.calendar__selected_1o7o8 .calendar__dot_1o7o8 {
+.calendar__selected_3cxsh .calendar__dot_3cxsh {
     background: var(--calendar-marker-selected-background);
 }
-.calendar__daysEnter_1o7o8 {
+.calendar__daysEnter_3cxsh {
     opacity: 0;
     position: absolute;
     left: 0;
 }
-.calendar__daysEnterActive_1o7o8 {
+.calendar__daysEnterActive_3cxsh {
     opacity: 1;
 }
-.calendar__daysExit_1o7o8 {
+.calendar__daysExit_3cxsh {
     pointer-events: none;
     opacity: 1;
 }
-.calendar__daysExitActive_1o7o8 {
+.calendar__daysExitActive_3cxsh {
     opacity: 0;
 }
-.calendar__daysEnterActive_1o7o8,
-.calendar__daysExitActive_1o7o8 {
+.calendar__daysEnterActive_3cxsh,
+.calendar__daysExitActive_3cxsh {
     transition: opacity 300ms, transform 300ms;
 }

package/calendar/modern/components/header/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"header":"calendar__header_samcs","withShadow":"calendar__withShadow_samcs"};
+var styles = {"header":"calendar__header_1ki8y","withShadow":"calendar__withShadow_1ki8y"};
 require('./index.css');
 
 const Header = ({ view = 'full', withShadow, children }) => {

package/calendar/modern/components/header/index.css

@@ -1,4 +1,4 @@
-/* hash: 1mpxt */
+/* hash: 4w5lz */
 :root {
     --shadow-s: 0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08);
 
@@ -32,7 +32,7 @@
 
     /* marker */
 }
-.calendar__header_samcs {
+.calendar__header_1ki8y {
     width: 100%;
     box-sizing: border-box;
     padding: var(--gap-m) 0 var(--gap-s);
@@ -40,6 +40,6 @@
     display: flex;
     justify-content: center;
 }
-.calendar__withShadow_samcs {
+.calendar__withShadow_1ki8y {
     box-shadow: var(--shadow-s);
 }

package/calendar/modern/components/month-year-header/Component.js

@@ -26,7 +26,7 @@ import '../../../../button/modern';
 import { monthName } from '../../utils.js';
 import { SelectButton } from '../select-button/Component.js';
 
-var styles = {"component":"calendar__component_19qhg","button":"calendar__button_19qhg","month":"calendar__month_19qhg","year":"calendar__year_19qhg","buttonContent":"calendar__buttonContent_19qhg","upDownIcon":"calendar__upDownIcon_19qhg"};
+var styles = {"component":"calendar__component_g0f63","button":"calendar__button_g0f63","month":"calendar__month_g0f63","year":"calendar__year_g0f63","buttonContent":"calendar__buttonContent_g0f63","upDownIcon":"calendar__upDownIcon_g0f63"};
 require('./index.css');
 
 const MonthYearHeader = ({ value, className, onMonthClick, onYearClick, dataTestId, }) => {