@alfalab/core-components 42.2.1 → 42.3.0

package/calendar/esm/desktop.css

@@ -1,4 +1,4 @@
-/* hash: dekx6 */
+/* hash: 1e8ma */
 :root {
 } /* 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-graphic-primary-alpha-30: rgba(14, 14, 14, 0.3);
@@ -43,27 +43,27 @@
     /* disabled */
 
     /* marker */
-} .calendar__component_zpmey {
+} .calendar__component_120rw {
     width: var(--calendar-width);
     height: var(--calendar-height);
     display: flex;
     flex-direction: column;
     overflow: hidden;
     outline: none
-} @media (max-width: 374px) { .calendar__component_zpmey {
+} @media (max-width: 374px) { .calendar__component_120rw {
         align-items: center;
         width: 100%;
         height: 321px
 }
-    } .calendar__component_zpmey.calendar__responsive_zpmey {
+    } .calendar__component_120rw.calendar__responsive_120rw {
         width: 100%
-    } .calendar__component_zpmey.calendar__responsive_zpmey .calendar__period_zpmey {
+    } .calendar__component_120rw.calendar__responsive_120rw .calendar__period_120rw {
             width: 100%;
-        } .calendar__component_zpmey.calendar__responsive_zpmey .calendar__monthYear_zpmey {
+        } .calendar__component_120rw.calendar__responsive_120rw .calendar__monthYear_120rw {
             width: 100%;
-        } .calendar__component_zpmey.calendar__responsive_zpmey .calendar__container_zpmey {
+        } .calendar__component_120rw.calendar__responsive_120rw .calendar__container_120rw {
             width: 100%;
-        } .calendar__container_zpmey {
+        } .calendar__container_120rw {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -71,17 +71,17 @@
     box-sizing: border-box;
     flex-grow: 1;
     overflow: hidden
-} .calendar__container_zpmey.calendar__customScrollbar_zpmey {
+} .calendar__container_120rw.calendar__customScrollbar_120rw {
         overflow: auto;
         overflow: overlay;
         cursor: auto;
-    } .calendar__container_zpmey.calendar__customScrollbar_zpmey::-webkit-scrollbar {
+    } .calendar__container_120rw.calendar__customScrollbar_120rw::-webkit-scrollbar {
         width: 12px;
-    } .calendar__container_zpmey.calendar__customScrollbar_zpmey::-webkit-scrollbar-track {
+    } .calendar__container_120rw.calendar__customScrollbar_120rw::-webkit-scrollbar-track {
         background-color: transparent;
-    } .calendar__container_zpmey.calendar__customScrollbar_zpmey::-webkit-scrollbar-track-piece {
+    } .calendar__container_120rw.calendar__customScrollbar_120rw::-webkit-scrollbar-track-piece {
         background-color: transparent;
-    } .calendar__container_zpmey.calendar__customScrollbar_zpmey::-webkit-scrollbar-thumb {
+    } .calendar__container_120rw.calendar__customScrollbar_120rw::-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_zpmey.calendar__customScrollbar_zpmey::-webkit-scrollbar-thumb:hover {
+    } .calendar__container_120rw.calendar__customScrollbar_120rw::-webkit-scrollbar-thumb:hover {
         border-radius: var(--border-radius-circle) / 7px;
         border-width: 4px 3px;
-    } .calendar__container_zpmey.calendar__customScrollbar_zpmey::-webkit-scrollbar-thumb:active {
+    } .calendar__container_120rw.calendar__customScrollbar_120rw::-webkit-scrollbar-thumb:active {
         background-color: var(--color-light-graphic-primary-alpha-60);
-    } .calendar__container_zpmey.calendar__customScrollbar_zpmey::-webkit-resizer {
+    } .calendar__container_120rw.calendar__customScrollbar_120rw::-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_zpmey.calendar__customScrollbar_zpmey::-webkit-scrollbar-button,
-    .calendar__container_zpmey.calendar__customScrollbar_zpmey::-webkit-scrollbar-corner {
+    } .calendar__container_120rw.calendar__customScrollbar_120rw::-webkit-scrollbar-button,
+    .calendar__container_120rw.calendar__customScrollbar_120rw::-webkit-scrollbar-corner {
         display: none;
-    } .calendar__container_zpmey.calendar__customScrollbar_zpmey {
+    } .calendar__container_120rw.calendar__customScrollbar_120rw {
 
         display: block;
-    } @media (max-width: 374px) { .calendar__container_zpmey {
+    } @media (max-width: 374px) { .calendar__container_120rw {
         width: 288px
 }
-    } .calendar__sixWeeks_zpmey {
+    } .calendar__sixWeeks_120rw {
     height: 388px
-} @media (max-width: 374px) { .calendar__sixWeeks_zpmey {
+} @media (max-width: 374px) { .calendar__sixWeeks_120rw {
         height: 361px
 }
-    } .calendar__period_zpmey {
+    } .calendar__period_120rw {
     width: var(--calendar-inner-width)
-} @media (max-width: 374px) { .calendar__period_zpmey {
+} @media (max-width: 374px) { .calendar__period_120rw {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto
 }
-    } .calendar__monthYear_zpmey {
+    } .calendar__monthYear_120rw {
     width: var(--calendar-inner-width)
-} @media (max-width: 374px) { .calendar__monthYear_zpmey {
+} @media (max-width: 374px) { .calendar__monthYear_120rw {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto

package/calendar/esm/types-1b036d4b.d.ts

@@ -0,0 +1,13 @@
+type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
+type WidthUnit = number | string;
+type TextSkeletonProps = {
+    /**
+     *  Кол-во строк текста
+     */
+    rows?: number;
+    /**
+     * Ширина строки
+     */
+    width?: WidthUnit | WidthUnit[];
+};
+export { TextElementType, TextSkeletonProps };

package/calendar/esm/useSkeleton-1b036d4b.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import React from "react";
+import { ReactNode } from "react";
+import { TextSkeletonProps } from "./types-1b036d4b";
+type SkeletonProps = {
+    /**
+     * Флаг, явно задающий состояние, при котором контент закрывается прелоадером
+     */
+    visible?: boolean;
+    /**
+     * Флаг явного включения анимации скелета
+     */
+    animate?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительные инлайн стили
+     */
+    style?: React.CSSProperties;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+};
+declare const Skeleton: React.FC<SkeletonProps>;
+type SkeletonProps$0 = {
+    wrapperClassName?: string;
+    dataTestId?: string;
+};
+declare function useSkeleton(showSkeleton?: boolean, skeletonProps?: TextSkeletonProps): {
+    renderSkeleton: (props: SkeletonProps$0) => React.JSX.Element | null;
+    textRef: React.RefObject<HTMLElement>;
+};
+export { SkeletonProps, Skeleton, useSkeleton };

package/calendar/modern/Component-63dec22f.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
+import { TextElementType, TextSkeletonProps } from "./types-1b036d4b";
 declare const colors: readonly [
     "tertiary",
     "disabled",
@@ -23,7 +24,6 @@ declare const colors: readonly [
     "static-accent"
 ];
 type Color = (typeof colors)[number];
-type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
 type NativeProps = HTMLAttributes<HTMLSpanElement>;
 type TextBaseProps = {
     /**
@@ -66,6 +66,14 @@ type TextBaseProps = {
      * Количество строк (не поддерживает IE)
      */
     rowLimit?: 1 | 2 | 3;
+    /**
+     * Показать скелетон
+     */
+    showSkeleton?: boolean;
+    /**
+     * Пропы для скелетона
+     */
+    skeletonProps?: TextSkeletonProps;
 };
 type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
     tag?: "p";
@@ -114,6 +122,14 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
      * Количество строк (не поддерживает IE)
      */
     rowLimit?: 1 | 2 | 3;
+    /**
+     * Показать скелетон
+     */
+    showSkeleton?: boolean;
+    /**
+     * Пропы для скелетона
+     */
+    skeletonProps?: TextSkeletonProps;
 };
 type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
 declare const Typography: {
@@ -165,3 +181,4 @@ interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
 declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
 export { Typography, typographyPresets, TitleResponsive, BackArrowAddonProps, BackArrowAddon };
 export type { TitleProps, TextProps, Color };
+export * from "./useSkeleton-1b036d4b";

package/calendar/modern/Component.desktop.js

@@ -59,7 +59,7 @@ import 'date-fns/setYear';
 import 'date-fns/subYears';
 import './components/period-slider/utils.js';
 
-const styles = {"component":"calendar__component_zpmey","responsive":"calendar__responsive_zpmey","period":"calendar__period_zpmey","monthYear":"calendar__monthYear_zpmey","container":"calendar__container_zpmey","customScrollbar":"calendar__customScrollbar_zpmey","sixWeeks":"calendar__sixWeeks_zpmey"};
+const styles = {"component":"calendar__component_120rw","responsive":"calendar__responsive_120rw","period":"calendar__period_120rw","monthYear":"calendar__monthYear_120rw","container":"calendar__container_120rw","customScrollbar":"calendar__customScrollbar_120rw","sixWeeks":"calendar__sixWeeks_120rw"};
 require('./desktop.css');
 
 const CalendarDesktop = 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, onPeriodClick, dataTestId, hasHeader = true, responsive, dayAddons, shape = 'rounded', showCurrentYearSelector = false, }, ref) => {

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

@@ -65,7 +65,7 @@ import 'date-fns/isLastDayOfMonth';
 import 'date-fns/isWithinInterval';
 import '../period-slider/utils.js';
 
-const styles = {"wrapper":"calendar__wrapper_1chwi","withZIndex":"calendar__withZIndex_1chwi","calendar":"calendar__calendar_1chwi","dayNames":"calendar__dayNames_1chwi","withHeader":"calendar__withHeader_1chwi","month":"calendar__month_1chwi","daysTable":"calendar__daysTable_1chwi","dayName":"calendar__dayName_1chwi"};
+const styles = {"wrapper":"calendar__wrapper_1t2js","withZIndex":"calendar__withZIndex_1t2js","calendar":"calendar__calendar_1t2js","dayNames":"calendar__dayNames_1t2js","withHeader":"calendar__withHeader_1t2js","month":"calendar__month_1t2js","daysTable":"calendar__daysTable_1t2js","dayName":"calendar__dayName_1t2js"};
 require('./index.css');
 
 // ResizeObserverPolyfill необходим для корректной работы react-virtuoso.

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

@@ -1,4 +1,4 @@
-/* hash: 19mlq */
+/* hash: 7ul83 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -56,23 +56,23 @@
     /* mobile */
 
     /* paddings */
-} .calendar__wrapper_1chwi {
+} .calendar__wrapper_1t2js {
     background: var(--color-light-bg-primary);
-} .calendar__withZIndex_1chwi {
+} .calendar__withZIndex_1t2js {
     z-index: 2;
-} .calendar__calendar_1chwi th {
+} .calendar__calendar_1t2js th {
     border-bottom: 1px solid var(--color-light-border-primary);
-} .calendar__dayNames_1chwi {
+} .calendar__dayNames_1t2js {
     width: 100%;
     position: sticky;
     background: var(--modal-header-background);
     top: 0;
     height: 32px
-} .calendar__dayNames_1chwi.calendar__withHeader_1chwi {
+} .calendar__dayNames_1t2js.calendar__withHeader_1t2js {
         top: 48px;
-    } .calendar__dayNames_1chwi th {
+    } .calendar__dayNames_1t2js th {
     height: 100%;
-} .calendar__month_1chwi {
+} .calendar__month_1t2js {
     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_1chwi {
+} .calendar__daysTable_1t2js {
     display: flex;
     flex-direction: column;
     margin-top: var(--gap-2xl);
-} .calendar__dayName_1chwi {
+} .calendar__dayName_1t2js {
     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_1chwi {
+} @media (max-width: 374px) { .calendar__dayName_1t2js {
         height: 36px
 }
     }

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

@@ -31,7 +31,7 @@ import 'date-fns/startOfYear';
 import 'date-fns/subDays';
 import 'date-fns/subMonths';
 
-const styles = {"daysTable":"calendar__daysTable_1x9e7","responsive":"calendar__responsive_1x9e7","dayName":"calendar__dayName_1x9e7","day":"calendar__day_1x9e7","rounded":"calendar__rounded_1x9e7","rectangular":"calendar__rectangular_1x9e7","highlighted":"calendar__highlighted_1x9e7","range":"calendar__range_1x9e7","disabled":"calendar__disabled_1x9e7","holiday":"calendar__holiday_1x9e7","today":"calendar__today_1x9e7","rangeComplete":"calendar__rangeComplete_1x9e7","selected":"calendar__selected_1x9e7","dayWrapper":"calendar__dayWrapper_1x9e7","cursorPointer":"calendar__cursorPointer_1x9e7","rangeEnd":"calendar__rangeEnd_1x9e7","rangeStart":"calendar__rangeStart_1x9e7","transitLeft":"calendar__transitLeft_1x9e7","transitRight":"calendar__transitRight_1x9e7","sharpTransitLeft":"calendar__sharpTransitLeft_1x9e7","sharpTransitRight":"calendar__sharpTransitRight_1x9e7","daysEnter":"calendar__daysEnter_1x9e7","left":"calendar__left_1x9e7","daysEnterActive":"calendar__daysEnterActive_1x9e7","daysExit":"calendar__daysExit_1x9e7","daysExitActive":"calendar__daysExitActive_1x9e7","right":"calendar__right_1x9e7","dayAddons":"calendar__dayAddons_1x9e7","dayContent":"calendar__dayContent_1x9e7","addons":"calendar__addons_1x9e7","dot":"calendar__dot_1x9e7","bottomAddon":"calendar__bottomAddon_1x9e7"};
+const styles = {"daysTable":"calendar__daysTable_1own7","responsive":"calendar__responsive_1own7","dayName":"calendar__dayName_1own7","day":"calendar__day_1own7","rounded":"calendar__rounded_1own7","rectangular":"calendar__rectangular_1own7","highlighted":"calendar__highlighted_1own7","range":"calendar__range_1own7","disabled":"calendar__disabled_1own7","holiday":"calendar__holiday_1own7","today":"calendar__today_1own7","rangeComplete":"calendar__rangeComplete_1own7","selected":"calendar__selected_1own7","dayWrapper":"calendar__dayWrapper_1own7","cursorPointer":"calendar__cursorPointer_1own7","rangeEnd":"calendar__rangeEnd_1own7","rangeStart":"calendar__rangeStart_1own7","transitLeft":"calendar__transitLeft_1own7","transitRight":"calendar__transitRight_1own7","sharpTransitLeft":"calendar__sharpTransitLeft_1own7","sharpTransitRight":"calendar__sharpTransitRight_1own7","daysEnter":"calendar__daysEnter_1own7","left":"calendar__left_1own7","daysEnterActive":"calendar__daysEnterActive_1own7","daysExit":"calendar__daysExit_1own7","daysExitActive":"calendar__daysExitActive_1own7","right":"calendar__right_1own7","dayAddons":"calendar__dayAddons_1own7","dayContent":"calendar__dayContent_1own7","addons":"calendar__addons_1own7","dot":"calendar__dot_1own7","bottomAddon":"calendar__bottomAddon_1own7"};
 require('./index.css');
 
 /* eslint-disable complexity */

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

@@ -1,4 +1,4 @@
-/* hash: 14u03 */
+/* hash: vzkis */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-primary: #0e0e0e;
@@ -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_1x9e7 {
+} .calendar__daysTable_1own7 {
     border-collapse: separate;
     border-spacing: 0;
     position: relative
-} .calendar__daysTable_1x9e7.calendar__responsive_1x9e7 {
+} .calendar__daysTable_1own7.calendar__responsive_1own7 {
         width: 100%;
-    } .calendar__daysTable_1x9e7 th {
+    } .calendar__daysTable_1own7 th {
         padding: 0;
-    } .calendar__daysTable_1x9e7 td {
+    } .calendar__daysTable_1own7 td {
         padding: var(--gap-2xs) 0 0;
-    } .calendar__dayName_1x9e7 {
+    } .calendar__dayName_1own7 {
     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_1x9e7 {
+} @media (max-width: 374px) { .calendar__dayName_1own7 {
         height: 36px
 }
-    } .calendar__day_1x9e7 {
+    } .calendar__day_1own7 {
     -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_1x9e7.calendar__rounded_1x9e7 {
+} .calendar__day_1own7.calendar__rounded_1own7 {
         border-radius: var(--calendar-day-border-radius);
-    } .calendar__day_1x9e7.calendar__rectangular_1x9e7 {
+    } .calendar__day_1own7.calendar__rectangular_1own7 {
         border-radius: var(--border-radius-m);
         width: 44px;
-    } .calendar__day_1x9e7.calendar__highlighted_1x9e7,
-    .calendar__day_1x9e7.calendar__range_1x9e7.calendar__highlighted_1x9e7:not(.calendar__disabled_1x9e7) {
+    } .calendar__day_1own7.calendar__highlighted_1own7,
+    .calendar__day_1own7.calendar__range_1own7.calendar__highlighted_1own7:not(.calendar__disabled_1own7) {
         color: var(--calendar-highlighted-color);
         background: var(--calendar-highlighted-background);
-    } .calendar__day_1x9e7.calendar__holiday_1x9e7 {
+    } .calendar__day_1own7.calendar__holiday_1own7 {
         color: var(--calendar-holiday-color);
-    } .calendar__day_1x9e7.calendar__disabled_1x9e7 {
+    } .calendar__day_1own7.calendar__disabled_1own7 {
         pointer-events: none;
         color: var(--calendar-disabled-color);
 
         background: var(--calendar-disabled-background);
         cursor: default;
-    } .calendar__day_1x9e7.calendar__today_1x9e7 {
+    } .calendar__day_1own7.calendar__today_1own7 {
         color: var(--calendar-today-color);
-    } .calendar__day_1x9e7.calendar__rangeComplete_1x9e7 {
+    } .calendar__day_1own7.calendar__rangeComplete_1own7 {
         background: var(--calendar-range-complete-background);
-    } .calendar__day_1x9e7.calendar__selected_1x9e7,
-    .calendar__day_1x9e7.calendar__disabled_1x9e7.calendar__selected_1x9e7 {
+    } .calendar__day_1own7.calendar__selected_1own7,
+    .calendar__day_1own7.calendar__disabled_1own7.calendar__selected_1own7 {
         color: var(--calendar-selected-color);
         background: var(--calendar-selected-background);
     } @media (hover) {
-            .calendar__day_1x9e7.calendar__selected_1x9e7:hover {
+            .calendar__day_1own7.calendar__selected_1own7:hover {
                 background: var(--calendar-selected-hover-background);
             }
-        } .calendar__day_1x9e7:focus {
+        } .calendar__day_1own7:focus {
         z-index: 1;
-    } /* RANGE */ .calendar__dayWrapper_1x9e7 {
+    } /* RANGE */ .calendar__dayWrapper_1own7 {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     position: relative
-} .calendar__dayWrapper_1x9e7:before {
+} .calendar__dayWrapper_1own7:before {
         content: '';
         display: block;
         position: absolute;
@@ -144,27 +144,27 @@
         bottom: 0;
         width: 100%;
         height: var(--calendar-day-size);
-    } .calendar__dayWrapper_1x9e7:focus {
+    } .calendar__dayWrapper_1own7:focus {
         outline: none;
-    } .calendar__dayWrapper_1x9e7.calendar__cursorPointer_1x9e7 {
+    } .calendar__dayWrapper_1own7.calendar__cursorPointer_1own7 {
         cursor: pointer;
-    } .calendar__range_1x9e7 .calendar__day_1x9e7:not(.calendar__selected_1x9e7):not(.calendar__disabled_1x9e7):not(.calendar__today_1x9e7):not(.calendar__holiday_1x9e7) {
+    } .calendar__range_1own7 .calendar__day_1own7:not(.calendar__selected_1own7):not(.calendar__disabled_1own7):not(.calendar__today_1own7):not(.calendar__holiday_1own7) {
         color: var(--calendar-range-color);
-    } .calendar__range_1x9e7:before {
+    } .calendar__range_1own7:before {
         background: var(--calendar-range-background);
-    } .calendar__rangeEnd_1x9e7:before {
+    } .calendar__rangeEnd_1own7: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_1x9e7:before {
+    } .calendar__rangeStart_1own7: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_1x9e7:before {
+    } .calendar__rangeComplete_1own7:before {
         background: var(--calendar-range-complete-background);
-    } .calendar__transitLeft_1x9e7:after, .calendar__transitRight_1x9e7:after {
+    } .calendar__transitLeft_1own7:after, .calendar__transitRight_1own7:after {
         content: '';
         position: absolute;
         display: block;
@@ -172,81 +172,81 @@
         height: var(--calendar-day-size);
         bottom: 0;
         pointer-events: none;
-    } .calendar__transitLeft_1x9e7:after {
+    } .calendar__transitLeft_1own7:after {
         right: 100%;
         background: linear-gradient(
             270deg,
             var(--calendar-range-background) 0%,
             var(--color-light-specialbg-nulled) 100%
         );
-    } .calendar__transitLeft_1x9e7:first-child:before {
+    } .calendar__transitLeft_1own7:first-child:before {
             opacity: 0;
-        } .calendar__transitLeft_1x9e7:first-child:after {
+        } .calendar__transitLeft_1own7:first-child:after {
             right: 0;
-        } .calendar__transitRight_1x9e7:after {
+        } .calendar__transitRight_1own7:after {
         left: 100%;
         background: linear-gradient(
             270deg,
             var(--color-light-specialbg-nulled) 0%,
             var(--calendar-range-background) 100%
         );
-    } .calendar__transitRight_1x9e7:last-child:before {
+    } .calendar__transitRight_1own7:last-child:before {
             opacity: 0;
-        } .calendar__transitRight_1x9e7:last-child:after {
+        } .calendar__transitRight_1own7:last-child:after {
             left: 0;
-        } .calendar__sharpTransitLeft_1x9e7:first-child:before {
+        } .calendar__sharpTransitLeft_1own7:first-child:before {
             opacity: 1;
-        } .calendar__sharpTransitLeft_1x9e7:first-child:after {
+        } .calendar__sharpTransitLeft_1own7:first-child:after {
             opacity: 0;
-        } .calendar__sharpTransitRight_1x9e7:last-child:before {
+        } .calendar__sharpTransitRight_1own7:last-child:before {
             opacity: 1;
-        } .calendar__sharpTransitRight_1x9e7:last-child:after {
+        } .calendar__sharpTransitRight_1own7:last-child:after {
             opacity: 0;
-        } .calendar__rangeComplete_1x9e7.calendar__transitLeft_1x9e7:after {
+        } .calendar__rangeComplete_1own7.calendar__transitLeft_1own7:after {
         background: linear-gradient(
             270deg,
             var(--calendar-range-complete-background) 0%,
             var(--color-light-specialbg-nulled) 100%
         );
-    } .calendar__rangeComplete_1x9e7.calendar__transitRight_1x9e7:after {
+    } .calendar__rangeComplete_1own7.calendar__transitRight_1own7:after {
         background: linear-gradient(
             270deg,
             var(--color-light-specialbg-nulled) 0%,
             var(--calendar-range-complete-background) 100%
         );
-    } /* SLIDE ANIMATION */ .calendar__daysEnter_1x9e7 .calendar__dayWrapper_1x9e7 {
+    } /* SLIDE ANIMATION */ .calendar__daysEnter_1own7 .calendar__dayWrapper_1own7 {
     width: 100px;
-} .calendar__left_1x9e7 .calendar__daysEnter_1x9e7 {
+} .calendar__left_1own7 .calendar__daysEnter_1own7 {
         transform: translateX(50px);
-    } .calendar__left_1x9e7 .calendar__daysEnterActive_1x9e7 {
+    } .calendar__left_1own7 .calendar__daysEnterActive_1own7 {
         transform: translateX(0);
-    } .calendar__left_1x9e7 .calendar__daysExit_1x9e7 {
+    } .calendar__left_1own7 .calendar__daysExit_1own7 {
         transform: translateX(0);
-    } .calendar__left_1x9e7 .calendar__daysExitActive_1x9e7 {
+    } .calendar__left_1own7 .calendar__daysExitActive_1own7 {
         transform: translateX(-50px);
-    } .calendar__right_1x9e7 .calendar__daysEnter_1x9e7 {
+    } .calendar__right_1own7 .calendar__daysEnter_1own7 {
         transform: translateX(-50px);
-    } .calendar__right_1x9e7 .calendar__daysEnterActive_1x9e7 {
+    } .calendar__right_1own7 .calendar__daysEnterActive_1own7 {
         transform: translateX(0);
-    } .calendar__right_1x9e7 .calendar__daysExit_1x9e7 {
+    } .calendar__right_1own7 .calendar__daysExit_1own7 {
         transform: translateX(0);
-    } .calendar__right_1x9e7 .calendar__daysExitActive_1x9e7 {
+    } .calendar__right_1own7 .calendar__daysExitActive_1own7 {
         transform: translateX(50px);
-    } .calendar__dayAddons_1x9e7 > span {
+    } .calendar__dayAddons_1own7 > span {
         display: flex;
         flex-direction: column;
         justify-content: flex-end;
         height: inherit;
         padding: 0 var(--gap-3xs);
-    } .calendar__dayContent_1x9e7 {
+    } .calendar__dayContent_1own7 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400
-} .calendar__dayContent_1x9e7.calendar__today_1x9e7 {
+} .calendar__dayContent_1own7.calendar__today_1own7 {
         font-weight: bold;
-    } .calendar__addons_1x9e7 {
+    } .calendar__addons_1own7 {
     min-height: 8px;
-} .calendar__dot_1x9e7 {
+} .calendar__dot_1own7 {
     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_1x9e7 .calendar__dot_1x9e7 {
+} .calendar__selected_1own7 .calendar__dot_1own7 {
     background: var(--calendar-marker-selected-background);
-} .calendar__daysEnter_1x9e7 {
+} .calendar__daysEnter_1own7 {
     opacity: 0;
     position: absolute;
     left: 0;
-} .calendar__daysEnterActive_1x9e7 {
+} .calendar__daysEnterActive_1own7 {
     opacity: 1;
-} .calendar__daysExit_1x9e7 {
+} .calendar__daysExit_1own7 {
     pointer-events: none;
     opacity: 1;
-} .calendar__daysExitActive_1x9e7 {
+} .calendar__daysExitActive_1own7 {
     opacity: 0;
-} .calendar__daysEnterActive_1x9e7,
-.calendar__daysExitActive_1x9e7 {
+} .calendar__daysEnterActive_1own7,
+.calendar__daysExitActive_1own7 {
     transition: opacity 200ms, transform 300ms;
-} .calendar__bottomAddon_1x9e7 {
+} .calendar__bottomAddon_1own7 {
     margin: 0 auto
-} .calendar__bottomAddon_1x9e7.calendar__selected_1x9e7,
-    .calendar__bottomAddon_1x9e7.calendar__selected_1x9e7 > * {
+} .calendar__bottomAddon_1own7.calendar__selected_1own7,
+    .calendar__bottomAddon_1own7.calendar__selected_1own7 > * {
         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_112sz","withShadow":"calendar__withShadow_112sz"};
+const styles = {"header":"calendar__header_1imjb","withShadow":"calendar__withShadow_1imjb"};
 require('./index.css');
 
 const Header = ({ view = 'full', withShadow, children }) => (React.createElement("div", { className: cn(styles.header, {

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

@@ -1,4 +1,4 @@
-/* hash: 2bzc3 */
+/* hash: 3plgx */
 :root {
 } /* 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 */
@@ -39,13 +39,13 @@
     /* disabled */
 
     /* marker */
-} .calendar__header_112sz {
+} .calendar__header_1imjb {
     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_112sz {
+} .calendar__withShadow_1imjb {
     box-shadow: var(--shadow-s);
 }

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

@@ -27,7 +27,7 @@ import 'date-fns/subDays';
 import 'date-fns/subMonths';
 import '../../../../button/modern/desktop';
 
-const styles = {"component":"calendar__component_lmvlt","button":"calendar__button_lmvlt","month":"calendar__month_lmvlt","year":"calendar__year_lmvlt","buttonContent":"calendar__buttonContent_lmvlt","upDownIcon":"calendar__upDownIcon_lmvlt"};
+const styles = {"component":"calendar__component_ny139","button":"calendar__button_ny139","month":"calendar__month_ny139","year":"calendar__year_ny139","buttonContent":"calendar__buttonContent_ny139","upDownIcon":"calendar__upDownIcon_ny139"};
 require('./index.css');
 
 const MonthYearHeader = ({ value, className, onMonthClick, onYearClick, dataTestId, }) => {