@alfalab/core-components 28.6.0 → 28.7.0

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

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

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

@@ -34,7 +34,7 @@
 
     /* marker */
 }
-.calendar__header_1236l {
+.calendar__header_j66i4 {
     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_1236l {
+.calendar__withShadow_j66i4 {
     box-shadow: var(--shadow-s);
 }

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

@@ -1,4 +1,4 @@
-import '../../tslib.es6-c5bb95cc.js';
+import '../../tslib.es6-69ce98cf.js';
 import React from 'react';
 import cn from 'classnames';
 import 'date-fns/startOfDay';
@@ -27,7 +27,7 @@ import { monthName } from '../../utils.js';
 import { SelectButton } from '../select-button/Component.js';
 import { ChevronDownCompactSIcon } from '@alfalab/icons-glyph/ChevronDownCompactSIcon';
 
-var styles = {"component":"calendar__component_zxx80","button":"calendar__button_zxx80","month":"calendar__month_zxx80","year":"calendar__year_zxx80","buttonContent":"calendar__buttonContent_zxx80","upDownIcon":"calendar__upDownIcon_zxx80"};
+var styles = {"component":"calendar__component_lh07h","button":"calendar__button_lh07h","month":"calendar__month_lh07h","year":"calendar__year_lh07h","buttonContent":"calendar__buttonContent_lh07h","upDownIcon":"calendar__upDownIcon_lh07h"};
 require('./index.css');
 
 var MonthYearHeader = function (_a) {

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

@@ -35,44 +35,44 @@
 
     /* marker */
 }
-.calendar__component_zxx80 {
+.calendar__component_lh07h {
     position: relative;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
 }
-.cc-calendar .calendar__button_zxx80 {
+.cc-calendar .calendar__button_lh07h {
         border-radius: var(--border-radius-s);
     }
-.calendar__month_zxx80 {
+.calendar__month_lh07h {
     flex-basis: 65%
 }
 @media (max-width: 374px) {
-.calendar__month_zxx80 {
+.calendar__month_lh07h {
         flex-grow: 1
 }
     }
-.calendar__year_zxx80 {
+.calendar__year_lh07h {
     flex-basis: 35%;
     margin-left: var(--gap-xs)
 }
 @media (max-width: 374px) {
-.calendar__year_zxx80 {
+.calendar__year_lh07h {
         width: 90px
 }
     }
-.calendar__buttonContent_zxx80 {
+.calendar__buttonContent_lh07h {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }
-.calendar__upDownIcon_zxx80 {
+.calendar__upDownIcon_lh07h {
     margin-left: var(--gap-xs)
 }
 @media (max-width: 374px) {
-.calendar__upDownIcon_zxx80 {
+.calendar__upDownIcon_lh07h {
         margin-left: auto
 }
     }

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

@@ -1,4 +1,4 @@
-import '../../tslib.es6-c5bb95cc.js';
+import '../../tslib.es6-69ce98cf.js';
 import 'react';
 import 'classnames';
 import 'date-fns/startOfDay';

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

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../tslib.es6-c5bb95cc.js';
+import { _ as __assign } from '../../tslib.es6-69ce98cf.js';
 import React, { useCallback } from 'react';
 import cn from 'classnames';
 import 'date-fns/startOfDay';
@@ -28,7 +28,7 @@ import isSameMonth from 'date-fns/isSameMonth';
 import isThisMonth from 'date-fns/isThisMonth';
 import { SelectButton } from '../select-button/Component.js';
 
-var styles = {"monthsTable":"calendar__monthsTable_zwd1c","responsive":"calendar__responsive_zwd1c","button":"calendar__button_zwd1c"};
+var styles = {"monthsTable":"calendar__monthsTable_2j5pg","responsive":"calendar__responsive_2j5pg","button":"calendar__button_2j5pg"};
 require('./index.css');
 
 var MonthsTable = function (_a) {

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

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

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

@@ -1,4 +1,4 @@
-import '../../tslib.es6-c5bb95cc.js';
+import '../../tslib.es6-69ce98cf.js';
 import 'react';
 import 'classnames';
 import 'date-fns/startOfDay';

package/calendar/esm/components/period-slider/Component.js

@@ -37,7 +37,7 @@ import 'date-fns/isYesterday';
 import 'date-fns/startOfQuarter';
 import { getYearSelectorValue, shiftValues, formatPeriod } from './utils.js';
 
-var styles = {"component":"calendar__component_dui0p","period":"calendar__period_dui0p","empty":"calendar__empty_dui0p","arrow":"calendar__arrow_dui0p","full":"calendar__full_dui0p","yearSelectorButton":"calendar__yearSelectorButton_dui0p"};
+var styles = {"component":"calendar__component_1f476","period":"calendar__period_1f476","empty":"calendar__empty_1f476","arrow":"calendar__arrow_1f476","full":"calendar__full_1f476","yearSelectorButton":"calendar__yearSelectorButton_1f476"};
 require('./index.css');
 
 var PeriodSlider = function (_a) {

package/calendar/esm/components/period-slider/index.css

@@ -42,14 +42,14 @@
 
     /* marker */
 }
-.calendar__component_dui0p {
+.calendar__component_1f476 {
     position: relative;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
 }
-.calendar__period_dui0p {
+.calendar__period_1f476 {
     font-family: var(--calendar-month-only-header-font-family);
     font-size: var(--calendar-month-only-header-font-size);
     font-weight: var(--calendar-month-only-header-font-weight);
@@ -57,30 +57,30 @@
     text-align: center
 }
 @media (max-width: 374px) {
-.calendar__period_dui0p {
+.calendar__period_1f476 {
         width: auto;
         flex-grow: 1
 }
     }
-.calendar__empty_dui0p {
+.calendar__empty_1f476 {
     color: var(--color-light-text-secondary);
 }
-.calendar__arrow_dui0p {
+.calendar__arrow_1f476 {
     position: absolute;
     top: 4px
 }
-.calendar__arrow_dui0p:first-child {
+.calendar__arrow_1f476:first-child {
         left: 0;
     }
-.calendar__arrow_dui0p:last-child {
+.calendar__arrow_1f476:last-child {
         right: 0;
         transform: rotateY(180deg);
     }
 @media (max-width: 374px) {
-.calendar__full_dui0p .calendar__arrow_dui0p {
+.calendar__full_1f476 .calendar__arrow_1f476 {
         display: none
 }
     }
-.calendar__yearSelectorButton_dui0p {
+.calendar__yearSelectorButton_1f476 {
     margin-left: var(--gap-xs);
 }

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

@@ -1,9 +1,9 @@
-import { a as __rest, _ as __assign } from '../../tslib.es6-c5bb95cc.js';
+import { a as __rest, _ as __assign } from '../../tslib.es6-69ce98cf.js';
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { Button } from '../../../../button/esm';
 
-var styles = {"button":"calendar__button_13jan","filled":"calendar__filled_13jan","outlined":"calendar__outlined_13jan","selected":"calendar__selected_13jan"};
+var styles = {"button":"calendar__button_kmaka","filled":"calendar__filled_kmaka","outlined":"calendar__outlined_kmaka","selected":"calendar__selected_kmaka"};
 require('./index.css');
 
 var SelectButton = forwardRef(function (_a, ref) {

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

@@ -45,7 +45,7 @@
 
     /* marker */
 }
-.cc-calendar .calendar__button_13jan {
+.cc-calendar .calendar__button_kmaka {
         font-size: 16px;
         line-height: 24px;
         font-weight: 400;
@@ -56,28 +56,28 @@
         background-color: transparent;
         border-radius: var(--border-radius-l)
     }
-.cc-calendar .calendar__button_13jan:not(:disabled):hover {
+.cc-calendar .calendar__button_kmaka:not(:disabled):hover {
             background-color: var(--color-light-bg-tertiary);
             color: var(--color-light-text-primary);
         }
-.cc-calendar .calendar__button_13jan.calendar__filled_13jan {
+.cc-calendar .calendar__button_kmaka.calendar__filled_kmaka {
             background-color: var(--color-light-bg-tertiary)
         }
-.cc-calendar .calendar__button_13jan.calendar__filled_13jan:not(:disabled):hover {
+.cc-calendar .calendar__button_kmaka.calendar__filled_kmaka:not(:disabled):hover {
                 background-color: var(--color-light-bg-tertiary-shade-7);
             }
-.cc-calendar .calendar__button_13jan.calendar__outlined_13jan {
+.cc-calendar .calendar__button_kmaka.calendar__outlined_kmaka {
             border: 1px solid var(--calendar-select-button-today-border-color);
         }
-.cc-calendar .calendar__button_13jan.calendar__selected_13jan,
-        .cc-calendar .calendar__button_13jan.calendar__selected_13jan:disabled {
+.cc-calendar .calendar__button_kmaka.calendar__selected_kmaka,
+        .cc-calendar .calendar__button_kmaka.calendar__selected_kmaka:disabled {
             background-color: var(--calendar-select-button-selected-background);
             color: var(--color-light-text-primary-inverted)
         }
-.cc-calendar .calendar__button_13jan.calendar__selected_13jan:not(:disabled):hover, .cc-calendar .calendar__button_13jan.calendar__selected_13jan:disabled:not(:disabled):hover {
+.cc-calendar .calendar__button_kmaka.calendar__selected_kmaka:not(:disabled):hover, .cc-calendar .calendar__button_kmaka.calendar__selected_kmaka:disabled:not(:disabled):hover {
                 background-color: var(--calendar-select-button-selected-background);
                 color: var(--color-light-text-primary-inverted);
             }
-.cc-calendar .calendar__button_13jan > * {
+.cc-calendar .calendar__button_kmaka > * {
             flex-grow: 1;
         }

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

@@ -1,4 +1,4 @@
-import '../../tslib.es6-c5bb95cc.js';
+import '../../tslib.es6-69ce98cf.js';
 import 'react';
 import 'classnames';
 import '../../../../button/esm';

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

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../tslib.es6-c5bb95cc.js';
+import { _ as __assign } from '../../tslib.es6-69ce98cf.js';
 import React, { useRef, useCallback, useLayoutEffect } from 'react';
 import cn from 'classnames';
 import '../../../../button/esm';
@@ -6,7 +6,7 @@ import { SelectButton } from '../select-button/Component.js';
 import isSameYear from 'date-fns/isSameYear';
 import isThisYear from 'date-fns/isThisYear';
 
-var styles = {"yearsTable":"calendar__yearsTable_rl3tq","responsive":"calendar__responsive_rl3tq","inner":"calendar__inner_rl3tq","button":"calendar__button_rl3tq"};
+var styles = {"yearsTable":"calendar__yearsTable_8o3qn","responsive":"calendar__responsive_8o3qn","inner":"calendar__inner_8o3qn","button":"calendar__button_8o3qn"};
 require('./index.css');
 
 var YearsTable = function (_a) {

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

@@ -45,22 +45,22 @@
 
     /* marker */
 }
-.cc-calendar .calendar__yearsTable_rl3tq {
+.cc-calendar .calendar__yearsTable_8o3qn {
         overflow: auto;
         overflow-x: hidden;
         width: 100%
     }
-.cc-calendar .calendar__yearsTable_rl3tq.calendar__responsive_rl3tq {
+.cc-calendar .calendar__yearsTable_8o3qn.calendar__responsive_8o3qn {
             justify-content: space-between
         }
-.cc-calendar .calendar__yearsTable_rl3tq.calendar__responsive_rl3tq .calendar__inner_rl3tq {
+.cc-calendar .calendar__yearsTable_8o3qn.calendar__responsive_8o3qn .calendar__inner_8o3qn {
                 left: auto;
             }
-.cc-calendar .calendar__yearsTable_rl3tq.calendar__responsive_rl3tq .calendar__button_rl3tq {
+.cc-calendar .calendar__yearsTable_8o3qn.calendar__responsive_8o3qn .calendar__button_8o3qn {
                 width: 33%;
                 margin-right: 0;
             }
-.cc-calendar .calendar__inner_rl3tq {
+.cc-calendar .calendar__inner_8o3qn {
         display: flex;
         flex-wrap: wrap;
         justify-content: flex-start;
@@ -71,31 +71,31 @@
         overflow: hidden
     }
 @media (max-width: 374px) {
-.cc-calendar .calendar__inner_rl3tq {
+.cc-calendar .calendar__inner_8o3qn {
             left: 16px
     }
         }
-.cc-calendar .calendar__button_rl3tq {
+.cc-calendar .calendar__button_8o3qn {
         width: var(--calendar-select-button-width);
         margin-right: var(--gap-2xs);
         margin-bottom: var(--gap-xs)
     }
-.cc-calendar .calendar__button_rl3tq:nth-child(3n) {
+.cc-calendar .calendar__button_8o3qn:nth-child(3n) {
             margin-right: 0;
         }
 @media (max-width: 374px) {
-.cc-calendar .calendar__button_rl3tq {
+.cc-calendar .calendar__button_8o3qn {
             width: var(--calendar-mobile-select-button-width)
     }
 
-            .cc-calendar .calendar__button_rl3tq:nth-child(3n) {
+            .cc-calendar .calendar__button_8o3qn:nth-child(3n) {
                 margin-right: var(--gap-2xs);
             }
 
-            .cc-calendar .calendar__button_rl3tq:nth-child(2n) {
+            .cc-calendar .calendar__button_8o3qn:nth-child(2n) {
                 margin-right: 0;
             }
-.cc-calendar .calendar__button_rl3tq {
+.cc-calendar .calendar__button_8o3qn {
 
             height: 36px
     }

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

@@ -1,4 +1,4 @@
-import '../../tslib.es6-c5bb95cc.js';
+import '../../tslib.es6-69ce98cf.js';
 import 'react';
 import 'classnames';
 import '../../../../button/esm';

package/calendar/esm/index-bdb4c6b9.d.ts

@@ -172,6 +172,7 @@ declare const BaseModal: React.ForwardRefExoticComponent<BaseModalProps & React.
 declare function isScrolledToTop(target: HTMLElement): boolean;
 declare function isScrolledToBottom(target: HTMLElement): boolean;
 declare function hasScrollbar(target: HTMLElement): boolean;
+declare const getScrollbarSize: () => number;
 declare const restoreContainerStyles: (container: HTMLElement) => void;
 declare const handleContainer: (container?: HTMLElement | undefined) => void;
 /**
@@ -223,4 +224,4 @@ declare class GlobalStore {
     constructor();
     getModalStore: () => ModalStore;
 }
-export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, SavedStyle, getModalStore, GlobalStore };
+export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, getScrollbarSize, restoreContainerStyles, handleContainer, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, SavedStyle, getModalStore, GlobalStore };

package/calendar/esm/index.css

@@ -36,7 +36,7 @@
 
     /* marker */
 }
-.calendar__component_11m7o {
+.calendar__component_n5anl {
     width: var(--calendar-width);
     height: var(--calendar-height);
     display: flex;
@@ -45,22 +45,22 @@
     outline: none
 }
 @media (max-width: 374px) {
-.calendar__component_11m7o {
+.calendar__component_n5anl {
         align-items: center;
         width: 100%;
         height: 320px
 }
     }
-.calendar__component_11m7o.calendar__responsive_11m7o {
+.calendar__component_n5anl.calendar__responsive_n5anl {
         width: 100%
     }
-.calendar__component_11m7o.calendar__responsive_11m7o .calendar__period_11m7o {
+.calendar__component_n5anl.calendar__responsive_n5anl .calendar__period_n5anl {
             width: 100%;
         }
-.calendar__component_11m7o.calendar__responsive_11m7o .calendar__monthYear_11m7o {
+.calendar__component_n5anl.calendar__responsive_n5anl .calendar__monthYear_n5anl {
             width: 100%;
         }
-.calendar__container_11m7o {
+.calendar__container_n5anl {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -70,33 +70,33 @@
     overflow: hidden
 }
 @media (max-width: 374px) {
-.calendar__container_11m7o {
+.calendar__container_n5anl {
         width: 288px
 }
     }
-.calendar__sixWeeks_11m7o {
+.calendar__sixWeeks_n5anl {
     height: 379px
 }
 @media (max-width: 374px) {
-.calendar__sixWeeks_11m7o {
+.calendar__sixWeeks_n5anl {
         height: 360px
 }
     }
-.calendar__period_11m7o {
+.calendar__period_n5anl {
     width: var(--calendar-inner-width)
 }
 @media (max-width: 374px) {
-.calendar__period_11m7o {
+.calendar__period_n5anl {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto
 }
     }
-.calendar__monthYear_11m7o {
+.calendar__monthYear_n5anl {
     width: var(--calendar-inner-width)
 }
 @media (max-width: 374px) {
-.calendar__monthYear_11m7o {
+.calendar__monthYear_n5anl {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto

package/calendar/esm/index.js

@@ -1,4 +1,4 @@
-import './tslib.es6-c5bb95cc.js';
+import './tslib.es6-69ce98cf.js';
 import 'react';
 import 'classnames';
 import 'date-fns/startOfDay';

package/calendar/index-bdb4c6b9.d.ts

@@ -172,6 +172,7 @@ declare const BaseModal: React.ForwardRefExoticComponent<BaseModalProps & React.
 declare function isScrolledToTop(target: HTMLElement): boolean;
 declare function isScrolledToBottom(target: HTMLElement): boolean;
 declare function hasScrollbar(target: HTMLElement): boolean;
+declare const getScrollbarSize: () => number;
 declare const restoreContainerStyles: (container: HTMLElement) => void;
 declare const handleContainer: (container?: HTMLElement | undefined) => void;
 /**
@@ -223,4 +224,4 @@ declare class GlobalStore {
     constructor();
     getModalStore: () => ModalStore;
 }
-export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, SavedStyle, getModalStore, GlobalStore };
+export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, getScrollbarSize, restoreContainerStyles, handleContainer, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, SavedStyle, getModalStore, GlobalStore };

package/calendar/index.css

@@ -36,7 +36,7 @@
 
     /* marker */
 }
-.calendar__component_11m7o {
+.calendar__component_n5anl {
     width: var(--calendar-width);
     height: var(--calendar-height);
     display: flex;
@@ -45,22 +45,22 @@
     outline: none
 }
 @media (max-width: 374px) {
-.calendar__component_11m7o {
+.calendar__component_n5anl {
         align-items: center;
         width: 100%;
         height: 320px
 }
     }
-.calendar__component_11m7o.calendar__responsive_11m7o {
+.calendar__component_n5anl.calendar__responsive_n5anl {
         width: 100%
     }
-.calendar__component_11m7o.calendar__responsive_11m7o .calendar__period_11m7o {
+.calendar__component_n5anl.calendar__responsive_n5anl .calendar__period_n5anl {
             width: 100%;
         }
-.calendar__component_11m7o.calendar__responsive_11m7o .calendar__monthYear_11m7o {
+.calendar__component_n5anl.calendar__responsive_n5anl .calendar__monthYear_n5anl {
             width: 100%;
         }
-.calendar__container_11m7o {
+.calendar__container_n5anl {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -70,33 +70,33 @@
     overflow: hidden
 }
 @media (max-width: 374px) {
-.calendar__container_11m7o {
+.calendar__container_n5anl {
         width: 288px
 }
     }
-.calendar__sixWeeks_11m7o {
+.calendar__sixWeeks_n5anl {
     height: 379px
 }
 @media (max-width: 374px) {
-.calendar__sixWeeks_11m7o {
+.calendar__sixWeeks_n5anl {
         height: 360px
 }
     }
-.calendar__period_11m7o {
+.calendar__period_n5anl {
     width: var(--calendar-inner-width)
 }
 @media (max-width: 374px) {
-.calendar__period_11m7o {
+.calendar__period_n5anl {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto
 }
     }
-.calendar__monthYear_11m7o {
+.calendar__monthYear_n5anl {
     width: var(--calendar-inner-width)
 }
 @media (max-width: 374px) {
-.calendar__monthYear_11m7o {
+.calendar__monthYear_n5anl {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto

package/calendar/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-194207f0.js');
+require('./tslib.es6-39570d75.js');
 require('react');
 require('classnames');
 require('date-fns/startOfDay');

package/calendar/modern/Component.js

@@ -59,7 +59,7 @@ import { PeriodSlider } from './components/period-slider/Component.js';
 import { useCalendar } from './useCalendar.js';
 import { MonthYearHeader } from './components/month-year-header/Component.js';
 
-var styles = {"component":"calendar__component_11m7o","responsive":"calendar__responsive_11m7o","period":"calendar__period_11m7o","monthYear":"calendar__monthYear_11m7o","container":"calendar__container_11m7o","sixWeeks":"calendar__sixWeeks_11m7o"};
+var styles = {"component":"calendar__component_n5anl","responsive":"calendar__responsive_n5anl","period":"calendar__period_n5anl","monthYear":"calendar__monthYear_n5anl","container":"calendar__container_n5anl","sixWeeks":"calendar__sixWeeks_n5anl"};
 require('./index.css');
 
 const Calendar = forwardRef(({ className, defaultView = 'days', selectorView = 'full', value, month: monthTimestamp, minDate: minDateTimestamp, maxDate: maxDateTimestamp, defaultMonth: defaultMonthTimestamp = +new Date(), selectedFrom, selectedTo, rangeComplete, offDays, events, holidays, onChange, onMonthChange, onMonthClick, onYearClick, dataTestId, hasHeader = true, responsive, }, ref) => {

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

@@ -63,7 +63,7 @@ import '../month-year-header/Component.js';
 import { Calendar } from '../../Component.js';
 import { ModalMobile } from '../../../../modal/modern/mobile';
 
-var styles = {"wrapper":"calendar__wrapper_1ilkw","withZIndex":"calendar__withZIndex_1ilkw","calendar":"calendar__calendar_1ilkw","dayNames":"calendar__dayNames_1ilkw","withHeader":"calendar__withHeader_1ilkw","month":"calendar__month_1ilkw","daysTable":"calendar__daysTable_1ilkw","dayName":"calendar__dayName_1ilkw"};
+var styles = {"wrapper":"calendar__wrapper_19rfc","withZIndex":"calendar__withZIndex_19rfc","calendar":"calendar__calendar_19rfc","dayNames":"calendar__dayNames_19rfc","withHeader":"calendar__withHeader_19rfc","month":"calendar__month_19rfc","daysTable":"calendar__daysTable_19rfc","dayName":"calendar__dayName_19rfc"};
 require('./index.css');
 
 const CalendarMobile = forwardRef(({ hasHeader = true, allowSelectionFromEmptyRange = false, className, defaultView = 'days', selectorView = 'full', value, selectedFrom, selectedTo, onChange, dataTestId, open, onClose, title = 'Календарь', yearsAmount = 3, ...restProps }, ref) => {