@alfalab/core-components 36.5.1-beta.0 → 37.0.0

package/calendar-range/modern/Component.js

@@ -5,12 +5,13 @@ import 'classnames';
 import 'date-fns/startOfMonth';
 import '../../calendar-input/modern';
 import '../../date-input/modern';
+import './components/divider/Component.js';
 import 'date-fns/addMonths';
 import 'date-fns/isEqual';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/subMonths';
-import './index.module-dd31cc23.js';
+import './index.module-7365bf1a.js';
 import 'date-fns/endOfMonth';
 import '../../calendar/modern';
 import './hooks.js';

package/calendar-range/modern/components/divider/Component.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { CalendarRangeProps } from "../../Component";
+type Props = {
+    inputFromProps?: CalendarRangeProps['inputFromProps'];
+    inputToProps?: CalendarRangeProps['inputToProps'];
+};
+declare const Divider: FC<Props>;
+export { Divider };

package/calendar-range/modern/components/divider/Component.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import cn from 'classnames';
+
+const styles = {"component":"calendar-range__component_1aiuv","outer":"calendar-range__outer_1aiuv","s":"calendar-range__s_1aiuv","m":"calendar-range__m_1aiuv","l":"calendar-range__l_1aiuv","xl":"calendar-range__xl_1aiuv"};
+require('./index.css');
+
+const Divider = ({ inputFromProps, inputToProps }) => {
+    const outer = inputFromProps?.label &&
+        inputFromProps?.labelView === 'outer' &&
+        inputToProps?.label &&
+        inputToProps?.labelView === 'outer';
+    const size = inputFromProps?.size || inputToProps?.size || 's';
+    return React.createElement("span", { className: cn(styles.component, styles[size], { [styles.outer]: outer }) });
+};
+
+export { Divider };

package/calendar-range/modern/components/divider/index.css

@@ -0,0 +1,75 @@
+/* hash: ilxr4 */
+:root {
+    --color-light-graphic-primary: #0b1f35;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-xs: 8px;
+}
+:root {
+    --size-s-height: 48px;
+    --size-m-height: 56px;
+    --size-l-height: 64px;
+    --size-xl-height: 72px;
+}
+:root {
+
+    /* Кнопки выбора месяцев и годов */
+
+    /* Шапка */
+
+    /* День */
+
+    /* today */
+
+    /* highlighted */
+
+    /* holidays */
+
+    /* range */
+
+    /* selected */
+
+    /* disabled */
+
+    /* marker */
+}
+.calendar-range__component_1aiuv {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 16px;
+    margin: 0 var(--gap-xs)
+}
+.calendar-range__component_1aiuv:after {
+        content: '';
+        display: block;
+        width: 100%;
+        height: 1px;
+        background-color: var(--color-light-graphic-primary);
+    }
+.calendar-range__outer_1aiuv {
+    position: relative;
+
+    /* FormControl .above height + margin-bottom */
+    top: 24px;
+}
+.calendar-range__s_1aiuv {
+    height: var(--size-s-height);
+}
+.calendar-range__m_1aiuv {
+    height: var(--size-m-height);
+}
+.calendar-range__l_1aiuv {
+    height: var(--size-l-height);
+}
+.calendar-range__xl_1aiuv {
+    height: var(--size-xl-height);
+}

package/calendar-range/modern/components/divider/index.d.ts

@@ -0,0 +1 @@
+export * from "./Component";

package/calendar-range/modern/components/divider/index.js

@@ -0,0 +1,3 @@
+export { Divider } from './Component.js';
+import 'react';
+import 'classnames';

package/calendar-range/modern/index.js

@@ -4,12 +4,13 @@ import 'classnames';
 import 'date-fns/startOfMonth';
 import '../../calendar-input/modern';
 import '../../date-input/modern';
+import './components/divider/Component.js';
 import 'date-fns/addMonths';
 import 'date-fns/isEqual';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/subMonths';
-import './index.module-dd31cc23.js';
+import './index.module-7365bf1a.js';
 import 'date-fns/endOfMonth';
 import '../../calendar/modern';
 import './views/popover.js';

package/calendar-range/modern/index.module-7365bf1a.js

@@ -0,0 +1,4 @@
+const styles = {"component":"calendar-range__component_tpi0s","static":"calendar-range__static_tpi0s","calendar":"calendar-range__calendar_tpi0s"};
+require('./views/index.css');
+
+export { styles as s };

package/calendar-range/modern/views/index.css

@@ -1,7 +1,4 @@
-/* hash: 1y02j */
-:root {
-    --color-light-graphic-primary: #0b1f35;
-}
+/* hash: 1axne */
 :root {
 
     /* Hard */
@@ -10,9 +7,6 @@
 
     /* Hard up */
 }
-:root {
-    --gap-xs: 8px;
-}
 :root {
     --calendar-inner-width: 280px;
 
@@ -36,33 +30,18 @@
 
     /* marker */
 }
-.calendar-range__component_1ci3b {
+.calendar-range__component_tpi0s {
     display: flex
 }
-.calendar-range__component_1ci3b button[aria-selected='true'] {
+.calendar-range__component_tpi0s button[aria-selected='true'] {
         cursor: pointer;
     }
-.calendar-range__component_1ci3b *[class*='errorIcon_'] {
+.calendar-range__component_tpi0s *[class*='errorIcon_'] {
         display: none;
     }
-.calendar-range__component_1ci3b *[class*='calendarIcon_'] {
+.calendar-range__component_tpi0s *[class*='calendarIcon_'] {
         margin-right: 0;
     }
-.calendar-range__divider_1ci3b {
-    height: 48px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 16px;
-    margin: 0 var(--gap-xs)
-}
-.calendar-range__divider_1ci3b:after {
-        content: '';
-        display: block;
-        width: 100%;
-        height: 1px;
-        background-color: var(--color-light-graphic-primary);
-    }
-.calendar-range__static_1ci3b .calendar-range__calendar_1ci3b {
+.calendar-range__static_tpi0s .calendar-range__calendar_tpi0s {
         width: var(--calendar-inner-width);
     }

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

@@ -3,8 +3,9 @@ import cn from 'classnames';
 import startOfMonth from 'date-fns/startOfMonth';
 import { isValidInputValue, parseDateString, CalendarInput } from '../../../calendar-input/modern';
 import { isCompleteDateInput } from '../../../date-input/modern';
+import { Divider } from '../components/divider/Component.js';
 import { usePopoverViewMonthes } from '../hooks.js';
-import { s as styles } from '../index.module-dd31cc23.js';
+import { s as styles } from '../index.module-7365bf1a.js';
 import 'date-fns/addMonths';
 import 'date-fns/isEqual';
 import 'date-fns/max';
@@ -110,7 +111,7 @@ const CalendarRangePopover = ({ className, defaultMonth = startOfMonth(new Date(
                 onMonthChange: handleMonthFromChange,
                 selectorView: 'full',
             } }),
-        React.createElement("span", { className: styles.divider }),
+        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,

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

@@ -8,9 +8,10 @@ import subMonths from 'date-fns/subMonths';
 import { usePeriodWithReset, Calendar } from '../../../calendar/modern';
 import { isValidInputValue, parseDateString, formatDate } from '../../../calendar-input/modern';
 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-dd31cc23.js';
+import { s as styles } from '../index.module-7365bf1a.js';
 import 'date-fns/isEqual';
 import 'date-fns/min';
 
@@ -151,7 +152,7 @@ const CalendarRangeStatic = ({ className, defaultMonth = startOfMonth(new Date()
                     ? '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: maxDate && max([maxDate, endOfMonth(subMonths(maxDate, 1))]).getTime(), ...rangeProps })),
-        React.createElement("span", { className: styles.divider }),
+        React.createElement(Divider, { inputFromProps: inputFromProps, inputToProps: inputToProps }),
         React.createElement("div", null,
             React.createElement(DateInput, { ...dateInputToProps, mobileMode: dateInputToProps.mobileMode === 'popover'
                     ? 'input'

package/calendar-range/utils.js

@@ -1,3 +1,5 @@
-var isDayButton = function (node) { return node && node.tagName === 'BUTTON' && node.dataset.date; };
+var isDayButton = function (node) {
+    return node && node.tagName === 'BUTTON' && node.dataset.date;
+};
 
 exports.isDayButton = isDayButton;

package/calendar-range/views/index.css

@@ -1,7 +1,4 @@
-/* hash: 1y02j */
-:root {
-    --color-light-graphic-primary: #0b1f35;
-}
+/* hash: 1axne */
 :root {
 
     /* Hard */
@@ -10,9 +7,6 @@
 
     /* Hard up */
 }
-:root {
-    --gap-xs: 8px;
-}
 :root {
     --calendar-inner-width: 280px;
 
@@ -36,33 +30,18 @@
 
     /* marker */
 }
-.calendar-range__component_1ci3b {
+.calendar-range__component_tpi0s {
     display: flex
 }
-.calendar-range__component_1ci3b button[aria-selected='true'] {
+.calendar-range__component_tpi0s button[aria-selected='true'] {
         cursor: pointer;
     }
-.calendar-range__component_1ci3b *[class*='errorIcon_'] {
+.calendar-range__component_tpi0s *[class*='errorIcon_'] {
         display: none;
     }
-.calendar-range__component_1ci3b *[class*='calendarIcon_'] {
+.calendar-range__component_tpi0s *[class*='calendarIcon_'] {
         margin-right: 0;
     }
-.calendar-range__divider_1ci3b {
-    height: 48px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 16px;
-    margin: 0 var(--gap-xs)
-}
-.calendar-range__divider_1ci3b:after {
-        content: '';
-        display: block;
-        width: 100%;
-        height: 1px;
-        background-color: var(--color-light-graphic-primary);
-    }
-.calendar-range__static_1ci3b .calendar-range__calendar_1ci3b {
+.calendar-range__static_tpi0s .calendar-range__calendar_tpi0s {
         width: var(--calendar-inner-width);
     }

package/calendar-range/views/popover.js

@@ -1,9 +1,10 @@
-var index_module = require('../index.module-c0530d45.js');
+var index_module = require('../index.module-6719a1a2.js');
 var React = require('react');
 var cn = require('classnames');
 var startOfMonth = require('date-fns/startOfMonth');
 var coreComponentsCalendarInput = require('../../calendar-input');
 var coreComponentsDateInput = require('../../date-input');
+var components_divider_Component = require('../components/divider/Component.js');
 var hooks = require('../hooks.js');
 require('date-fns/addMonths');
 require('date-fns/isEqual');
@@ -112,7 +113,7 @@ var CalendarRangePopover = function (_a) {
     }, [hasValidateError]);
     return (React__default.default.createElement("div", { className: cn__default.default(index_module.styles.component, className), "data-test-id": dataTestId },
         React__default.default.createElement(coreComponentsCalendarInput.CalendarInput, index_module.__assign({}, 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: index_module.__assign(index_module.__assign({}, inputFromProps.calendarProps), { month: monthFrom, onMonthChange: handleMonthFromChange, selectorView: 'full' }) })),
-        React__default.default.createElement("span", { className: index_module.styles.divider }),
+        React__default.default.createElement(components_divider_Component.Divider, { inputFromProps: inputFromProps, inputToProps: inputToProps }),
         React__default.default.createElement(coreComponentsCalendarInput.CalendarInput, index_module.__assign({}, 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: index_module.__assign(index_module.__assign({}, inputToProps.calendarProps), { month: monthTo, onMonthChange: handleMonthToChange, selectorView: 'full' }) }))));
 };
 

package/calendar-range/views/static.js

@@ -1,4 +1,4 @@
-var index_module = require('../index.module-c0530d45.js');
+var index_module = require('../index.module-6719a1a2.js');
 var React = require('react');
 var cn = require('classnames');
 var addMonths = require('date-fns/addMonths');
@@ -9,6 +9,7 @@ var subMonths = require('date-fns/subMonths');
 var coreComponentsCalendar = require('../../calendar');
 var coreComponentsCalendarInput = require('../../calendar-input');
 var coreComponentsDateInput = require('../../date-input');
+var components_divider_Component = require('../components/divider/Component.js');
 var hooks = require('../hooks.js');
 var utils = require('../utils.js');
 require('date-fns/isEqual');
@@ -161,7 +162,7 @@ var CalendarRangeStatic = function (_a) {
                     ? 'input'
                     : dateInputFromProps.mobileMode, value: inputFromValue, onChange: handleInputFromChange, onClear: handleClearFrom, onBlur: handleValidInputFrom, error: bothInvalid || inputFromInvalid || dateInputFromProps.error, clear: true, block: true })),
             React__default.default.createElement(CalendarFromComponent, index_module.__assign({}, calendarFromProps, { className: cn__default.default(index_module.styles.calendar, calendarFromProps === null || calendarFromProps === void 0 ? void 0 : calendarFromProps.className), month: monthFrom, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthFromChange, minDate: minDate, maxDate: maxDate && max__default.default([maxDate, endOfMonth__default.default(subMonths__default.default(maxDate, 1))]).getTime() }, rangeProps))),
-        React__default.default.createElement("span", { className: index_module.styles.divider }),
+        React__default.default.createElement(components_divider_Component.Divider, { inputFromProps: inputFromProps, inputToProps: inputToProps }),
         React__default.default.createElement("div", null,
             React__default.default.createElement(coreComponentsDateInput.DateInput, index_module.__assign({}, dateInputToProps, { mobileMode: dateInputToProps.mobileMode === 'popover'
                     ? 'input'

package/calendar-with-skeleton/Component.js

@@ -48,7 +48,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"calendar-with-skeleton__component_kevtn","calendarVisible":"calendar-with-skeleton__calendarVisible_kevtn","skeleton":"calendar-with-skeleton__skeleton_kevtn","header":"calendar-with-skeleton__header_kevtn","weekDays":"calendar-with-skeleton__weekDays_kevtn","row":"calendar-with-skeleton__row_kevtn","enter":"calendar-with-skeleton__enter_kevtn","enterActive":"calendar-with-skeleton__enterActive_kevtn","exit":"calendar-with-skeleton__exit_kevtn","exitActive":"calendar-with-skeleton__exitActive_kevtn"};
+var styles = {"component":"calendar-with-skeleton__component_1lfs2","calendarVisible":"calendar-with-skeleton__calendarVisible_1lfs2","skeleton":"calendar-with-skeleton__skeleton_1lfs2","header":"calendar-with-skeleton__header_1lfs2","weekDays":"calendar-with-skeleton__weekDays_1lfs2","row":"calendar-with-skeleton__row_1lfs2","enter":"calendar-with-skeleton__enter_1lfs2","enterActive":"calendar-with-skeleton__enterActive_1lfs2","exit":"calendar-with-skeleton__exit_1lfs2","exitActive":"calendar-with-skeleton__exitActive_1lfs2"};
 require('./index.css');
 
 var CalendarWithSkeleton = React.forwardRef(function (_a, ref) {

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

@@ -43,7 +43,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"calendar-with-skeleton__component_kevtn","calendarVisible":"calendar-with-skeleton__calendarVisible_kevtn","skeleton":"calendar-with-skeleton__skeleton_kevtn","header":"calendar-with-skeleton__header_kevtn","weekDays":"calendar-with-skeleton__weekDays_kevtn","row":"calendar-with-skeleton__row_kevtn","enter":"calendar-with-skeleton__enter_kevtn","enterActive":"calendar-with-skeleton__enterActive_kevtn","exit":"calendar-with-skeleton__exit_kevtn","exitActive":"calendar-with-skeleton__exitActive_kevtn"};
+var styles = {"component":"calendar-with-skeleton__component_1lfs2","calendarVisible":"calendar-with-skeleton__calendarVisible_1lfs2","skeleton":"calendar-with-skeleton__skeleton_1lfs2","header":"calendar-with-skeleton__header_1lfs2","weekDays":"calendar-with-skeleton__weekDays_1lfs2","row":"calendar-with-skeleton__row_1lfs2","enter":"calendar-with-skeleton__enter_1lfs2","enterActive":"calendar-with-skeleton__enterActive_1lfs2","exit":"calendar-with-skeleton__exit_1lfs2","exitActive":"calendar-with-skeleton__exitActive_1lfs2"};
 require('./index.css');
 
 var CalendarWithSkeleton = forwardRef(function (_a, ref) {

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

@@ -1,4 +1,4 @@
-/* hash: 1dqti */
+/* hash: c1yis */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -38,15 +38,15 @@
 
     /* marker */
 }
-.calendar-with-skeleton__component_kevtn {
+.calendar-with-skeleton__component_1lfs2 {
     width: var(--calendar-width);
     height: var(--calendar-height);
     position: relative;
 }
-.calendar-with-skeleton__calendarVisible_kevtn {
+.calendar-with-skeleton__calendarVisible_1lfs2 {
     height: auto;
 }
-.calendar-with-skeleton__skeleton_kevtn {
+.calendar-with-skeleton__skeleton_1lfs2 {
     display: flex;
     flex-direction: column;
     padding: var(--gap-m);
@@ -61,25 +61,25 @@
     background-color: var(--color-light-bg-primary);
     background-clip: content-box;
 }
-.calendar-with-skeleton__header_kevtn {
+.calendar-with-skeleton__header_1lfs2 {
     height: 48px;
     margin-bottom: var(--gap-l);
 }
-.calendar-with-skeleton__weekDays_kevtn {
+.calendar-with-skeleton__weekDays_1lfs2 {
     height: 12px;
     margin-bottom: var(--gap-m);
 }
-.calendar-with-skeleton__row_kevtn {
+.calendar-with-skeleton__row_1lfs2 {
     height: 32px
 }
-.calendar-with-skeleton__row_kevtn + .calendar-with-skeleton__row_kevtn {
+.calendar-with-skeleton__row_1lfs2 + .calendar-with-skeleton__row_1lfs2 {
         margin-top: 10px;
     }
-.calendar-with-skeleton__enter_kevtn,
-.calendar-with-skeleton__enterActive_kevtn,
-.calendar-with-skeleton__exit_kevtn {
+.calendar-with-skeleton__enter_1lfs2,
+.calendar-with-skeleton__enterActive_1lfs2,
+.calendar-with-skeleton__exit_1lfs2 {
     opacity: 1;
 }
-.calendar-with-skeleton__exitActive_kevtn {
+.calendar-with-skeleton__exitActive_1lfs2 {
     opacity: 0;
 }

package/calendar-with-skeleton/index.css

@@ -1,4 +1,4 @@
-/* hash: 1dqti */
+/* hash: c1yis */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -38,15 +38,15 @@
 
     /* marker */
 }
-.calendar-with-skeleton__component_kevtn {
+.calendar-with-skeleton__component_1lfs2 {
     width: var(--calendar-width);
     height: var(--calendar-height);
     position: relative;
 }
-.calendar-with-skeleton__calendarVisible_kevtn {
+.calendar-with-skeleton__calendarVisible_1lfs2 {
     height: auto;
 }
-.calendar-with-skeleton__skeleton_kevtn {
+.calendar-with-skeleton__skeleton_1lfs2 {
     display: flex;
     flex-direction: column;
     padding: var(--gap-m);
@@ -61,25 +61,25 @@
     background-color: var(--color-light-bg-primary);
     background-clip: content-box;
 }
-.calendar-with-skeleton__header_kevtn {
+.calendar-with-skeleton__header_1lfs2 {
     height: 48px;
     margin-bottom: var(--gap-l);
 }
-.calendar-with-skeleton__weekDays_kevtn {
+.calendar-with-skeleton__weekDays_1lfs2 {
     height: 12px;
     margin-bottom: var(--gap-m);
 }
-.calendar-with-skeleton__row_kevtn {
+.calendar-with-skeleton__row_1lfs2 {
     height: 32px
 }
-.calendar-with-skeleton__row_kevtn + .calendar-with-skeleton__row_kevtn {
+.calendar-with-skeleton__row_1lfs2 + .calendar-with-skeleton__row_1lfs2 {
         margin-top: 10px;
     }
-.calendar-with-skeleton__enter_kevtn,
-.calendar-with-skeleton__enterActive_kevtn,
-.calendar-with-skeleton__exit_kevtn {
+.calendar-with-skeleton__enter_1lfs2,
+.calendar-with-skeleton__enterActive_1lfs2,
+.calendar-with-skeleton__exit_1lfs2 {
     opacity: 1;
 }
-.calendar-with-skeleton__exitActive_kevtn {
+.calendar-with-skeleton__exitActive_1lfs2 {
     opacity: 0;
 }

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

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { Calendar } from '../../calendar/modern';
 import { Skeleton } from '../../skeleton/modern';
 
-const styles = {"component":"calendar-with-skeleton__component_kevtn","calendarVisible":"calendar-with-skeleton__calendarVisible_kevtn","skeleton":"calendar-with-skeleton__skeleton_kevtn","header":"calendar-with-skeleton__header_kevtn","weekDays":"calendar-with-skeleton__weekDays_kevtn","row":"calendar-with-skeleton__row_kevtn","enter":"calendar-with-skeleton__enter_kevtn","enterActive":"calendar-with-skeleton__enterActive_kevtn","exit":"calendar-with-skeleton__exit_kevtn","exitActive":"calendar-with-skeleton__exitActive_kevtn"};
+const styles = {"component":"calendar-with-skeleton__component_1lfs2","calendarVisible":"calendar-with-skeleton__calendarVisible_1lfs2","skeleton":"calendar-with-skeleton__skeleton_1lfs2","header":"calendar-with-skeleton__header_1lfs2","weekDays":"calendar-with-skeleton__weekDays_1lfs2","row":"calendar-with-skeleton__row_1lfs2","enter":"calendar-with-skeleton__enter_1lfs2","enterActive":"calendar-with-skeleton__enterActive_1lfs2","exit":"calendar-with-skeleton__exit_1lfs2","exitActive":"calendar-with-skeleton__exitActive_1lfs2"};
 require('./index.css');
 
 const CalendarWithSkeleton = forwardRef(({ calendarVisible = true, animate = true, className, ...restProps }, ref) => {

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

@@ -1,4 +1,4 @@
-/* hash: 1dqti */
+/* hash: c1yis */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -38,15 +38,15 @@
 
     /* marker */
 }
-.calendar-with-skeleton__component_kevtn {
+.calendar-with-skeleton__component_1lfs2 {
     width: var(--calendar-width);
     height: var(--calendar-height);
     position: relative;
 }
-.calendar-with-skeleton__calendarVisible_kevtn {
+.calendar-with-skeleton__calendarVisible_1lfs2 {
     height: auto;
 }
-.calendar-with-skeleton__skeleton_kevtn {
+.calendar-with-skeleton__skeleton_1lfs2 {
     display: flex;
     flex-direction: column;
     padding: var(--gap-m);
@@ -61,25 +61,25 @@
     background-color: var(--color-light-bg-primary);
     background-clip: content-box;
 }
-.calendar-with-skeleton__header_kevtn {
+.calendar-with-skeleton__header_1lfs2 {
     height: 48px;
     margin-bottom: var(--gap-l);
 }
-.calendar-with-skeleton__weekDays_kevtn {
+.calendar-with-skeleton__weekDays_1lfs2 {
     height: 12px;
     margin-bottom: var(--gap-m);
 }
-.calendar-with-skeleton__row_kevtn {
+.calendar-with-skeleton__row_1lfs2 {
     height: 32px
 }
-.calendar-with-skeleton__row_kevtn + .calendar-with-skeleton__row_kevtn {
+.calendar-with-skeleton__row_1lfs2 + .calendar-with-skeleton__row_1lfs2 {
         margin-top: 10px;
     }
-.calendar-with-skeleton__enter_kevtn,
-.calendar-with-skeleton__enterActive_kevtn,
-.calendar-with-skeleton__exit_kevtn {
+.calendar-with-skeleton__enter_1lfs2,
+.calendar-with-skeleton__enterActive_1lfs2,
+.calendar-with-skeleton__exit_1lfs2 {
     opacity: 1;
 }
-.calendar-with-skeleton__exitActive_kevtn {
+.calendar-with-skeleton__exitActive_1lfs2 {
     opacity: 0;
 }

package/card-image/Component.js

@@ -6,7 +6,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"cardImage":"card-image__cardImage_1xejx","rounded":"card-image__rounded_1xejx","image":"card-image__image_1xejx","loaded":"card-image__loaded_1xejx"};
+var styles = {"cardImage":"card-image__cardImage_4z635","rounded":"card-image__rounded_4z635","image":"card-image__image_4z635","loaded":"card-image__loaded_4z635"};
 require('./index.css');
 
 var ASPECT_RATIO = 0.63;

package/card-image/esm/Component.js

@@ -1,7 +1,7 @@
 import React, { useState, useRef, useCallback } from 'react';
 import cn from 'classnames';
 
-var styles = {"cardImage":"card-image__cardImage_1xejx","rounded":"card-image__rounded_1xejx","image":"card-image__image_1xejx","loaded":"card-image__loaded_1xejx"};
+var styles = {"cardImage":"card-image__cardImage_4z635","rounded":"card-image__rounded_4z635","image":"card-image__image_4z635","loaded":"card-image__loaded_4z635"};
 require('./index.css');
 
 var ASPECT_RATIO = 0.63;

package/card-image/esm/index.css

@@ -14,28 +14,28 @@
     --card-image-background: #e7e8ea;
     --card-image-border-radius: var(--border-radius-m);
 }
-.card-image__cardImage_1xejx {
+.card-image__cardImage_4z635 {
     position: relative;
     display: inline-block;
     background: var(--card-image-background);
     transition: background 0.2s ease;
 }
-.card-image__rounded_1xejx {
+.card-image__rounded_4z635 {
     border-radius: var(--card-image-border-radius)
 }
-.card-image__rounded_1xejx .card-image__image_1xejx {
+.card-image__rounded_4z635 .card-image__image_4z635 {
         border-radius: var(--card-image-border-radius);
     }
-.card-image__image_1xejx {
+.card-image__image_4z635 {
     display: block;
     max-width: 100%;
     height: auto;
     opacity: 0;
     transition: opacity 0.2s ease;
 }
-.card-image__loaded_1xejx {
+.card-image__loaded_4z635 {
     background: transparent
 }
-.card-image__loaded_1xejx .card-image__image_1xejx {
+.card-image__loaded_4z635 .card-image__image_4z635 {
         opacity: 1;
     }