@alfalab/core-components 45.9.0-beta.3 → 45.10.0

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

@@ -4,6 +4,7 @@ import endOfWeek from 'date-fns/endOfWeek';
 import startOfWeek from 'date-fns/startOfWeek';
 import { ButtonDesktop } from '../../../../button/esm/desktop';
 import { IconButton } from '../../../../icon-button/esm';
+import { getDataTestId } from '../../../../shared/esm';
 import { ChevronBackMIcon } from '@alfalab/icons-glyph/ChevronBackMIcon';
 import { monthName } from '../../utils.js';
 import { getYearSelectorValue, shiftValues, formatPeriod } from './utils.js';
@@ -27,7 +28,6 @@ import 'date-fns/startOfMonth';
 import 'date-fns/startOfYear';
 import 'date-fns/subDays';
 import 'date-fns/subMonths';
-import '../../../../shared/esm';
 import 'date-fns/addQuarters';
 import 'date-fns/addWeeks';
 import 'date-fns/addYears';
@@ -44,8 +44,8 @@ var styles = {"component":"calendar__component_sa2fq","period":"calendar__period
 require('./index.css');
 
 var PeriodSlider = function (_a) {
-    var value = _a.value, _b = _a.periodType, periodType = _b === void 0 ? 'month' : _b, className = _a.className, _c = _a.periodFormatter, periodFormatter = _c === void 0 ? formatPeriod : _c, _d = _a.prevArrowDisabled, prevArrowDisabled = _d === void 0 ? false : _d, _e = _a.nextArrowDisabled, nextArrowDisabled = _e === void 0 ? false : _e, _f = _a.hideDisabledArrows, hideDisabledArrows = _f === void 0 ? false : _f, _g = _a.isMonthAndYearSelectable, isMonthAndYearSelectable = _g === void 0 ? false : _g, _h = _a.showCurrentYearSelector, showCurrentYearSelector = _h === void 0 ? false : _h, _j = _a.onPrevArrowClick, onPrevArrowClick = _j === void 0 ? function () { return null; } : _j, _k = _a.onNextArrowClick, onNextArrowClick = _k === void 0 ? function () { return null; } : _k, onMonthClick = _a.onMonthClick, onYearClick = _a.onYearClick, onPeriodClick = _a.onPeriodClick, dataTestId = _a.dataTestId, _l = _a.emptyValueText, emptyValueText = _l === void 0 ? 'Укажите период' : _l;
-    var _m = useMemo(function () {
+    var value = _a.value, _b = _a.periodType, periodType = _b === void 0 ? 'month' : _b, className = _a.className, _c = _a.periodFormatter, periodFormatter = _c === void 0 ? formatPeriod : _c, _d = _a.prevArrowDisabled, prevArrowDisabled = _d === void 0 ? false : _d, _e = _a.nextArrowDisabled, nextArrowDisabled = _e === void 0 ? false : _e, _f = _a.hideDisabledArrows, hideDisabledArrows = _f === void 0 ? false : _f, _g = _a.isMonthAndYearSelectable, isMonthAndYearSelectable = _g === void 0 ? false : _g, _h = _a.showCurrentYearSelector, showCurrentYearSelector = _h === void 0 ? false : _h, _j = _a.onPrevArrowClick, onPrevArrowClick = _j === void 0 ? function () { return null; } : _j, _k = _a.onNextArrowClick, onNextArrowClick = _k === void 0 ? function () { return null; } : _k, onMonthClick = _a.onMonthClick, onYearClick = _a.onYearClick, onPeriodClick = _a.onPeriodClick, _l = _a.dataTestId, dataTestId = _l === void 0 ? 'period-slider' : _l, _m = _a.emptyValueText, emptyValueText = _m === void 0 ? 'Укажите период' : _m;
+    var _o = useMemo(function () {
         var _a;
         var from;
         var to;
@@ -62,7 +62,7 @@ var PeriodSlider = function (_a) {
             }
         }
         return [from, to];
-    }, [periodType, value]), valueFrom = _m[0], valueTo = _m[1];
+    }, [periodType, value]), valueFrom = _o[0], valueTo = _o[1];
     var yearSelectorValue = useMemo(function () { return getYearSelectorValue(valueFrom, showCurrentYearSelector); }, [showCurrentYearSelector, valueFrom]);
     var showArrow = function (direction) {
         if (hideDisabledArrows) {
@@ -110,9 +110,9 @@ var PeriodSlider = function (_a) {
         return (React.createElement("span", { className: styles.period }, periodFormatter(valueFrom, valueTo, periodType, showCurrentYearSelector)));
     };
     return (React.createElement("div", { className: cn(styles.component, className), "aria-live": 'polite', "data-test-id": dataTestId },
-        showArrow('prev') && (React.createElement(IconButton, { size: 'xs', className: styles.arrow, icon: ChevronBackMIcon, onClick: handlePrevArrowClick, disabled: prevArrowDisabled || !valueFrom, "aria-label": '\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u043F\u0435\u0440\u0438\u043E\u0434' })),
+        showArrow('prev') && (React.createElement(IconButton, { size: 'xs', className: styles.arrow, icon: ChevronBackMIcon, onClick: handlePrevArrowClick, disabled: prevArrowDisabled || !valueFrom, "aria-label": '\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u043F\u0435\u0440\u0438\u043E\u0434', dataTestId: getDataTestId(dataTestId, 'btn-previous-day') })),
         renderHeader(),
-        showArrow('next') && (React.createElement(IconButton, { size: 'xs', className: styles.arrow, icon: ChevronBackMIcon, onClick: handleNextArrowClick, disabled: nextArrowDisabled || !valueFrom, "aria-label": '\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u043F\u0435\u0440\u0438\u043E\u0434' }))));
+        showArrow('next') && (React.createElement(IconButton, { size: 'xs', className: styles.arrow, icon: ChevronBackMIcon, onClick: handleNextArrowClick, disabled: nextArrowDisabled || !valueFrom, "aria-label": '\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u043F\u0435\u0440\u0438\u043E\u0434', dataTestId: getDataTestId(dataTestId, 'btn-next-day') }))));
 };
 
 export { PeriodSlider };

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

@@ -6,6 +6,7 @@ import 'date-fns/endOfWeek';
 import 'date-fns/startOfWeek';
 import '../../../../button/esm/desktop';
 import '../../../../icon-button/esm';
+import '../../../../shared/esm';
 import '@alfalab/icons-glyph/ChevronBackMIcon';
 import '../../utils.js';
 import 'date-fns/addDays';
@@ -28,7 +29,6 @@ import 'date-fns/startOfMonth';
 import 'date-fns/startOfYear';
 import 'date-fns/subDays';
 import 'date-fns/subMonths';
-import '../../../../shared/esm';
 import 'date-fns/addQuarters';
 import 'date-fns/addWeeks';
 import 'date-fns/addYears';

package/calendar/esm/desktop/Component.desktop.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import endOfDay from 'date-fns/endOfDay';
 import startOfDay from 'date-fns/startOfDay';
 import startOfMonth from 'date-fns/startOfMonth';
-import { hooks } from '../../../shared/esm';
+import { hooks, getDataTestId } from '../../../shared/esm';
 import { useLayoutEffect_SAFE_FOR_SSR, useDidUpdateEffect } from '@alfalab/hooks';
 import { DaysTable } from '../components/days-table/Component.js';
 import { Header } from '../components/header/Component.js';
@@ -155,7 +155,7 @@ var CalendarDesktop = forwardRef(function (_a, ref) {
             _b[styles.sixWeeks] = weeks.length === 6,
             _b[styles.responsive] = responsive,
             _b)), "data-test-id": dataTestId }),
-        hasHeader && (React.createElement(Header, { view: selectorView, withShadow: scrolled, className: headerClassName }, selectorView === 'month-only' ? (React.createElement(PeriodSlider, { className: styles.period, value: activeMonth, periodType: 'month', prevArrowDisabled: !canSetPrevMonth, nextArrowDisabled: !canSetNextMonth, hideDisabledArrows: true, showCurrentYearSelector: showCurrentYearSelector, onPrevArrowClick: handlePrevArrowClick, onNextArrowClick: handleNextArrowClick, onPeriodClick: onPeriodClick })) : (React.createElement(MonthYearHeader, { className: styles.monthYear, value: activeMonth, onMonthClick: handleMonthClick, onYearClick: handleYearClick })))),
+        hasHeader && (React.createElement(Header, { view: selectorView, withShadow: scrolled, className: headerClassName }, selectorView === 'month-only' ? (React.createElement(PeriodSlider, { className: styles.period, value: activeMonth, periodType: 'month', prevArrowDisabled: !canSetPrevMonth, nextArrowDisabled: !canSetNextMonth, hideDisabledArrows: true, showCurrentYearSelector: showCurrentYearSelector, onPrevArrowClick: handlePrevArrowClick, onNextArrowClick: handleNextArrowClick, onPeriodClick: onPeriodClick, dataTestId: getDataTestId(dataTestId, 'slider') })) : (React.createElement(MonthYearHeader, { className: styles.monthYear, value: activeMonth, onMonthClick: handleMonthClick, onYearClick: handleYearClick })))),
         React.createElement("div", { ref: scrollableNodeRef, className: cn(styles.container, (_c = {},
                 _c[styles.customScrollbar] = view === 'years' && shouldUseCustomScrollbar,
                 _c[styles.nativeScrollbar] = view === 'years' && !shouldUseCustomScrollbar,

package/calendar/esm/utils.d.ts

@@ -93,5 +93,7 @@ declare function getCalendarMobileTestIds(dataTestId: string): {
     closer: string;
     btnApply: string;
     btnReset: string;
+    btnNextDate: string;
+    btnPreviousDate: string;
 };
 export { DAYS_IN_WEEK, MONTHS_IN_YEAR, SUNDAY_INDEX, DATE_FORMAT, NATIVE_DATE_FORMAT, WEEKDAYS, MONTHS, russianWeekDay, generateWeeks, generateMonths, generateYears, buildDay, buildMonth, limitDate, dateInLimits, monthName, dateArrayToHashTable, addonArrayToHashTable, getSelectionRange, modifyDateByShift, simulateTab, formatDate, parseDateString, getCalendarMobileTestIds };

package/calendar/esm/utils.js

@@ -220,6 +220,8 @@ function getCalendarMobileTestIds(dataTestId) {
         closer: getDataTestId(dataTestId, 'header-closer'),
         btnApply: getDataTestId(dataTestId, 'btn-apply'),
         btnReset: getDataTestId(dataTestId, 'btn-reset'),
+        btnNextDate: getDataTestId(dataTestId, 'slider-btn-next-day'),
+        btnPreviousDate: getDataTestId(dataTestId, 'slider-btn-previous-day'),
     };
 }
 

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

@@ -188,7 +188,7 @@ const CalendarMobile = forwardRef(({ hasHeader = true, allowSelectionFromEmptyRa
         if (monthOnlyView) {
             return (React.createElement(CalendarMonthOnlyView, { yearsAmount: yearsAmount, scrollableContainer: modalRef, onMonthTitleClick: onMonthTitleClick, ...commonProps, ...restProps }));
         }
-        return (React.createElement(CalendarDesktop, { responsive: true, className: cn(className, styles.calendar), contentClassName: styles.content, ...commonProps, ...restProps }));
+        return (React.createElement(CalendarDesktop, { responsive: true, className: cn(className, styles.calendar), contentClassName: styles.content, dataTestId: getDataTestId(dataTestId, 'mobile'), ...commonProps, ...restProps }));
     };
     const renderFooter = () => {
         if (selectedFrom || selectedTo) {

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

@@ -4,6 +4,7 @@ import endOfWeek from 'date-fns/endOfWeek';
 import startOfWeek from 'date-fns/startOfWeek';
 import { ButtonDesktop } from '../../../../button/modern/desktop';
 import { IconButton } from '../../../../icon-button/modern';
+import { getDataTestId } from '../../../../shared/modern';
 import { ChevronBackMIcon } from '@alfalab/icons-glyph/ChevronBackMIcon';
 import { monthName } from '../../utils.js';
 import { getYearSelectorValue, formatPeriod, shiftValues } from './utils.js';
@@ -27,7 +28,6 @@ import 'date-fns/startOfMonth';
 import 'date-fns/startOfYear';
 import 'date-fns/subDays';
 import 'date-fns/subMonths';
-import '../../../../shared/modern';
 import 'date-fns/addQuarters';
 import 'date-fns/addWeeks';
 import 'date-fns/addYears';
@@ -43,7 +43,7 @@ import 'date-fns/startOfQuarter';
 const styles = {"component":"calendar__component_sa2fq","period":"calendar__period_sa2fq","clicablePeriod":"calendar__clicablePeriod_sa2fq","empty":"calendar__empty_sa2fq","arrow":"calendar__arrow_sa2fq","full":"calendar__full_sa2fq","yearSelectorButton":"calendar__yearSelectorButton_sa2fq"};
 require('./index.css');
 
-const PeriodSlider = ({ value, periodType = 'month', className, periodFormatter = formatPeriod, prevArrowDisabled = false, nextArrowDisabled = false, hideDisabledArrows = false, isMonthAndYearSelectable = false, showCurrentYearSelector = false, onPrevArrowClick = () => null, onNextArrowClick = () => null, onMonthClick, onYearClick, onPeriodClick, dataTestId, emptyValueText = 'Укажите период', }) => {
+const PeriodSlider = ({ value, periodType = 'month', className, periodFormatter = formatPeriod, prevArrowDisabled = false, nextArrowDisabled = false, hideDisabledArrows = false, isMonthAndYearSelectable = false, showCurrentYearSelector = false, onPrevArrowClick = () => null, onNextArrowClick = () => null, onMonthClick, onYearClick, onPeriodClick, dataTestId = 'period-slider', emptyValueText = 'Укажите период', }) => {
     const [valueFrom, valueTo] = useMemo(() => {
         let from;
         let to;
@@ -108,9 +108,9 @@ const PeriodSlider = ({ value, periodType = 'month', className, periodFormatter
         return (React.createElement("span", { className: styles.period }, periodFormatter(valueFrom, valueTo, periodType, showCurrentYearSelector)));
     };
     return (React.createElement("div", { className: cn(styles.component, className), "aria-live": 'polite', "data-test-id": dataTestId },
-        showArrow('prev') && (React.createElement(IconButton, { size: 'xs', className: styles.arrow, icon: ChevronBackMIcon, onClick: handlePrevArrowClick, disabled: prevArrowDisabled || !valueFrom, "aria-label": '\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u043F\u0435\u0440\u0438\u043E\u0434' })),
+        showArrow('prev') && (React.createElement(IconButton, { size: 'xs', className: styles.arrow, icon: ChevronBackMIcon, onClick: handlePrevArrowClick, disabled: prevArrowDisabled || !valueFrom, "aria-label": '\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u043F\u0435\u0440\u0438\u043E\u0434', dataTestId: getDataTestId(dataTestId, 'btn-previous-day') })),
         renderHeader(),
-        showArrow('next') && (React.createElement(IconButton, { size: 'xs', className: styles.arrow, icon: ChevronBackMIcon, onClick: handleNextArrowClick, disabled: nextArrowDisabled || !valueFrom, "aria-label": '\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u043F\u0435\u0440\u0438\u043E\u0434' }))));
+        showArrow('next') && (React.createElement(IconButton, { size: 'xs', className: styles.arrow, icon: ChevronBackMIcon, onClick: handleNextArrowClick, disabled: nextArrowDisabled || !valueFrom, "aria-label": '\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u043F\u0435\u0440\u0438\u043E\u0434', dataTestId: getDataTestId(dataTestId, 'btn-next-day') }))));
 };
 
 export { PeriodSlider };

package/calendar/modern/components/period-slider/index.js

@@ -6,6 +6,7 @@ import 'date-fns/endOfWeek';
 import 'date-fns/startOfWeek';
 import '../../../../button/modern/desktop';
 import '../../../../icon-button/modern';
+import '../../../../shared/modern';
 import '@alfalab/icons-glyph/ChevronBackMIcon';
 import '../../utils.js';
 import 'date-fns/addDays';
@@ -28,7 +29,6 @@ import 'date-fns/startOfMonth';
 import 'date-fns/startOfYear';
 import 'date-fns/subDays';
 import 'date-fns/subMonths';
-import '../../../../shared/modern';
 import 'date-fns/addQuarters';
 import 'date-fns/addWeeks';
 import 'date-fns/addYears';

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

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import endOfDay from 'date-fns/endOfDay';
 import startOfDay from 'date-fns/startOfDay';
 import startOfMonth from 'date-fns/startOfMonth';
-import { hooks } from '../../../shared/modern';
+import { getDataTestId, hooks } from '../../../shared/modern';
 import { useLayoutEffect_SAFE_FOR_SSR, useDidUpdateEffect } from '@alfalab/hooks';
 import { DaysTable } from '../components/days-table/Component.js';
 import { Header } from '../components/header/Component.js';
@@ -148,7 +148,7 @@ const CalendarDesktop = forwardRef(({ className, headerClassName, contentClassNa
             [styles.sixWeeks]: weeks.length === 6,
             [styles.responsive]: responsive,
         }), "data-test-id": dataTestId },
-        hasHeader && (React.createElement(Header, { view: selectorView, withShadow: scrolled, className: headerClassName }, selectorView === 'month-only' ? (React.createElement(PeriodSlider, { className: styles.period, value: activeMonth, periodType: 'month', prevArrowDisabled: !canSetPrevMonth, nextArrowDisabled: !canSetNextMonth, hideDisabledArrows: true, showCurrentYearSelector: showCurrentYearSelector, onPrevArrowClick: handlePrevArrowClick, onNextArrowClick: handleNextArrowClick, onPeriodClick: onPeriodClick })) : (React.createElement(MonthYearHeader, { className: styles.monthYear, value: activeMonth, onMonthClick: handleMonthClick, onYearClick: handleYearClick })))),
+        hasHeader && (React.createElement(Header, { view: selectorView, withShadow: scrolled, className: headerClassName }, selectorView === 'month-only' ? (React.createElement(PeriodSlider, { className: styles.period, value: activeMonth, periodType: 'month', prevArrowDisabled: !canSetPrevMonth, nextArrowDisabled: !canSetNextMonth, hideDisabledArrows: true, showCurrentYearSelector: showCurrentYearSelector, onPrevArrowClick: handlePrevArrowClick, onNextArrowClick: handleNextArrowClick, onPeriodClick: onPeriodClick, dataTestId: getDataTestId(dataTestId, 'slider') })) : (React.createElement(MonthYearHeader, { className: styles.monthYear, value: activeMonth, onMonthClick: handleMonthClick, onYearClick: handleYearClick })))),
         React.createElement("div", { ref: scrollableNodeRef, className: cn(styles.container, {
                 [styles.customScrollbar]: view === 'years' && shouldUseCustomScrollbar,
                 [styles.nativeScrollbar]: view === 'years' && !shouldUseCustomScrollbar,

package/calendar/modern/utils.d.ts

@@ -93,5 +93,7 @@ declare function getCalendarMobileTestIds(dataTestId: string): {
     closer: string;
     btnApply: string;
     btnReset: string;
+    btnNextDate: string;
+    btnPreviousDate: string;
 };
 export { DAYS_IN_WEEK, MONTHS_IN_YEAR, SUNDAY_INDEX, DATE_FORMAT, NATIVE_DATE_FORMAT, WEEKDAYS, MONTHS, russianWeekDay, generateWeeks, generateMonths, generateYears, buildDay, buildMonth, limitDate, dateInLimits, monthName, dateArrayToHashTable, addonArrayToHashTable, getSelectionRange, modifyDateByShift, simulateTab, formatDate, parseDateString, getCalendarMobileTestIds };

package/calendar/modern/utils.js

@@ -211,6 +211,8 @@ function getCalendarMobileTestIds(dataTestId) {
         closer: getDataTestId(dataTestId, 'header-closer'),
         btnApply: getDataTestId(dataTestId, 'btn-apply'),
         btnReset: getDataTestId(dataTestId, 'btn-reset'),
+        btnNextDate: getDataTestId(dataTestId, 'slider-btn-next-day'),
+        btnPreviousDate: getDataTestId(dataTestId, 'slider-btn-previous-day'),
     };
 }
 

package/calendar/utils.d.ts

@@ -93,5 +93,7 @@ declare function getCalendarMobileTestIds(dataTestId: string): {
     closer: string;
     btnApply: string;
     btnReset: string;
+    btnNextDate: string;
+    btnPreviousDate: string;
 };
 export { DAYS_IN_WEEK, MONTHS_IN_YEAR, SUNDAY_INDEX, DATE_FORMAT, NATIVE_DATE_FORMAT, WEEKDAYS, MONTHS, russianWeekDay, generateWeeks, generateMonths, generateYears, buildDay, buildMonth, limitDate, dateInLimits, monthName, dateArrayToHashTable, addonArrayToHashTable, getSelectionRange, modifyDateByShift, simulateTab, formatDate, parseDateString, getCalendarMobileTestIds };

package/calendar/utils.js

@@ -247,6 +247,8 @@ function getCalendarMobileTestIds(dataTestId) {
         closer: coreComponentsShared.getDataTestId(dataTestId, 'header-closer'),
         btnApply: coreComponentsShared.getDataTestId(dataTestId, 'btn-apply'),
         btnReset: coreComponentsShared.getDataTestId(dataTestId, 'btn-reset'),
+        btnNextDate: coreComponentsShared.getDataTestId(dataTestId, 'slider-btn-next-day'),
+        btnPreviousDate: coreComponentsShared.getDataTestId(dataTestId, 'slider-btn-previous-day'),
     };
 }
 

package/calendar-range/esm/Component.js

@@ -15,7 +15,7 @@ import 'date-fns/isEqual';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/subMonths';
-import './index.module-7864539e.js';
+import './index.module-ed9e9bf4.js';
 import 'date-fns/endOfMonth';
 import 'date-fns/isSameMonth';
 import '../../calendar/esm/desktop';

package/calendar-range/esm/index.js

@@ -15,7 +15,7 @@ import 'date-fns/isEqual';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/subMonths';
-import './index.module-7864539e.js';
+import './index.module-ed9e9bf4.js';
 import './views/static.js';
 import 'date-fns/endOfMonth';
 import 'date-fns/isSameMonth';

package/calendar-range/esm/views/popover.js

@@ -8,7 +8,7 @@ import { isCompleteDateInput } from '../../../date-input/esm';
 import { useDidUpdateEffect } from '@alfalab/hooks';
 import { Divider } from '../components/divider/Component.js';
 import { usePopoverViewMonthes } from '../hooks.js';
-import { s as styles } from '../index.module-7864539e.js';
+import { s as styles } from '../index.module-ed9e9bf4.js';
 import 'date-fns/addMonths';
 import 'date-fns/isEqual';
 import 'date-fns/max';

package/calendar-range/esm/views/static.js

@@ -14,7 +14,7 @@ import { isCompleteDateInput, DateInput } from '../../../date-input/esm';
 import { Divider } from '../components/divider/Component.js';
 import { useStaticViewMonthes, useSelectionProps } from '../hooks.js';
 import { isDayButton } from '../utils.js';
-import { s as styles } from '../index.module-7864539e.js';
+import { s as styles } from '../index.module-ed9e9bf4.js';
 import 'date-fns/isEqual';
 import 'date-fns/min';
 

package/calendar-range/modern/Component.js

@@ -14,7 +14,7 @@ import 'date-fns/isEqual';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/subMonths';
-import './index.module-37f8bdbf.js';
+import './index.module-c124a31a.js';
 import 'date-fns/endOfMonth';
 import 'date-fns/isSameMonth';
 import '../../calendar/modern/desktop';

package/calendar-range/modern/index.js

@@ -14,7 +14,7 @@ import 'date-fns/isEqual';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/subMonths';
-import './index.module-37f8bdbf.js';
+import './index.module-c124a31a.js';
 import './views/static.js';
 import 'date-fns/endOfMonth';
 import 'date-fns/isSameMonth';

package/calendar-range/modern/views/popover.js

@@ -7,7 +7,7 @@ import { isCompleteDateInput } from '../../../date-input/modern';
 import { useDidUpdateEffect } from '@alfalab/hooks';
 import { Divider } from '../components/divider/Component.js';
 import { usePopoverViewMonthes } from '../hooks.js';
-import { s as styles } from '../index.module-37f8bdbf.js';
+import { s as styles } from '../index.module-c124a31a.js';
 import 'date-fns/addMonths';
 import 'date-fns/isEqual';
 import 'date-fns/max';

package/calendar-range/modern/views/static.js

@@ -13,7 +13,7 @@ import { isCompleteDateInput, DateInput } from '../../../date-input/modern';
 import { Divider } from '../components/divider/Component.js';
 import { useStaticViewMonthes, useSelectionProps } from '../hooks.js';
 import { isDayButton } from '../utils.js';
-import { s as styles } from '../index.module-37f8bdbf.js';
+import { s as styles } from '../index.module-c124a31a.js';
 import 'date-fns/isEqual';
 import 'date-fns/min';
 

package/calendar-range/views/popover.js

@@ -10,7 +10,7 @@ var coreComponentsDateInput = require('../../date-input');
 var hooks$1 = require('@alfalab/hooks');
 var components_divider_Component = require('../components/divider/Component.js');
 var hooks = require('../hooks.js');
-var index_module = require('../index.module-b1ef42e6.js');
+var index_module = require('../index.module-a320a2db.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/calendar-range/views/static.js

@@ -16,7 +16,7 @@ var coreComponentsDateInput = require('../../date-input');
 var components_divider_Component = require('../components/divider/Component.js');
 var hooks = require('../hooks.js');
 var utils = require('../utils.js');
-var index_module = require('../index.module-b1ef42e6.js');
+var index_module = require('../index.module-a320a2db.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/checkbox-group/components/base-checkbox-group/index.css

@@ -17,7 +17,6 @@
 } :root {
     --gap-xs: 8px;
     --gap-s: 12px;
-    --gap-m: 16px;
     --gap-xl: 24px;
     --gap-xs-neg: -8px;
 } :root {
@@ -43,7 +42,7 @@
     flex-direction: column;
     align-items: flex-start;
 } .checkbox-group__vertical_14kbh .checkbox-group__checkbox_14kbh {
-    margin-bottom: var(--gap-m)
+    margin-bottom: var(--gap-s)
 } .checkbox-group__vertical_14kbh .checkbox-group__checkbox_14kbh:last-child {
         margin-bottom: 0;
     } .checkbox-group__horizontal_14kbh .checkbox-group__checkboxList_14kbh {

package/checkbox-group/cssm/components/base-checkbox-group/index.module.css

@@ -16,7 +16,6 @@
 } :root {
     --gap-xs: 8px;
     --gap-s: 12px;
-    --gap-m: 16px;
     --gap-xl: 24px;
     --gap-xs-neg: -8px;
 } :root {
@@ -42,7 +41,7 @@
     flex-direction: column;
     align-items: flex-start;
 } .vertical .checkbox {
-    margin-bottom: var(--gap-m)
+    margin-bottom: var(--gap-s)
 } .vertical .checkbox:last-child {
         margin-bottom: 0;
     } .horizontal .checkboxList {

package/checkbox-group/esm/components/base-checkbox-group/index.css

@@ -17,7 +17,6 @@
 } :root {
     --gap-xs: 8px;
     --gap-s: 12px;
-    --gap-m: 16px;
     --gap-xl: 24px;
     --gap-xs-neg: -8px;
 } :root {
@@ -43,7 +42,7 @@
     flex-direction: column;
     align-items: flex-start;
 } .checkbox-group__vertical_14kbh .checkbox-group__checkbox_14kbh {
-    margin-bottom: var(--gap-m)
+    margin-bottom: var(--gap-s)
 } .checkbox-group__vertical_14kbh .checkbox-group__checkbox_14kbh:last-child {
         margin-bottom: 0;
     } .checkbox-group__horizontal_14kbh .checkbox-group__checkboxList_14kbh {

package/checkbox-group/modern/components/base-checkbox-group/index.css

@@ -17,7 +17,6 @@
 } :root {
     --gap-xs: 8px;
     --gap-s: 12px;
-    --gap-m: 16px;
     --gap-xl: 24px;
     --gap-xs-neg: -8px;
 } :root {
@@ -43,7 +42,7 @@
     flex-direction: column;
     align-items: flex-start;
 } .checkbox-group__vertical_14kbh .checkbox-group__checkbox_14kbh {
-    margin-bottom: var(--gap-m)
+    margin-bottom: var(--gap-s)
 } .checkbox-group__vertical_14kbh .checkbox-group__checkbox_14kbh:last-child {
         margin-bottom: 0;
     } .checkbox-group__horizontal_14kbh .checkbox-group__checkboxList_14kbh {

package/confirmation/components/screens/initial/component.js

@@ -10,7 +10,7 @@ var coreComponentsTypography = require('../../../../typography');
 var hooks = require('@alfalab/hooks');
 var context = require('../../../context.js');
 var components_header_component = require('../../header/component.js');
-var components_screens_initial_countdownSection = require('../../../countdown-section-89c39f08.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-e89d4d51.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/confirmation/components/screens/initial/countdown-section.js

@@ -7,7 +7,7 @@ require('../../../../spinner');
 require('../../../../typography');
 require('../../../context.js');
 require('../../../utils.js');
-var components_screens_initial_countdownSection = require('../../../countdown-section-89c39f08.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-e89d4d51.js');
 
 
 

package/confirmation/esm/component.responsive.js

@@ -16,7 +16,7 @@ import '../../code-input/esm/mobile';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-2900c91e.js';
+import './countdown-section-7a284e78.js';
 import '../../button/esm';
 import '../../spinner/esm';
 import './components/screens/hint/component.js';

package/confirmation/esm/components/base-confirmation/component.js

@@ -15,7 +15,7 @@ import '../../../../code-input/esm/mobile';
 import '../../../../link/esm';
 import '../../../../typography/esm';
 import '../header/component.js';
-import '../../countdown-section-2900c91e.js';
+import '../../countdown-section-7a284e78.js';
 import '../../../../button/esm';
 import '../../../../spinner/esm';
 import '../countdown-loader/component.js';

package/confirmation/esm/components/base-confirmation/index.js

@@ -13,7 +13,7 @@ import '../../../../code-input/esm/mobile';
 import '../../../../link/esm';
 import '../../../../typography/esm';
 import '../header/component.js';
-import '../../countdown-section-2900c91e.js';
+import '../../countdown-section-7a284e78.js';
 import '../../../../button/esm';
 import '../../../../spinner/esm';
 import '../screens/hint/component.js';

package/confirmation/esm/components/index.js

@@ -14,6 +14,6 @@ import '@alfalab/hooks';
 import '../context.js';
 import '../utils.js';
 import './header/component.js';
-import '../countdown-section-2900c91e.js';
+import '../countdown-section-7a284e78.js';
 import '../../../button/esm';
 import '../../../spinner/esm';

package/confirmation/esm/components/screens/index.js

@@ -13,7 +13,7 @@ import '@alfalab/hooks';
 import '../../context.js';
 import '../../utils.js';
 import '../header/component.js';
-import '../../countdown-section-2900c91e.js';
+import '../../countdown-section-7a284e78.js';
 import '../../../../button/esm';
 import '../../../../spinner/esm';
 import '../countdown-loader/component.js';

package/confirmation/esm/components/screens/initial/component.js

@@ -8,7 +8,7 @@ import { Typography } from '../../../../../typography/esm';
 import { usePrevious, useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { ConfirmationContext } from '../../../context.js';
 import { Header } from '../../header/component.js';
-import { s as styles, C as CountdownSection } from '../../../countdown-section-2900c91e.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-7a284e78.js';
 import '../../../utils.js';
 import '../../../../../button/esm';
 import '../../../../../spinner/esm';

package/confirmation/esm/components/screens/initial/countdown-section.js

@@ -4,5 +4,5 @@ import '../../../../../button/esm';
 import '../../../../../spinner/esm';
 import '../../../../../typography/esm';
 import '../../../context.js';
-export { C as CountdownSection } from '../../../countdown-section-2900c91e.js';
+export { C as CountdownSection } from '../../../countdown-section-7a284e78.js';
 import '../../../utils.js';

package/confirmation/esm/components/screens/initial/index.js

@@ -10,6 +10,6 @@ import '@alfalab/hooks';
 import '../../../context.js';
 import '../../../utils.js';
 import '../../header/component.js';
-import '../../../countdown-section-2900c91e.js';
+import '../../../countdown-section-7a284e78.js';
 import '../../../../../button/esm';
 import '../../../../../spinner/esm';

package/confirmation/esm/desktop/component.desktop.js

@@ -13,7 +13,7 @@ import '../../../code-input/esm/mobile';
 import '../../../link/esm';
 import '../../../typography/esm';
 import '../components/header/component.js';
-import '../countdown-section-2900c91e.js';
+import '../countdown-section-7a284e78.js';
 import '../../../button/esm';
 import '../../../spinner/esm';
 import '../components/screens/hint/component.js';

package/confirmation/esm/desktop/index.js

@@ -14,7 +14,7 @@ import '../../../code-input/esm/mobile';
 import '../../../link/esm';
 import '../../../typography/esm';
 import '../components/header/component.js';
-import '../countdown-section-2900c91e.js';
+import '../countdown-section-7a284e78.js';
 import '../../../button/esm';
 import '../../../spinner/esm';
 import '../components/screens/hint/component.js';

package/confirmation/esm/index.js

@@ -16,7 +16,7 @@ import '../../code-input/esm/mobile';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-2900c91e.js';
+import './countdown-section-7a284e78.js';
 import '../../button/esm';
 import '../../spinner/esm';
 import './components/screens/hint/component.js';

package/confirmation/esm/mobile/component.mobile.js

@@ -13,7 +13,7 @@ import '../../../code-input/esm/mobile';
 import '../../../link/esm';
 import '../../../typography/esm';
 import '../components/header/component.js';
-import '../countdown-section-2900c91e.js';
+import '../countdown-section-7a284e78.js';
 import '../../../button/esm';
 import '../../../spinner/esm';
 import '../components/screens/hint/component.js';

package/confirmation/esm/mobile/index.js

@@ -14,7 +14,7 @@ import '../../../code-input/esm/mobile';
 import '../../../link/esm';
 import '../../../typography/esm';
 import '../components/header/component.js';
-import '../countdown-section-2900c91e.js';
+import '../countdown-section-7a284e78.js';
 import '../../../button/esm';
 import '../../../spinner/esm';
 import '../components/screens/hint/component.js';

package/confirmation/esm/shared/index.js

@@ -15,6 +15,6 @@ import '../../../link/esm';
 import '../../../typography/esm';
 import '@alfalab/hooks';
 import '../components/header/component.js';
-import '../countdown-section-2900c91e.js';
+import '../countdown-section-7a284e78.js';
 import '../../../button/esm';
 import '../../../spinner/esm';

package/confirmation/modern/component.responsive.js

@@ -15,7 +15,7 @@ import '../../code-input/modern/mobile';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-1480ae8f.js';
+import './countdown-section-d98ff227.js';
 import '../../button/modern';
 import '../../spinner/modern';
 import './components/screens/hint/component.js';

package/confirmation/modern/components/base-confirmation/component.js

@@ -14,7 +14,7 @@ import '../../../../code-input/modern/mobile';
 import '../../../../link/modern';
 import '../../../../typography/modern';
 import '../header/component.js';
-import '../../countdown-section-1480ae8f.js';
+import '../../countdown-section-d98ff227.js';
 import '../../../../button/modern';
 import '../../../../spinner/modern';
 import '../countdown-loader/component.js';

package/confirmation/modern/components/base-confirmation/index.js

@@ -12,7 +12,7 @@ import '../../../../code-input/modern/mobile';
 import '../../../../link/modern';
 import '../../../../typography/modern';
 import '../header/component.js';
-import '../../countdown-section-1480ae8f.js';
+import '../../countdown-section-d98ff227.js';
 import '../../../../button/modern';
 import '../../../../spinner/modern';
 import '../screens/hint/component.js';

package/confirmation/modern/components/index.js

@@ -14,6 +14,6 @@ import '@alfalab/hooks';
 import '../context.js';
 import '../utils.js';
 import './header/component.js';
-import '../countdown-section-1480ae8f.js';
+import '../countdown-section-d98ff227.js';
 import '../../../button/modern';
 import '../../../spinner/modern';