@alfalab/core-components 42.8.0 → 42.9.0

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

@@ -49,21 +49,21 @@
     /* disabled */
 
     /* marker */
-} .cc-calendar .calendar__yearsTable_14p4j {
+} .cc-calendar .calendar__yearsTable_lyyra {
         overflow: auto;
         overflow-x: hidden;
         width: 100%
-    } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_14p4j {
+    } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_lyyra {
             padding-top: var(--gap-xs)
     }
-        } .cc-calendar .calendar__yearsTable_14p4j.calendar__responsive_14p4j {
+        } .cc-calendar .calendar__yearsTable_lyyra.calendar__responsive_lyyra {
             justify-content: space-between
-        } .cc-calendar .calendar__yearsTable_14p4j.calendar__responsive_14p4j .calendar__inner_14p4j {
+        } .cc-calendar .calendar__yearsTable_lyyra.calendar__responsive_lyyra .calendar__inner_lyyra {
                 left: auto;
-            } .cc-calendar .calendar__yearsTable_14p4j.calendar__responsive_14p4j .calendar__button_14p4j {
+            } .cc-calendar .calendar__yearsTable_lyyra.calendar__responsive_lyyra .calendar__button_lyyra {
                 width: 33%;
                 margin-right: 0;
-            } .cc-calendar .calendar__inner_14p4j {
+            } .cc-calendar .calendar__inner_lyyra {
         display: flex;
         flex-wrap: wrap;
         justify-content: flex-start;
@@ -72,26 +72,26 @@
         /* (width - inner-width) / 2 */
         left: 32px;
         overflow: hidden
-    } @media (max-width: 374px) { .cc-calendar .calendar__inner_14p4j {
+    } @media (max-width: 374px) { .cc-calendar .calendar__inner_lyyra {
             left: 16px
     }
-        } .cc-calendar .calendar__button_14p4j {
+        } .cc-calendar .calendar__button_lyyra {
         width: var(--calendar-select-button-width);
         margin-right: var(--gap-2xs);
         margin-bottom: var(--gap-xs)
-    } .cc-calendar .calendar__button_14p4j:nth-child(3n) {
+    } .cc-calendar .calendar__button_lyyra:nth-child(3n) {
             margin-right: 0;
-        } @media (max-width: 374px) { .cc-calendar .calendar__button_14p4j {
+        } @media (max-width: 374px) { .cc-calendar .calendar__button_lyyra {
             width: var(--calendar-mobile-select-button-width)
     }
 
-            .cc-calendar .calendar__button_14p4j:nth-child(3n) {
+            .cc-calendar .calendar__button_lyyra:nth-child(3n) {
                 margin-right: var(--gap-2xs);
             }
 
-            .cc-calendar .calendar__button_14p4j:nth-child(2n) {
+            .cc-calendar .calendar__button_lyyra:nth-child(2n) {
                 margin-right: 0;
-            } .cc-calendar .calendar__button_14p4j {
+            } .cc-calendar .calendar__button_lyyra {
 
             height: 36px
     }

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

@@ -6,6 +6,7 @@ require('react');
 require('classnames');
 require('date-fns/isSameYear');
 require('date-fns/isThisYear');
+require('@alfalab/hooks');
 require('../select-button/Component.js');
 require('../../../button/desktop');
 

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

@@ -5,6 +5,7 @@ var React = require('react');
 var cn = require('classnames');
 var isSameYear = require('date-fns/isSameYear');
 var isThisYear = require('date-fns/isThisYear');
+var hooks = require('@alfalab/hooks');
 var components_selectButton_Component = require('../select-button/Component.js');
 var styles = require('./index.module.css');
 require('../../../../button/cssm/desktop');
@@ -32,7 +33,7 @@ var YearsTable = function (_a) {
     var handleScroll = React.useCallback(function (event) {
         onScroll(event.currentTarget.scrollTop);
     }, [onScroll]);
-    React.useLayoutEffect(function () {
+    hooks.useLayoutEffect_SAFE_FOR_SSR(function () {
         var listNode = ref.current;
         var selector = ".".concat(styles__default.default.button, "[tabIndex=\"0\"]");
         var selectedYearNode = listNode && listNode.querySelector(selector);

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

@@ -6,6 +6,7 @@ require('react');
 require('classnames');
 require('date-fns/isSameYear');
 require('date-fns/isThisYear');
+require('@alfalab/hooks');
 require('../select-button/Component.js');
 require('../../../../button/cssm/desktop');
 require('../select-button/index.module.css');

package/calendar/desktop.css

@@ -43,27 +43,27 @@
     /* disabled */
 
     /* marker */
-} .calendar__component_1ow8f {
+} .calendar__component_8fwh6 {
     width: var(--calendar-width);
     height: var(--calendar-height);
     display: flex;
     flex-direction: column;
     overflow: hidden;
     outline: none
-} @media (max-width: 374px) { .calendar__component_1ow8f {
+} @media (max-width: 374px) { .calendar__component_8fwh6 {
         align-items: center;
         width: 100%;
         height: 321px
 }
-    } .calendar__component_1ow8f.calendar__responsive_1ow8f {
+    } .calendar__component_8fwh6.calendar__responsive_8fwh6 {
         width: 100%
-    } .calendar__component_1ow8f.calendar__responsive_1ow8f .calendar__period_1ow8f {
+    } .calendar__component_8fwh6.calendar__responsive_8fwh6 .calendar__period_8fwh6 {
             width: 100%;
-        } .calendar__component_1ow8f.calendar__responsive_1ow8f .calendar__monthYear_1ow8f {
+        } .calendar__component_8fwh6.calendar__responsive_8fwh6 .calendar__monthYear_8fwh6 {
             width: 100%;
-        } .calendar__component_1ow8f.calendar__responsive_1ow8f .calendar__container_1ow8f {
+        } .calendar__component_8fwh6.calendar__responsive_8fwh6 .calendar__container_8fwh6 {
             width: 100%;
-        } .calendar__container_1ow8f {
+        } .calendar__container_8fwh6 {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -71,17 +71,17 @@
     box-sizing: border-box;
     flex-grow: 1;
     overflow: hidden
-} .calendar__container_1ow8f.calendar__customScrollbar_1ow8f {
+} .calendar__container_8fwh6.calendar__customScrollbar_8fwh6 {
         overflow: auto;
         overflow: overlay;
         cursor: auto;
-    } .calendar__container_1ow8f.calendar__customScrollbar_1ow8f::-webkit-scrollbar {
+    } .calendar__container_8fwh6.calendar__customScrollbar_8fwh6::-webkit-scrollbar {
         width: 12px;
-    } .calendar__container_1ow8f.calendar__customScrollbar_1ow8f::-webkit-scrollbar-track {
+    } .calendar__container_8fwh6.calendar__customScrollbar_8fwh6::-webkit-scrollbar-track {
         background-color: transparent;
-    } .calendar__container_1ow8f.calendar__customScrollbar_1ow8f::-webkit-scrollbar-track-piece {
+    } .calendar__container_8fwh6.calendar__customScrollbar_8fwh6::-webkit-scrollbar-track-piece {
         background-color: transparent;
-    } .calendar__container_1ow8f.calendar__customScrollbar_1ow8f::-webkit-scrollbar-thumb {
+    } .calendar__container_8fwh6.calendar__customScrollbar_8fwh6::-webkit-scrollbar-thumb {
         background-color: var(--color-light-graphic-primary-alpha-30);
         border-radius: var(--border-radius-circle) / 6px;
         border-color: transparent;
@@ -89,38 +89,38 @@
         border-width: 4px;
         background-clip: padding-box;
         min-height: 40px;
-    } .calendar__container_1ow8f.calendar__customScrollbar_1ow8f::-webkit-scrollbar-thumb:hover {
+    } .calendar__container_8fwh6.calendar__customScrollbar_8fwh6::-webkit-scrollbar-thumb:hover {
         border-radius: var(--border-radius-circle) / 7px;
         border-width: 4px 3px;
-    } .calendar__container_1ow8f.calendar__customScrollbar_1ow8f::-webkit-scrollbar-thumb:active {
+    } .calendar__container_8fwh6.calendar__customScrollbar_8fwh6::-webkit-scrollbar-thumb:active {
         background-color: var(--color-light-graphic-primary-alpha-60);
-    } .calendar__container_1ow8f.calendar__customScrollbar_1ow8f::-webkit-resizer {
+    } .calendar__container_8fwh6.calendar__customScrollbar_8fwh6::-webkit-resizer {
         background: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="%2386868a" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.64645 0.646447C8.84171 0.841709 8.84171 1.15829 8.64645 1.35355L1.35355 8.64645C1.15829 8.84171 0.841709 8.84171 0.646447 8.64645C0.451184 8.45118 0.451184 8.1346 0.646447 7.93934L7.93934 0.646447C8.1346 0.451184 8.45118 0.451184 8.64645 0.646447ZM8.64645 3.64645C8.84171 3.84171 8.84171 4.15829 8.64645 4.35355L4.35355 8.64645C4.15829 8.84171 3.84171 8.84171 3.64645 8.64645C3.45118 8.45118 3.45118 8.1346 3.64645 7.93934L7.93934 3.64645C8.1346 3.45118 8.45118 3.45118 8.64645 3.64645Z" /></svg>')
             no-repeat right bottom;
-    } .calendar__container_1ow8f.calendar__customScrollbar_1ow8f::-webkit-scrollbar-button,
-    .calendar__container_1ow8f.calendar__customScrollbar_1ow8f::-webkit-scrollbar-corner {
+    } .calendar__container_8fwh6.calendar__customScrollbar_8fwh6::-webkit-scrollbar-button,
+    .calendar__container_8fwh6.calendar__customScrollbar_8fwh6::-webkit-scrollbar-corner {
         display: none;
-    } .calendar__container_1ow8f.calendar__customScrollbar_1ow8f {
+    } .calendar__container_8fwh6.calendar__customScrollbar_8fwh6 {
 
         display: block;
-    } @media (max-width: 374px) { .calendar__container_1ow8f {
+    } @media (max-width: 374px) { .calendar__container_8fwh6 {
         width: 288px
 }
-    } .calendar__sixWeeks_1ow8f {
+    } .calendar__sixWeeks_8fwh6 {
     height: 388px
-} @media (max-width: 374px) { .calendar__sixWeeks_1ow8f {
+} @media (max-width: 374px) { .calendar__sixWeeks_8fwh6 {
         height: 361px
 }
-    } .calendar__period_1ow8f {
+    } .calendar__period_8fwh6 {
     width: var(--calendar-inner-width)
-} @media (max-width: 374px) { .calendar__period_1ow8f {
+} @media (max-width: 374px) { .calendar__period_8fwh6 {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto
 }
-    } .calendar__monthYear_1ow8f {
+    } .calendar__monthYear_8fwh6 {
     width: var(--calendar-inner-width)
-} @media (max-width: 374px) { .calendar__monthYear_1ow8f {
+} @media (max-width: 374px) { .calendar__monthYear_8fwh6 {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto

package/calendar/esm/Component.desktop.js

@@ -60,7 +60,7 @@ import 'date-fns/setYear';
 import 'date-fns/subYears';
 import './components/period-slider/utils.js';
 
-var styles = {"component":"calendar__component_1ow8f","responsive":"calendar__responsive_1ow8f","period":"calendar__period_1ow8f","monthYear":"calendar__monthYear_1ow8f","container":"calendar__container_1ow8f","customScrollbar":"calendar__customScrollbar_1ow8f","sixWeeks":"calendar__sixWeeks_1ow8f"};
+var styles = {"component":"calendar__component_8fwh6","responsive":"calendar__responsive_8fwh6","period":"calendar__period_8fwh6","monthYear":"calendar__monthYear_8fwh6","container":"calendar__container_8fwh6","customScrollbar":"calendar__customScrollbar_8fwh6","sixWeeks":"calendar__sixWeeks_8fwh6"};
 require('./desktop.css');
 
 var CalendarDesktop = forwardRef(function (_a, ref) {

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

@@ -66,7 +66,7 @@ import 'date-fns/isLastDayOfMonth';
 import 'date-fns/isWithinInterval';
 import '../period-slider/utils.js';
 
-var styles = {"wrapper":"calendar__wrapper_17q0i","withZIndex":"calendar__withZIndex_17q0i","calendar":"calendar__calendar_17q0i","dayNames":"calendar__dayNames_17q0i","withHeader":"calendar__withHeader_17q0i","month":"calendar__month_17q0i","daysTable":"calendar__daysTable_17q0i","dayName":"calendar__dayName_17q0i"};
+var styles = {"wrapper":"calendar__wrapper_sdlyt","withZIndex":"calendar__withZIndex_sdlyt","calendar":"calendar__calendar_sdlyt","dayNames":"calendar__dayNames_sdlyt","withHeader":"calendar__withHeader_sdlyt","month":"calendar__month_sdlyt","daysTable":"calendar__daysTable_sdlyt","dayName":"calendar__dayName_sdlyt"};
 require('./index.css');
 
 // ResizeObserverPolyfill необходим для корректной работы react-virtuoso.

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

@@ -56,23 +56,23 @@
     /* mobile */
 
     /* paddings */
-} .calendar__wrapper_17q0i {
+} .calendar__wrapper_sdlyt {
     background: var(--color-light-bg-primary);
-} .calendar__withZIndex_17q0i {
+} .calendar__withZIndex_sdlyt {
     z-index: 2;
-} .calendar__calendar_17q0i th {
+} .calendar__calendar_sdlyt th {
     border-bottom: 1px solid var(--color-light-border-primary);
-} .calendar__dayNames_17q0i {
+} .calendar__dayNames_sdlyt {
     width: 100%;
     position: sticky;
     background: var(--modal-header-background);
     top: 0;
     height: 32px
-} .calendar__dayNames_17q0i.calendar__withHeader_17q0i {
+} .calendar__dayNames_sdlyt.calendar__withHeader_sdlyt {
         top: 48px;
-    } .calendar__dayNames_17q0i th {
+    } .calendar__dayNames_sdlyt th {
     height: 100%;
-} .calendar__month_17q0i {
+} .calendar__month_sdlyt {
     font-style: normal;
     font-weight: 700;
     font-size: 12px;
@@ -81,18 +81,18 @@
     text-transform: uppercase;
     color: var(--color-light-text-primary);
     margin-bottom: var(--gap-xs);
-} .calendar__daysTable_17q0i {
+} .calendar__daysTable_sdlyt {
     display: flex;
     flex-direction: column;
     margin-top: var(--gap-2xl);
-} .calendar__dayName_17q0i {
+} .calendar__dayName_sdlyt {
     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_17q0i {
+} @media (max-width: 374px) { .calendar__dayName_sdlyt {
         height: 36px
 }
     }

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

@@ -32,7 +32,7 @@ import 'date-fns/startOfYear';
 import 'date-fns/subDays';
 import 'date-fns/subMonths';
 
-var styles = {"daysTable":"calendar__daysTable_ljwqa","responsive":"calendar__responsive_ljwqa","dayName":"calendar__dayName_ljwqa","day":"calendar__day_ljwqa","rounded":"calendar__rounded_ljwqa","rectangular":"calendar__rectangular_ljwqa","highlighted":"calendar__highlighted_ljwqa","range":"calendar__range_ljwqa","disabled":"calendar__disabled_ljwqa","holiday":"calendar__holiday_ljwqa","today":"calendar__today_ljwqa","rangeComplete":"calendar__rangeComplete_ljwqa","selected":"calendar__selected_ljwqa","dayWrapper":"calendar__dayWrapper_ljwqa","cursorPointer":"calendar__cursorPointer_ljwqa","rangeEnd":"calendar__rangeEnd_ljwqa","rangeStart":"calendar__rangeStart_ljwqa","transitLeft":"calendar__transitLeft_ljwqa","transitRight":"calendar__transitRight_ljwqa","sharpTransitLeft":"calendar__sharpTransitLeft_ljwqa","sharpTransitRight":"calendar__sharpTransitRight_ljwqa","daysEnter":"calendar__daysEnter_ljwqa","left":"calendar__left_ljwqa","daysEnterActive":"calendar__daysEnterActive_ljwqa","daysExit":"calendar__daysExit_ljwqa","daysExitActive":"calendar__daysExitActive_ljwqa","right":"calendar__right_ljwqa","dayAddons":"calendar__dayAddons_ljwqa","dayContent":"calendar__dayContent_ljwqa","addons":"calendar__addons_ljwqa","dot":"calendar__dot_ljwqa","bottomAddon":"calendar__bottomAddon_ljwqa"};
+var styles = {"daysTable":"calendar__daysTable_92p9z","responsive":"calendar__responsive_92p9z","dayName":"calendar__dayName_92p9z","day":"calendar__day_92p9z","rounded":"calendar__rounded_92p9z","rectangular":"calendar__rectangular_92p9z","highlighted":"calendar__highlighted_92p9z","range":"calendar__range_92p9z","disabled":"calendar__disabled_92p9z","holiday":"calendar__holiday_92p9z","today":"calendar__today_92p9z","rangeComplete":"calendar__rangeComplete_92p9z","selected":"calendar__selected_92p9z","dayWrapper":"calendar__dayWrapper_92p9z","cursorPointer":"calendar__cursorPointer_92p9z","rangeEnd":"calendar__rangeEnd_92p9z","rangeStart":"calendar__rangeStart_92p9z","transitLeft":"calendar__transitLeft_92p9z","transitRight":"calendar__transitRight_92p9z","sharpTransitLeft":"calendar__sharpTransitLeft_92p9z","sharpTransitRight":"calendar__sharpTransitRight_92p9z","daysEnter":"calendar__daysEnter_92p9z","left":"calendar__left_92p9z","daysEnterActive":"calendar__daysEnterActive_92p9z","daysExit":"calendar__daysExit_92p9z","daysExitActive":"calendar__daysExitActive_92p9z","right":"calendar__right_92p9z","dayAddons":"calendar__dayAddons_92p9z","dayContent":"calendar__dayContent_92p9z","addons":"calendar__addons_92p9z","dot":"calendar__dot_92p9z","bottomAddon":"calendar__bottomAddon_92p9z"};
 require('./index.css');
 
 var DaysTable = function (_a) {

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

@@ -69,27 +69,27 @@
     /* marker */
     --calendar-marker-background: var(--color-light-graphic-primary);
     --calendar-marker-selected-background: var(--color-light-graphic-primary-inverted);
-} .calendar__daysTable_ljwqa {
+} .calendar__daysTable_92p9z {
     border-collapse: separate;
     border-spacing: 0;
     position: relative
-} .calendar__daysTable_ljwqa.calendar__responsive_ljwqa {
+} .calendar__daysTable_92p9z.calendar__responsive_92p9z {
         width: 100%;
-    } .calendar__daysTable_ljwqa th {
+    } .calendar__daysTable_92p9z th {
         padding: 0;
-    } .calendar__daysTable_ljwqa td {
+    } .calendar__daysTable_92p9z td {
         padding: var(--gap-2xs) 0 0;
-    } .calendar__dayName_ljwqa {
+    } .calendar__dayName_92p9z {
     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_ljwqa {
+} @media (max-width: 374px) { .calendar__dayName_92p9z {
         height: 36px
 }
-    } .calendar__day_ljwqa {
+    } .calendar__day_92p9z {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 
     position: relative;
@@ -102,41 +102,41 @@
     box-sizing: border-box;
     color: var(--color-light-text-primary);
     z-index: 1
-} .calendar__day_ljwqa.calendar__rounded_ljwqa {
+} .calendar__day_92p9z.calendar__rounded_92p9z {
         border-radius: var(--calendar-day-border-radius);
-    } .calendar__day_ljwqa.calendar__rectangular_ljwqa {
+    } .calendar__day_92p9z.calendar__rectangular_92p9z {
         border-radius: var(--border-radius-m);
         width: 44px;
-    } .calendar__day_ljwqa.calendar__highlighted_ljwqa,
-    .calendar__day_ljwqa.calendar__range_ljwqa.calendar__highlighted_ljwqa:not(.calendar__disabled_ljwqa) {
+    } .calendar__day_92p9z.calendar__highlighted_92p9z,
+    .calendar__day_92p9z.calendar__range_92p9z.calendar__highlighted_92p9z:not(.calendar__disabled_92p9z) {
         color: var(--calendar-highlighted-color);
         background: var(--calendar-highlighted-background);
-    } .calendar__day_ljwqa.calendar__holiday_ljwqa {
+    } .calendar__day_92p9z.calendar__holiday_92p9z {
         color: var(--calendar-holiday-color);
-    } .calendar__day_ljwqa.calendar__disabled_ljwqa {
+    } .calendar__day_92p9z.calendar__disabled_92p9z {
         pointer-events: none;
         color: var(--calendar-disabled-color);
 
         background: var(--calendar-disabled-background);
         cursor: default;
-    } .calendar__day_ljwqa.calendar__today_ljwqa {
+    } .calendar__day_92p9z.calendar__today_92p9z {
         color: var(--calendar-today-color);
-    } .calendar__day_ljwqa.calendar__rangeComplete_ljwqa {
+    } .calendar__day_92p9z.calendar__rangeComplete_92p9z {
         background: var(--calendar-range-complete-background);
-    } .calendar__day_ljwqa.calendar__selected_ljwqa,
-    .calendar__day_ljwqa.calendar__disabled_ljwqa.calendar__selected_ljwqa {
+    } .calendar__day_92p9z.calendar__selected_92p9z,
+    .calendar__day_92p9z.calendar__disabled_92p9z.calendar__selected_92p9z {
         color: var(--calendar-selected-color);
         background: var(--calendar-selected-background);
     } @media (hover) {
-            .calendar__day_ljwqa.calendar__selected_ljwqa:hover {
+            .calendar__day_92p9z.calendar__selected_92p9z:hover {
                 background: var(--calendar-selected-hover-background);
             }
-        } .calendar__day_ljwqa:focus {
+        } .calendar__day_92p9z:focus {
         z-index: 1;
-    } /* RANGE */ .calendar__dayWrapper_ljwqa {
+    } /* RANGE */ .calendar__dayWrapper_92p9z {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     position: relative
-} .calendar__dayWrapper_ljwqa:before {
+} .calendar__dayWrapper_92p9z:before {
         content: '';
         display: block;
         position: absolute;
@@ -144,27 +144,27 @@
         bottom: 0;
         width: 100%;
         height: var(--calendar-day-size);
-    } .calendar__dayWrapper_ljwqa:focus {
+    } .calendar__dayWrapper_92p9z:focus {
         outline: none;
-    } .calendar__dayWrapper_ljwqa.calendar__cursorPointer_ljwqa {
+    } .calendar__dayWrapper_92p9z.calendar__cursorPointer_92p9z {
         cursor: pointer;
-    } .calendar__range_ljwqa .calendar__day_ljwqa:not(.calendar__selected_ljwqa):not(.calendar__disabled_ljwqa):not(.calendar__today_ljwqa):not(.calendar__holiday_ljwqa) {
+    } .calendar__range_92p9z .calendar__day_92p9z:not(.calendar__selected_92p9z):not(.calendar__disabled_92p9z):not(.calendar__today_92p9z):not(.calendar__holiday_92p9z) {
         color: var(--calendar-range-color);
-    } .calendar__range_ljwqa:before {
+    } .calendar__range_92p9z:before {
         background: var(--calendar-range-background);
-    } .calendar__rangeEnd_ljwqa:before {
+    } .calendar__rangeEnd_92p9z: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_ljwqa:before {
+    } .calendar__rangeStart_92p9z: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_ljwqa:before {
+    } .calendar__rangeComplete_92p9z:before {
         background: var(--calendar-range-complete-background);
-    } .calendar__transitLeft_ljwqa:after, .calendar__transitRight_ljwqa:after {
+    } .calendar__transitLeft_92p9z:after, .calendar__transitRight_92p9z:after {
         content: '';
         position: absolute;
         display: block;
@@ -172,81 +172,81 @@
         height: var(--calendar-day-size);
         bottom: 0;
         pointer-events: none;
-    } .calendar__transitLeft_ljwqa:after {
+    } .calendar__transitLeft_92p9z:after {
         right: 100%;
         background: linear-gradient(
             270deg,
             var(--calendar-range-background) 0%,
             var(--color-light-specialbg-nulled) 100%
         );
-    } .calendar__transitLeft_ljwqa:first-child:before {
+    } .calendar__transitLeft_92p9z:first-child:before {
             opacity: 0;
-        } .calendar__transitLeft_ljwqa:first-child:after {
+        } .calendar__transitLeft_92p9z:first-child:after {
             right: 0;
-        } .calendar__transitRight_ljwqa:after {
+        } .calendar__transitRight_92p9z:after {
         left: 100%;
         background: linear-gradient(
             270deg,
             var(--color-light-specialbg-nulled) 0%,
             var(--calendar-range-background) 100%
         );
-    } .calendar__transitRight_ljwqa:last-child:before {
+    } .calendar__transitRight_92p9z:last-child:before {
             opacity: 0;
-        } .calendar__transitRight_ljwqa:last-child:after {
+        } .calendar__transitRight_92p9z:last-child:after {
             left: 0;
-        } .calendar__sharpTransitLeft_ljwqa:first-child:before {
+        } .calendar__sharpTransitLeft_92p9z:first-child:before {
             opacity: 1;
-        } .calendar__sharpTransitLeft_ljwqa:first-child:after {
+        } .calendar__sharpTransitLeft_92p9z:first-child:after {
             opacity: 0;
-        } .calendar__sharpTransitRight_ljwqa:last-child:before {
+        } .calendar__sharpTransitRight_92p9z:last-child:before {
             opacity: 1;
-        } .calendar__sharpTransitRight_ljwqa:last-child:after {
+        } .calendar__sharpTransitRight_92p9z:last-child:after {
             opacity: 0;
-        } .calendar__rangeComplete_ljwqa.calendar__transitLeft_ljwqa:after {
+        } .calendar__rangeComplete_92p9z.calendar__transitLeft_92p9z:after {
         background: linear-gradient(
             270deg,
             var(--calendar-range-complete-background) 0%,
             var(--color-light-specialbg-nulled) 100%
         );
-    } .calendar__rangeComplete_ljwqa.calendar__transitRight_ljwqa:after {
+    } .calendar__rangeComplete_92p9z.calendar__transitRight_92p9z:after {
         background: linear-gradient(
             270deg,
             var(--color-light-specialbg-nulled) 0%,
             var(--calendar-range-complete-background) 100%
         );
-    } /* SLIDE ANIMATION */ .calendar__daysEnter_ljwqa .calendar__dayWrapper_ljwqa {
+    } /* SLIDE ANIMATION */ .calendar__daysEnter_92p9z .calendar__dayWrapper_92p9z {
     width: 100px;
-} .calendar__left_ljwqa .calendar__daysEnter_ljwqa {
+} .calendar__left_92p9z .calendar__daysEnter_92p9z {
         transform: translateX(50px);
-    } .calendar__left_ljwqa .calendar__daysEnterActive_ljwqa {
+    } .calendar__left_92p9z .calendar__daysEnterActive_92p9z {
         transform: translateX(0);
-    } .calendar__left_ljwqa .calendar__daysExit_ljwqa {
+    } .calendar__left_92p9z .calendar__daysExit_92p9z {
         transform: translateX(0);
-    } .calendar__left_ljwqa .calendar__daysExitActive_ljwqa {
+    } .calendar__left_92p9z .calendar__daysExitActive_92p9z {
         transform: translateX(-50px);
-    } .calendar__right_ljwqa .calendar__daysEnter_ljwqa {
+    } .calendar__right_92p9z .calendar__daysEnter_92p9z {
         transform: translateX(-50px);
-    } .calendar__right_ljwqa .calendar__daysEnterActive_ljwqa {
+    } .calendar__right_92p9z .calendar__daysEnterActive_92p9z {
         transform: translateX(0);
-    } .calendar__right_ljwqa .calendar__daysExit_ljwqa {
+    } .calendar__right_92p9z .calendar__daysExit_92p9z {
         transform: translateX(0);
-    } .calendar__right_ljwqa .calendar__daysExitActive_ljwqa {
+    } .calendar__right_92p9z .calendar__daysExitActive_92p9z {
         transform: translateX(50px);
-    } .calendar__dayAddons_ljwqa > span {
+    } .calendar__dayAddons_92p9z > span {
         display: flex;
         flex-direction: column;
         justify-content: flex-end;
         height: inherit;
         padding: 0 var(--gap-3xs);
-    } .calendar__dayContent_ljwqa {
+    } .calendar__dayContent_92p9z {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400
-} .calendar__dayContent_ljwqa.calendar__today_ljwqa {
+} .calendar__dayContent_92p9z.calendar__today_92p9z {
         font-weight: bold;
-    } .calendar__addons_ljwqa {
+    } .calendar__addons_92p9z {
     min-height: 8px;
-} .calendar__dot_ljwqa {
+} .calendar__dot_92p9z {
     display: block;
     position: absolute;
     bottom: 4px;
@@ -256,25 +256,25 @@
     transform: translateX(-50%);
     border-radius: var(--border-radius-circle);
     background: var(--calendar-marker-background);
-} .calendar__selected_ljwqa .calendar__dot_ljwqa {
+} .calendar__selected_92p9z .calendar__dot_92p9z {
     background: var(--calendar-marker-selected-background);
-} .calendar__daysEnter_ljwqa {
+} .calendar__daysEnter_92p9z {
     opacity: 0;
     position: absolute;
     left: 0;
-} .calendar__daysEnterActive_ljwqa {
+} .calendar__daysEnterActive_92p9z {
     opacity: 1;
-} .calendar__daysExit_ljwqa {
+} .calendar__daysExit_92p9z {
     pointer-events: none;
     opacity: 1;
-} .calendar__daysExitActive_ljwqa {
+} .calendar__daysExitActive_92p9z {
     opacity: 0;
-} .calendar__daysEnterActive_ljwqa,
-.calendar__daysExitActive_ljwqa {
+} .calendar__daysEnterActive_92p9z,
+.calendar__daysExitActive_92p9z {
     transition: opacity 200ms, transform 300ms;
-} .calendar__bottomAddon_ljwqa {
+} .calendar__bottomAddon_92p9z {
     margin: 0 auto
-} .calendar__bottomAddon_ljwqa.calendar__selected_ljwqa,
-    .calendar__bottomAddon_ljwqa.calendar__selected_ljwqa > * {
+} .calendar__bottomAddon_92p9z.calendar__selected_92p9z,
+    .calendar__bottomAddon_92p9z.calendar__selected_92p9z > * {
         color: var(--calendar-selected-color);
     }

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

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

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

@@ -39,13 +39,13 @@
     /* disabled */
 
     /* marker */
-} .calendar__header_1f77b {
+} .calendar__header_wh1ir {
     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_1f77b {
+} .calendar__withShadow_wh1ir {
     box-shadow: var(--shadow-s);
 }

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

@@ -28,7 +28,7 @@ import 'date-fns/subMonths';
 import 'tslib';
 import '../../../../button/esm/desktop';
 
-var styles = {"component":"calendar__component_1athl","button":"calendar__button_1athl","month":"calendar__month_1athl","year":"calendar__year_1athl","buttonContent":"calendar__buttonContent_1athl","upDownIcon":"calendar__upDownIcon_1athl"};
+var styles = {"component":"calendar__component_1te9q","button":"calendar__button_1te9q","month":"calendar__month_1te9q","year":"calendar__year_1te9q","buttonContent":"calendar__buttonContent_1te9q","upDownIcon":"calendar__upDownIcon_1te9q"};
 require('./index.css');
 
 var MonthYearHeader = function (_a) {