@alfalab/core-components 37.1.1 → 37.2.0

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

@@ -45,22 +45,22 @@
 
     /* marker */
 }
-.cc-calendar .calendar__yearsTable_v5nvl {
+.cc-calendar .calendar__yearsTable_ac9r8 {
         overflow: auto;
         overflow-x: hidden;
         width: 100%
     }
-.cc-calendar .calendar__yearsTable_v5nvl.calendar__responsive_v5nvl {
+.cc-calendar .calendar__yearsTable_ac9r8.calendar__responsive_ac9r8 {
             justify-content: space-between
         }
-.cc-calendar .calendar__yearsTable_v5nvl.calendar__responsive_v5nvl .calendar__inner_v5nvl {
+.cc-calendar .calendar__yearsTable_ac9r8.calendar__responsive_ac9r8 .calendar__inner_ac9r8 {
                 left: auto;
             }
-.cc-calendar .calendar__yearsTable_v5nvl.calendar__responsive_v5nvl .calendar__button_v5nvl {
+.cc-calendar .calendar__yearsTable_ac9r8.calendar__responsive_ac9r8 .calendar__button_ac9r8 {
                 width: 33%;
                 margin-right: 0;
             }
-.cc-calendar .calendar__inner_v5nvl {
+.cc-calendar .calendar__inner_ac9r8 {
         display: flex;
         flex-wrap: wrap;
         justify-content: flex-start;
@@ -71,31 +71,31 @@
         overflow: hidden
     }
 @media (max-width: 374px) {
-.cc-calendar .calendar__inner_v5nvl {
+.cc-calendar .calendar__inner_ac9r8 {
             left: 16px
     }
         }
-.cc-calendar .calendar__button_v5nvl {
+.cc-calendar .calendar__button_ac9r8 {
         width: var(--calendar-select-button-width);
         margin-right: var(--gap-2xs);
         margin-bottom: var(--gap-xs)
     }
-.cc-calendar .calendar__button_v5nvl:nth-child(3n) {
+.cc-calendar .calendar__button_ac9r8:nth-child(3n) {
             margin-right: 0;
         }
 @media (max-width: 374px) {
-.cc-calendar .calendar__button_v5nvl {
+.cc-calendar .calendar__button_ac9r8 {
             width: var(--calendar-mobile-select-button-width)
     }
 
-            .cc-calendar .calendar__button_v5nvl:nth-child(3n) {
+            .cc-calendar .calendar__button_ac9r8:nth-child(3n) {
                 margin-right: var(--gap-2xs);
             }
 
-            .cc-calendar .calendar__button_v5nvl:nth-child(2n) {
+            .cc-calendar .calendar__button_ac9r8:nth-child(2n) {
                 margin-right: 0;
             }
-.cc-calendar .calendar__button_v5nvl {
+.cc-calendar .calendar__button_ac9r8 {
 
             height: 36px
     }

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

@@ -1,5 +1,5 @@
 var components_yearsTable_Component = require('./Component.js');
-require('../../tslib.es6-2137d478.js');
+require('../../tslib.es6-0cbb7e62.js');
 require('react');
 require('classnames');
 require('date-fns/isSameYear');

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

@@ -48,9 +48,12 @@ var DaysTable = function (_a) {
     var _b;
     var _c = _a.weeks, weeks = _c === void 0 ? [] : _c, _d = _a.activeMonth, activeMonth = _d === void 0 ? new Date() : _d, highlighted = _a.highlighted, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, _e = _a.rangeComplete, rangeComplete = _e === void 0 ? selectedFrom && selectedTo : _e, getDayProps = _a.getDayProps, _f = _a.hasHeader, hasHeader = _f === void 0 ? true : _f, responsive = _a.responsive;
     var activeMonthRef = React.useRef(activeMonth);
+    var directionRef = React.useRef();
     activeMonthRef.current = activeMonth;
     var prevActiveMonth = hooks.usePrevious(activeMonth);
-    var direction = prevActiveMonth && (activeMonth < prevActiveMonth ? 'right' : 'left');
+    if (prevActiveMonth && prevActiveMonth !== activeMonth) {
+        directionRef.current = activeMonth < prevActiveMonth ? 'right' : 'left';
+    }
     var selection = utils.getSelectionRange(selectedFrom, selectedTo, highlighted);
     var renderHeader = React.useCallback(function () {
         return utils.WEEKDAYS.map(function (dayName) { return (React__default.default.createElement("th", { className: styles__default.default.dayName, key: dayName }, dayName)); });
@@ -120,7 +123,7 @@ var DaysTable = function (_a) {
                 day.date.getDate())));
     };
     var renderWeek = function (week, weekIdx) { return (React__default.default.createElement("tr", { key: weekIdx }, week.map(renderDay))); };
-    return (React__default.default.createElement("table", { className: cn__default.default(styles__default.default.daysTable, direction && styles__default.default[direction], (_b = {},
+    return (React__default.default.createElement("table", { className: cn__default.default(styles__default.default.daysTable, directionRef.current && styles__default.default[directionRef.current], (_b = {},
             _b[styles__default.default.responsive] = responsive,
             _b)) },
         hasHeader && (React__default.default.createElement("thead", null,

package/calendar/desktop.css

@@ -36,7 +36,7 @@
 
     /* marker */
 }
-.calendar__component_stmwz {
+.calendar__component_rth3u {
     width: var(--calendar-width);
     height: var(--calendar-height);
     display: flex;
@@ -45,22 +45,22 @@
     outline: none
 }
 @media (max-width: 374px) {
-.calendar__component_stmwz {
+.calendar__component_rth3u {
         align-items: center;
         width: 100%;
         height: 320px
 }
     }
-.calendar__component_stmwz.calendar__responsive_stmwz {
+.calendar__component_rth3u.calendar__responsive_rth3u {
         width: 100%
     }
-.calendar__component_stmwz.calendar__responsive_stmwz .calendar__period_stmwz {
+.calendar__component_rth3u.calendar__responsive_rth3u .calendar__period_rth3u {
             width: 100%;
         }
-.calendar__component_stmwz.calendar__responsive_stmwz .calendar__monthYear_stmwz {
+.calendar__component_rth3u.calendar__responsive_rth3u .calendar__monthYear_rth3u {
             width: 100%;
         }
-.calendar__container_stmwz {
+.calendar__container_rth3u {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -70,33 +70,33 @@
     overflow: hidden
 }
 @media (max-width: 374px) {
-.calendar__container_stmwz {
+.calendar__container_rth3u {
         width: 288px
 }
     }
-.calendar__sixWeeks_stmwz {
+.calendar__sixWeeks_rth3u {
     height: 379px
 }
 @media (max-width: 374px) {
-.calendar__sixWeeks_stmwz {
+.calendar__sixWeeks_rth3u {
         height: 360px
 }
     }
-.calendar__period_stmwz {
+.calendar__period_rth3u {
     width: var(--calendar-inner-width)
 }
 @media (max-width: 374px) {
-.calendar__period_stmwz {
+.calendar__period_rth3u {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto
 }
     }
-.calendar__monthYear_stmwz {
+.calendar__monthYear_rth3u {
     width: var(--calendar-inner-width)
 }
 @media (max-width: 374px) {
-.calendar__monthYear_stmwz {
+.calendar__monthYear_rth3u {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto

package/calendar/desktop.js

@@ -1,5 +1,5 @@
 var Component_desktop = require('./Component.desktop.js');
-require('./tslib.es6-2137d478.js');
+require('./tslib.es6-0cbb7e62.js');
 require('react');
 require('classnames');
 require('date-fns/endOfDay');

package/calendar/esm/Component.desktop.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from './tslib.es6-95c5bbe3.js';
+import { _ as __assign } from './tslib.es6-62b5d4a6.js';
 import React, { forwardRef, useState, useMemo, useCallback } from 'react';
 import cn from 'classnames';
 import endOfDay from 'date-fns/endOfDay';
@@ -60,7 +60,7 @@ import 'date-fns/setYear';
 import 'date-fns/subYears';
 import './components/period-slider/utils.js';
 
-var styles = {"component":"calendar__component_stmwz","responsive":"calendar__responsive_stmwz","period":"calendar__period_stmwz","monthYear":"calendar__monthYear_stmwz","container":"calendar__container_stmwz","sixWeeks":"calendar__sixWeeks_stmwz"};
+var styles = {"component":"calendar__component_rth3u","responsive":"calendar__responsive_rth3u","period":"calendar__period_rth3u","monthYear":"calendar__monthYear_rth3u","container":"calendar__container_rth3u","sixWeeks":"calendar__sixWeeks_rth3u"};
 require('./desktop.css');
 
 var CalendarDesktop = forwardRef(function (_a, ref) {

package/calendar/esm/Component.responsive.js

@@ -1,4 +1,4 @@
-import { a as __rest, _ as __assign } from './tslib.es6-95c5bbe3.js';
+import { a as __rest, _ as __assign } from './tslib.es6-62b5d4a6.js';
 import React from 'react';
 import { useMedia } from '@alfalab/hooks';
 import { CalendarDesktop } from './Component.desktop.js';

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

@@ -1,4 +1,4 @@
-import { a as __rest, _ as __assign, b as __spreadArray } from '../../tslib.es6-95c5bbe3.js';
+import { a as __rest, _ as __assign, b as __spreadArray } from '../../tslib.es6-62b5d4a6.js';
 import React, { forwardRef, useRef, useMemo } from 'react';
 import { Virtuoso } from 'react-virtuoso';
 import { ResizeObserver } from '@juggle/resize-observer';
@@ -65,7 +65,7 @@ import 'date-fns/setYear';
 import 'date-fns/subYears';
 import '../period-slider/utils.js';
 
-var styles = {"wrapper":"calendar__wrapper_1qwy7","withZIndex":"calendar__withZIndex_1qwy7","calendar":"calendar__calendar_1qwy7","dayNames":"calendar__dayNames_1qwy7","withHeader":"calendar__withHeader_1qwy7","month":"calendar__month_1qwy7","daysTable":"calendar__daysTable_1qwy7","dayName":"calendar__dayName_1qwy7"};
+var styles = {"wrapper":"calendar__wrapper_14a0f","withZIndex":"calendar__withZIndex_14a0f","calendar":"calendar__calendar_14a0f","dayNames":"calendar__dayNames_14a0f","withHeader":"calendar__withHeader_14a0f","month":"calendar__month_14a0f","daysTable":"calendar__daysTable_14a0f","dayName":"calendar__dayName_14a0f"};
 require('./index.css');
 
 // ResizeObserverPolyfill необходим для корректной работы react-virtuoso.

package/calendar/esm/components/calendar-mobile/index.css

@@ -54,16 +54,16 @@
 
     /* mobile */
 }
-.calendar__wrapper_1qwy7 {
+.calendar__wrapper_14a0f {
     background: var(--color-light-bg-primary);
 }
-.calendar__withZIndex_1qwy7 {
+.calendar__withZIndex_14a0f {
     z-index: 2;
 }
-.calendar__calendar_1qwy7 th {
+.calendar__calendar_14a0f th {
     border-bottom: 1px solid var(--color-light-border-primary);
 }
-.calendar__dayNames_1qwy7 {
+.calendar__dayNames_14a0f {
     padding: 0 var(--gap-m);
     width: 100%;
     position: sticky;
@@ -72,13 +72,13 @@
     top: 0;
     height: 32px
 }
-.calendar__dayNames_1qwy7.calendar__withHeader_1qwy7 {
+.calendar__dayNames_14a0f.calendar__withHeader_14a0f {
         top: 48px;
     }
-.calendar__dayNames_1qwy7 th {
+.calendar__dayNames_14a0f th {
     height: 100%;
 }
-.calendar__month_1qwy7 {
+.calendar__month_14a0f {
     font-style: normal;
     font-weight: 700;
     font-size: 12px;
@@ -88,12 +88,12 @@
     color: var(--color-light-text-primary);
     margin-bottom: var(--gap-xs);
 }
-.calendar__daysTable_1qwy7 {
+.calendar__daysTable_14a0f {
     display: flex;
     flex-direction: column;
     margin-top: var(--gap-2xl);
 }
-.calendar__dayName_1qwy7 {
+.calendar__dayName_14a0f {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -102,7 +102,7 @@
     color: var(--color-light-text-secondary)
 }
 @media (max-width: 374px) {
-.calendar__dayName_1qwy7 {
+.calendar__dayName_14a0f {
         height: 36px
 }
     }

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

@@ -61,7 +61,7 @@ import 'react-merge-refs';
 import 'date-fns/setYear';
 import 'date-fns/subYears';
 import 'date-fns/differenceInDays';
-import '../../tslib.es6-95c5bbe3.js';
+import '../../tslib.es6-62b5d4a6.js';
 import '../../useCalendar.js';
 import '../../utils.js';
 import '../period-slider/utils.js';

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

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../tslib.es6-95c5bbe3.js';
+import { _ as __assign } from '../../tslib.es6-62b5d4a6.js';
 import React, { useRef, useCallback } from 'react';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
 import cn from 'classnames';
@@ -31,16 +31,19 @@ import 'date-fns/startOfYear';
 import 'date-fns/subDays';
 import 'date-fns/subMonths';
 
-var styles = {"daysTable":"calendar__daysTable_9651r","responsive":"calendar__responsive_9651r","dayName":"calendar__dayName_9651r","day":"calendar__day_9651r","highlighted":"calendar__highlighted_9651r","range":"calendar__range_9651r","disabled":"calendar__disabled_9651r","holiday":"calendar__holiday_9651r","today":"calendar__today_9651r","rangeComplete":"calendar__rangeComplete_9651r","selected":"calendar__selected_9651r","dayWrapper":"calendar__dayWrapper_9651r","cursorPointer":"calendar__cursorPointer_9651r","rangeEnd":"calendar__rangeEnd_9651r","rangeStart":"calendar__rangeStart_9651r","transitLeft":"calendar__transitLeft_9651r","transitRight":"calendar__transitRight_9651r","sharpTransitLeft":"calendar__sharpTransitLeft_9651r","sharpTransitRight":"calendar__sharpTransitRight_9651r","daysEnter":"calendar__daysEnter_9651r","left":"calendar__left_9651r","daysEnterActive":"calendar__daysEnterActive_9651r","daysExit":"calendar__daysExit_9651r","daysExitActive":"calendar__daysExitActive_9651r","right":"calendar__right_9651r","dot":"calendar__dot_9651r"};
+var styles = {"daysTable":"calendar__daysTable_1rok8","responsive":"calendar__responsive_1rok8","dayName":"calendar__dayName_1rok8","day":"calendar__day_1rok8","highlighted":"calendar__highlighted_1rok8","range":"calendar__range_1rok8","disabled":"calendar__disabled_1rok8","holiday":"calendar__holiday_1rok8","today":"calendar__today_1rok8","rangeComplete":"calendar__rangeComplete_1rok8","selected":"calendar__selected_1rok8","dayWrapper":"calendar__dayWrapper_1rok8","cursorPointer":"calendar__cursorPointer_1rok8","rangeEnd":"calendar__rangeEnd_1rok8","rangeStart":"calendar__rangeStart_1rok8","transitLeft":"calendar__transitLeft_1rok8","transitRight":"calendar__transitRight_1rok8","sharpTransitLeft":"calendar__sharpTransitLeft_1rok8","sharpTransitRight":"calendar__sharpTransitRight_1rok8","daysEnter":"calendar__daysEnter_1rok8","left":"calendar__left_1rok8","daysEnterActive":"calendar__daysEnterActive_1rok8","daysExit":"calendar__daysExit_1rok8","daysExitActive":"calendar__daysExitActive_1rok8","right":"calendar__right_1rok8","dot":"calendar__dot_1rok8"};
 require('./index.css');
 
 var DaysTable = function (_a) {
     var _b;
     var _c = _a.weeks, weeks = _c === void 0 ? [] : _c, _d = _a.activeMonth, activeMonth = _d === void 0 ? new Date() : _d, highlighted = _a.highlighted, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, _e = _a.rangeComplete, rangeComplete = _e === void 0 ? selectedFrom && selectedTo : _e, getDayProps = _a.getDayProps, _f = _a.hasHeader, hasHeader = _f === void 0 ? true : _f, responsive = _a.responsive;
     var activeMonthRef = useRef(activeMonth);
+    var directionRef = useRef();
     activeMonthRef.current = activeMonth;
     var prevActiveMonth = usePrevious(activeMonth);
-    var direction = prevActiveMonth && (activeMonth < prevActiveMonth ? 'right' : 'left');
+    if (prevActiveMonth && prevActiveMonth !== activeMonth) {
+        directionRef.current = activeMonth < prevActiveMonth ? 'right' : 'left';
+    }
     var selection = getSelectionRange(selectedFrom, selectedTo, highlighted);
     var renderHeader = useCallback(function () {
         return WEEKDAYS.map(function (dayName) { return (React.createElement("th", { className: styles.dayName, key: dayName }, dayName)); });
@@ -110,7 +113,7 @@ var DaysTable = function (_a) {
                 day.date.getDate())));
     };
     var renderWeek = function (week, weekIdx) { return (React.createElement("tr", { key: weekIdx }, week.map(renderDay))); };
-    return (React.createElement("table", { className: cn(styles.daysTable, direction && styles[direction], (_b = {},
+    return (React.createElement("table", { className: cn(styles.daysTable, directionRef.current && styles[directionRef.current], (_b = {},
             _b[styles.responsive] = responsive,
             _b)) },
         hasHeader && (React.createElement("thead", null,

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

@@ -69,21 +69,21 @@
     --calendar-marker-background: var(--color-light-graphic-primary);
     --calendar-marker-selected-background: var(--color-light-graphic-primary-inverted);
 }
-.calendar__daysTable_9651r {
+.calendar__daysTable_1rok8 {
     border-collapse: separate;
     border-spacing: 0;
     position: relative
 }
-.calendar__daysTable_9651r.calendar__responsive_9651r {
+.calendar__daysTable_1rok8.calendar__responsive_1rok8 {
         width: 100%;
     }
-.calendar__daysTable_9651r th {
+.calendar__daysTable_1rok8 th {
         padding: 0;
     }
-.calendar__daysTable_9651r td {
+.calendar__daysTable_1rok8 td {
         padding: var(--gap-2xs) 0 0;
     }
-.calendar__dayName_9651r {
+.calendar__dayName_1rok8 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -92,11 +92,11 @@
     color: var(--color-light-text-secondary)
 }
 @media (max-width: 374px) {
-.calendar__dayName_9651r {
+.calendar__dayName_1rok8 {
         height: 36px
 }
     }
-.calendar__day_9651r {
+.calendar__day_1rok8 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -116,52 +116,52 @@
     z-index: 1
 }
 @media (max-width: 374px) {
-.calendar__day_9651r {
+.calendar__day_1rok8 {
         width: 36px;
         height: 36px
 }
     }
-.calendar__day_9651r.calendar__highlighted_9651r,
-    .calendar__day_9651r.calendar__range_9651r.calendar__highlighted_9651r:not(.calendar__disabled_9651r) {
+.calendar__day_1rok8.calendar__highlighted_1rok8,
+    .calendar__day_1rok8.calendar__range_1rok8.calendar__highlighted_1rok8:not(.calendar__disabled_1rok8) {
         color: var(--calendar-highlighted-color);
         background: var(--calendar-highlighted-background);
     }
-.calendar__day_9651r.calendar__holiday_9651r {
+.calendar__day_1rok8.calendar__holiday_1rok8 {
         color: var(--calendar-holiday-color);
     }
-.calendar__day_9651r.calendar__disabled_9651r {
+.calendar__day_1rok8.calendar__disabled_1rok8 {
         pointer-events: none;
         color: var(--calendar-disabled-color);
 
         background: var(--calendar-disabled-background);
         cursor: default;
     }
-.calendar__day_9651r.calendar__today_9651r {
+.calendar__day_1rok8.calendar__today_1rok8 {
         font-weight: bold;
         color: var(--calendar-today-color);
     }
-.calendar__day_9651r.calendar__rangeComplete_9651r {
+.calendar__day_1rok8.calendar__rangeComplete_1rok8 {
         background: var(--calendar-range-complete-background);
     }
-.calendar__day_9651r.calendar__selected_9651r,
-    .calendar__day_9651r.calendar__disabled_9651r.calendar__selected_9651r {
+.calendar__day_1rok8.calendar__selected_1rok8,
+    .calendar__day_1rok8.calendar__disabled_1rok8.calendar__selected_1rok8 {
         color: var(--calendar-selected-color);
         background: var(--calendar-selected-background);
     }
 @media (hover) {
-            .calendar__day_9651r.calendar__selected_9651r:hover {
+            .calendar__day_1rok8.calendar__selected_1rok8:hover {
                 background: var(--calendar-selected-hover-background);
             }
         }
-.calendar__day_9651r:focus {
+.calendar__day_1rok8:focus {
         z-index: 1;
     }
 /* RANGE */
-.calendar__dayWrapper_9651r {
+.calendar__dayWrapper_1rok8 {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     position: relative
 }
-.calendar__dayWrapper_9651r:before {
+.calendar__dayWrapper_1rok8:before {
         content: '';
         display: block;
         position: absolute;
@@ -170,34 +170,34 @@
         width: 100%;
         height: var(--calendar-day-size);
     }
-.calendar__dayWrapper_9651r:focus {
+.calendar__dayWrapper_1rok8:focus {
         outline: none;
     }
-.calendar__dayWrapper_9651r.calendar__cursorPointer_9651r {
+.calendar__dayWrapper_1rok8.calendar__cursorPointer_1rok8 {
         cursor: pointer;
     }
-.calendar__range_9651r .calendar__day_9651r:not(.calendar__selected_9651r):not(.calendar__disabled_9651r):not(.calendar__today_9651r):not(.calendar__holiday_9651r) {
+.calendar__range_1rok8 .calendar__day_1rok8:not(.calendar__selected_1rok8):not(.calendar__disabled_1rok8):not(.calendar__today_1rok8):not(.calendar__holiday_1rok8) {
         color: var(--calendar-range-color);
     }
-.calendar__range_9651r:before {
+.calendar__range_1rok8:before {
         background: var(--calendar-range-background);
     }
-.calendar__rangeEnd_9651r:before {
+.calendar__rangeEnd_1rok8:before {
         width: calc(50% + 20px);
         border-top-right-radius: var(--calendar-day-border-radius);
         border-bottom-right-radius: var(--calendar-day-border-radius);
     }
-.calendar__rangeStart_9651r:before {
+.calendar__rangeStart_1rok8:before {
         left: auto;
         right: 0;
         width: calc(50% + 20px);
         border-top-left-radius: var(--calendar-day-border-radius);
         border-bottom-left-radius: var(--calendar-day-border-radius);
     }
-.calendar__rangeComplete_9651r:before {
+.calendar__rangeComplete_1rok8:before {
         background: var(--calendar-range-complete-background);
     }
-.calendar__transitLeft_9651r:after, .calendar__transitRight_9651r:after {
+.calendar__transitLeft_1rok8:after, .calendar__transitRight_1rok8:after {
         content: '';
         position: absolute;
         display: block;
@@ -206,7 +206,7 @@
         bottom: 0;
         pointer-events: none;
     }
-.calendar__transitLeft_9651r:after {
+.calendar__transitLeft_1rok8:after {
         right: 100%;
         background: linear-gradient(
             270deg,
@@ -214,13 +214,13 @@
             var(--color-light-specialbg-nulled) 100%
         );
     }
-.calendar__transitLeft_9651r:first-child:before {
+.calendar__transitLeft_1rok8:first-child:before {
             opacity: 0;
         }
-.calendar__transitLeft_9651r:first-child:after {
+.calendar__transitLeft_1rok8:first-child:after {
             right: 0;
         }
-.calendar__transitRight_9651r:after {
+.calendar__transitRight_1rok8:after {
         left: 100%;
         background: linear-gradient(
             270deg,
@@ -228,32 +228,32 @@
             var(--calendar-range-background) 100%
         );
     }
-.calendar__transitRight_9651r:last-child:before {
+.calendar__transitRight_1rok8:last-child:before {
             opacity: 0;
         }
-.calendar__transitRight_9651r:last-child:after {
+.calendar__transitRight_1rok8:last-child:after {
             left: 0;
         }
-.calendar__sharpTransitLeft_9651r:first-child:before {
+.calendar__sharpTransitLeft_1rok8:first-child:before {
             opacity: 1;
         }
-.calendar__sharpTransitLeft_9651r:first-child:after {
+.calendar__sharpTransitLeft_1rok8:first-child:after {
             opacity: 0;
         }
-.calendar__sharpTransitRight_9651r:last-child:before {
+.calendar__sharpTransitRight_1rok8:last-child:before {
             opacity: 1;
         }
-.calendar__sharpTransitRight_9651r:last-child:after {
+.calendar__sharpTransitRight_1rok8:last-child:after {
             opacity: 0;
         }
-.calendar__rangeComplete_9651r.calendar__transitLeft_9651r:after {
+.calendar__rangeComplete_1rok8.calendar__transitLeft_1rok8:after {
         background: linear-gradient(
             270deg,
             var(--calendar-range-complete-background) 0%,
             var(--color-light-specialbg-nulled) 100%
         );
     }
-.calendar__rangeComplete_9651r.calendar__transitRight_9651r:after {
+.calendar__rangeComplete_1rok8.calendar__transitRight_1rok8:after {
         background: linear-gradient(
             270deg,
             var(--color-light-specialbg-nulled) 0%,
@@ -261,34 +261,34 @@
         );
     }
 /* SLIDE ANIMATION */
-.calendar__daysEnter_9651r .calendar__dayWrapper_9651r {
+.calendar__daysEnter_1rok8 .calendar__dayWrapper_1rok8 {
     width: 100px;
 }
-.calendar__left_9651r .calendar__daysEnter_9651r {
+.calendar__left_1rok8 .calendar__daysEnter_1rok8 {
         transform: translateX(50px);
     }
-.calendar__left_9651r .calendar__daysEnterActive_9651r {
+.calendar__left_1rok8 .calendar__daysEnterActive_1rok8 {
         transform: translateX(0);
     }
-.calendar__left_9651r .calendar__daysExit_9651r {
+.calendar__left_1rok8 .calendar__daysExit_1rok8 {
         transform: translateX(0);
     }
-.calendar__left_9651r .calendar__daysExitActive_9651r {
+.calendar__left_1rok8 .calendar__daysExitActive_1rok8 {
         transform: translateX(-50px);
     }
-.calendar__right_9651r .calendar__daysEnter_9651r {
+.calendar__right_1rok8 .calendar__daysEnter_1rok8 {
         transform: translateX(-50px);
     }
-.calendar__right_9651r .calendar__daysEnterActive_9651r {
+.calendar__right_1rok8 .calendar__daysEnterActive_1rok8 {
         transform: translateX(0);
     }
-.calendar__right_9651r .calendar__daysExit_9651r {
+.calendar__right_1rok8 .calendar__daysExit_1rok8 {
         transform: translateX(0);
     }
-.calendar__right_9651r .calendar__daysExitActive_9651r {
+.calendar__right_1rok8 .calendar__daysExitActive_1rok8 {
         transform: translateX(50px);
     }
-.calendar__dot_9651r {
+.calendar__dot_1rok8 {
     display: block;
     position: absolute;
     bottom: 4px;
@@ -299,25 +299,25 @@
     border-radius: var(--border-radius-circle);
     background: var(--calendar-marker-background);
 }
-.calendar__selected_9651r .calendar__dot_9651r {
+.calendar__selected_1rok8 .calendar__dot_1rok8 {
     background: var(--calendar-marker-selected-background);
 }
-.calendar__daysEnter_9651r {
+.calendar__daysEnter_1rok8 {
     opacity: 0;
     position: absolute;
     left: 0;
 }
-.calendar__daysEnterActive_9651r {
+.calendar__daysEnterActive_1rok8 {
     opacity: 1;
 }
-.calendar__daysExit_9651r {
+.calendar__daysExit_1rok8 {
     pointer-events: none;
     opacity: 1;
 }
-.calendar__daysExitActive_9651r {
+.calendar__daysExitActive_1rok8 {
     opacity: 0;
 }
-.calendar__daysEnterActive_9651r,
-.calendar__daysExitActive_9651r {
+.calendar__daysEnterActive_1rok8,
+.calendar__daysExitActive_1rok8 {
     transition: opacity 200ms, transform 300ms;
 }

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

@@ -29,5 +29,5 @@ import 'date-fns/startOfWeek';
 import 'date-fns/startOfYear';
 import 'date-fns/subDays';
 import 'date-fns/subMonths';
-import '../../tslib.es6-95c5bbe3.js';
+import '../../tslib.es6-62b5d4a6.js';
 import '../../utils.js';

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"header":"calendar__header_15nqn","withShadow":"calendar__withShadow_15nqn"};
+var styles = {"header":"calendar__header_asf18","withShadow":"calendar__withShadow_asf18"};
 require('./index.css');
 
 var Header = function (_a) {