@alfalab/core-components 25.5.0 → 25.8.0

package/button/modern/inverted.css

@@ -60,153 +60,153 @@
     --button-inverted-ghost-active-color: rgb(128, 128, 128);
     --button-inverted-ghost-disabled-color: rgba(255, 255, 255, 0.3);
 }
-.button__primary_396l7 {
+.button__primary_17h0a {
     color: var(--button-inverted-primary-color);
     background-color: var(--button-inverted-primary-base-bg-color)
 }
-.button__primary_396l7:hover {
+.button__primary_17h0a:hover {
         background-color: var(--button-inverted-primary-hover-bg-color);
     }
-.button__primary_396l7:active {
+.button__primary_17h0a:active {
         background-color: var(--button-inverted-primary-active-bg-color);
     }
-.button__secondary_396l7 {
+.button__secondary_17h0a {
     color: var(--button-inverted-secondary-color);
     background-color: var(--button-inverted-secondary-base-bg-color);
     border: 1px solid var(--button-inverted-secondary-base-border-color)
 }
-.button__secondary_396l7:hover {
+.button__secondary_17h0a:hover {
         background-color: var(--button-inverted-secondary-hover-bg-color);
     }
-.button__secondary_396l7:active {
+.button__secondary_17h0a:active {
         background-color: var(--button-inverted-secondary-active-bg-color);
     }
-.button__outlined_396l7 {
+.button__outlined_17h0a {
     color: var(--button-inverted-outlined-color);
     background-color: var(--button-inverted-outlined-base-bg-color);
     border: 1px solid var(--button-inverted-outlined-base-border-color)
 }
-.button__outlined_396l7:hover {
+.button__outlined_17h0a:hover {
         background-color: var(--button-inverted-outlined-hover-bg-color);
     }
-.button__outlined_396l7:active {
+.button__outlined_17h0a:active {
         background-color: var(--button-inverted-outlined-active-bg-color);
     }
-.button__tertiary_396l7 {
+.button__tertiary_17h0a {
     color: var(--button-inverted-tertiary-color);
     background-color: var(--button-inverted-tertiary-base-bg-color);
     border: 1px solid var(--button-inverted-tertiary-base-border-color)
 }
-.button__tertiary_396l7:hover {
+.button__tertiary_17h0a:hover {
         background-color: var(--button-inverted-tertiary-hover-bg-color);
     }
-.button__tertiary_396l7:active {
+.button__tertiary_17h0a:active {
         background-color: var(--button-inverted-tertiary-active-bg-color);
     }
-.button__filled_396l7 {
+.button__filled_17h0a {
     color: var(--color-dark-text-primary);
     background-color: var(--color-dark-bg-neutral)
 }
-.button__filled_396l7:hover {
+.button__filled_17h0a:hover {
         background-color: rgb(99, 112, 126);
     }
-.button__filled_396l7:active {
+.button__filled_17h0a:active {
         background-color: rgb(61, 74, 88);
     }
-.button__transparent_396l7 {
+.button__transparent_17h0a {
     color: var(--color-light-text-primary-inverted);
     background-color: rgba(255, 255, 255, 0.1)
 }
-.button__transparent_396l7:hover {
+.button__transparent_17h0a:hover {
         background-color: rgba(255, 255, 255, 0.2);
     }
-.button__transparent_396l7:active {
+.button__transparent_17h0a:active {
         /* TODO: какой цвет? */
         background-color: rgba(255, 255, 255, 0.05);
     }
-.button__link_396l7 {
+.button__link_17h0a {
     color: var(--color-light-text-primary-inverted);
     background-color: transparent
 }
-.button__link_396l7:hover {
+.button__link_17h0a:hover {
         background-color: var(--color-light-specialbg-component-inverted);
     }
-.button__link_396l7:active {
+.button__link_17h0a:active {
         /* TODO: какой цвет? */
         background-color: rgba(179, 179, 179, 0.15);
     }
-.button__ghost_396l7 {
+.button__ghost_17h0a {
     color: var(--button-inverted-ghost-base-color)
 }
-.button__ghost_396l7:hover {
+.button__ghost_17h0a:hover {
         color: var(--button-inverted-ghost-hover-color);
     }
-.button__ghost_396l7:active {
+.button__ghost_17h0a:active {
         color: var(--button-inverted-ghost-active-color);
     }
-.button__component_396l7:disabled.button__primary_396l7 {
+.button__component_17h0a:disabled.button__primary_17h0a {
         color: var(--button-inverted-primary-disabled-color);
         background-color: var(--button-inverted-primary-disabled-bg-color)
     }
-.button__component_396l7:disabled.button__primary_396l7.button__loading_396l7 {
+.button__component_17h0a:disabled.button__primary_17h0a.button__loading_17h0a {
             background-color: var(--button-inverted-primary-base-bg-color);
         }
-.button__component_396l7:disabled.button__secondary_396l7 {
+.button__component_17h0a:disabled.button__secondary_17h0a {
         color: var(--button-inverted-secondary-disabled-color);
         background-color: var(--button-inverted-secondary-disabled-bg-color);
         border-color: var(--button-inverted-secondary-disabled-border-color)
     }
-.button__component_396l7:disabled.button__secondary_396l7.button__loading_396l7 {
+.button__component_17h0a:disabled.button__secondary_17h0a.button__loading_17h0a {
             color: var(--button-inverted-secondary-color);
             background-color: var(--button-inverted-secondary-base-bg-color);
             border-color: var(--button-inverted-secondary-base-border-color);
         }
-.button__component_396l7:disabled.button__outlined_396l7 {
+.button__component_17h0a:disabled.button__outlined_17h0a {
         color: var(--button-inverted-outlined-disabled-color);
         background-color: var(--button-inverted-outlined-disabled-bg-color);
         border-color: var(--button-inverted-outlined-disabled-border-color)
     }
-.button__component_396l7:disabled.button__outlined_396l7.button__loading_396l7 {
+.button__component_17h0a:disabled.button__outlined_17h0a.button__loading_17h0a {
             color: var(--button-inverted-outlined-color);
             border-color: var(--button-inverted-outlined-border-color);
         }
-.button__component_396l7:disabled.button__tertiary_396l7 {
+.button__component_17h0a:disabled.button__tertiary_17h0a {
         color: var(--button-inverted-tertiary-disabled-color);
         background-color: var(--button-inverted-tertiary-disabled-bg-color);
         border-color: var(--button-inverted-tertiary-disabled-border-color)
     }
-.button__component_396l7:disabled.button__tertiary_396l7.button__loading_396l7 {
+.button__component_17h0a:disabled.button__tertiary_17h0a.button__loading_17h0a {
             color: var(--button-inverted-tertiary-color);
             border-color: var(--button-inverted-tertiary-border-color);
         }
-.button__component_396l7:disabled.button__filled_396l7 {
+.button__component_17h0a:disabled.button__filled_17h0a {
         color: rgba(255, 255, 255, 0.3);
         background-color: rgba(72, 87, 103, 0.3);
         border-color: transparent
     }
-.button__component_396l7:disabled.button__filled_396l7.button__loading_396l7 {
+.button__component_17h0a:disabled.button__filled_17h0a.button__loading_17h0a {
             color: var(--color-dark-text-primary);
             background-color: var(--color-dark-bg-neutral);
             border-color: transparent;
         }
-.button__component_396l7:disabled.button__transparent_396l7 {
+.button__component_17h0a:disabled.button__transparent_17h0a {
         color: rgba(255, 255, 255, 0.3);
         background-color: rgba(255, 255, 255, 0.03)
     }
-.button__component_396l7:disabled.button__transparent_396l7.button__loading_396l7 {
+.button__component_17h0a:disabled.button__transparent_17h0a.button__loading_17h0a {
             color: var(--color-light-text-primary-inverted);
             background-color: rgba(255, 255, 255, 0.1);
         }
-.button__component_396l7:disabled.button__link_396l7 {
+.button__component_17h0a:disabled.button__link_17h0a {
         color: rgba(255, 255, 255, 0.3);
         background-color: transparent
     }
-.button__component_396l7:disabled.button__link_396l7.button__loading_396l7 {
+.button__component_17h0a:disabled.button__link_17h0a.button__loading_17h0a {
             color: var(--color-light-text-primary-inverted);
         }
-.button__component_396l7:disabled.button__ghost_396l7 {
+.button__component_17h0a:disabled.button__ghost_17h0a {
         color: var(--button-inverted-ghost-disabled-color)
     }
-.button__component_396l7:disabled.button__ghost_396l7.button__loading_396l7 {
+.button__component_17h0a:disabled.button__ghost_17h0a.button__loading_17h0a {
             color: var(--button-inverted-ghost-base-color);
         }

package/calendar/Component.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
+import { MouseEvent } from "react";
 import { View, SelectorView } from "./typings";
 type CalendarProps = {
     /**
@@ -62,6 +63,14 @@ type CalendarProps = {
      * Обработчик выбора даты
      */
     onChange?: (date: number) => void;
+    /**
+     * Обработчик нажатия на кнопку месяца
+     */
+    onMonthClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Обработчик нажатия на кнопку года
+     */
+    onYearClick?: (event: MouseEvent<HTMLButtonElement>) => void;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */

package/calendar/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-dc64318e.js');
+var tslib_es6 = require('./tslib.es6-56787b8b.js');
 var React = require('react');
 var cn = require('classnames');
 var startOfDay = require('date-fns/startOfDay');
@@ -70,12 +70,12 @@ var startOfDay__default = /*#__PURE__*/_interopDefaultLegacy(startOfDay);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultLegacy(startOfMonth);
 var endOfDay__default = /*#__PURE__*/_interopDefaultLegacy(endOfDay);
 
-var styles = {"component":"calendar__component_woxt4","container":"calendar__container_woxt4","sixWeeks":"calendar__sixWeeks_woxt4","period":"calendar__period_woxt4","monthYear":"calendar__monthYear_woxt4"};
+var styles = {"component":"calendar__component_1k6q2","container":"calendar__container_1k6q2","sixWeeks":"calendar__sixWeeks_1k6q2","period":"calendar__period_1k6q2","monthYear":"calendar__monthYear_1k6q2"};
 require('./index.css');
 
 var Calendar = React.forwardRef(function (_a, ref) {
     var _b;
-    var className = _a.className, _c = _a.defaultView, defaultView = _c === void 0 ? 'days' : _c, _d = _a.selectorView, selectorView = _d === void 0 ? 'full' : _d, value = _a.value, monthTimestamp = _a.month, minDateTimestamp = _a.minDate, maxDateTimestamp = _a.maxDate, _e = _a.defaultMonth, defaultMonthTimestamp = _e === void 0 ? +new Date() : _e, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, rangeComplete = _a.rangeComplete, offDays = _a.offDays, events = _a.events, onChange = _a.onChange, onMonthChange = _a.onMonthChange, dataTestId = _a.dataTestId;
+    var className = _a.className, _c = _a.defaultView, defaultView = _c === void 0 ? 'days' : _c, _d = _a.selectorView, selectorView = _d === void 0 ? 'full' : _d, value = _a.value, monthTimestamp = _a.month, minDateTimestamp = _a.minDate, maxDateTimestamp = _a.maxDate, _e = _a.defaultMonth, defaultMonthTimestamp = _e === void 0 ? +new Date() : _e, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, rangeComplete = _a.rangeComplete, offDays = _a.offDays, events = _a.events, onChange = _a.onChange, onMonthChange = _a.onMonthChange, onMonthClick = _a.onMonthClick, onYearClick = _a.onYearClick, dataTestId = _a.dataTestId;
     var _f = React.useState(defaultView), view = _f[0], setView = _f[1];
     var _g = React.useState(false), scrolled = _g[0], setScrolled = _g[1];
     var selected = React.useMemo(function () { return (value ? new Date(value) : undefined); }, [value]);
@@ -117,12 +117,18 @@ var Calendar = React.forwardRef(function (_a, ref) {
     var handleNextArrowClick = React.useCallback(function () {
         setNextMonth();
     }, [setNextMonth]);
-    var handleMonthClick = React.useCallback(function () {
+    var handleMonthClick = React.useCallback(function (event) {
         toggleView('months');
-    }, [toggleView]);
-    var handleYearClick = React.useCallback(function () {
+        if (onMonthClick) {
+            onMonthClick(event);
+        }
+    }, [onMonthClick, toggleView]);
+    var handleYearClick = React.useCallback(function (event) {
         toggleView('years');
-    }, [toggleView]);
+        if (onYearClick) {
+            onYearClick(event);
+        }
+    }, [onYearClick, toggleView]);
     hooks.useDidUpdateEffect(function () {
         setView('days');
     }, [activeMonth]);

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-dc64318e.js');
+var tslib_es6 = require('../../tslib.es6-56787b8b.js');
 var React = require('react');
 var cn = require('classnames');
 require('date-fns/startOfDay');
@@ -44,7 +44,7 @@ var isSameDay__default = /*#__PURE__*/_interopDefaultLegacy(isSameDay);
 var isToday__default = /*#__PURE__*/_interopDefaultLegacy(isToday);
 var isWithinInterval__default = /*#__PURE__*/_interopDefaultLegacy(isWithinInterval);
 
-var styles = {"daysTable":"calendar__daysTable_1quxm","dayName":"calendar__dayName_1quxm","day":"calendar__day_1quxm","highlighted":"calendar__highlighted_1quxm","range":"calendar__range_1quxm","disabled":"calendar__disabled_1quxm","today":"calendar__today_1quxm","rangeComplete":"calendar__rangeComplete_1quxm","selected":"calendar__selected_1quxm","dayWrapper":"calendar__dayWrapper_1quxm","rangeEnd":"calendar__rangeEnd_1quxm","rangeStart":"calendar__rangeStart_1quxm","transitLeft":"calendar__transitLeft_1quxm","transitRight":"calendar__transitRight_1quxm","left":"calendar__left_1quxm","daysEnter":"calendar__daysEnter_1quxm","daysEnterActive":"calendar__daysEnterActive_1quxm","daysExit":"calendar__daysExit_1quxm","daysExitActive":"calendar__daysExitActive_1quxm","right":"calendar__right_1quxm","dot":"calendar__dot_1quxm"};
+var styles = {"daysTable":"calendar__daysTable_njznz","dayName":"calendar__dayName_njznz","day":"calendar__day_njznz","highlighted":"calendar__highlighted_njznz","range":"calendar__range_njznz","disabled":"calendar__disabled_njznz","today":"calendar__today_njznz","rangeComplete":"calendar__rangeComplete_njznz","selected":"calendar__selected_njznz","dayWrapper":"calendar__dayWrapper_njznz","rangeEnd":"calendar__rangeEnd_njznz","rangeStart":"calendar__rangeStart_njznz","transitLeft":"calendar__transitLeft_njznz","transitRight":"calendar__transitRight_njznz","left":"calendar__left_njznz","daysEnter":"calendar__daysEnter_njznz","daysEnterActive":"calendar__daysEnterActive_njznz","daysExit":"calendar__daysExit_njznz","daysExitActive":"calendar__daysExitActive_njznz","right":"calendar__right_njznz","dot":"calendar__dot_njznz"};
 require('./index.css');
 
 var DaysTable = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 1kj1o */
+/* hash: tgg04 */
 :root {
     --color-static-graphic-solitude: #e8f2fe;
 }
@@ -65,18 +65,18 @@
     --calendar-marker-background: var(--color-light-graphic-primary);
     --calendar-marker-selected-background: var(--color-light-graphic-primary-inverted);
 }
-.calendar__daysTable_1quxm {
+.calendar__daysTable_njznz {
     border-collapse: separate;
     border-spacing: 0;
     position: relative
 }
-.calendar__daysTable_1quxm th {
+.calendar__daysTable_njznz th {
         padding: 0;
     }
-.calendar__daysTable_1quxm td {
+.calendar__daysTable_njznz td {
         padding: var(--gap-2xs) 0 0;
     }
-.calendar__dayName_1quxm {
+.calendar__dayName_njznz {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -85,11 +85,11 @@
     color: var(--color-light-text-secondary)
 }
 @media (max-width: 374px) {
-.calendar__dayName_1quxm {
+.calendar__dayName_njznz {
         height: 36px
 }
     }
-.calendar__day_1quxm {
+.calendar__day_njznz {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -107,50 +107,46 @@
     z-index: 1
 }
 @media (max-width: 374px) {
-.calendar__day_1quxm {
+.calendar__day_njznz {
         width: 36px;
         height: 36px
 }
     }
-.calendar__day_1quxm.calendar__highlighted_1quxm,
-    .calendar__day_1quxm.calendar__range_1quxm.calendar__highlighted_1quxm:not(.calendar__disabled_1quxm) {
+.calendar__day_njznz.calendar__highlighted_njznz,
+    .calendar__day_njznz.calendar__range_njznz.calendar__highlighted_njznz:not(.calendar__disabled_njznz) {
         color: var(--calendar-highlighted-color);
         background: var(--calendar-highlighted-background);
     }
-.calendar__day_1quxm.calendar__disabled_1quxm {
+.calendar__day_njznz.calendar__disabled_njznz {
         pointer-events: none;
         color: var(--calendar-disabled-color);
 
         background: var(--calendar-disabled-background);
         cursor: default;
     }
-.calendar__day_1quxm.calendar__today_1quxm {
+.calendar__day_njznz.calendar__today_njznz {
         font-weight: bold;
         color: var(--calendar-today-color);
     }
-.calendar__day_1quxm.calendar__rangeComplete_1quxm {
+.calendar__day_njznz.calendar__rangeComplete_njznz {
         background: var(--calendar-range-complete-background);
     }
-.calendar__day_1quxm.calendar__today_1quxm {
-        font-weight: bold;
-        color: var(--color-light-text-link);
-    }
-.calendar__day_1quxm.calendar__selected_1quxm,
-    .calendar__day_1quxm.calendar__disabled_1quxm.calendar__selected_1quxm {
+.calendar__day_njznz.calendar__selected_njznz,
+    .calendar__day_njznz.calendar__disabled_njznz.calendar__selected_njznz {
         color: var(--calendar-selected-color);
         background: var(--calendar-selected-background);
     }
-.calendar__day_1quxm.calendar__selected_1quxm:hover {
+.calendar__day_njznz.calendar__selected_njznz:hover {
             background: var(--calendar-selected-hover-background);
         }
-.calendar__day_1quxm:focus {
+.calendar__day_njznz:focus {
         z-index: 1;
     }
 /* RANGE */
-.calendar__dayWrapper_1quxm {
+.calendar__dayWrapper_njznz {
     position: relative
 }
-.calendar__dayWrapper_1quxm:before {
+.calendar__dayWrapper_njznz:before {
         content: '';
         display: block;
         position: absolute;
@@ -159,34 +155,34 @@
         width: 100%;
         height: var(--calendar-day-size);
     }
-.calendar__range_1quxm .calendar__day_1quxm:not(.calendar__selected_1quxm):not(.calendar__disabled_1quxm):not(.calendar__today_1quxm) {
+.calendar__range_njznz .calendar__day_njznz:not(.calendar__selected_njznz):not(.calendar__disabled_njznz):not(.calendar__today_njznz) {
         color: var(--calendar-range-color);
     }
-.calendar__range_1quxm:before {
+.calendar__range_njznz:before {
         background: var(--calendar-range-background);
     }
-.calendar__rangeEnd_1quxm:before {
+.calendar__rangeEnd_njznz:before {
         border-bottom-right-radius: 50%;
         border-top-right-radius: 50%;
         width: var(--calendar-day-size);
     }
-.calendar__rangeEnd_1quxm:after {
+.calendar__rangeEnd_njznz:after {
         opacity: 0;
     }
-.calendar__rangeStart_1quxm:before {
+.calendar__rangeStart_njznz:before {
         left: auto;
         right: 0;
         border-bottom-left-radius: 50%;
         border-top-left-radius: 50%;
         width: var(--calendar-day-size);
     }
-.calendar__rangeStart_1quxm:after {
+.calendar__rangeStart_njznz:after {
         opacity: 0;
     }
-.calendar__rangeComplete_1quxm:before {
+.calendar__rangeComplete_njznz:before {
         background: var(--calendar-range-complete-background);
     }
-.calendar__transitLeft_1quxm:after, .calendar__transitRight_1quxm:after {
+.calendar__transitLeft_njznz:after, .calendar__transitRight_njznz:after {
         content: '';
         position: absolute;
         display: block;
@@ -195,7 +191,7 @@
         bottom: 0;
         pointer-events: none;
     }
-.calendar__transitLeft_1quxm:after {
+.calendar__transitLeft_njznz:after {
         right: 100%;
         background: linear-gradient(
             270deg,
@@ -203,13 +199,13 @@
             var(--color-light-specialbg-nulled) 100%
         );
     }
-.calendar__transitLeft_1quxm:first-child:before {
+.calendar__transitLeft_njznz:first-child:before {
             opacity: 0;
         }
-.calendar__transitLeft_1quxm:first-child:after {
+.calendar__transitLeft_njznz:first-child:after {
             right: 0;
         }
-.calendar__transitRight_1quxm:after {
+.calendar__transitRight_njznz:after {
         left: 100%;
         background: linear-gradient(
             270deg,
@@ -217,20 +213,20 @@
             var(--calendar-range-background) 100%
         );
     }
-.calendar__transitRight_1quxm:last-child:before {
+.calendar__transitRight_njznz:last-child:before {
             opacity: 0;
         }
-.calendar__transitRight_1quxm:last-child:after {
+.calendar__transitRight_njznz:last-child:after {
             left: 0;
         }
-.calendar__rangeComplete_1quxm.calendar__transitLeft_1quxm:after {
+.calendar__rangeComplete_njznz.calendar__transitLeft_njznz:after {
         background: linear-gradient(
             270deg,
             var(--calendar-range-complete-background) 0%,
             var(--color-light-specialbg-nulled) 100%
         );
     }
-.calendar__rangeComplete_1quxm.calendar__transitRight_1quxm:after {
+.calendar__rangeComplete_njznz.calendar__transitRight_njznz:after {
         background: linear-gradient(
             270deg,
             var(--color-light-specialbg-nulled) 0%,
@@ -238,31 +234,31 @@
         );
     }
 /* SLIDE ANIMATION */
-.calendar__left_1quxm .calendar__daysEnter_1quxm {
+.calendar__left_njznz .calendar__daysEnter_njznz {
         transform: translateX(var(--calendar-day-size));
     }
-.calendar__left_1quxm .calendar__daysEnterActive_1quxm {
+.calendar__left_njznz .calendar__daysEnterActive_njznz {
         transform: translateX(0%);
     }
-.calendar__left_1quxm .calendar__daysExit_1quxm {
+.calendar__left_njznz .calendar__daysExit_njznz {
         transform: translateX(0%);
     }
-.calendar__left_1quxm .calendar__daysExitActive_1quxm {
+.calendar__left_njznz .calendar__daysExitActive_njznz {
         transform: translateX(calc(-1 * var(--calendar-day-size)));
     }
-.calendar__right_1quxm .calendar__daysEnter_1quxm {
+.calendar__right_njznz .calendar__daysEnter_njznz {
         transform: translateX(calc(-1 * var(--calendar-day-size)));
     }
-.calendar__right_1quxm .calendar__daysEnterActive_1quxm {
+.calendar__right_njznz .calendar__daysEnterActive_njznz {
         transform: translateX(0%);
     }
-.calendar__right_1quxm .calendar__daysExit_1quxm {
+.calendar__right_njznz .calendar__daysExit_njznz {
         transform: translateX(0%);
     }
-.calendar__right_1quxm .calendar__daysExitActive_1quxm {
+.calendar__right_njznz .calendar__daysExitActive_njznz {
         transform: translateX(var(--calendar-day-size));
     }
-.calendar__dot_1quxm {
+.calendar__dot_njznz {
     display: block;
     position: absolute;
     bottom: 4px;
@@ -273,25 +269,25 @@
     border-radius: var(--border-radius-circle);
     background: var(--calendar-marker-background);
 }
-.calendar__selected_1quxm .calendar__dot_1quxm {
+.calendar__selected_njznz .calendar__dot_njznz {
     background: var(--calendar-marker-selected-background);
 }
-.calendar__daysEnter_1quxm {
+.calendar__daysEnter_njznz {
     opacity: 0;
     position: absolute;
     left: 0;
 }
-.calendar__daysEnterActive_1quxm {
+.calendar__daysEnterActive_njznz {
     opacity: 1;
 }
-.calendar__daysExit_1quxm {
+.calendar__daysExit_njznz {
     pointer-events: none;
     opacity: 1;
 }
-.calendar__daysExitActive_1quxm {
+.calendar__daysExitActive_njznz {
     opacity: 0;
 }
-.calendar__daysEnterActive_1quxm,
-.calendar__daysExitActive_1quxm {
+.calendar__daysEnterActive_njznz,
+.calendar__daysExitActive_njznz {
     transition: opacity 300ms, transform 300ms;
 }

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

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

package/calendar/components/header/Component.js

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

package/calendar/components/header/index.css

@@ -1,4 +1,4 @@
-/* hash: q7pp1 */
+/* hash: p50ay */
 :root {
     --shadow-s: 0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08);
 
@@ -32,7 +32,7 @@
 
     /* marker */
 }
-.calendar__header_1eeek {
+.calendar__header_1vl66 {
     width: 100%;
     box-sizing: border-box;
     padding: var(--gap-m) 0 var(--gap-s);
@@ -40,6 +40,6 @@
     display: flex;
     justify-content: center;
 }
-.calendar__withShadow_1eeek {
+.calendar__withShadow_1vl66 {
     box-shadow: var(--shadow-s);
 }

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-dc64318e.js');
+require('../../tslib.es6-56787b8b.js');
 var React = require('react');
 var cn = require('classnames');
 require('date-fns/startOfDay');
@@ -34,7 +34,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"calendar__component_4hay7","button":"calendar__button_4hay7","month":"calendar__month_4hay7","year":"calendar__year_4hay7","buttonContent":"calendar__buttonContent_4hay7","upDownIcon":"calendar__upDownIcon_4hay7"};
+var styles = {"component":"calendar__component_rz378","button":"calendar__button_rz378","month":"calendar__month_rz378","year":"calendar__year_rz378","buttonContent":"calendar__buttonContent_rz378","upDownIcon":"calendar__upDownIcon_rz378"};
 require('./index.css');
 
 var MonthYearHeader = function (_a) {