@alfalab/core-components 47.13.0 → 47.14.0

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

@@ -18,6 +18,8 @@
     --gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-4: var(--gap-2xs);
+    --gap-8: var(--gap-xs);
 } :root {
 } :root {
 } :root {
@@ -27,8 +29,8 @@
     --calendar-mobile-inner-half-width: calc(var(--calendar-mobile-inner-width) / 2);
 
     /* Кнопки выбора месяцев и годов */
-    --calendar-select-button-gap: calc(var(--gap-xs) / 3);
-    --calendar-mobile-select-button-gap: calc(var(--gap-2xs) / 2);
+    --calendar-select-button-gap: calc(var(--gap-8) / 3);
+    --calendar-mobile-select-button-gap: calc(var(--gap-4) / 2);
     --calendar-mobile-select-button-width: calc(
         var(--calendar-mobile-inner-half-width) - var(--calendar-mobile-select-button-gap)
     );
@@ -53,43 +55,43 @@
     /* disabled */
 
     /* marker */
-} .cc-calendar .calendar__yearsTable_1vt2k {
+} .cc-calendar .calendar__yearsTable_yx1gk {
         width: 100%
-    } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_1vt2k {
-            padding-top: var(--gap-xs)
+    } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_yx1gk {
+            padding-top: var(--gap-8)
     }
-        } .cc-calendar .calendar__yearsTable_1vt2k.calendar__responsive_1vt2k .calendar__inner_1vt2k {
+        } .cc-calendar .calendar__yearsTable_yx1gk.calendar__responsive_yx1gk .calendar__inner_yx1gk {
                 width: 100%;
-            } .cc-calendar .calendar__yearsTable_1vt2k.calendar__responsive_1vt2k .calendar__button_1vt2k {
-                width: calc(33.333% - var(--gap-2xs) / 1.5);
-            } .cc-calendar .calendar__yearsTable_1vt2k:not(.calendar__responsive_1vt2k) .calendar__inner_1vt2k {
+            } .cc-calendar .calendar__yearsTable_yx1gk.calendar__responsive_yx1gk .calendar__button_yx1gk {
+                width: calc(33.333% - var(--gap-4) / 1.5);
+            } .cc-calendar .calendar__yearsTable_yx1gk:not(.calendar__responsive_yx1gk) .calendar__inner_yx1gk {
                 width: var(--calendar-inner-width);
                 margin: 0 auto
-            } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_1vt2k:not(.calendar__responsive_1vt2k) .calendar__inner_1vt2k {
+            } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_yx1gk:not(.calendar__responsive_yx1gk) .calendar__inner_yx1gk {
                     width: var(--calendar-mobile-inner-width)
             }
-                } .cc-calendar .calendar__yearsTable_1vt2k:not(.calendar__responsive_1vt2k) .calendar__button_1vt2k {
+                } .cc-calendar .calendar__yearsTable_yx1gk:not(.calendar__responsive_yx1gk) .calendar__button_yx1gk {
                 width: var(--calendar-select-button-width)
-            } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_1vt2k:not(.calendar__responsive_1vt2k) .calendar__button_1vt2k {
+            } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_yx1gk:not(.calendar__responsive_yx1gk) .calendar__button_yx1gk {
                     width: var(--calendar-mobile-select-button-width)
             }
 
-                    .cc-calendar .calendar__yearsTable_1vt2k:not(.calendar__responsive_1vt2k) .calendar__button_1vt2k:nth-child(3n) {
-                        margin-right: var(--gap-2xs);
+                    .cc-calendar .calendar__yearsTable_yx1gk:not(.calendar__responsive_yx1gk) .calendar__button_yx1gk:nth-child(3n) {
+                        margin-right: var(--gap-4);
                     }
 
-                    .cc-calendar .calendar__yearsTable_1vt2k:not(.calendar__responsive_1vt2k) .calendar__button_1vt2k:nth-child(2n) {
+                    .cc-calendar .calendar__yearsTable_yx1gk:not(.calendar__responsive_yx1gk) .calendar__button_yx1gk:nth-child(2n) {
                         margin-right: 0;
                     }
-                } .cc-calendar .calendar__inner_1vt2k {
+                } .cc-calendar .calendar__inner_yx1gk {
         position: relative;
         overflow: hidden;
-    } .cc-calendar .calendar__button_1vt2k {
-        margin-right: var(--gap-2xs);
-        margin-bottom: var(--gap-xs)
-    } .cc-calendar .calendar__button_1vt2k:nth-child(3n) {
+    } .cc-calendar .calendar__button_yx1gk {
+        margin-right: var(--gap-4);
+        margin-bottom: var(--gap-8)
+    } .cc-calendar .calendar__button_yx1gk:nth-child(3n) {
             margin-right: 0;
-        } @media (max-width: 374px) { .cc-calendar .calendar__button_1vt2k {
+        } @media (max-width: 374px) { .cc-calendar .calendar__button_yx1gk {
             height: 36px
     }
         }

package/calendar/modern/desktop/Component.desktop.js

@@ -32,7 +32,6 @@ import { YearsTable } from '../components/years-table/Component.js';
 import { useCalendar } from '../useCalendar.js';
 import { useRange } from '../useRange.js';
 import 'react-transition-group';
-import 'date-fns';
 import 'date-fns/isEqual';
 import 'date-fns/isLastDayOfMonth';
 import 'date-fns/isSameDay';
@@ -64,7 +63,7 @@ import 'date-fns/setYear';
 import 'date-fns/subYears';
 import '../usePeriod.js';
 
-const styles = {"component":"calendar__component_1a5m2","responsive":"calendar__responsive_1a5m2","period":"calendar__period_1a5m2","monthYear":"calendar__monthYear_1a5m2","container":"calendar__container_1a5m2","customScrollbar":"calendar__customScrollbar_1a5m2","nativeScrollbar":"calendar__nativeScrollbar_1a5m2","sixWeeks":"calendar__sixWeeks_1a5m2"};
+const styles = {"component":"calendar__component_xy86k","responsive":"calendar__responsive_xy86k","period":"calendar__period_xy86k","monthYear":"calendar__monthYear_xy86k","container":"calendar__container_xy86k","customScrollbar":"calendar__customScrollbar_xy86k","nativeScrollbar":"calendar__nativeScrollbar_xy86k","sixWeeks":"calendar__sixWeeks_xy86k"};
 require('./desktop.css');
 
 const { useCustomWebkitScrollbar } = hooks;

package/calendar/modern/desktop/desktop.css

@@ -21,6 +21,8 @@
     --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-4: var(--gap-2xs);
+    --gap-16: var(--gap-m);
 } :root {
 } :root {
 } :root {
@@ -48,92 +50,92 @@
     /* disabled */
 
     /* marker */
-} .calendar__component_1a5m2 {
+} .calendar__component_xy86k {
     width: var(--calendar-width);
     height: var(--calendar-height);
     display: flex;
     flex-direction: column;
     overflow: hidden;
     outline: none
-} @media (max-width: 374px) { .calendar__component_1a5m2 {
+} @media (max-width: 374px) { .calendar__component_xy86k {
         align-items: center;
         width: 100%
 }
-    } .calendar__component_1a5m2.calendar__responsive_1a5m2 {
+    } .calendar__component_xy86k.calendar__responsive_xy86k {
         width: 100%
-    } .calendar__component_1a5m2.calendar__responsive_1a5m2 .calendar__period_1a5m2 {
+    } .calendar__component_xy86k.calendar__responsive_xy86k .calendar__period_xy86k {
             width: 100%;
-        } .calendar__component_1a5m2.calendar__responsive_1a5m2 .calendar__monthYear_1a5m2 {
+        } .calendar__component_xy86k.calendar__responsive_xy86k .calendar__monthYear_xy86k {
             width: 100%;
-        } .calendar__component_1a5m2.calendar__responsive_1a5m2 .calendar__container_1a5m2 {
+        } .calendar__component_xy86k.calendar__responsive_xy86k .calendar__container_xy86k {
             width: 100%;
-        } .calendar__container_1a5m2 {
+        } .calendar__container_xy86k {
     display: flex;
     flex-direction: column;
     align-items: center;
-    padding: 0 var(--gap-m) var(--gap-m);
+    padding: 0 var(--gap-16) var(--gap-16);
     box-sizing: border-box;
     flex-grow: 1;
     overflow: hidden
-} .calendar__container_1a5m2.calendar__customScrollbar_1a5m2 {
+} .calendar__container_xy86k.calendar__customScrollbar_xy86k {
         overflow: auto;
         cursor: auto;
-    } .calendar__container_1a5m2.calendar__customScrollbar_1a5m2::-webkit-scrollbar {
+    } .calendar__container_xy86k.calendar__customScrollbar_xy86k::-webkit-scrollbar {
         width: 12px;
         height: 12px;
-    } .calendar__container_1a5m2.calendar__customScrollbar_1a5m2::-webkit-scrollbar-track {
+    } .calendar__container_xy86k.calendar__customScrollbar_xy86k::-webkit-scrollbar-track {
         background-color: transparent;
-    } .calendar__container_1a5m2.calendar__customScrollbar_1a5m2::-webkit-scrollbar-track-piece {
+    } .calendar__container_xy86k.calendar__customScrollbar_xy86k::-webkit-scrollbar-track-piece {
         background-color: transparent;
-    } .calendar__container_1a5m2.calendar__customScrollbar_1a5m2::-webkit-scrollbar-thumb {
+    } .calendar__container_xy86k.calendar__customScrollbar_xy86k::-webkit-scrollbar-thumb {
         background-color: var(--color-light-neutral-translucent-500);
         border-color: transparent;
         border-style: solid;
         border-width: 4px;
         background-clip: padding-box;
-    } .calendar__container_1a5m2.calendar__customScrollbar_1a5m2::-webkit-scrollbar-thumb:vertical {
+    } .calendar__container_xy86k.calendar__customScrollbar_xy86k::-webkit-scrollbar-thumb:vertical {
         border-radius: var(--border-radius-circle) / 6px;
         min-height: 40px;
-    } .calendar__container_1a5m2.calendar__customScrollbar_1a5m2::-webkit-scrollbar-thumb:vertical:hover {
+    } .calendar__container_xy86k.calendar__customScrollbar_xy86k::-webkit-scrollbar-thumb:vertical:hover {
         border-radius: var(--border-radius-circle) / 7px;
         border-width: 4px 3px;
-    } .calendar__container_1a5m2.calendar__customScrollbar_1a5m2::-webkit-scrollbar-thumb:horizontal {
+    } .calendar__container_xy86k.calendar__customScrollbar_xy86k::-webkit-scrollbar-thumb:horizontal {
         border-radius: 6px / var(--border-radius-circle);
         min-width: 40px;
-    } .calendar__container_1a5m2.calendar__customScrollbar_1a5m2::-webkit-scrollbar-thumb:horizontal:hover {
+    } .calendar__container_xy86k.calendar__customScrollbar_xy86k::-webkit-scrollbar-thumb:horizontal:hover {
         border-radius: 7px / var(--border-radius-circle);
         border-width: 3px 4px;
-    } .calendar__container_1a5m2.calendar__customScrollbar_1a5m2::-webkit-scrollbar-thumb:active {
+    } .calendar__container_xy86k.calendar__customScrollbar_xy86k::-webkit-scrollbar-thumb:active {
         background-color: var(--color-light-text-secondary);
-    } .calendar__container_1a5m2.calendar__customScrollbar_1a5m2::-webkit-resizer {
+    } .calendar__container_xy86k.calendar__customScrollbar_xy86k::-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_1a5m2.calendar__customScrollbar_1a5m2::-webkit-scrollbar-button,
-    .calendar__container_1a5m2.calendar__customScrollbar_1a5m2::-webkit-scrollbar-corner {
+    } .calendar__container_xy86k.calendar__customScrollbar_xy86k::-webkit-scrollbar-button,
+    .calendar__container_xy86k.calendar__customScrollbar_xy86k::-webkit-scrollbar-corner {
         display: none;
-    } .calendar__container_1a5m2.calendar__customScrollbar_1a5m2 {
+    } .calendar__container_xy86k.calendar__customScrollbar_xy86k {
 
         display: block;
-        padding-right: var(--gap-2xs);
+        padding-right: var(--gap-4);
         overflow: hidden auto;
         scrollbar-gutter: stable;
-    } .calendar__container_1a5m2.calendar__nativeScrollbar_1a5m2 {
+    } .calendar__container_xy86k.calendar__nativeScrollbar_xy86k {
         overflow: hidden auto;
-    } @media (max-width: 374px) { .calendar__container_1a5m2 {
+    } @media (max-width: 374px) { .calendar__container_xy86k {
         width: 288px
 }
-    } .calendar__sixWeeks_1a5m2 {
+    } .calendar__sixWeeks_xy86k {
     height: 388px;
-} .calendar__period_1a5m2 {
+} .calendar__period_xy86k {
     width: var(--calendar-inner-width)
-} @media (max-width: 374px) { .calendar__period_1a5m2 {
+} @media (max-width: 374px) { .calendar__period_xy86k {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto
 }
-    } .calendar__monthYear_1a5m2 {
+    } .calendar__monthYear_xy86k {
     width: var(--calendar-inner-width)
-} @media (max-width: 374px) { .calendar__monthYear_1a5m2 {
+} @media (max-width: 374px) { .calendar__monthYear_xy86k {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto

package/calendar/modern/desktop/index.js

@@ -8,7 +8,6 @@ import '../../../shared/modern';
 import '@alfalab/hooks';
 import '../components/days-table/Component.js';
 import 'react-transition-group';
-import 'date-fns';
 import 'date-fns/isEqual';
 import 'date-fns/isLastDayOfMonth';
 import 'date-fns/isSameDay';

package/calendar/modern/index.js

@@ -8,7 +8,10 @@ import '@juggle/resize-observer';
 import 'classnames';
 import 'date-fns/endOfDay';
 import 'date-fns/isAfter';
+import 'date-fns/isSameDay';
 import 'date-fns/isSameMonth';
+import 'date-fns/isThisMonth';
+import 'date-fns/lastDayOfMonth';
 import 'date-fns/startOfDay';
 import 'date-fns/startOfMonth';
 import '../../button/modern/mobile';
@@ -19,10 +22,8 @@ import './desktop/Component.desktop.js';
 import '@alfalab/hooks';
 import './components/days-table/Component.js';
 import 'react-transition-group';
-import 'date-fns';
 import 'date-fns/isEqual';
 import 'date-fns/isLastDayOfMonth';
-import 'date-fns/isSameDay';
 import 'date-fns/isToday';
 import 'date-fns/isWithinInterval';
 import '../../button/modern/desktop';
@@ -36,7 +37,6 @@ import 'date-fns/endOfWeek';
 import 'date-fns/endOfYear';
 import 'date-fns/format';
 import 'date-fns/isBefore';
-import 'date-fns/lastDayOfMonth';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/parse';
@@ -49,7 +49,6 @@ import './components/month-year-header/Component.js';
 import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
 import './components/select-button/Component.js';
 import './components/months-table/Component.js';
-import 'date-fns/isThisMonth';
 import './components/period-slider/Component.js';
 import '../../icon-button/modern';
 import '@alfalab/icons-glyph/ChevronBackMIcon';

package/calendar/modern/mobile/index.js

@@ -6,7 +6,10 @@ import '@juggle/resize-observer';
 import 'classnames';
 import 'date-fns/endOfDay';
 import 'date-fns/isAfter';
+import 'date-fns/isSameDay';
 import 'date-fns/isSameMonth';
+import 'date-fns/isThisMonth';
+import 'date-fns/lastDayOfMonth';
 import 'date-fns/startOfDay';
 import 'date-fns/startOfMonth';
 import '../../../button/modern/mobile';
@@ -17,10 +20,8 @@ import '../desktop/Component.desktop.js';
 import '@alfalab/hooks';
 import '../components/days-table/Component.js';
 import 'react-transition-group';
-import 'date-fns';
 import 'date-fns/isEqual';
 import 'date-fns/isLastDayOfMonth';
-import 'date-fns/isSameDay';
 import 'date-fns/isToday';
 import 'date-fns/isWithinInterval';
 import '../../../button/modern/desktop';
@@ -34,7 +35,6 @@ import 'date-fns/endOfWeek';
 import 'date-fns/endOfYear';
 import 'date-fns/format';
 import 'date-fns/isBefore';
-import 'date-fns/lastDayOfMonth';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/parse';
@@ -47,7 +47,6 @@ import '../components/month-year-header/Component.js';
 import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
 import '../components/select-button/Component.js';
 import '../components/months-table/Component.js';
-import 'date-fns/isThisMonth';
 import '../components/period-slider/Component.js';
 import '../../../icon-button/modern';
 import '@alfalab/icons-glyph/ChevronBackMIcon';

package/calendar/modern/useCalendar.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { KeyboardEvent, MouseEvent, Ref, RefObject } from 'react';
+import { KeyboardEvent, MouseEvent, Ref } from 'react';
 import { Day, DayAddons, Month, View } from "./typings";
 type UseCalendarProps = {
     /**
@@ -50,14 +50,8 @@ type UseCalendarProps = {
      * Дополнительный контент под числом
      */
     dayAddons?: DayAddons[];
-    /**
-     * Ref для сброса заголовка clickableMonth
-     */
-    resetCurrentClickedMonth?: RefObject<{
-        resetCurrentClickedMonth: () => void;
-    }>;
 };
-declare function useCalendar({ defaultMonth, month, minDate, view, maxDate, selected, events, offDays, holidays, dayAddons, onMonthChange, onChange, resetCurrentClickedMonth, }: UseCalendarProps): {
+declare function useCalendar({ defaultMonth, month, minDate, view, maxDate, selected, events, offDays, holidays, dayAddons, onMonthChange, onChange, }: UseCalendarProps): {
     activeMonth: Date;
     weeks: Day[][];
     months: Month[];

package/calendar/modern/useCalendar.js

@@ -30,7 +30,7 @@ import 'date-fns/subDays';
 import 'date-fns/subMonths';
 import '../../shared/modern';
 
-function useCalendar({ defaultMonth, month, minDate, view = 'days', maxDate, selected, events, offDays, holidays, dayAddons, onMonthChange, onChange, resetCurrentClickedMonth, }) {
+function useCalendar({ defaultMonth, month, minDate, view = 'days', maxDate, selected, events, offDays, holidays, dayAddons, onMonthChange, onChange, }) {
     const [monthState, setMonthState] = useState(defaultMonth);
     const [highlighted, setHighlighted] = useState();
     const uncontrolled = month === undefined;
@@ -185,8 +185,6 @@ function useCalendar({ defaultMonth, month, minDate, view = 'days', maxDate, sel
             onChange(+date);
         }
         handleDayMouseLeave();
-        // сбрасываем выбранный месяц если выбираем дату вручную
-        resetCurrentClickedMonth?.current?.resetCurrentClickedMonth();
     };
     const daysControls = useMemo(() => ({
         ArrowLeft: () => focusDay('prev'),

package/calendar/useCalendar.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { KeyboardEvent, MouseEvent, Ref, RefObject } from 'react';
+import { KeyboardEvent, MouseEvent, Ref } from 'react';
 import { Day, DayAddons, Month, View } from "./typings";
 type UseCalendarProps = {
     /**
@@ -50,14 +50,8 @@ type UseCalendarProps = {
      * Дополнительный контент под числом
      */
     dayAddons?: DayAddons[];
-    /**
-     * Ref для сброса заголовка clickableMonth
-     */
-    resetCurrentClickedMonth?: RefObject<{
-        resetCurrentClickedMonth: () => void;
-    }>;
 };
-declare function useCalendar({ defaultMonth, month, minDate, view, maxDate, selected, events, offDays, holidays, dayAddons, onMonthChange, onChange, resetCurrentClickedMonth, }: UseCalendarProps): {
+declare function useCalendar({ defaultMonth, month, minDate, view, maxDate, selected, events, offDays, holidays, dayAddons, onMonthChange, onChange, }: UseCalendarProps): {
     activeMonth: Date;
     weeks: Day[][];
     months: Month[];

package/calendar/useCalendar.js

@@ -25,7 +25,7 @@ var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 var subYears__default = /*#__PURE__*/_interopDefaultCompat(subYears);
 
 function useCalendar(_a) {
-    var defaultMonth = _a.defaultMonth, month = _a.month, minDate = _a.minDate, _b = _a.view, view = _b === void 0 ? 'days' : _b, maxDate = _a.maxDate, selected = _a.selected, events = _a.events, offDays = _a.offDays, holidays = _a.holidays, dayAddons = _a.dayAddons, onMonthChange = _a.onMonthChange, onChange = _a.onChange, resetCurrentClickedMonth = _a.resetCurrentClickedMonth;
+    var defaultMonth = _a.defaultMonth, month = _a.month, minDate = _a.minDate, _b = _a.view, view = _b === void 0 ? 'days' : _b, maxDate = _a.maxDate, selected = _a.selected, events = _a.events, offDays = _a.offDays, holidays = _a.holidays, dayAddons = _a.dayAddons, onMonthChange = _a.onMonthChange, onChange = _a.onChange;
     var _c = React.useState(defaultMonth), monthState = _c[0], setMonthState = _c[1];
     var _d = React.useState(), highlighted = _d[0], setHighlighted = _d[1];
     var uncontrolled = month === undefined;
@@ -179,14 +179,11 @@ function useCalendar(_a) {
         setHighlighted(undefined);
     }, []);
     var handleDayClick = function (event) {
-        var _a;
         var date = event.currentTarget.dataset.date;
         if (date && onChange) {
             onChange(+date);
         }
         handleDayMouseLeave();
-        // сбрасываем выбранный месяц если выбираем дату вручную
-        (_a = resetCurrentClickedMonth === null || resetCurrentClickedMonth === void 0 ? void 0 : resetCurrentClickedMonth.current) === null || _a === void 0 ? void 0 : _a.resetCurrentClickedMonth();
     };
     var daysControls = React.useMemo(function () { return ({
         ArrowLeft: function () { return focusDay('prev'); },

package/calendar-input/components/calendar-input/Component.js

@@ -16,7 +16,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"calendar-input__component_gnszt","block":"calendar-input__block_gnszt","calendarContainer":"calendar-input__calendarContainer_gnszt","calendarResponsive":"calendar-input__calendarResponsive_gnszt","calendarIcon":"calendar-input__calendarIcon_gnszt","nativeInput":"calendar-input__nativeInput_gnszt"};
+var styles = {"component":"calendar-input__component_1dy3w","block":"calendar-input__block_1dy3w","calendarContainer":"calendar-input__calendarContainer_1dy3w","calendarResponsive":"calendar-input__calendarResponsive_1dy3w","calendarIcon":"calendar-input__calendarIcon_1dy3w","nativeInput":"calendar-input__nativeInput_1dy3w"};
 require('./index.css');
 
 var CalendarInput = React.forwardRef(function (_a, ref) {

package/calendar-input/components/calendar-input/index.css

@@ -20,6 +20,7 @@
     --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-4: var(--gap-2xs);
 } :root {
 } :root {
 } :root {
@@ -47,31 +48,31 @@
 } :root {
     --calendar-input-icon-color: var(--color-light-neutral-translucent-700);
     --calendar-input-popover-border-radius: var(--border-radius-m);
-} .calendar-input__component_gnszt {
+} .calendar-input__component_1dy3w {
     display: inline-block;
     outline: none;
     position: relative;
-} .calendar-input__block_gnszt {
+} .calendar-input__block_1dy3w {
     width: 100%;
-} .calendar-input__calendarContainer_gnszt {
+} .calendar-input__calendarContainer_1dy3w {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-input-popover-border-radius);
     border: 1px solid var(--color-light-neutral-300)
-} @media (max-width: 374px) { .calendar-input__calendarContainer_gnszt {
+} @media (max-width: 374px) { .calendar-input__calendarContainer_1dy3w {
         width: 100%;
         min-width: 288px
 }
-    } .calendar-input__calendarResponsive_gnszt {
+    } .calendar-input__calendarResponsive_1dy3w {
     width: var(--calendar-width);
-} .calendar-input__calendarIcon_gnszt {
+} .calendar-input__calendarIcon_1dy3w {
     width: 24px;
     height: 24px;
     display: block;
     color: var(--calendar-input-icon-color)
-} .calendar-input__calendarIcon_gnszt:not(:only-child) {
-        margin-right: var(--gap-2xs);
-    } .calendar-input__nativeInput_gnszt {
+} .calendar-input__calendarIcon_1dy3w:not(:only-child) {
+        margin-right: var(--gap-4);
+    } .calendar-input__nativeInput_1dy3w {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -80,8 +81,8 @@
     height: 100%;
     appearance: none;
     z-index: 1
-} .calendar-input__nativeInput_gnszt::-webkit-calendar-picker-indicator {
+} .calendar-input__nativeInput_1dy3w::-webkit-calendar-picker-indicator {
         display: none;
-    } .calendar-input__nativeInput_gnszt::-webkit-inner-spin-button {
+    } .calendar-input__nativeInput_1dy3w::-webkit-inner-spin-button {
         display: none;
     }

package/calendar-input/cssm/components/calendar-input/index.module.css

@@ -19,6 +19,7 @@
     --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-4: var(--gap-2xs);
 } :root {
 } :root {
 } :root {
@@ -69,7 +70,7 @@
     display: block;
     color: var(--calendar-input-icon-color)
 } .calendarIcon:not(:only-child) {
-        margin-right: var(--gap-2xs);
+        margin-right: var(--gap-4);
     } .nativeInput {
     opacity: 0;
     position: absolute;

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

@@ -11,7 +11,7 @@ import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
 
-var styles = {"component":"calendar-input__component_gnszt","block":"calendar-input__block_gnszt","calendarContainer":"calendar-input__calendarContainer_gnszt","calendarResponsive":"calendar-input__calendarResponsive_gnszt","calendarIcon":"calendar-input__calendarIcon_gnszt","nativeInput":"calendar-input__nativeInput_gnszt"};
+var styles = {"component":"calendar-input__component_1dy3w","block":"calendar-input__block_1dy3w","calendarContainer":"calendar-input__calendarContainer_1dy3w","calendarResponsive":"calendar-input__calendarResponsive_1dy3w","calendarIcon":"calendar-input__calendarIcon_1dy3w","nativeInput":"calendar-input__nativeInput_1dy3w"};
 require('./index.css');
 
 var CalendarInput = forwardRef(function (_a, ref) {

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

@@ -20,6 +20,7 @@
     --gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-4: var(--gap-2xs);
 } :root {
 } :root {
 } :root {
@@ -47,31 +48,31 @@
 } :root {
     --calendar-input-icon-color: var(--color-light-neutral-translucent-700);
     --calendar-input-popover-border-radius: var(--border-radius-m);
-} .calendar-input__component_gnszt {
+} .calendar-input__component_1dy3w {
     display: inline-block;
     outline: none;
     position: relative;
-} .calendar-input__block_gnszt {
+} .calendar-input__block_1dy3w {
     width: 100%;
-} .calendar-input__calendarContainer_gnszt {
+} .calendar-input__calendarContainer_1dy3w {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-input-popover-border-radius);
     border: 1px solid var(--color-light-neutral-300)
-} @media (max-width: 374px) { .calendar-input__calendarContainer_gnszt {
+} @media (max-width: 374px) { .calendar-input__calendarContainer_1dy3w {
         width: 100%;
         min-width: 288px
 }
-    } .calendar-input__calendarResponsive_gnszt {
+    } .calendar-input__calendarResponsive_1dy3w {
     width: var(--calendar-width);
-} .calendar-input__calendarIcon_gnszt {
+} .calendar-input__calendarIcon_1dy3w {
     width: 24px;
     height: 24px;
     display: block;
     color: var(--calendar-input-icon-color)
-} .calendar-input__calendarIcon_gnszt:not(:only-child) {
-        margin-right: var(--gap-2xs);
-    } .calendar-input__nativeInput_gnszt {
+} .calendar-input__calendarIcon_1dy3w:not(:only-child) {
+        margin-right: var(--gap-4);
+    } .calendar-input__nativeInput_1dy3w {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -80,8 +81,8 @@
     height: 100%;
     appearance: none;
     z-index: 1
-} .calendar-input__nativeInput_gnszt::-webkit-calendar-picker-indicator {
+} .calendar-input__nativeInput_1dy3w::-webkit-calendar-picker-indicator {
         display: none;
-    } .calendar-input__nativeInput_gnszt::-webkit-inner-spin-button {
+    } .calendar-input__nativeInput_1dy3w::-webkit-inner-spin-button {
         display: none;
     }

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

@@ -10,7 +10,7 @@ import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
 
-const styles = {"component":"calendar-input__component_gnszt","block":"calendar-input__block_gnszt","calendarContainer":"calendar-input__calendarContainer_gnszt","calendarResponsive":"calendar-input__calendarResponsive_gnszt","calendarIcon":"calendar-input__calendarIcon_gnszt","nativeInput":"calendar-input__nativeInput_gnszt"};
+const styles = {"component":"calendar-input__component_1dy3w","block":"calendar-input__block_1dy3w","calendarContainer":"calendar-input__calendarContainer_1dy3w","calendarResponsive":"calendar-input__calendarResponsive_1dy3w","calendarIcon":"calendar-input__calendarIcon_1dy3w","nativeInput":"calendar-input__nativeInput_1dy3w"};
 require('./index.css');
 
 const CalendarInput = forwardRef(({ block = false, className, inputClassName, popoverClassName, defaultOpen = false, defaultMonth, defaultValue = '', calendarPosition = 'popover', value, dataTestId, calendarProps = {}, minDate = calendarProps.minDate, maxDate = calendarProps.maxDate, offDays = calendarProps.offDays || [], events = calendarProps.events || [], preventFlip, mobileMode = 'popover', wrapperRef = null, disabled, onChange = () => null, onInputChange, onCalendarChange, onCalendarOpen, onCalendarClose, onKeyDown, readOnly, disableUserInput = false, Calendar, popoverPosition = 'bottom-start', zIndexPopover, useAnchorWidth, rightAddons, error, view = 'desktop', ...restProps }, ref) => {