@alfalab/core-components 47.14.0 → 47.15.0

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

@@ -0,0 +1,134 @@
+import React, { useState, useCallback, useEffect } from 'react';
+import cn from 'classnames';
+import startOfMonth from 'date-fns/startOfMonth';
+import { CalendarInput } from '../../../calendar-input/moderncssm';
+import { isValidInputValue, parseDateString } from '../../../calendar-input/moderncssm/shared';
+import { isCompleteDateInput } from '../../../date-input/moderncssm';
+import { useDidUpdateEffect } from '@alfalab/hooks';
+import { Divider } from '../components/divider/Component.js';
+import { usePopoverViewMonthes } from '../hooks.js';
+import styles from './index.module.css';
+import '../components/divider/index.module.css';
+import 'date-fns/addMonths';
+import 'date-fns/isEqual';
+import 'date-fns/max';
+import 'date-fns/min';
+import 'date-fns/subMonths';
+
+const CalendarRangePopover = ({ className, defaultMonth = startOfMonth(new Date()).getTime(), minDate, maxDate, valueFrom = '', valueTo = '', onDateFromChange = () => null, onDateToChange = () => null, onChange = () => null, onError, inputFromProps = {}, inputToProps = {}, offDays, events, returnInvalidDates = false, dataTestId, }) => {
+    const [inputFromValue, setInputFromValue] = useState(valueFrom);
+    const [inputToValue, setInputToValue] = useState(valueTo);
+    /**
+     * Ключ для сброса календарей
+     * Пользователь открыл календарь, изменил месяц, но ничего не выбрал
+     * — при следующем открытии в календаре будет установлен начальный месяц
+     */
+    const [resetKey, setResetKey] = useState(0);
+    const dateFrom = isValidInputValue(inputFromValue, minDate, maxDate, offDays)
+        ? parseDateString(inputFromValue).getTime()
+        : null;
+    const dateTo = isValidInputValue(inputToValue, dateFrom || minDate, maxDate, offDays)
+        ? parseDateString(inputToValue).getTime()
+        : null;
+    const [inputFromInvalid, setInputFromInvalid] = useState(isCompleteDateInput(inputFromValue) && dateFrom === null);
+    const [inputToInvalid, setInputToInvalid] = useState(isCompleteDateInput(inputToValue) && dateTo === null);
+    const bothInvalid = isCompleteDateInput(inputFromValue) &&
+        isCompleteDateInput(inputToValue) &&
+        parseDateString(inputFromValue).getTime() > parseDateString(inputToValue).getTime();
+    const hasValidateError = inputFromInvalid || inputToInvalid || bothInvalid;
+    const { monthFrom, monthTo, handleMonthFromChange, handleMonthToChange } = usePopoverViewMonthes({
+        dateFrom,
+        dateTo,
+        defaultMonth,
+        resetKey,
+    });
+    const handleValidInputFrom = useCallback(() => {
+        setInputFromInvalid(inputFromValue !== '' && !isValidInputValue(inputFromValue, minDate, maxDate, offDays));
+    }, [inputFromValue, maxDate, minDate, offDays]);
+    const handleValidInputTo = useCallback(() => {
+        setInputToInvalid(inputToValue !== '' &&
+            !isValidInputValue(inputToValue, dateFrom || minDate, maxDate, offDays));
+    }, [dateFrom, inputToValue, maxDate, minDate, offDays]);
+    const handleInputFromChange = (event, payload) => {
+        setInputFromValue(payload.value);
+        inputFromProps.onInputChange?.(event, payload);
+    };
+    const handleInputToChange = (event, payload) => {
+        setInputToValue(payload.value);
+        inputToProps.onInputChange?.(event, payload);
+    };
+    const handleInputFromBlur = useCallback(() => {
+        handleValidInputFrom();
+        setResetKey(+new Date());
+    }, [handleValidInputFrom]);
+    const handleInputToBlur = useCallback(() => {
+        handleValidInputTo();
+        setResetKey(+new Date());
+    }, [handleValidInputTo]);
+    const handleFromChange = useCallback((_, payload) => {
+        setInputFromValue(payload.value);
+    }, []);
+    const handleToChange = useCallback((_, payload) => {
+        setInputToValue(payload.value);
+    }, []);
+    useEffect(() => {
+        setInputFromValue(valueFrom);
+    }, [valueFrom]);
+    useEffect(() => {
+        setInputToValue(valueTo);
+    }, [valueTo]);
+    useDidUpdateEffect(() => {
+        onDateFromChange({ value: inputFromValue, date: dateFrom });
+        onChange({
+            valueFrom: inputFromValue,
+            valueTo: inputToValue,
+            dateFrom,
+            dateTo,
+        });
+        if (!inputFromValue || isCompleteDateInput(inputFromValue)) {
+            handleValidInputFrom();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [inputFromValue]);
+    useDidUpdateEffect(() => {
+        onDateToChange({ value: inputToValue, date: dateTo });
+        // eslint-disable-next-line no-nested-ternary
+        const inputDateTo = returnInvalidDates
+            ? isCompleteDateInput(inputToValue)
+                ? parseDateString(inputToValue).getTime()
+                : null
+            : dateTo;
+        onChange({
+            valueFrom: inputFromValue,
+            valueTo: inputToValue,
+            dateFrom,
+            dateTo: inputDateTo,
+        });
+        if (!inputToValue || isCompleteDateInput(inputToValue)) {
+            handleValidInputTo();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [inputToValue]);
+    useEffect(() => {
+        if (onError) {
+            onError(hasValidateError);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [hasValidateError]);
+    return (React.createElement("div", { className: cn(styles.component, className), "data-test-id": dataTestId },
+        React.createElement(CalendarInput, { ...inputFromProps, useAnchorWidth: false, calendarPosition: 'popover', popoverPosition: 'bottom-start', error: inputFromInvalid || bothInvalid || inputFromProps.error, onChange: handleFromChange, onInputChange: handleInputFromChange, onBlur: handleInputFromBlur, value: inputFromValue, minDate: minDate, maxDate: maxDate, offDays: offDays, events: events, calendarProps: {
+                ...inputFromProps.calendarProps,
+                month: monthFrom,
+                onMonthChange: handleMonthFromChange,
+                selectorView: 'full',
+            } }),
+        React.createElement(Divider, { inputFromProps: inputFromProps, inputToProps: inputToProps }),
+        React.createElement(CalendarInput, { ...inputToProps, useAnchorWidth: false, calendarPosition: 'popover', popoverPosition: 'bottom-end', error: inputToInvalid || bothInvalid || inputToProps.error, onChange: handleToChange, onInputChange: handleInputToChange, onBlur: handleInputToBlur, value: inputToValue, minDate: dateFrom || minDate, maxDate: maxDate, offDays: offDays, events: events, calendarProps: {
+                ...inputToProps.calendarProps,
+                month: monthTo,
+                onMonthChange: handleMonthToChange,
+                selectorView: 'full',
+            } })));
+};
+
+export { CalendarRangePopover };

package/calendar-range/moderncssm/views/static.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { CalendarRangeProps } from "../Component";
+type CalendarRangeStaticProps = Omit<CalendarRangeProps, 'calendarPosition'> & {
+    /**
+     * Отображать начальный месяц слева или справа (влияет только на начальный рендер)
+     */
+    defaultMonthPosition?: 'left' | 'right';
+};
+declare const CalendarRangeStatic: FC<CalendarRangeStaticProps>;
+export { CalendarRangeStaticProps, CalendarRangeStatic };

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

@@ -0,0 +1,179 @@
+import React, { useState, useCallback, useEffect } from 'react';
+import cn from 'classnames';
+import addMonths from 'date-fns/addMonths';
+import endOfMonth from 'date-fns/endOfMonth';
+import isSameMonth from 'date-fns/isSameMonth';
+import max from 'date-fns/max';
+import startOfMonth from 'date-fns/startOfMonth';
+import subMonths from 'date-fns/subMonths';
+import { CalendarDesktop } from '../../../calendar/moderncssm/desktop';
+import { usePeriodWithReset } from '../../../calendar/moderncssm/shared';
+import { isValidInputValue, parseDateString, formatDate } from '../../../calendar-input/moderncssm/shared';
+import { isCompleteDateInput, DateInput } from '../../../date-input/moderncssm';
+import { Divider } from '../components/divider/Component.js';
+import { useStaticViewMonthes, useSelectionProps } from '../hooks.js';
+import { isDayButton } from '../utils.js';
+import styles from './index.module.css';
+import '../components/divider/index.module.css';
+import 'date-fns/isEqual';
+import 'date-fns/min';
+
+/* eslint-disable complexity */
+const CalendarRangeStatic = ({ className, defaultMonth = startOfMonth(new Date()).getTime(), defaultMonthPosition = 'left', minDate, maxDate, valueFrom = '', valueTo = '', onDateFromChange = () => null, onDateToChange = () => null, onChange = () => null, onError, inputFromProps = {}, inputToProps = {}, offDays, events, returnInvalidDates = false, dataTestId, }) => {
+    const [inputFromValue, setInputFromValue] = useState(valueFrom);
+    const [inputToValue, setInputToValue] = useState(valueTo);
+    let dateFrom = isValidInputValue(inputFromValue, minDate, maxDate, offDays)
+        ? parseDateString(inputFromValue).getTime()
+        : null;
+    const dateTo = isValidInputValue(inputToValue, dateFrom || minDate, maxDate, offDays)
+        ? parseDateString(inputToValue).getTime()
+        : null;
+    if (isCompleteDateInput(inputToValue) && !dateTo && !returnInvalidDates) {
+        dateFrom = null;
+    }
+    const bothInvalid = isCompleteDateInput(inputFromValue) &&
+        isCompleteDateInput(inputToValue) &&
+        parseDateString(inputFromValue).getTime() > parseDateString(inputToValue).getTime();
+    const [highlightedDate, setHighlightedDate] = useState(undefined);
+    const period = usePeriodWithReset({
+        initialSelectedFrom: dateFrom ? parseDateString(inputFromValue).getTime() : undefined,
+        initialSelectedTo: dateTo ? parseDateString(inputToValue).getTime() : undefined,
+    });
+    const validateInputFromValue = useCallback((value) => isValidInputValue(value, minDate, dateFrom || maxDate, offDays), [dateFrom, maxDate, minDate, offDays]);
+    const validateInputToValue = useCallback((value) => isValidInputValue(value, dateFrom || minDate, maxDate, offDays), [dateFrom, minDate, maxDate, offDays]);
+    const [inputFromInvalid, setInputFromInvalid] = useState(isCompleteDateInput(inputFromValue) && dateFrom === null);
+    const [inputToInvalid, setInputToInvalid] = useState(isCompleteDateInput(inputToValue) && dateTo === null);
+    const hasValidateError = bothInvalid || inputFromInvalid || inputToInvalid;
+    const { calendarProps: calendarFromProps, onInputChange: onInputChangeFrom, ...dateInputFromProps } = inputFromProps;
+    const { calendarProps: calendarToProps, onInputChange: onInputChangeTo, ...dateInputToProps } = inputToProps;
+    const { monthFrom, monthTo, handleMonthFromChange, handleMonthToChange } = useStaticViewMonthes({
+        selectedFrom: period.selectedFrom,
+        selectedTo: period.selectedTo,
+        defaultMonth,
+        defaultMonthPosition,
+    });
+    const handleValidInputFrom = useCallback(() => {
+        setInputFromInvalid(inputFromValue !== '' && !validateInputFromValue(inputFromValue));
+    }, [inputFromValue, validateInputFromValue]);
+    const handleValidInputTo = useCallback(() => {
+        setInputToInvalid(inputToValue !== '' && !validateInputToValue(inputToValue));
+    }, [inputToValue, validateInputToValue]);
+    const handleInputFromChange = (event, payload) => {
+        setInputFromValue(payload.value);
+        onInputChangeFrom?.(event, payload);
+    };
+    const handleInputToChange = (event, payload) => {
+        setInputToValue(payload.value);
+        onInputChangeTo?.(event, payload);
+    };
+    const handleMouseOver = useCallback((event) => {
+        const target = event.target;
+        const mouseOverDayButton = isDayButton(target) || isDayButton(target.parentElement);
+        let date;
+        if (mouseOverDayButton) {
+            const button = target.tagName === 'BUTTON' ? target : target.parentElement;
+            if (button.dataset.date) {
+                date = +button.dataset.date;
+            }
+        }
+        setHighlightedDate(date);
+    }, []);
+    const handleClearFrom = useCallback(() => {
+        setInputFromValue('');
+    }, []);
+    const handleClearTo = useCallback(() => {
+        setInputToValue('');
+    }, []);
+    useEffect(() => {
+        setInputFromValue(period.selectedFrom ? formatDate(period.selectedFrom) : '');
+    }, [period.selectedFrom]);
+    useEffect(() => {
+        setInputToValue(period.selectedTo ? formatDate(period.selectedTo) : '');
+    }, [period.selectedTo]);
+    useEffect(() => {
+        setInputFromValue(valueFrom);
+    }, [valueFrom]);
+    useEffect(() => {
+        setInputToValue(valueTo);
+    }, [valueTo]);
+    useEffect(() => {
+        if (!inputFromValue || isCompleteDateInput(inputFromValue)) {
+            handleValidInputFrom();
+        }
+        period.setStart(dateFrom || undefined);
+        if (dateTo) {
+            period.setEnd(dateTo);
+        }
+        if (inputFromValue !== valueFrom) {
+            onDateFromChange({
+                value: inputFromValue,
+                date: dateFrom,
+            });
+            onChange({
+                valueFrom: inputFromValue,
+                valueTo: inputToValue,
+                dateFrom,
+                dateTo,
+            });
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [inputFromValue]);
+    useEffect(() => {
+        if (!inputToValue || isCompleteDateInput(inputToValue)) {
+            handleValidInputTo();
+        }
+        period.setEnd(dateTo || undefined);
+        if (dateFrom) {
+            period.setStart(dateFrom);
+        }
+        if (inputToValue !== valueTo) {
+            // eslint-disable-next-line no-nested-ternary
+            const inputDateTo = returnInvalidDates
+                ? isCompleteDateInput(inputToValue)
+                    ? parseDateString(inputToValue).getTime()
+                    : null
+                : dateTo;
+            onDateToChange({
+                value: inputToValue,
+                date: inputDateTo,
+            });
+            onChange({
+                valueFrom: inputFromValue,
+                valueTo: inputToValue,
+                dateFrom,
+                dateTo: inputDateTo,
+            });
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [inputToValue]);
+    useEffect(() => {
+        if (onError) {
+            onError(hasValidateError);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [hasValidateError]);
+    const rangeProps = useSelectionProps(period.selectedFrom, period.selectedTo, highlightedDate);
+    const CalendarFromComponent = dateInputFromProps.Calendar || CalendarDesktop;
+    const CalendarToComponent = dateInputToProps.Calendar || CalendarDesktop;
+    const minMaxInSameMonth = minDate && maxDate && isSameMonth(minDate, maxDate);
+    return (
+    // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
+    React.createElement("div", { className: cn(styles.component, styles.static, className), onMouseOver: handleMouseOver, "data-test-id": dataTestId },
+        React.createElement("div", null,
+            React.createElement(DateInput, { ...dateInputFromProps, mobileMode: dateInputFromProps.mobileMode === 'popover'
+                    ? 'input'
+                    : dateInputFromProps.mobileMode, value: inputFromValue, onChange: handleInputFromChange, onClear: handleClearFrom, onBlur: handleValidInputFrom, error: bothInvalid || inputFromInvalid || dateInputFromProps.error, clear: true, block: true }),
+            React.createElement(CalendarFromComponent, { ...calendarFromProps, className: cn(styles.calendar, calendarFromProps?.className), month: monthFrom, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthFromChange, minDate: minDate, maxDate: minMaxInSameMonth
+                    ? maxDate
+                    : maxDate && max([maxDate, endOfMonth(subMonths(maxDate, 1))]).getTime(), ...rangeProps })),
+        React.createElement(Divider, { inputFromProps: inputFromProps, inputToProps: inputToProps }),
+        React.createElement("div", null,
+            React.createElement(DateInput, { ...dateInputToProps, mobileMode: dateInputToProps.mobileMode === 'popover'
+                    ? 'input'
+                    : dateInputToProps.mobileMode, value: inputToValue, onChange: handleInputToChange, onClear: handleClearTo, onBlur: handleValidInputTo, error: bothInvalid || inputToInvalid || dateInputToProps.error, clear: true, block: true }),
+            React.createElement(CalendarToComponent, { ...calendarToProps, className: cn(styles.calendar, calendarToProps?.className), month: monthTo, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthToChange, minDate: minMaxInSameMonth
+                    ? minDate
+                    : minDate && startOfMonth(addMonths(minDate, 1)).getTime(), maxDate: maxDate, ...rangeProps }))));
+};
+
+export { CalendarRangeStatic };

package/calendar-range/views/index.css

@@ -1,4 +1,4 @@
-/* hash: 5vm1k */
+/* hash: lfdqc */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -44,16 +44,16 @@
     /* disabled */
 
     /* marker */
-} .calendar-range__component_k0xia {
+} .calendar-range__component_1wtn3 {
     display: flex
-} .calendar-range__component_k0xia button[aria-selected='true'] {
+} .calendar-range__component_1wtn3 button[aria-selected='true'] {
         cursor: pointer;
-    } .calendar-range__component_k0xia *[class*='errorIcon_'] {
+    } .calendar-range__component_1wtn3 *[class*='errorIcon_'] {
         display: none;
-    } .calendar-range__component_k0xia *[class*='calendarIcon_'] {
+    } .calendar-range__component_1wtn3 *[class*='calendarIcon_'] {
         margin-right: 0;
-    } .calendar-range__static_k0xia .calendar-range__calendar_k0xia {
+    } .calendar-range__static_1wtn3 .calendar-range__calendar_1wtn3 {
         width: var(--calendar-inner-width)
-    } .calendar-range__static_k0xia .calendar-range__calendar_k0xia > div:first-child {
+    } .calendar-range__static_1wtn3 .calendar-range__calendar_1wtn3 > div:first-child {
             padding: var(--gap-16) 0 var(--gap-12);
         }

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-ebe5324e.js');
+var index_module = require('../index.module-818eae0d.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-ebe5324e.js');
+var index_module = require('../index.module-818eae0d.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/calendar-with-skeleton/Component.js

@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"calendar-with-skeleton__component_1ri1c","calendarVisible":"calendar-with-skeleton__calendarVisible_1ri1c","skeleton":"calendar-with-skeleton__skeleton_1ri1c","header":"calendar-with-skeleton__header_1ri1c","weekDays":"calendar-with-skeleton__weekDays_1ri1c","row":"calendar-with-skeleton__row_1ri1c","enter":"calendar-with-skeleton__enter_1ri1c","enterActive":"calendar-with-skeleton__enterActive_1ri1c","exit":"calendar-with-skeleton__exit_1ri1c","exitActive":"calendar-with-skeleton__exitActive_1ri1c"};
+var styles = {"component":"calendar-with-skeleton__component_1j88h","calendarVisible":"calendar-with-skeleton__calendarVisible_1j88h","skeleton":"calendar-with-skeleton__skeleton_1j88h","header":"calendar-with-skeleton__header_1j88h","weekDays":"calendar-with-skeleton__weekDays_1j88h","row":"calendar-with-skeleton__row_1j88h","enter":"calendar-with-skeleton__enter_1j88h","enterActive":"calendar-with-skeleton__enterActive_1j88h","exit":"calendar-with-skeleton__exit_1j88h","exitActive":"calendar-with-skeleton__exitActive_1j88h"};
 require('./index.css');
 
 var CalendarWithSkeleton = React.forwardRef(function (_a, ref) {

package/calendar-with-skeleton/esm/Component.js

@@ -5,7 +5,7 @@ import cn from 'classnames';
 import { CalendarDesktop } from '../../calendar/esm/desktop';
 import { Skeleton } from '../../skeleton/esm';
 
-var styles = {"component":"calendar-with-skeleton__component_1ri1c","calendarVisible":"calendar-with-skeleton__calendarVisible_1ri1c","skeleton":"calendar-with-skeleton__skeleton_1ri1c","header":"calendar-with-skeleton__header_1ri1c","weekDays":"calendar-with-skeleton__weekDays_1ri1c","row":"calendar-with-skeleton__row_1ri1c","enter":"calendar-with-skeleton__enter_1ri1c","enterActive":"calendar-with-skeleton__enterActive_1ri1c","exit":"calendar-with-skeleton__exit_1ri1c","exitActive":"calendar-with-skeleton__exitActive_1ri1c"};
+var styles = {"component":"calendar-with-skeleton__component_1j88h","calendarVisible":"calendar-with-skeleton__calendarVisible_1j88h","skeleton":"calendar-with-skeleton__skeleton_1j88h","header":"calendar-with-skeleton__header_1j88h","weekDays":"calendar-with-skeleton__weekDays_1j88h","row":"calendar-with-skeleton__row_1j88h","enter":"calendar-with-skeleton__enter_1j88h","enterActive":"calendar-with-skeleton__enterActive_1j88h","exit":"calendar-with-skeleton__exit_1j88h","exitActive":"calendar-with-skeleton__exitActive_1j88h"};
 require('./index.css');
 
 var CalendarWithSkeleton = forwardRef(function (_a, ref) {

package/calendar-with-skeleton/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1lwx8 */
+/* hash: 1bmce */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-modal-bg-primary: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -46,13 +46,13 @@
     /* disabled */
 
     /* marker */
-} .calendar-with-skeleton__component_1ri1c {
+} .calendar-with-skeleton__component_1j88h {
     width: var(--calendar-width);
     height: var(--calendar-height);
     position: relative;
-} .calendar-with-skeleton__calendarVisible_1ri1c {
+} .calendar-with-skeleton__calendarVisible_1j88h {
     height: auto;
-} .calendar-with-skeleton__skeleton_1ri1c {
+} .calendar-with-skeleton__skeleton_1j88h {
     display: flex;
     flex-direction: column;
     padding: var(--gap-16);
@@ -66,20 +66,20 @@
     height: 100%;
     background-color: var(--color-light-modal-bg-primary);
     background-clip: content-box;
-} .calendar-with-skeleton__header_1ri1c {
+} .calendar-with-skeleton__header_1j88h {
     height: 48px;
     margin-bottom: var(--gap-20);
-} .calendar-with-skeleton__weekDays_1ri1c {
+} .calendar-with-skeleton__weekDays_1j88h {
     height: 12px;
     margin-bottom: var(--gap-16);
-} .calendar-with-skeleton__row_1ri1c {
+} .calendar-with-skeleton__row_1j88h {
     height: 32px
-} .calendar-with-skeleton__row_1ri1c + .calendar-with-skeleton__row_1ri1c {
+} .calendar-with-skeleton__row_1j88h + .calendar-with-skeleton__row_1j88h {
         margin-top: 10px;
-    } .calendar-with-skeleton__enter_1ri1c,
-.calendar-with-skeleton__enterActive_1ri1c,
-.calendar-with-skeleton__exit_1ri1c {
+    } .calendar-with-skeleton__enter_1j88h,
+.calendar-with-skeleton__enterActive_1j88h,
+.calendar-with-skeleton__exit_1j88h {
     opacity: 1;
-} .calendar-with-skeleton__exitActive_1ri1c {
+} .calendar-with-skeleton__exitActive_1j88h {
     opacity: 0;
 }

package/calendar-with-skeleton/index.css

@@ -1,4 +1,4 @@
-/* hash: 1lwx8 */
+/* hash: 1bmce */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-modal-bg-primary: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -46,13 +46,13 @@
     /* disabled */
 
     /* marker */
-} .calendar-with-skeleton__component_1ri1c {
+} .calendar-with-skeleton__component_1j88h {
     width: var(--calendar-width);
     height: var(--calendar-height);
     position: relative;
-} .calendar-with-skeleton__calendarVisible_1ri1c {
+} .calendar-with-skeleton__calendarVisible_1j88h {
     height: auto;
-} .calendar-with-skeleton__skeleton_1ri1c {
+} .calendar-with-skeleton__skeleton_1j88h {
     display: flex;
     flex-direction: column;
     padding: var(--gap-16);
@@ -66,20 +66,20 @@
     height: 100%;
     background-color: var(--color-light-modal-bg-primary);
     background-clip: content-box;
-} .calendar-with-skeleton__header_1ri1c {
+} .calendar-with-skeleton__header_1j88h {
     height: 48px;
     margin-bottom: var(--gap-20);
-} .calendar-with-skeleton__weekDays_1ri1c {
+} .calendar-with-skeleton__weekDays_1j88h {
     height: 12px;
     margin-bottom: var(--gap-16);
-} .calendar-with-skeleton__row_1ri1c {
+} .calendar-with-skeleton__row_1j88h {
     height: 32px
-} .calendar-with-skeleton__row_1ri1c + .calendar-with-skeleton__row_1ri1c {
+} .calendar-with-skeleton__row_1j88h + .calendar-with-skeleton__row_1j88h {
         margin-top: 10px;
-    } .calendar-with-skeleton__enter_1ri1c,
-.calendar-with-skeleton__enterActive_1ri1c,
-.calendar-with-skeleton__exit_1ri1c {
+    } .calendar-with-skeleton__enter_1j88h,
+.calendar-with-skeleton__enterActive_1j88h,
+.calendar-with-skeleton__exit_1j88h {
     opacity: 1;
-} .calendar-with-skeleton__exitActive_1ri1c {
+} .calendar-with-skeleton__exitActive_1j88h {
     opacity: 0;
 }

package/calendar-with-skeleton/modern/Component.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { CalendarDesktop } from '../../calendar/modern/desktop';
 import { Skeleton } from '../../skeleton/modern';
 
-const styles = {"component":"calendar-with-skeleton__component_1ri1c","calendarVisible":"calendar-with-skeleton__calendarVisible_1ri1c","skeleton":"calendar-with-skeleton__skeleton_1ri1c","header":"calendar-with-skeleton__header_1ri1c","weekDays":"calendar-with-skeleton__weekDays_1ri1c","row":"calendar-with-skeleton__row_1ri1c","enter":"calendar-with-skeleton__enter_1ri1c","enterActive":"calendar-with-skeleton__enterActive_1ri1c","exit":"calendar-with-skeleton__exit_1ri1c","exitActive":"calendar-with-skeleton__exitActive_1ri1c"};
+const styles = {"component":"calendar-with-skeleton__component_1j88h","calendarVisible":"calendar-with-skeleton__calendarVisible_1j88h","skeleton":"calendar-with-skeleton__skeleton_1j88h","header":"calendar-with-skeleton__header_1j88h","weekDays":"calendar-with-skeleton__weekDays_1j88h","row":"calendar-with-skeleton__row_1j88h","enter":"calendar-with-skeleton__enter_1j88h","enterActive":"calendar-with-skeleton__enterActive_1j88h","exit":"calendar-with-skeleton__exit_1j88h","exitActive":"calendar-with-skeleton__exitActive_1j88h"};
 require('./index.css');
 
 const CalendarWithSkeleton = forwardRef(({ calendarVisible = true, animate = true, className, ...restProps }, ref) => {