@alfalab/core-components 45.9.0 → 45.10.0

package/calendar/esm/utils.js

@@ -220,6 +220,8 @@ function getCalendarMobileTestIds(dataTestId) {
         closer: getDataTestId(dataTestId, 'header-closer'),
         btnApply: getDataTestId(dataTestId, 'btn-apply'),
         btnReset: getDataTestId(dataTestId, 'btn-reset'),
+        btnNextDate: getDataTestId(dataTestId, 'slider-btn-next-day'),
+        btnPreviousDate: getDataTestId(dataTestId, 'slider-btn-previous-day'),
     };
 }
 

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

@@ -66,13 +66,13 @@ import 'date-fns/isEqual';
 import 'date-fns/isLastDayOfMonth';
 import 'date-fns/isWithinInterval';
 
-const backdropTransitionStyles = {"appear":"calendar__appear_14q68","enter":"calendar__enter_14q68","appearActive":"calendar__appearActive_14q68","enterActive":"calendar__enterActive_14q68","appearDone":"calendar__appearDone_14q68","enterDone":"calendar__enterDone_14q68","exit":"calendar__exit_14q68","exitActive":"calendar__exitActive_14q68","exitDone":"calendar__exitDone_14q68"};
+const backdropTransitionStyles = {"appear":"calendar__appear_y2cdo","enter":"calendar__enter_y2cdo","appearActive":"calendar__appearActive_y2cdo","enterActive":"calendar__enterActive_y2cdo","appearDone":"calendar__appearDone_y2cdo","enterDone":"calendar__enterDone_y2cdo","exit":"calendar__exit_y2cdo","exitActive":"calendar__exitActive_y2cdo","exitDone":"calendar__exitDone_y2cdo"};
 require('./backdrop-transitions.css');
 
-const styles = {"wrapper":"calendar__wrapper_jhm9z","withZIndex":"calendar__withZIndex_jhm9z","calendar":"calendar__calendar_jhm9z","dayNames":"calendar__dayNames_jhm9z","withHeader":"calendar__withHeader_jhm9z","month":"calendar__month_jhm9z","daysTable":"calendar__daysTable_jhm9z","dayName":"calendar__dayName_jhm9z","virtuoso":"calendar__virtuoso_jhm9z","contentModal":"calendar__contentModal_jhm9z","content":"calendar__content_jhm9z"};
+const styles = {"wrapper":"calendar__wrapper_1rg1q","withZIndex":"calendar__withZIndex_1rg1q","calendar":"calendar__calendar_1rg1q","dayNames":"calendar__dayNames_1rg1q","withHeader":"calendar__withHeader_1rg1q","month":"calendar__month_1rg1q","daysTable":"calendar__daysTable_1rg1q","dayName":"calendar__dayName_1rg1q","virtuoso":"calendar__virtuoso_1rg1q","contentModal":"calendar__contentModal_1rg1q","content":"calendar__content_1rg1q"};
 require('./index.css');
 
-const transitionStyles = {"appear":"calendar__appear_dzwyk","enter":"calendar__enter_dzwyk","appearActive":"calendar__appearActive_dzwyk","enterActive":"calendar__enterActive_dzwyk","exit":"calendar__exit_dzwyk","exitActive":"calendar__exitActive_dzwyk","exitDone":"calendar__exitDone_dzwyk"};
+const transitionStyles = {"appear":"calendar__appear_sw4nf","enter":"calendar__enter_sw4nf","appearActive":"calendar__appearActive_sw4nf","enterActive":"calendar__enterActive_sw4nf","exit":"calendar__exit_sw4nf","exitActive":"calendar__exitActive_sw4nf","exitDone":"calendar__exitDone_sw4nf"};
 require('./transitions.css');
 
 // ResizeObserverPolyfill необходим для корректной работы react-virtuoso.
@@ -188,7 +188,7 @@ const CalendarMobile = forwardRef(({ hasHeader = true, allowSelectionFromEmptyRa
         if (monthOnlyView) {
             return (React.createElement(CalendarMonthOnlyView, { yearsAmount: yearsAmount, scrollableContainer: modalRef, onMonthTitleClick: onMonthTitleClick, ...commonProps, ...restProps }));
         }
-        return (React.createElement(CalendarDesktop, { responsive: true, className: cn(className, styles.calendar), contentClassName: styles.content, ...commonProps, ...restProps }));
+        return (React.createElement(CalendarDesktop, { responsive: true, className: cn(className, styles.calendar), contentClassName: styles.content, dataTestId: getDataTestId(dataTestId, 'mobile'), ...commonProps, ...restProps }));
     };
     const renderFooter = () => {
         if (selectedFrom || selectedTo) {

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

@@ -1,4 +1,4 @@
-/* hash: 1wc1s */
+/* hash: 1rou6 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
     --color-light-bg-primary-inverted-alpha-10: rgba(14, 14, 14, 0.1);
@@ -15,19 +15,19 @@
 } :root {
 } :root {
 } :root {
-} .calendar__appear_14q68,
-.calendar__enter_14q68 {
+} .calendar__appear_y2cdo,
+.calendar__enter_y2cdo {
     background-color: transparent;
-} .calendar__appearActive_14q68,
-.calendar__enterActive_14q68,
-.calendar__appearDone_14q68,
-.calendar__enterDone_14q68 {
+} .calendar__appearActive_y2cdo,
+.calendar__enterActive_y2cdo,
+.calendar__appearDone_y2cdo,
+.calendar__enterDone_y2cdo {
     background-color: var(--color-light-bg-primary-inverted-alpha-10);
     transition: background-color 80ms linear;
-} .calendar__exit_14q68 {
+} .calendar__exit_y2cdo {
     background-color: var(--color-light-bg-primary-inverted-alpha-10);
-} .calendar__exitActive_14q68,
-.calendar__exitDone_14q68 {
+} .calendar__exitActive_y2cdo,
+.calendar__exitDone_y2cdo {
     background-color: transparent;
     transition: background-color 80ms linear;
     transition-delay: 280ms;

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

@@ -1,4 +1,4 @@
-/* hash: 1o90u */
+/* hash: lla5d */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-modal-bg-primary: #fff;
@@ -57,26 +57,26 @@
     /* mobile */
 
     /* paddings */
-} .calendar__wrapper_jhm9z {
+} .calendar__wrapper_1rg1q {
     overflow-x: hidden;
-} .calendar__withZIndex_jhm9z {
+} .calendar__withZIndex_1rg1q {
     z-index: 2;
-} .calendar__calendar_jhm9z.calendar__calendar_jhm9z {
+} .calendar__calendar_1rg1q.calendar__calendar_1rg1q {
     height: 100%;
-} .calendar__calendar_jhm9z th {
+} .calendar__calendar_1rg1q th {
     border-bottom: 1px solid var(--color-light-neutral-300);
-} .calendar__dayNames_jhm9z {
+} .calendar__dayNames_1rg1q {
     width: 100%;
     position: sticky;
     background: var(--modal-header-background);
     top: 0;
     height: 32px;
     padding: 0 6px
-} .calendar__dayNames_jhm9z.calendar__withHeader_jhm9z {
+} .calendar__dayNames_1rg1q.calendar__withHeader_1rg1q {
         top: 48px;
-    } .calendar__dayNames_jhm9z th {
+    } .calendar__dayNames_1rg1q th {
     height: 100%;
-} .calendar__month_jhm9z {
+} .calendar__month_1rg1q {
     font-style: normal;
     font-weight: 700;
     font-size: 12px;
@@ -85,25 +85,25 @@
     text-transform: uppercase;
     color: var(--color-light-text-primary);
     margin-bottom: var(--gap-xs);
-} .calendar__daysTable_jhm9z {
+} .calendar__daysTable_1rg1q {
     display: flex;
     flex-direction: column;
     margin-top: var(--gap-2xl);
-} .calendar__dayName_jhm9z {
+} .calendar__dayName_1rg1q {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     height: var(--calendar-day-size);
     color: var(--color-light-text-secondary)
-} @media (max-width: 374px) { .calendar__dayName_jhm9z {
+} @media (max-width: 374px) { .calendar__dayName_1rg1q {
         height: 36px
 }
-    } .calendar__virtuoso_jhm9z {
+    } .calendar__virtuoso_1rg1q {
     margin: 0 var(--gap-m);
-} .calendar__contentModal_jhm9z {
+} .calendar__contentModal_1rg1q {
     padding-right: 0;
     padding-left: 0;
-} .calendar__content_jhm9z.calendar__content_jhm9z {
+} .calendar__content_1rg1q.calendar__content_1rg1q {
     flex-basis: 0;
 }

package/calendar/modern/components/calendar-mobile/transitions.css

@@ -1,4 +1,4 @@
-/* hash: 1u5sm */
+/* hash: 1yt08 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -14,18 +14,18 @@
 } :root {
 } :root {
 } :root {
-} .calendar__appear_dzwyk,
-.calendar__enter_dzwyk {
+} .calendar__appear_sw4nf,
+.calendar__enter_sw4nf {
     transform: translateX(100%);
-} .calendar__appearActive_dzwyk,
-.calendar__enterActive_dzwyk {
+} .calendar__appearActive_sw4nf,
+.calendar__enterActive_sw4nf {
     transform: translateX(0);
     transition: transform 280ms ease-in-out;
     transition-delay: 80ms;
-} .calendar__exit_dzwyk {
+} .calendar__exit_sw4nf {
     transform: translateX(0);
-} .calendar__exitActive_dzwyk,
-.calendar__exitDone_dzwyk {
+} .calendar__exitActive_sw4nf,
+.calendar__exitDone_sw4nf {
     transform: translateX(100%);
     transition: transform 280ms ease-in-out;
 }

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

@@ -32,7 +32,7 @@ import 'date-fns/subDays';
 import 'date-fns/subMonths';
 import '../../../../shared/modern';
 
-const styles = {"daysTable":"calendar__daysTable_4n61a","responsive":"calendar__responsive_4n61a","dayName":"calendar__dayName_4n61a","day":"calendar__day_4n61a","rounded":"calendar__rounded_4n61a","rectangular":"calendar__rectangular_4n61a","highlighted":"calendar__highlighted_4n61a","range":"calendar__range_4n61a","disabled":"calendar__disabled_4n61a","holiday":"calendar__holiday_4n61a","today":"calendar__today_4n61a","rangeComplete":"calendar__rangeComplete_4n61a","selected":"calendar__selected_4n61a","dayWrapper":"calendar__dayWrapper_4n61a","cursorPointer":"calendar__cursorPointer_4n61a","rangeEnd":"calendar__rangeEnd_4n61a","rangeStart":"calendar__rangeStart_4n61a","transitLeft":"calendar__transitLeft_4n61a","transitRight":"calendar__transitRight_4n61a","sharpTransitLeft":"calendar__sharpTransitLeft_4n61a","sharpTransitRight":"calendar__sharpTransitRight_4n61a","daysEnter":"calendar__daysEnter_4n61a","left":"calendar__left_4n61a","daysEnterActive":"calendar__daysEnterActive_4n61a","daysExit":"calendar__daysExit_4n61a","daysExitActive":"calendar__daysExitActive_4n61a","right":"calendar__right_4n61a","dayAddons":"calendar__dayAddons_4n61a","dayContent":"calendar__dayContent_4n61a","addons":"calendar__addons_4n61a","dot":"calendar__dot_4n61a","bottomAddon":"calendar__bottomAddon_4n61a"};
+const styles = {"daysTable":"calendar__daysTable_1os2e","responsive":"calendar__responsive_1os2e","dayName":"calendar__dayName_1os2e","day":"calendar__day_1os2e","rounded":"calendar__rounded_1os2e","rectangular":"calendar__rectangular_1os2e","highlighted":"calendar__highlighted_1os2e","range":"calendar__range_1os2e","disabled":"calendar__disabled_1os2e","holiday":"calendar__holiday_1os2e","today":"calendar__today_1os2e","rangeComplete":"calendar__rangeComplete_1os2e","selected":"calendar__selected_1os2e","dayWrapper":"calendar__dayWrapper_1os2e","cursorPointer":"calendar__cursorPointer_1os2e","rangeEnd":"calendar__rangeEnd_1os2e","rangeStart":"calendar__rangeStart_1os2e","transitLeft":"calendar__transitLeft_1os2e","transitRight":"calendar__transitRight_1os2e","sharpTransitLeft":"calendar__sharpTransitLeft_1os2e","sharpTransitRight":"calendar__sharpTransitRight_1os2e","daysEnter":"calendar__daysEnter_1os2e","left":"calendar__left_1os2e","daysEnterActive":"calendar__daysEnterActive_1os2e","daysExit":"calendar__daysExit_1os2e","daysExitActive":"calendar__daysExitActive_1os2e","right":"calendar__right_1os2e","dayAddons":"calendar__dayAddons_1os2e","dayContent":"calendar__dayContent_1os2e","addons":"calendar__addons_1os2e","dot":"calendar__dot_1os2e","bottomAddon":"calendar__bottomAddon_1os2e"};
 require('./index.css');
 
 /* eslint-disable complexity */

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

@@ -1,4 +1,4 @@
-/* hash: 1u0kc */
+/* hash: 1pdcq */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-accent-secondary: #212124;
@@ -70,27 +70,27 @@
     /* marker */
     --calendar-marker-background: var(--color-light-neutral-1500);
     --calendar-marker-selected-background: var(--color-light-neutral-1500-inverted);
-} .calendar__daysTable_4n61a {
+} .calendar__daysTable_1os2e {
     border-collapse: separate;
     border-spacing: 0;
     position: relative
-} .calendar__daysTable_4n61a.calendar__responsive_4n61a {
+} .calendar__daysTable_1os2e.calendar__responsive_1os2e {
         width: 100%;
-    } .calendar__daysTable_4n61a th {
+    } .calendar__daysTable_1os2e th {
         padding: 0;
-    } .calendar__daysTable_4n61a td {
+    } .calendar__daysTable_1os2e td {
         padding: var(--gap-2xs) 0 0;
-    } .calendar__dayName_4n61a {
+    } .calendar__dayName_1os2e {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     height: var(--calendar-day-size);
     color: var(--color-light-text-secondary)
-} @media (max-width: 374px) { .calendar__dayName_4n61a {
+} @media (max-width: 374px) { .calendar__dayName_1os2e {
         height: 36px
 }
-    } .calendar__day_4n61a {
+    } .calendar__day_1os2e {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 
     position: relative;
@@ -103,41 +103,41 @@
     box-sizing: border-box;
     color: var(--color-light-text-primary);
     z-index: 1
-} .calendar__day_4n61a.calendar__rounded_4n61a {
+} .calendar__day_1os2e.calendar__rounded_1os2e {
         border-radius: var(--calendar-day-border-radius);
-    } .calendar__day_4n61a.calendar__rectangular_4n61a {
+    } .calendar__day_1os2e.calendar__rectangular_1os2e {
         border-radius: var(--border-radius-m);
         width: 44px;
-    } .calendar__day_4n61a.calendar__highlighted_4n61a,
-    .calendar__day_4n61a.calendar__range_4n61a.calendar__highlighted_4n61a:not(.calendar__disabled_4n61a) {
+    } .calendar__day_1os2e.calendar__highlighted_1os2e,
+    .calendar__day_1os2e.calendar__range_1os2e.calendar__highlighted_1os2e:not(.calendar__disabled_1os2e) {
         color: var(--calendar-highlighted-color);
         background: var(--calendar-highlighted-background);
-    } .calendar__day_4n61a.calendar__holiday_4n61a {
+    } .calendar__day_1os2e.calendar__holiday_1os2e {
         color: var(--calendar-holiday-color);
-    } .calendar__day_4n61a.calendar__disabled_4n61a {
+    } .calendar__day_1os2e.calendar__disabled_1os2e {
         pointer-events: none;
         color: var(--calendar-disabled-color);
 
         background: var(--calendar-disabled-background);
         cursor: default;
-    } .calendar__day_4n61a.calendar__today_4n61a {
+    } .calendar__day_1os2e.calendar__today_1os2e {
         color: var(--calendar-today-color);
-    } .calendar__day_4n61a.calendar__rangeComplete_4n61a {
+    } .calendar__day_1os2e.calendar__rangeComplete_1os2e {
         background: var(--calendar-range-complete-background);
-    } .calendar__day_4n61a.calendar__selected_4n61a,
-    .calendar__day_4n61a.calendar__disabled_4n61a.calendar__selected_4n61a {
+    } .calendar__day_1os2e.calendar__selected_1os2e,
+    .calendar__day_1os2e.calendar__disabled_1os2e.calendar__selected_1os2e {
         color: var(--calendar-selected-color);
         background: var(--calendar-selected-background);
     } @media (hover) {
-            .calendar__day_4n61a.calendar__selected_4n61a:hover {
+            .calendar__day_1os2e.calendar__selected_1os2e:hover {
                 background: var(--calendar-selected-hover-background);
             }
-        } .calendar__day_4n61a:focus {
+        } .calendar__day_1os2e:focus {
         z-index: 1;
-    } /* RANGE */ .calendar__dayWrapper_4n61a {
+    } /* RANGE */ .calendar__dayWrapper_1os2e {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     position: relative
-} .calendar__dayWrapper_4n61a:before {
+} .calendar__dayWrapper_1os2e:before {
         content: '';
         display: block;
         position: absolute;
@@ -145,27 +145,27 @@
         bottom: 0;
         width: 100%;
         height: var(--calendar-day-size);
-    } .calendar__dayWrapper_4n61a:focus {
+    } .calendar__dayWrapper_1os2e:focus {
         outline: none;
-    } .calendar__dayWrapper_4n61a.calendar__cursorPointer_4n61a {
+    } .calendar__dayWrapper_1os2e.calendar__cursorPointer_1os2e {
         cursor: pointer;
-    } .calendar__range_4n61a .calendar__day_4n61a:not(.calendar__selected_4n61a):not(.calendar__disabled_4n61a):not(.calendar__today_4n61a):not(.calendar__holiday_4n61a) {
+    } .calendar__range_1os2e .calendar__day_1os2e:not(.calendar__selected_1os2e):not(.calendar__disabled_1os2e):not(.calendar__today_1os2e):not(.calendar__holiday_1os2e) {
         color: var(--calendar-range-color);
-    } .calendar__range_4n61a:before {
+    } .calendar__range_1os2e:before {
         background: var(--calendar-range-background);
-    } .calendar__rangeEnd_4n61a:before {
+    } .calendar__rangeEnd_1os2e: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_4n61a:before {
+    } .calendar__rangeStart_1os2e: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_4n61a:before {
+    } .calendar__rangeComplete_1os2e:before {
         background: var(--calendar-range-complete-background);
-    } .calendar__transitLeft_4n61a:after, .calendar__transitRight_4n61a:after {
+    } .calendar__transitLeft_1os2e:after, .calendar__transitRight_1os2e:after {
         content: '';
         position: absolute;
         display: block;
@@ -173,81 +173,81 @@
         height: var(--calendar-day-size);
         bottom: 0;
         pointer-events: none;
-    } .calendar__transitLeft_4n61a:after {
+    } .calendar__transitLeft_1os2e:after {
         right: 100%;
         background: linear-gradient(
             270deg,
             var(--calendar-range-background) 0%,
             var(--color-light-transparent-default) 100%
         );
-    } .calendar__transitLeft_4n61a:first-child:before {
+    } .calendar__transitLeft_1os2e:first-child:before {
             opacity: 0;
-        } .calendar__transitLeft_4n61a:first-child:after {
+        } .calendar__transitLeft_1os2e:first-child:after {
             right: 0;
-        } .calendar__transitRight_4n61a:after {
+        } .calendar__transitRight_1os2e:after {
         left: 100%;
         background: linear-gradient(
             270deg,
             var(--color-light-transparent-default) 0%,
             var(--calendar-range-background) 100%
         );
-    } .calendar__transitRight_4n61a:last-child:before {
+    } .calendar__transitRight_1os2e:last-child:before {
             opacity: 0;
-        } .calendar__transitRight_4n61a:last-child:after {
+        } .calendar__transitRight_1os2e:last-child:after {
             left: 0;
-        } .calendar__sharpTransitLeft_4n61a:first-child:before {
+        } .calendar__sharpTransitLeft_1os2e:first-child:before {
             opacity: 1;
-        } .calendar__sharpTransitLeft_4n61a:first-child:after {
+        } .calendar__sharpTransitLeft_1os2e:first-child:after {
             opacity: 0;
-        } .calendar__sharpTransitRight_4n61a:last-child:before {
+        } .calendar__sharpTransitRight_1os2e:last-child:before {
             opacity: 1;
-        } .calendar__sharpTransitRight_4n61a:last-child:after {
+        } .calendar__sharpTransitRight_1os2e:last-child:after {
             opacity: 0;
-        } .calendar__rangeComplete_4n61a.calendar__transitLeft_4n61a:after {
+        } .calendar__rangeComplete_1os2e.calendar__transitLeft_1os2e:after {
         background: linear-gradient(
             270deg,
             var(--calendar-range-complete-background) 0%,
             var(--color-light-transparent-default) 100%
         );
-    } .calendar__rangeComplete_4n61a.calendar__transitRight_4n61a:after {
+    } .calendar__rangeComplete_1os2e.calendar__transitRight_1os2e:after {
         background: linear-gradient(
             270deg,
             var(--color-light-transparent-default) 0%,
             var(--calendar-range-complete-background) 100%
         );
-    } /* SLIDE ANIMATION */ .calendar__daysEnter_4n61a .calendar__dayWrapper_4n61a {
+    } /* SLIDE ANIMATION */ .calendar__daysEnter_1os2e .calendar__dayWrapper_1os2e {
     width: 100px;
-} .calendar__left_4n61a .calendar__daysEnter_4n61a {
+} .calendar__left_1os2e .calendar__daysEnter_1os2e {
         transform: translateX(50px);
-    } .calendar__left_4n61a .calendar__daysEnterActive_4n61a {
+    } .calendar__left_1os2e .calendar__daysEnterActive_1os2e {
         transform: translateX(0);
-    } .calendar__left_4n61a .calendar__daysExit_4n61a {
+    } .calendar__left_1os2e .calendar__daysExit_1os2e {
         transform: translateX(0);
-    } .calendar__left_4n61a .calendar__daysExitActive_4n61a {
+    } .calendar__left_1os2e .calendar__daysExitActive_1os2e {
         transform: translateX(-50px);
-    } .calendar__right_4n61a .calendar__daysEnter_4n61a {
+    } .calendar__right_1os2e .calendar__daysEnter_1os2e {
         transform: translateX(-50px);
-    } .calendar__right_4n61a .calendar__daysEnterActive_4n61a {
+    } .calendar__right_1os2e .calendar__daysEnterActive_1os2e {
         transform: translateX(0);
-    } .calendar__right_4n61a .calendar__daysExit_4n61a {
+    } .calendar__right_1os2e .calendar__daysExit_1os2e {
         transform: translateX(0);
-    } .calendar__right_4n61a .calendar__daysExitActive_4n61a {
+    } .calendar__right_1os2e .calendar__daysExitActive_1os2e {
         transform: translateX(50px);
-    } .calendar__dayAddons_4n61a > span {
+    } .calendar__dayAddons_1os2e > span {
         display: flex;
         flex-direction: column;
         justify-content: flex-end;
         height: inherit;
         padding: 0 var(--gap-3xs);
-    } .calendar__dayContent_4n61a {
+    } .calendar__dayContent_1os2e {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400
-} .calendar__dayContent_4n61a.calendar__today_4n61a {
+} .calendar__dayContent_1os2e.calendar__today_1os2e {
         font-weight: bold;
-    } .calendar__addons_4n61a {
+    } .calendar__addons_1os2e {
     min-height: 8px;
-} .calendar__dot_4n61a {
+} .calendar__dot_1os2e {
     display: block;
     position: absolute;
     bottom: 4px;
@@ -257,25 +257,25 @@
     transform: translateX(-50%);
     border-radius: var(--border-radius-circle);
     background: var(--calendar-marker-background);
-} .calendar__selected_4n61a .calendar__dot_4n61a {
+} .calendar__selected_1os2e .calendar__dot_1os2e {
     background: var(--calendar-marker-selected-background);
-} .calendar__daysEnter_4n61a {
+} .calendar__daysEnter_1os2e {
     opacity: 0;
     position: absolute;
     left: 0;
-} .calendar__daysEnterActive_4n61a {
+} .calendar__daysEnterActive_1os2e {
     opacity: 1;
-} .calendar__daysExit_4n61a {
+} .calendar__daysExit_1os2e {
     pointer-events: none;
     opacity: 1;
-} .calendar__daysExitActive_4n61a {
+} .calendar__daysExitActive_1os2e {
     opacity: 0;
-} .calendar__daysEnterActive_4n61a,
-.calendar__daysExitActive_4n61a {
+} .calendar__daysEnterActive_1os2e,
+.calendar__daysExitActive_1os2e {
     transition: opacity 200ms, transform 300ms;
-} .calendar__bottomAddon_4n61a {
+} .calendar__bottomAddon_1os2e {
     margin: 0 auto
-} .calendar__bottomAddon_4n61a.calendar__selected_4n61a,
-    .calendar__bottomAddon_4n61a.calendar__selected_4n61a > * {
+} .calendar__bottomAddon_1os2e.calendar__selected_1os2e,
+    .calendar__bottomAddon_1os2e.calendar__selected_1os2e > * {
         color: var(--calendar-selected-color);
     }

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-const styles = {"header":"calendar__header_qyt2v","withShadow":"calendar__withShadow_qyt2v"};
+const styles = {"header":"calendar__header_1g0y7","withShadow":"calendar__withShadow_1g0y7"};
 require('./index.css');
 
 const Header = ({ view = 'full', withShadow, children, className }) => (React.createElement("div", { className: cn(styles.header, className, {

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

@@ -1,4 +1,4 @@
-/* hash: 1k412 */
+/* hash: 2a8v4 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-300: #e7e8eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -38,13 +38,13 @@
     /* disabled */
 
     /* marker */
-} .calendar__header_qyt2v {
+} .calendar__header_1g0y7 {
     width: 100%;
     box-sizing: border-box;
     padding: var(--gap-m) var(--gap-m) var(--gap-s);
     transition: box-shadow 0.2s ease;
     display: flex;
     justify-content: center;
-} .calendar__withShadow_qyt2v {
+} .calendar__withShadow_1g0y7 {
     box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
 }

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

@@ -28,7 +28,7 @@ import 'date-fns/subMonths';
 import '../../../../shared/modern';
 import '../../../../button/modern/desktop';
 
-const styles = {"component":"calendar__component_g4t5x","button":"calendar__button_g4t5x","month":"calendar__month_g4t5x","year":"calendar__year_g4t5x","buttonContent":"calendar__buttonContent_g4t5x","upDownIcon":"calendar__upDownIcon_g4t5x"};
+const styles = {"component":"calendar__component_1plt2","button":"calendar__button_1plt2","month":"calendar__month_1plt2","year":"calendar__year_1plt2","buttonContent":"calendar__buttonContent_1plt2","upDownIcon":"calendar__upDownIcon_1plt2"};
 require('./index.css');
 
 const MonthYearHeader = ({ value, className, onMonthClick, onYearClick, dataTestId, }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 1sbkc */
+/* hash: rsvb7 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -37,33 +37,33 @@
     /* disabled */
 
     /* marker */
-} .calendar__component_g4t5x {
+} .calendar__component_1plt2 {
     position: relative;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
-} .cc-calendar .calendar__button_g4t5x {
+} .cc-calendar .calendar__button_1plt2 {
         border-radius: var(--border-radius-s);
-    } .calendar__month_g4t5x {
+    } .calendar__month_1plt2 {
     flex-basis: 65%
-} @media (max-width: 374px) { .calendar__month_g4t5x {
+} @media (max-width: 374px) { .calendar__month_1plt2 {
         flex-grow: 1
 }
-    } .calendar__year_g4t5x {
+    } .calendar__year_1plt2 {
     flex-basis: 35%;
     margin-left: var(--gap-xs)
-} @media (max-width: 374px) { .calendar__year_g4t5x {
+} @media (max-width: 374px) { .calendar__year_1plt2 {
         width: 90px
 }
-    } .calendar__buttonContent_g4t5x {
+    } .calendar__buttonContent_1plt2 {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: space-between;
-} .calendar__upDownIcon_g4t5x {
+} .calendar__upDownIcon_1plt2 {
     margin-left: var(--gap-xs)
-} @media (max-width: 374px) { .calendar__upDownIcon_g4t5x {
+} @media (max-width: 374px) { .calendar__upDownIcon_1plt2 {
         margin-left: auto
 }
     }

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

@@ -29,7 +29,7 @@ import 'date-fns/subMonths';
 import '../../../../shared/modern';
 import '../../../../button/modern/desktop';
 
-const styles = {"monthsTable":"calendar__monthsTable_1r4rx","responsive":"calendar__responsive_1r4rx","button":"calendar__button_1r4rx"};
+const styles = {"monthsTable":"calendar__monthsTable_1c8k8","responsive":"calendar__responsive_1c8k8","button":"calendar__button_1c8k8"};
 require('./index.css');
 
 const MonthsTable = ({ selectedMonth, months = [], getMonthProps, responsive, }) => {