@alfalab/core-components 27.11.0 → 27.13.1

package/calendar-range/esm/Component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './index.module-d0c33a24.js';
+import { _ as __rest, a as __assign } from './index.module-7be11096.js';
 import React from 'react';
 import 'classnames';
 import 'date-fns/startOfMonth';

package/calendar-range/esm/index.js

@@ -1,4 +1,4 @@
-import './index.module-d0c33a24.js';
+import './index.module-7be11096.js';
 import 'react';
 import 'classnames';
 import 'date-fns/startOfMonth';

package/calendar-range/esm/{index.module-d0c33a24.js → index.module-7be11096.js}

@@ -37,7 +37,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"calendar-range__component_mrybx","divider":"calendar-range__divider_mrybx","static":"calendar-range__static_mrybx","calendar":"calendar-range__calendar_mrybx"};
+var styles = {"component":"calendar-range__component_1937r","divider":"calendar-range__divider_1937r","static":"calendar-range__static_1937r","calendar":"calendar-range__calendar_1937r"};
 require('./views/index.css');
 
 export { __rest as _, __assign as a, styles as s };

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

@@ -1,4 +1,4 @@
-/* hash: qiqrt */
+/* hash: 1eam0 */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -727,8 +727,18 @@
     --calendar-width: 344px;
     --calendar-inner-width: 280px;
     --calendar-mobile-inner-width: 256px;
+    --calendar-inner-third-part-width: calc(var(--calendar-inner-width) / 3);
+    --calendar-mobile-inner-half-width: calc(var(--calendar-mobile-inner-width) / 2);
 
     /* Кнопки выбора месяцев и годов */
+    --calendar-select-button-gap: calc(var(--gap-xs) / 3);
+    --calendar-mobile-select-button-gap: calc(var(--gap-2xs) / 2);
+    --calendar-mobile-select-button-width: calc(
+        var(--calendar-mobile-inner-half-width) - var(--calendar-mobile-select-button-gap)
+    );
+    --calendar-select-button-width: calc(
+        var(--calendar-inner-third-part-width) - var(--calendar-select-button-gap)
+    );
     --calendar-select-button-today-border-color: var(--color-light-border-key);
     --calendar-select-button-selected-background: var(--color-light-bg-primary-inverted);
 
@@ -748,6 +758,9 @@
     --calendar-highlighted-color: var(--color-light-text-primary);
     --calendar-highlighted-background: var(--color-light-graphic-quaternary);
 
+    /* holidays */
+    --calendar-holiday-color: var(--color-light-text-accent);
+
     /* range */
     --calendar-range-color: var(--color-light-text-primary);
     --calendar-range-background: var(--color-light-specialbg-component);
@@ -766,19 +779,19 @@
     --calendar-marker-background: var(--color-light-graphic-primary);
     --calendar-marker-selected-background: var(--color-light-graphic-primary-inverted);
 }
-.calendar-range__component_mrybx {
+.calendar-range__component_1937r {
     display: flex
 }
-.calendar-range__component_mrybx button[aria-selected='true'] {
+.calendar-range__component_1937r button[aria-selected='true'] {
         cursor: pointer;
     }
-.calendar-range__component_mrybx *[class*='errorIcon_'] {
+.calendar-range__component_1937r *[class*='errorIcon_'] {
         display: none;
     }
-.calendar-range__component_mrybx *[class*='calendarIcon_'] {
+.calendar-range__component_1937r *[class*='calendarIcon_'] {
         margin-right: 0;
     }
-.calendar-range__divider_mrybx {
+.calendar-range__divider_1937r {
     height: 48px;
     display: flex;
     align-items: center;
@@ -786,13 +799,13 @@
     width: 16px;
     margin: 0 var(--gap-xs)
 }
-.calendar-range__divider_mrybx:after {
+.calendar-range__divider_1937r:after {
         content: '';
         display: block;
         width: 100%;
         height: 1px;
         background-color: var(--color-light-graphic-primary);
     }
-.calendar-range__static_mrybx .calendar-range__calendar_mrybx {
+.calendar-range__static_1937r .calendar-range__calendar_1937r {
         width: var(--calendar-inner-width);
     }

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

@@ -1,4 +1,4 @@
-import { s as styles, a as __assign } from '../index.module-d0c33a24.js';
+import { s as styles, a as __assign } from '../index.module-7be11096.js';
 import React, { useState, useCallback, useEffect } from 'react';
 import cn from 'classnames';
 import startOfMonth from 'date-fns/startOfMonth';

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

@@ -1,4 +1,4 @@
-import { _ as __rest, s as styles, a as __assign } from '../index.module-d0c33a24.js';
+import { _ as __rest, s as styles, a as __assign } from '../index.module-7be11096.js';
 import React, { useState, useCallback, useEffect } from 'react';
 import cn from 'classnames';
 import startOfMonth from 'date-fns/startOfMonth';

package/calendar-range/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./index.module-28642721.js');
+require('./index.module-c71a2d34.js');
 require('react');
 require('classnames');
 require('date-fns/startOfMonth');

package/calendar-range/{index.module-28642721.js → index.module-c71a2d34.js}

@@ -37,7 +37,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"calendar-range__component_mrybx","divider":"calendar-range__divider_mrybx","static":"calendar-range__static_mrybx","calendar":"calendar-range__calendar_mrybx"};
+var styles = {"component":"calendar-range__component_1937r","divider":"calendar-range__divider_1937r","static":"calendar-range__static_1937r","calendar":"calendar-range__calendar_1937r"};
 require('./views/index.css');
 
 exports.__rest = __rest;

package/calendar-range/modern/Component.js

@@ -10,7 +10,7 @@ import 'date-fns/endOfMonth';
 import '../../calendar-input/modern';
 import '../../date-input/modern';
 import './hooks.js';
-import './index.module-9b5dd179.js';
+import './index.module-302ed35c.js';
 import { CalendarRangePopover } from './views/popover.js';
 import '../../calendar/modern';
 import './utils.js';

package/calendar-range/modern/index.js

@@ -10,7 +10,7 @@ import 'date-fns/endOfMonth';
 import '../../calendar-input/modern';
 import '../../date-input/modern';
 import './hooks.js';
-import './index.module-9b5dd179.js';
+import './index.module-302ed35c.js';
 import './views/popover.js';
 import '../../calendar/modern';
 import './utils.js';

package/calendar-range/modern/index.module-302ed35c.js

@@ -0,0 +1,4 @@
+var styles = {"component":"calendar-range__component_1937r","divider":"calendar-range__divider_1937r","static":"calendar-range__static_1937r","calendar":"calendar-range__calendar_1937r"};
+require('./views/index.css');
+
+export { styles as s };

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

@@ -1,4 +1,4 @@
-/* hash: qiqrt */
+/* hash: 1eam0 */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -727,8 +727,18 @@
     --calendar-width: 344px;
     --calendar-inner-width: 280px;
     --calendar-mobile-inner-width: 256px;
+    --calendar-inner-third-part-width: calc(var(--calendar-inner-width) / 3);
+    --calendar-mobile-inner-half-width: calc(var(--calendar-mobile-inner-width) / 2);
 
     /* Кнопки выбора месяцев и годов */
+    --calendar-select-button-gap: calc(var(--gap-xs) / 3);
+    --calendar-mobile-select-button-gap: calc(var(--gap-2xs) / 2);
+    --calendar-mobile-select-button-width: calc(
+        var(--calendar-mobile-inner-half-width) - var(--calendar-mobile-select-button-gap)
+    );
+    --calendar-select-button-width: calc(
+        var(--calendar-inner-third-part-width) - var(--calendar-select-button-gap)
+    );
     --calendar-select-button-today-border-color: var(--color-light-border-key);
     --calendar-select-button-selected-background: var(--color-light-bg-primary-inverted);
 
@@ -748,6 +758,9 @@
     --calendar-highlighted-color: var(--color-light-text-primary);
     --calendar-highlighted-background: var(--color-light-graphic-quaternary);
 
+    /* holidays */
+    --calendar-holiday-color: var(--color-light-text-accent);
+
     /* range */
     --calendar-range-color: var(--color-light-text-primary);
     --calendar-range-background: var(--color-light-specialbg-component);
@@ -766,19 +779,19 @@
     --calendar-marker-background: var(--color-light-graphic-primary);
     --calendar-marker-selected-background: var(--color-light-graphic-primary-inverted);
 }
-.calendar-range__component_mrybx {
+.calendar-range__component_1937r {
     display: flex
 }
-.calendar-range__component_mrybx button[aria-selected='true'] {
+.calendar-range__component_1937r button[aria-selected='true'] {
         cursor: pointer;
     }
-.calendar-range__component_mrybx *[class*='errorIcon_'] {
+.calendar-range__component_1937r *[class*='errorIcon_'] {
         display: none;
     }
-.calendar-range__component_mrybx *[class*='calendarIcon_'] {
+.calendar-range__component_1937r *[class*='calendarIcon_'] {
         margin-right: 0;
     }
-.calendar-range__divider_mrybx {
+.calendar-range__divider_1937r {
     height: 48px;
     display: flex;
     align-items: center;
@@ -786,13 +799,13 @@
     width: 16px;
     margin: 0 var(--gap-xs)
 }
-.calendar-range__divider_mrybx:after {
+.calendar-range__divider_1937r:after {
         content: '';
         display: block;
         width: 100%;
         height: 1px;
         background-color: var(--color-light-graphic-primary);
     }
-.calendar-range__static_mrybx .calendar-range__calendar_mrybx {
+.calendar-range__static_1937r .calendar-range__calendar_1937r {
         width: var(--calendar-inner-width);
     }

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

@@ -9,7 +9,7 @@ import 'date-fns/isEqual';
 import { isValidInputValue, parseDateString, CalendarInput } from '../../../calendar-input/modern';
 import { isCompleteDateInput } from '../../../date-input/modern';
 import { usePopoverViewMonthes } from '../hooks.js';
-import { s as styles } from '../index.module-9b5dd179.js';
+import { s as styles } from '../index.module-302ed35c.js';
 
 const CalendarRangePopover = ({ className, defaultMonth = startOfMonth(new Date()).getTime(), minDate, maxDate, valueFrom = '', valueTo = '', onDateFromChange = () => null, onDateToChange = () => null, onChange = () => null, inputFromProps = {}, inputToProps = {}, offDays, events, dataTestId, }) => {
     const [inputFromValue, setInputFromValue] = useState(valueFrom);

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

@@ -10,7 +10,7 @@ import endOfMonth from 'date-fns/endOfMonth';
 import { isValidInputValue, parseDateString, formatDate } from '../../../calendar-input/modern';
 import { isCompleteDateInput, DateInput } from '../../../date-input/modern';
 import { useStaticViewMonthes, useSelectionProps } from '../hooks.js';
-import { s as styles } from '../index.module-9b5dd179.js';
+import { s as styles } from '../index.module-302ed35c.js';
 import { usePeriodWithReset, Calendar } from '../../../calendar/modern';
 import { isDayButton } from '../utils.js';
 

package/calendar-range/views/index.css

@@ -1,4 +1,4 @@
-/* hash: qiqrt */
+/* hash: 1eam0 */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -727,8 +727,18 @@
     --calendar-width: 344px;
     --calendar-inner-width: 280px;
     --calendar-mobile-inner-width: 256px;
+    --calendar-inner-third-part-width: calc(var(--calendar-inner-width) / 3);
+    --calendar-mobile-inner-half-width: calc(var(--calendar-mobile-inner-width) / 2);
 
     /* Кнопки выбора месяцев и годов */
+    --calendar-select-button-gap: calc(var(--gap-xs) / 3);
+    --calendar-mobile-select-button-gap: calc(var(--gap-2xs) / 2);
+    --calendar-mobile-select-button-width: calc(
+        var(--calendar-mobile-inner-half-width) - var(--calendar-mobile-select-button-gap)
+    );
+    --calendar-select-button-width: calc(
+        var(--calendar-inner-third-part-width) - var(--calendar-select-button-gap)
+    );
     --calendar-select-button-today-border-color: var(--color-light-border-key);
     --calendar-select-button-selected-background: var(--color-light-bg-primary-inverted);
 
@@ -748,6 +758,9 @@
     --calendar-highlighted-color: var(--color-light-text-primary);
     --calendar-highlighted-background: var(--color-light-graphic-quaternary);
 
+    /* holidays */
+    --calendar-holiday-color: var(--color-light-text-accent);
+
     /* range */
     --calendar-range-color: var(--color-light-text-primary);
     --calendar-range-background: var(--color-light-specialbg-component);
@@ -766,19 +779,19 @@
     --calendar-marker-background: var(--color-light-graphic-primary);
     --calendar-marker-selected-background: var(--color-light-graphic-primary-inverted);
 }
-.calendar-range__component_mrybx {
+.calendar-range__component_1937r {
     display: flex
 }
-.calendar-range__component_mrybx button[aria-selected='true'] {
+.calendar-range__component_1937r button[aria-selected='true'] {
         cursor: pointer;
     }
-.calendar-range__component_mrybx *[class*='errorIcon_'] {
+.calendar-range__component_1937r *[class*='errorIcon_'] {
         display: none;
     }
-.calendar-range__component_mrybx *[class*='calendarIcon_'] {
+.calendar-range__component_1937r *[class*='calendarIcon_'] {
         margin-right: 0;
     }
-.calendar-range__divider_mrybx {
+.calendar-range__divider_1937r {
     height: 48px;
     display: flex;
     align-items: center;
@@ -786,13 +799,13 @@
     width: 16px;
     margin: 0 var(--gap-xs)
 }
-.calendar-range__divider_mrybx:after {
+.calendar-range__divider_1937r:after {
         content: '';
         display: block;
         width: 100%;
         height: 1px;
         background-color: var(--color-light-graphic-primary);
     }
-.calendar-range__static_mrybx .calendar-range__calendar_mrybx {
+.calendar-range__static_1937r .calendar-range__calendar_1937r {
         width: var(--calendar-inner-width);
     }

package/calendar-range/views/popover.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index_module = require('../index.module-28642721.js');
+var index_module = require('../index.module-c71a2d34.js');
 var React = require('react');
 var cn = require('classnames');
 var startOfMonth = require('date-fns/startOfMonth');

package/calendar-range/views/static.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index_module = require('../index.module-28642721.js');
+var index_module = require('../index.module-c71a2d34.js');
 var React = require('react');
 var cn = require('classnames');
 var startOfMonth = require('date-fns/startOfMonth');

package/calendar-with-skeleton/Component.js

@@ -50,7 +50,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"calendar-with-skeleton__component_1nbwf","calendarVisible":"calendar-with-skeleton__calendarVisible_1nbwf","skeleton":"calendar-with-skeleton__skeleton_1nbwf","header":"calendar-with-skeleton__header_1nbwf","weekDays":"calendar-with-skeleton__weekDays_1nbwf","row":"calendar-with-skeleton__row_1nbwf","enter":"calendar-with-skeleton__enter_1nbwf","enterActive":"calendar-with-skeleton__enterActive_1nbwf","exit":"calendar-with-skeleton__exit_1nbwf","exitActive":"calendar-with-skeleton__exitActive_1nbwf"};
+var styles = {"component":"calendar-with-skeleton__component_i5cjz","calendarVisible":"calendar-with-skeleton__calendarVisible_i5cjz","skeleton":"calendar-with-skeleton__skeleton_i5cjz","header":"calendar-with-skeleton__header_i5cjz","weekDays":"calendar-with-skeleton__weekDays_i5cjz","row":"calendar-with-skeleton__row_i5cjz","enter":"calendar-with-skeleton__enter_i5cjz","enterActive":"calendar-with-skeleton__enterActive_i5cjz","exit":"calendar-with-skeleton__exit_i5cjz","exitActive":"calendar-with-skeleton__exitActive_i5cjz"};
 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_1nbwf","calendarVisible":"calendar-with-skeleton__calendarVisible_1nbwf","skeleton":"calendar-with-skeleton__skeleton_1nbwf","header":"calendar-with-skeleton__header_1nbwf","weekDays":"calendar-with-skeleton__weekDays_1nbwf","row":"calendar-with-skeleton__row_1nbwf","enter":"calendar-with-skeleton__enter_1nbwf","enterActive":"calendar-with-skeleton__enterActive_1nbwf","exit":"calendar-with-skeleton__exit_1nbwf","exitActive":"calendar-with-skeleton__exitActive_1nbwf"};
+var styles = {"component":"calendar-with-skeleton__component_i5cjz","calendarVisible":"calendar-with-skeleton__calendarVisible_i5cjz","skeleton":"calendar-with-skeleton__skeleton_i5cjz","header":"calendar-with-skeleton__header_i5cjz","weekDays":"calendar-with-skeleton__weekDays_i5cjz","row":"calendar-with-skeleton__row_i5cjz","enter":"calendar-with-skeleton__enter_i5cjz","enterActive":"calendar-with-skeleton__enterActive_i5cjz","exit":"calendar-with-skeleton__exit_i5cjz","exitActive":"calendar-with-skeleton__exitActive_i5cjz"};
 require('./index.css');
 
 var CalendarWithSkeleton = forwardRef(function (_a, ref) {

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

@@ -1,4 +1,4 @@
-/* hash: zj13j */
+/* hash: rnieu */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -722,15 +722,15 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.calendar-with-skeleton__component_1nbwf {
+.calendar-with-skeleton__component_i5cjz {
     width: var(--calendar-width);
     height: var(--calendar-height);
     position: relative;
 }
-.calendar-with-skeleton__calendarVisible_1nbwf {
+.calendar-with-skeleton__calendarVisible_i5cjz {
     height: auto;
 }
-.calendar-with-skeleton__skeleton_1nbwf {
+.calendar-with-skeleton__skeleton_i5cjz {
     display: flex;
     flex-direction: column;
     padding: var(--gap-m);
@@ -745,25 +745,25 @@
     background-color: var(--color-light-bg-primary);
     background-clip: content-box;
 }
-.calendar-with-skeleton__header_1nbwf {
+.calendar-with-skeleton__header_i5cjz {
     height: 48px;
     margin-bottom: var(--gap-l);
 }
-.calendar-with-skeleton__weekDays_1nbwf {
+.calendar-with-skeleton__weekDays_i5cjz {
     height: 12px;
     margin-bottom: var(--gap-m);
 }
-.calendar-with-skeleton__row_1nbwf {
+.calendar-with-skeleton__row_i5cjz {
     height: 32px
 }
-.calendar-with-skeleton__row_1nbwf + .calendar-with-skeleton__row_1nbwf {
+.calendar-with-skeleton__row_i5cjz + .calendar-with-skeleton__row_i5cjz {
         margin-top: 10px;
     }
-.calendar-with-skeleton__enter_1nbwf,
-.calendar-with-skeleton__enterActive_1nbwf,
-.calendar-with-skeleton__exit_1nbwf {
+.calendar-with-skeleton__enter_i5cjz,
+.calendar-with-skeleton__enterActive_i5cjz,
+.calendar-with-skeleton__exit_i5cjz {
     opacity: 1;
 }
-.calendar-with-skeleton__exitActive_1nbwf {
+.calendar-with-skeleton__exitActive_i5cjz {
     opacity: 0;
 }

package/calendar-with-skeleton/index.css

@@ -1,4 +1,4 @@
-/* hash: zj13j */
+/* hash: rnieu */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -722,15 +722,15 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.calendar-with-skeleton__component_1nbwf {
+.calendar-with-skeleton__component_i5cjz {
     width: var(--calendar-width);
     height: var(--calendar-height);
     position: relative;
 }
-.calendar-with-skeleton__calendarVisible_1nbwf {
+.calendar-with-skeleton__calendarVisible_i5cjz {
     height: auto;
 }
-.calendar-with-skeleton__skeleton_1nbwf {
+.calendar-with-skeleton__skeleton_i5cjz {
     display: flex;
     flex-direction: column;
     padding: var(--gap-m);
@@ -745,25 +745,25 @@
     background-color: var(--color-light-bg-primary);
     background-clip: content-box;
 }
-.calendar-with-skeleton__header_1nbwf {
+.calendar-with-skeleton__header_i5cjz {
     height: 48px;
     margin-bottom: var(--gap-l);
 }
-.calendar-with-skeleton__weekDays_1nbwf {
+.calendar-with-skeleton__weekDays_i5cjz {
     height: 12px;
     margin-bottom: var(--gap-m);
 }
-.calendar-with-skeleton__row_1nbwf {
+.calendar-with-skeleton__row_i5cjz {
     height: 32px
 }
-.calendar-with-skeleton__row_1nbwf + .calendar-with-skeleton__row_1nbwf {
+.calendar-with-skeleton__row_i5cjz + .calendar-with-skeleton__row_i5cjz {
         margin-top: 10px;
     }
-.calendar-with-skeleton__enter_1nbwf,
-.calendar-with-skeleton__enterActive_1nbwf,
-.calendar-with-skeleton__exit_1nbwf {
+.calendar-with-skeleton__enter_i5cjz,
+.calendar-with-skeleton__enterActive_i5cjz,
+.calendar-with-skeleton__exit_i5cjz {
     opacity: 1;
 }
-.calendar-with-skeleton__exitActive_1nbwf {
+.calendar-with-skeleton__exitActive_i5cjz {
     opacity: 0;
 }

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

@@ -4,7 +4,7 @@ import { CSSTransition } from 'react-transition-group';
 import { Skeleton } from '../../skeleton/modern';
 import { Calendar } from '../../calendar/modern';
 
-var styles = {"component":"calendar-with-skeleton__component_1nbwf","calendarVisible":"calendar-with-skeleton__calendarVisible_1nbwf","skeleton":"calendar-with-skeleton__skeleton_1nbwf","header":"calendar-with-skeleton__header_1nbwf","weekDays":"calendar-with-skeleton__weekDays_1nbwf","row":"calendar-with-skeleton__row_1nbwf","enter":"calendar-with-skeleton__enter_1nbwf","enterActive":"calendar-with-skeleton__enterActive_1nbwf","exit":"calendar-with-skeleton__exit_1nbwf","exitActive":"calendar-with-skeleton__exitActive_1nbwf"};
+var styles = {"component":"calendar-with-skeleton__component_i5cjz","calendarVisible":"calendar-with-skeleton__calendarVisible_i5cjz","skeleton":"calendar-with-skeleton__skeleton_i5cjz","header":"calendar-with-skeleton__header_i5cjz","weekDays":"calendar-with-skeleton__weekDays_i5cjz","row":"calendar-with-skeleton__row_i5cjz","enter":"calendar-with-skeleton__enter_i5cjz","enterActive":"calendar-with-skeleton__enterActive_i5cjz","exit":"calendar-with-skeleton__exit_i5cjz","exitActive":"calendar-with-skeleton__exitActive_i5cjz"};
 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: zj13j */
+/* hash: rnieu */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -722,15 +722,15 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.calendar-with-skeleton__component_1nbwf {
+.calendar-with-skeleton__component_i5cjz {
     width: var(--calendar-width);
     height: var(--calendar-height);
     position: relative;
 }
-.calendar-with-skeleton__calendarVisible_1nbwf {
+.calendar-with-skeleton__calendarVisible_i5cjz {
     height: auto;
 }
-.calendar-with-skeleton__skeleton_1nbwf {
+.calendar-with-skeleton__skeleton_i5cjz {
     display: flex;
     flex-direction: column;
     padding: var(--gap-m);
@@ -745,25 +745,25 @@
     background-color: var(--color-light-bg-primary);
     background-clip: content-box;
 }
-.calendar-with-skeleton__header_1nbwf {
+.calendar-with-skeleton__header_i5cjz {
     height: 48px;
     margin-bottom: var(--gap-l);
 }
-.calendar-with-skeleton__weekDays_1nbwf {
+.calendar-with-skeleton__weekDays_i5cjz {
     height: 12px;
     margin-bottom: var(--gap-m);
 }
-.calendar-with-skeleton__row_1nbwf {
+.calendar-with-skeleton__row_i5cjz {
     height: 32px
 }
-.calendar-with-skeleton__row_1nbwf + .calendar-with-skeleton__row_1nbwf {
+.calendar-with-skeleton__row_i5cjz + .calendar-with-skeleton__row_i5cjz {
         margin-top: 10px;
     }
-.calendar-with-skeleton__enter_1nbwf,
-.calendar-with-skeleton__enterActive_1nbwf,
-.calendar-with-skeleton__exit_1nbwf {
+.calendar-with-skeleton__enter_i5cjz,
+.calendar-with-skeleton__enterActive_i5cjz,
+.calendar-with-skeleton__exit_i5cjz {
     opacity: 1;
 }
-.calendar-with-skeleton__exitActive_1nbwf {
+.calendar-with-skeleton__exitActive_i5cjz {
     opacity: 0;
 }

package/card-image/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"cardImage":"card-image__cardImage_9dvp7","rounded":"card-image__rounded_9dvp7","image":"card-image__image_9dvp7","loaded":"card-image__loaded_9dvp7"};
+var styles = {"cardImage":"card-image__cardImage_1szph","rounded":"card-image__rounded_1szph","image":"card-image__image_1szph","loaded":"card-image__loaded_1szph"};
 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_9dvp7","rounded":"card-image__rounded_9dvp7","image":"card-image__image_9dvp7","loaded":"card-image__loaded_9dvp7"};
+var styles = {"cardImage":"card-image__cardImage_1szph","rounded":"card-image__rounded_1szph","image":"card-image__image_1szph","loaded":"card-image__loaded_1szph"};
 require('./index.css');
 
 var ASPECT_RATIO = 0.63;

package/card-image/esm/index.css

@@ -726,28 +726,28 @@
     --card-image-background: #e7e8ea;
     --card-image-border-radius: var(--border-radius-m);
 }
-.card-image__cardImage_9dvp7 {
+.card-image__cardImage_1szph {
     position: relative;
     display: inline-block;
     background: var(--card-image-background);
     transition: background 0.2s ease;
 }
-.card-image__rounded_9dvp7 {
+.card-image__rounded_1szph {
     border-radius: var(--card-image-border-radius)
 }
-.card-image__rounded_9dvp7 .card-image__image_9dvp7 {
+.card-image__rounded_1szph .card-image__image_1szph {
         border-radius: var(--card-image-border-radius);
     }
-.card-image__image_9dvp7 {
+.card-image__image_1szph {
     display: block;
     max-width: 100%;
     height: auto;
     opacity: 0;
     transition: opacity 0.2s ease;
 }
-.card-image__loaded_9dvp7 {
+.card-image__loaded_1szph {
     background: transparent
 }
-.card-image__loaded_9dvp7 .card-image__image_9dvp7 {
+.card-image__loaded_1szph .card-image__image_1szph {
         opacity: var(--opacity-active);
     }