@alfalab/core-components 33.0.1 → 33.0.2

package/calendar/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-9d2b4581.js');
+var tslib_es6 = require('./tslib.es6-879cc811.js');
 var React = require('react');
 var cn = require('classnames');
 var startOfDay = require('date-fns/startOfDay');
@@ -70,7 +70,7 @@ var startOfDay__default = /*#__PURE__*/_interopDefaultLegacy(startOfDay);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultLegacy(startOfMonth);
 var endOfDay__default = /*#__PURE__*/_interopDefaultLegacy(endOfDay);
 
-var styles = {"component":"calendar__component_11hxf","responsive":"calendar__responsive_11hxf","period":"calendar__period_11hxf","monthYear":"calendar__monthYear_11hxf","container":"calendar__container_11hxf","sixWeeks":"calendar__sixWeeks_11hxf"};
+var styles = {"component":"calendar__component_1mi65","responsive":"calendar__responsive_1mi65","period":"calendar__period_1mi65","monthYear":"calendar__monthYear_1mi65","container":"calendar__container_1mi65","sixWeeks":"calendar__sixWeeks_1mi65"};
 require('./index.css');
 
 var Calendar = React.forwardRef(function (_a, ref) {

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-9d2b4581.js');
+var tslib_es6 = require('../../tslib.es6-879cc811.js');
 var React = require('react');
 var cn = require('classnames');
 var startOfDay = require('date-fns/startOfDay');
@@ -65,6 +65,7 @@ var Component = require('../../Component.js');
 require('date-fns/differenceInDays');
 var reactVirtuoso = require('react-virtuoso');
 var mobile = require('../../../modal/mobile');
+var resizeObserver = require('@juggle/resize-observer');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -74,9 +75,13 @@ var startOfDay__default = /*#__PURE__*/_interopDefaultLegacy(startOfDay);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultLegacy(startOfMonth);
 var endOfDay__default = /*#__PURE__*/_interopDefaultLegacy(endOfDay);
 
-var styles = {"wrapper":"calendar__wrapper_a8bdn","withZIndex":"calendar__withZIndex_a8bdn","calendar":"calendar__calendar_a8bdn","dayNames":"calendar__dayNames_a8bdn","withHeader":"calendar__withHeader_a8bdn","month":"calendar__month_a8bdn","daysTable":"calendar__daysTable_a8bdn","dayName":"calendar__dayName_a8bdn"};
+var styles = {"wrapper":"calendar__wrapper_tqkar","withZIndex":"calendar__withZIndex_tqkar","calendar":"calendar__calendar_tqkar","dayNames":"calendar__dayNames_tqkar","withHeader":"calendar__withHeader_tqkar","month":"calendar__month_tqkar","daysTable":"calendar__daysTable_tqkar","dayName":"calendar__dayName_tqkar"};
 require('./index.css');
 
+// ResizeObserverPolyfill необходим для корректной работы react-virtuoso.
+if (typeof window !== 'undefined' && !window.ResizeObserver) {
+    window.ResizeObserver = resizeObserver.ResizeObserver;
+}
 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, 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, restProps = tslib_es6.__rest(_a, ["hasHeader", "allowSelectionFromEmptyRange", "className", "defaultView", "selectorView", "value", "selectedFrom", "selectedTo", "onChange", "dataTestId", "open", "onClose", "title", "yearsAmount"]);
@@ -135,15 +140,9 @@ var CalendarMonthOnlyView = function (_a) {
         var currentMonthIndex = new Date().getMonth();
         return yearsAmount * 12 + currentMonthIndex;
     }, [yearsAmount]);
-    var month = React.useMemo(function () { return (monthTimestamp ? new Date(monthTimestamp) : undefined); }, [
-        monthTimestamp,
-    ]);
-    var minDate = React.useMemo(function () { return (minDateTimestamp ? startOfDay__default['default'](minDateTimestamp) : undefined); }, [
-        minDateTimestamp,
-    ]);
-    var maxDate = React.useMemo(function () { return (maxDateTimestamp ? endOfDay__default['default'](maxDateTimestamp) : undefined); }, [
-        maxDateTimestamp,
-    ]);
+    var month = React.useMemo(function () { return (monthTimestamp ? new Date(monthTimestamp) : undefined); }, [monthTimestamp]);
+    var minDate = React.useMemo(function () { return (minDateTimestamp ? startOfDay__default['default'](minDateTimestamp) : undefined); }, [minDateTimestamp]);
+    var maxDate = React.useMemo(function () { return (maxDateTimestamp ? endOfDay__default['default'](maxDateTimestamp) : undefined); }, [maxDateTimestamp]);
     var selected = React.useMemo(function () { return (value ? new Date(value) : undefined); }, [value]);
     var defaultMonth = React.useMemo(function () {
         return startOfMonth__default['default'](selected ||

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

@@ -54,16 +54,16 @@
 
     /* mobile */
 }
-.calendar__wrapper_a8bdn {
+.calendar__wrapper_tqkar {
     background: var(--color-light-bg-primary);
 }
-.calendar__withZIndex_a8bdn {
+.calendar__withZIndex_tqkar {
     z-index: 2;
 }
-.calendar__calendar_a8bdn th {
+.calendar__calendar_tqkar th {
     border-bottom: 1px solid var(--color-light-border-primary);
 }
-.calendar__dayNames_a8bdn {
+.calendar__dayNames_tqkar {
     padding: 0 var(--gap-m);
     width: 100%;
     position: sticky;
@@ -72,13 +72,13 @@
     top: 0;
     height: 32px
 }
-.calendar__dayNames_a8bdn.calendar__withHeader_a8bdn {
+.calendar__dayNames_tqkar.calendar__withHeader_tqkar {
         top: 48px;
     }
-.calendar__dayNames_a8bdn th {
+.calendar__dayNames_tqkar th {
     height: 100%;
 }
-.calendar__month_a8bdn {
+.calendar__month_tqkar {
     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_a8bdn {
+.calendar__daysTable_tqkar {
     display: flex;
     flex-direction: column;
     margin-top: var(--gap-2xl);
 }
-.calendar__dayName_a8bdn {
+.calendar__dayName_tqkar {
     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_a8bdn {
+.calendar__dayName_tqkar {
         height: 36px
 }
     }

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-9d2b4581.js');
+require('../../tslib.es6-879cc811.js');
 require('react');
 require('classnames');
 require('date-fns/startOfDay');
@@ -65,6 +65,7 @@ require('../../Component.js');
 require('date-fns/differenceInDays');
 require('react-virtuoso');
 require('../../../modal/mobile');
+require('@juggle/resize-observer');
 var components_calendarMobile_Component = require('./Component.js');
 
 

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-9d2b4581.js');
+var tslib_es6 = require('../../tslib.es6-879cc811.js');
 var React = require('react');
 var cn = require('classnames');
 require('date-fns/startOfDay');
@@ -44,7 +44,7 @@ var isSameDay__default = /*#__PURE__*/_interopDefaultLegacy(isSameDay);
 var isToday__default = /*#__PURE__*/_interopDefaultLegacy(isToday);
 var isWithinInterval__default = /*#__PURE__*/_interopDefaultLegacy(isWithinInterval);
 
-var styles = {"daysTable":"calendar__daysTable_neztq","responsive":"calendar__responsive_neztq","dayName":"calendar__dayName_neztq","day":"calendar__day_neztq","highlighted":"calendar__highlighted_neztq","range":"calendar__range_neztq","disabled":"calendar__disabled_neztq","holiday":"calendar__holiday_neztq","today":"calendar__today_neztq","rangeComplete":"calendar__rangeComplete_neztq","selected":"calendar__selected_neztq","dayWrapper":"calendar__dayWrapper_neztq","cursorPointer":"calendar__cursorPointer_neztq","rangeEnd":"calendar__rangeEnd_neztq","rangeStart":"calendar__rangeStart_neztq","transitLeft":"calendar__transitLeft_neztq","transitRight":"calendar__transitRight_neztq","sharpTransitLeft":"calendar__sharpTransitLeft_neztq","sharpTransitRight":"calendar__sharpTransitRight_neztq","daysEnter":"calendar__daysEnter_neztq","left":"calendar__left_neztq","daysEnterActive":"calendar__daysEnterActive_neztq","daysExit":"calendar__daysExit_neztq","daysExitActive":"calendar__daysExitActive_neztq","right":"calendar__right_neztq","dot":"calendar__dot_neztq"};
+var styles = {"daysTable":"calendar__daysTable_1t12e","responsive":"calendar__responsive_1t12e","dayName":"calendar__dayName_1t12e","day":"calendar__day_1t12e","highlighted":"calendar__highlighted_1t12e","range":"calendar__range_1t12e","disabled":"calendar__disabled_1t12e","holiday":"calendar__holiday_1t12e","today":"calendar__today_1t12e","rangeComplete":"calendar__rangeComplete_1t12e","selected":"calendar__selected_1t12e","dayWrapper":"calendar__dayWrapper_1t12e","cursorPointer":"calendar__cursorPointer_1t12e","rangeEnd":"calendar__rangeEnd_1t12e","rangeStart":"calendar__rangeStart_1t12e","transitLeft":"calendar__transitLeft_1t12e","transitRight":"calendar__transitRight_1t12e","sharpTransitLeft":"calendar__sharpTransitLeft_1t12e","sharpTransitRight":"calendar__sharpTransitRight_1t12e","daysEnter":"calendar__daysEnter_1t12e","left":"calendar__left_1t12e","daysEnterActive":"calendar__daysEnterActive_1t12e","daysExit":"calendar__daysExit_1t12e","daysExitActive":"calendar__daysExitActive_1t12e","right":"calendar__right_1t12e","dot":"calendar__dot_1t12e"};
 require('./index.css');
 
 var DaysTable = function (_a) {

package/calendar/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_neztq {
+.calendar__daysTable_1t12e {
     border-collapse: separate;
     border-spacing: 0;
     position: relative
 }
-.calendar__daysTable_neztq.calendar__responsive_neztq {
+.calendar__daysTable_1t12e.calendar__responsive_1t12e {
         width: 100%;
     }
-.calendar__daysTable_neztq th {
+.calendar__daysTable_1t12e th {
         padding: 0;
     }
-.calendar__daysTable_neztq td {
+.calendar__daysTable_1t12e td {
         padding: var(--gap-2xs) 0 0;
     }
-.calendar__dayName_neztq {
+.calendar__dayName_1t12e {
     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_neztq {
+.calendar__dayName_1t12e {
         height: 36px
 }
     }
-.calendar__day_neztq {
+.calendar__day_1t12e {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -116,52 +116,52 @@
     z-index: 1
 }
 @media (max-width: 374px) {
-.calendar__day_neztq {
+.calendar__day_1t12e {
         width: 36px;
         height: 36px
 }
     }
-.calendar__day_neztq.calendar__highlighted_neztq,
-    .calendar__day_neztq.calendar__range_neztq.calendar__highlighted_neztq:not(.calendar__disabled_neztq) {
+.calendar__day_1t12e.calendar__highlighted_1t12e,
+    .calendar__day_1t12e.calendar__range_1t12e.calendar__highlighted_1t12e:not(.calendar__disabled_1t12e) {
         color: var(--calendar-highlighted-color);
         background: var(--calendar-highlighted-background);
     }
-.calendar__day_neztq.calendar__holiday_neztq {
+.calendar__day_1t12e.calendar__holiday_1t12e {
         color: var(--calendar-holiday-color);
     }
-.calendar__day_neztq.calendar__disabled_neztq {
+.calendar__day_1t12e.calendar__disabled_1t12e {
         pointer-events: none;
         color: var(--calendar-disabled-color);
 
         background: var(--calendar-disabled-background);
         cursor: default;
     }
-.calendar__day_neztq.calendar__today_neztq {
+.calendar__day_1t12e.calendar__today_1t12e {
         font-weight: bold;
         color: var(--calendar-today-color);
     }
-.calendar__day_neztq.calendar__rangeComplete_neztq {
+.calendar__day_1t12e.calendar__rangeComplete_1t12e {
         background: var(--calendar-range-complete-background);
     }
-.calendar__day_neztq.calendar__selected_neztq,
-    .calendar__day_neztq.calendar__disabled_neztq.calendar__selected_neztq {
+.calendar__day_1t12e.calendar__selected_1t12e,
+    .calendar__day_1t12e.calendar__disabled_1t12e.calendar__selected_1t12e {
         color: var(--calendar-selected-color);
         background: var(--calendar-selected-background);
     }
 @media (hover) {
-            .calendar__day_neztq.calendar__selected_neztq:hover {
+            .calendar__day_1t12e.calendar__selected_1t12e:hover {
                 background: var(--calendar-selected-hover-background);
             }
         }
-.calendar__day_neztq:focus {
+.calendar__day_1t12e:focus {
         z-index: 1;
     }
 /* RANGE */
-.calendar__dayWrapper_neztq {
+.calendar__dayWrapper_1t12e {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     position: relative
 }
-.calendar__dayWrapper_neztq:before {
+.calendar__dayWrapper_1t12e:before {
         content: '';
         display: block;
         position: absolute;
@@ -170,34 +170,34 @@
         width: 100%;
         height: var(--calendar-day-size);
     }
-.calendar__dayWrapper_neztq:focus {
+.calendar__dayWrapper_1t12e:focus {
         outline: none;
     }
-.calendar__dayWrapper_neztq.calendar__cursorPointer_neztq {
+.calendar__dayWrapper_1t12e.calendar__cursorPointer_1t12e {
         cursor: pointer;
     }
-.calendar__range_neztq .calendar__day_neztq:not(.calendar__selected_neztq):not(.calendar__disabled_neztq):not(.calendar__today_neztq):not(.calendar__holiday_neztq) {
+.calendar__range_1t12e .calendar__day_1t12e:not(.calendar__selected_1t12e):not(.calendar__disabled_1t12e):not(.calendar__today_1t12e):not(.calendar__holiday_1t12e) {
         color: var(--calendar-range-color);
     }
-.calendar__range_neztq:before {
+.calendar__range_1t12e:before {
         background: var(--calendar-range-background);
     }
-.calendar__rangeEnd_neztq:before {
+.calendar__rangeEnd_1t12e: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_neztq:before {
+.calendar__rangeStart_1t12e: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_neztq:before {
+.calendar__rangeComplete_1t12e:before {
         background: var(--calendar-range-complete-background);
     }
-.calendar__transitLeft_neztq:after, .calendar__transitRight_neztq:after {
+.calendar__transitLeft_1t12e:after, .calendar__transitRight_1t12e:after {
         content: '';
         position: absolute;
         display: block;
@@ -206,7 +206,7 @@
         bottom: 0;
         pointer-events: none;
     }
-.calendar__transitLeft_neztq:after {
+.calendar__transitLeft_1t12e:after {
         right: 100%;
         background: linear-gradient(
             270deg,
@@ -214,13 +214,13 @@
             var(--color-light-specialbg-nulled) 100%
         );
     }
-.calendar__transitLeft_neztq:first-child:before {
+.calendar__transitLeft_1t12e:first-child:before {
             opacity: 0;
         }
-.calendar__transitLeft_neztq:first-child:after {
+.calendar__transitLeft_1t12e:first-child:after {
             right: 0;
         }
-.calendar__transitRight_neztq:after {
+.calendar__transitRight_1t12e:after {
         left: 100%;
         background: linear-gradient(
             270deg,
@@ -228,32 +228,32 @@
             var(--calendar-range-background) 100%
         );
     }
-.calendar__transitRight_neztq:last-child:before {
+.calendar__transitRight_1t12e:last-child:before {
             opacity: 0;
         }
-.calendar__transitRight_neztq:last-child:after {
+.calendar__transitRight_1t12e:last-child:after {
             left: 0;
         }
-.calendar__sharpTransitLeft_neztq:first-child:before {
+.calendar__sharpTransitLeft_1t12e:first-child:before {
             opacity: 1;
         }
-.calendar__sharpTransitLeft_neztq:first-child:after {
+.calendar__sharpTransitLeft_1t12e:first-child:after {
             opacity: 0;
         }
-.calendar__sharpTransitRight_neztq:last-child:before {
+.calendar__sharpTransitRight_1t12e:last-child:before {
             opacity: 1;
         }
-.calendar__sharpTransitRight_neztq:last-child:after {
+.calendar__sharpTransitRight_1t12e:last-child:after {
             opacity: 0;
         }
-.calendar__rangeComplete_neztq.calendar__transitLeft_neztq:after {
+.calendar__rangeComplete_1t12e.calendar__transitLeft_1t12e:after {
         background: linear-gradient(
             270deg,
             var(--calendar-range-complete-background) 0%,
             var(--color-light-specialbg-nulled) 100%
         );
     }
-.calendar__rangeComplete_neztq.calendar__transitRight_neztq:after {
+.calendar__rangeComplete_1t12e.calendar__transitRight_1t12e:after {
         background: linear-gradient(
             270deg,
             var(--color-light-specialbg-nulled) 0%,
@@ -261,34 +261,34 @@
         );
     }
 /* SLIDE ANIMATION */
-.calendar__daysEnter_neztq .calendar__dayWrapper_neztq {
+.calendar__daysEnter_1t12e .calendar__dayWrapper_1t12e {
     width: 100px;
 }
-.calendar__left_neztq .calendar__daysEnter_neztq {
+.calendar__left_1t12e .calendar__daysEnter_1t12e {
         transform: translateX(50px);
     }
-.calendar__left_neztq .calendar__daysEnterActive_neztq {
+.calendar__left_1t12e .calendar__daysEnterActive_1t12e {
         transform: translateX(0);
     }
-.calendar__left_neztq .calendar__daysExit_neztq {
+.calendar__left_1t12e .calendar__daysExit_1t12e {
         transform: translateX(0);
     }
-.calendar__left_neztq .calendar__daysExitActive_neztq {
+.calendar__left_1t12e .calendar__daysExitActive_1t12e {
         transform: translateX(-50px);
     }
-.calendar__right_neztq .calendar__daysEnter_neztq {
+.calendar__right_1t12e .calendar__daysEnter_1t12e {
         transform: translateX(-50px);
     }
-.calendar__right_neztq .calendar__daysEnterActive_neztq {
+.calendar__right_1t12e .calendar__daysEnterActive_1t12e {
         transform: translateX(0);
     }
-.calendar__right_neztq .calendar__daysExit_neztq {
+.calendar__right_1t12e .calendar__daysExit_1t12e {
         transform: translateX(0);
     }
-.calendar__right_neztq .calendar__daysExitActive_neztq {
+.calendar__right_1t12e .calendar__daysExitActive_1t12e {
         transform: translateX(50px);
     }
-.calendar__dot_neztq {
+.calendar__dot_1t12e {
     display: block;
     position: absolute;
     bottom: 4px;
@@ -299,25 +299,25 @@
     border-radius: var(--border-radius-circle);
     background: var(--calendar-marker-background);
 }
-.calendar__selected_neztq .calendar__dot_neztq {
+.calendar__selected_1t12e .calendar__dot_1t12e {
     background: var(--calendar-marker-selected-background);
 }
-.calendar__daysEnter_neztq {
+.calendar__daysEnter_1t12e {
     opacity: 0;
     position: absolute;
     left: 0;
 }
-.calendar__daysEnterActive_neztq {
+.calendar__daysEnterActive_1t12e {
     opacity: 1;
 }
-.calendar__daysExit_neztq {
+.calendar__daysExit_1t12e {
     pointer-events: none;
     opacity: 1;
 }
-.calendar__daysExitActive_neztq {
+.calendar__daysExitActive_1t12e {
     opacity: 0;
 }
-.calendar__daysEnterActive_neztq,
-.calendar__daysExitActive_neztq {
+.calendar__daysEnterActive_1t12e,
+.calendar__daysExitActive_1t12e {
     transition: opacity 200ms, transform 300ms;
 }

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-9d2b4581.js');
+require('../../tslib.es6-879cc811.js');
 require('react');
 require('classnames');
 require('date-fns/startOfDay');

package/calendar/components/header/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"header":"calendar__header_1t3in","withShadow":"calendar__withShadow_1t3in"};
+var styles = {"header":"calendar__header_8hcqi","withShadow":"calendar__withShadow_8hcqi"};
 require('./index.css');
 
 var Header = function (_a) {

package/calendar/components/header/index.css

@@ -34,7 +34,7 @@
 
     /* marker */
 }
-.calendar__header_1t3in {
+.calendar__header_8hcqi {
     width: 100%;
     box-sizing: border-box;
     padding: var(--gap-m) 0 var(--gap-s);
@@ -42,6 +42,6 @@
     display: flex;
     justify-content: center;
 }
-.calendar__withShadow_1t3in {
+.calendar__withShadow_8hcqi {
     box-shadow: var(--shadow-s);
 }

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-9d2b4581.js');
+require('../../tslib.es6-879cc811.js');
 var React = require('react');
 var cn = require('classnames');
 require('date-fns/startOfDay');
@@ -34,7 +34,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"calendar__component_pe42a","button":"calendar__button_pe42a","month":"calendar__month_pe42a","year":"calendar__year_pe42a","buttonContent":"calendar__buttonContent_pe42a","upDownIcon":"calendar__upDownIcon_pe42a"};
+var styles = {"component":"calendar__component_1aecr","button":"calendar__button_1aecr","month":"calendar__month_1aecr","year":"calendar__year_1aecr","buttonContent":"calendar__buttonContent_1aecr","upDownIcon":"calendar__upDownIcon_1aecr"};
 require('./index.css');
 
 var MonthYearHeader = function (_a) {

package/calendar/components/month-year-header/index.css

@@ -35,44 +35,44 @@
 
     /* marker */
 }
-.calendar__component_pe42a {
+.calendar__component_1aecr {
     position: relative;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
 }
-.cc-calendar .calendar__button_pe42a {
+.cc-calendar .calendar__button_1aecr {
         border-radius: var(--border-radius-s);
     }
-.calendar__month_pe42a {
+.calendar__month_1aecr {
     flex-basis: 65%
 }
 @media (max-width: 374px) {
-.calendar__month_pe42a {
+.calendar__month_1aecr {
         flex-grow: 1
 }
     }
-.calendar__year_pe42a {
+.calendar__year_1aecr {
     flex-basis: 35%;
     margin-left: var(--gap-xs)
 }
 @media (max-width: 374px) {
-.calendar__year_pe42a {
+.calendar__year_1aecr {
         width: 90px
 }
     }
-.calendar__buttonContent_pe42a {
+.calendar__buttonContent_1aecr {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }
-.calendar__upDownIcon_pe42a {
+.calendar__upDownIcon_1aecr {
     margin-left: var(--gap-xs)
 }
 @media (max-width: 374px) {
-.calendar__upDownIcon_pe42a {
+.calendar__upDownIcon_1aecr {
         margin-left: auto
 }
     }

package/calendar/components/month-year-header/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-9d2b4581.js');
+require('../../tslib.es6-879cc811.js');
 require('react');
 require('classnames');
 require('date-fns/startOfDay');

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-9d2b4581.js');
+var tslib_es6 = require('../../tslib.es6-879cc811.js');
 var React = require('react');
 var cn = require('classnames');
 require('date-fns/startOfDay');
@@ -37,7 +37,7 @@ var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var isSameMonth__default = /*#__PURE__*/_interopDefaultLegacy(isSameMonth);
 var isThisMonth__default = /*#__PURE__*/_interopDefaultLegacy(isThisMonth);
 
-var styles = {"monthsTable":"calendar__monthsTable_p02cb","responsive":"calendar__responsive_p02cb","button":"calendar__button_p02cb"};
+var styles = {"monthsTable":"calendar__monthsTable_1um4w","responsive":"calendar__responsive_1um4w","button":"calendar__button_1um4w"};
 require('./index.css');
 
 var MonthsTable = function (_a) {

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

@@ -45,46 +45,46 @@
 
     /* marker */
 }
-.cc-calendar .calendar__monthsTable_p02cb {
+.cc-calendar .calendar__monthsTable_1um4w {
         display: flex;
         flex-wrap: wrap;
         width: var(--calendar-inner-width);
         justify-content: flex-start
     }
 @media (max-width: 374px) {
-.cc-calendar .calendar__monthsTable_p02cb {
+.cc-calendar .calendar__monthsTable_1um4w {
             width: var(--calendar-mobile-inner-width)
     }
         }
-.cc-calendar .calendar__monthsTable_p02cb.calendar__responsive_p02cb {
+.cc-calendar .calendar__monthsTable_1um4w.calendar__responsive_1um4w {
             width: 100%;
             justify-content: space-between
         }
-.cc-calendar .calendar__monthsTable_p02cb.calendar__responsive_p02cb .calendar__button_p02cb {
+.cc-calendar .calendar__monthsTable_1um4w.calendar__responsive_1um4w .calendar__button_1um4w {
                 width: 33%;
                 margin-right: 0;
             }
-.cc-calendar .calendar__button_p02cb {
+.cc-calendar .calendar__button_1um4w {
         width: var(--calendar-select-button-width);
         margin-right: var(--gap-2xs);
         margin-bottom: var(--gap-xs)
     }
-.cc-calendar .calendar__button_p02cb:nth-child(3n) {
+.cc-calendar .calendar__button_1um4w:nth-child(3n) {
             margin-right: 0;
         }
 @media (max-width: 374px) {
-.cc-calendar .calendar__button_p02cb {
+.cc-calendar .calendar__button_1um4w {
             width: var(--calendar-mobile-select-button-width)
     }
 
-            .cc-calendar .calendar__button_p02cb:nth-child(3n) {
+            .cc-calendar .calendar__button_1um4w:nth-child(3n) {
                 margin-right: var(--gap-2xs);
             }
 
-            .cc-calendar .calendar__button_p02cb:nth-child(2n) {
+            .cc-calendar .calendar__button_1um4w:nth-child(2n) {
                 margin-right: 0;
             }
-.cc-calendar .calendar__button_p02cb {
+.cc-calendar .calendar__button_1um4w {
 
             height: 36px
     }