@alfalab/core-components 48.29.0-beta.1 → 48.29.0-snapshot.2-b4d1ee6

package/bottom-sheet/moderncssm/components/footer/index.module.css

@@ -1,39 +1,20 @@
 /* */
 :root {
+    /* component */
 
-    /* header */
+    /* title */
 
-    /* footer */
-    --bottom-sheet-footer-border-top: 1px solid var(--color-light-neutral-300);
-    --bottom-sheet-footer-background-color: var(--color-light-modal-bg-primary);
+    /* subtitle */
+
+    /* default colors */
+
+    /* inverted colors */
 }
 .footer {
     padding: var(--gap-16) var(--gap-16);
-    background-color: var(--color-light-modal-bg-primary);
 }
 .sticky {
     position: sticky;
     bottom: var(--gap-0);
     z-index: 1;
 }
-.highlighted {
-    border-top: var(--bottom-sheet-footer-border-top);
-    background-color: var(--bottom-sheet-footer-background-color);
-}
-@each $backgroundColorBg in accent, info, attention-muted, positive-muted, negative-muted,
-        primary, primary-inverted, secondary, secondary-inverted, tertiary, tertiary-inverted,
-        quaternary, quaternary-inverted
-    {
-        .background-$(backgroundColorBg) {
-            background-color: var(--color-light-bg-$(backgroundColorBg));
-        }
-    }
-@each $backgroundColor in specialbg-component, specialbg-component-inverted,
-        specialbg-primary-grouped, specialbg-secondary-grouped, specialbg-tertiary-grouped,
-        specialbg-secondary-transparent, specialbg-secondary-transparent-inverted,
-        specialbg-tertiary-transparent, specialbg-tertiary-transparent-inverted
-    {
-        .background-$(backgroundColor) {
-            background-color: var(--color-light-$(backgroundColor));
-        }
-    }

package/bottom-sheet/moderncssm/components/footer/inverted.module.css

@@ -0,0 +1,22 @@
+/* */
+:root {
+    /* component */
+
+    /* title */
+
+    /* subtitle */
+
+    /* default colors */
+
+    /* inverted colors */
+    --bottom-sheet-text-color-inverted: var(--color-light-text-primary-inverted);
+    --bottom-sheet-footer-background-color-inverted: var(--color-light-modal-bg-primary-inverted);
+    --bottom-sheet-footer-border-top-inverted: 1px solid var(--color-light-neutral-300-inverted);
+}
+.highlighted {
+    background-color: var(--bottom-sheet-footer-background-color-inverted);
+    border-top: var(--bottom-sheet-footer-border-top-inverted);
+}
+.hasContent {
+    color: var(--bottom-sheet-text-color-inverted);
+}

package/bottom-sheet/moderncssm/components/header/Component.d.ts

@@ -1,8 +1,11 @@
 import { FC, RefObject } from 'react';
 import { NavigationBarPrivateProps } from "../../../../navigation-bar-private";
+import { ColorType } from "../../types";
 type HeaderProps = Omit<NavigationBarPrivateProps, 'view' | 'size'> & {
     headerRef: RefObject<HTMLDivElement>;
     headerOffset: number;
+    colors?: ColorType;
+    isSwipeMarkerAvailable?: boolean;
 };
 declare const Header: FC<HeaderProps>;
 export { HeaderProps, Header };

package/bottom-sheet/moderncssm/components/header/Component.js

@@ -2,9 +2,13 @@ import React, { useContext, useEffect } from 'react';
 import cn from 'classnames';
 import { BaseModalContext } from '../../../../base-modal/moderncssm';
 import { NavigationBarPrivate } from '../../../../navigation-bar-private/moderncssm';
+import { getColorStyles } from '../../utils.js';
+import defaultColors from './default.module.css';
 import styles from './index.module.css';
+import invertedColors from './inverted.module.css';
+import '../../../../shared/moderncssm';
 
-const Header = ({ className, sticky, headerRef, headerOffset, title, children, ...restProps }) => {
+const Header = ({ className, colors = 'default', sticky, headerRef, headerOffset, isSwipeMarkerAvailable, title, children, ...restProps }) => {
     const { setHeaderOffset, setHasHeader, headerHighlighted, onClose } = useContext(BaseModalContext);
     useEffect(() => {
         setHeaderOffset(headerOffset);
@@ -12,12 +16,15 @@ const Header = ({ className, sticky, headerRef, headerOffset, title, children, .
     useEffect(() => {
         setHasHeader(true);
     }, [setHasHeader]);
+    const colorStyle = getColorStyles(colors, defaultColors, invertedColors);
     const hasContent = Boolean(title || children);
-    return (React.createElement(NavigationBarPrivate, { ...restProps, ref: headerRef, title: title, onClose: onClose, sticky: sticky, view: 'mobile', className: cn(styles.headerWrapper, className, {
-            [styles.highlighted]: hasContent && headerHighlighted && sticky,
+    return (React.createElement(NavigationBarPrivate, { ...restProps, ref: headerRef, title: title, onClose: onClose, sticky: sticky, view: 'mobile', className: cn(className, {
+            [styles.headerWrapper]: isSwipeMarkerAvailable,
+            [styles.headerWrapperWithoutSwipeMarker]: !isSwipeMarkerAvailable,
+            [colorStyle.highlighted]: hasContent && headerHighlighted && sticky,
+            [colorStyle.hasContent]: hasContent,
             [styles.sticky]: sticky,
-            [styles.hasContent]: hasContent,
-        }), contentClassName: cn(styles.title) }, children));
+        }), contentClassName: cn(styles.title), titleClassName: cn(colorStyle.title), subtitleClassName: cn(styles.subtitle, colorStyle.subtitle), colors: colors }, children));
 };
 
 export { Header };

package/bottom-sheet/moderncssm/components/header/default.module.css

@@ -0,0 +1,26 @@
+/* */
+:root {
+    /* component */
+
+    /* title */
+
+    /* subtitle */
+
+    /* default colors */
+    --bottom-sheet-header-border-bottom: 1px solid var(--color-light-neutral-300);
+    --bottom-sheet-text-color: var(--color-light-text-primary);
+
+    /* inverted colors */
+}
+.title {
+    color: var(--bottom-sheet-text-color);
+}
+.hasContent {
+    background-color: inherit;
+}
+.subtitle {
+    color: var(--bottom-sheet-text-color);
+}
+.highlighted {
+    border-bottom: var(--bottom-sheet-header-border-bottom);
+}

package/bottom-sheet/moderncssm/components/header/index.module.css

@@ -1,21 +1,36 @@
 /* */
 :root {
+    /* component */
 
-    /* header */
-    --bottom-sheet-header-border-bottom: 1px solid var(--color-light-neutral-300);
+    /* title */
     --bottom-sheet-title-font-size: 20px;
     --bottom-sheet-title-font-weight: 600;
     --bottom-sheet-title-line-height: 28px;
     --bottom-sheet-title-font-family: var(--font-family-system);
 
-    /* footer */
+    /* subtitle */
+    --bottom-sheet-subtitle-font-size: 14px;
+    --bottom-sheet-subtitle-font-weight: 400;
+    --bottom-sheet-subtitle-line-height: 20px;
+    --bottom-sheet-subtitle-font-family: var(--font-family-system);
+
+    /* default colors */
+
+    /* inverted colors */
 }
-.headerWrapper {
-    padding: var(--gap-12) var(--gap-8) var(--gap-4);
+.headerBase {
     border-top-left-radius: inherit;
     border-top-right-radius: inherit;
     z-index: 1;
 }
+.headerWrapper {
+    composes: headerBase;
+    padding: var(--gap-12) var(--gap-8) var(--gap-4);
+}
+.headerWrapperWithoutSwipeMarker {
+    composes: headerBase;
+    padding: var(--gap-8) var(--gap-8) var(--gap-4);
+}
 .hasContent {
     background-color: inherit;
 }
@@ -26,9 +41,6 @@
     position: sticky;
     top: var(--gap-0);
 }
-.highlighted {
-    border-bottom: var(--bottom-sheet-header-border-bottom);
-}
 .justifyEnd {
     justify-content: flex-end;
 }
@@ -61,3 +73,10 @@
     overflow: hidden;
     text-overflow: ellipsis;
 }
+.subtitle {
+    width: 100%;
+    font-size: var(--bottom-sheet-subtitle-font-size);
+    font-weight: var(--bottom-sheet-subtitle-font-weight);
+    line-height: var(--bottom-sheet-subtitle-line-height);
+    font-family: var(--bottom-sheet-subtitle-font-family);
+}

package/bottom-sheet/moderncssm/components/header/inverted.module.css

@@ -0,0 +1,26 @@
+/* */
+:root {
+    /* component */
+
+    /* title */
+
+    /* subtitle */
+
+    /* default colors */
+
+    /* inverted colors */
+    --bottom-sheet-header-border-bottom-inverted: 1px solid var(--color-light-neutral-300-inverted);
+    --bottom-sheet-text-color-inverted: var(--color-light-text-primary-inverted);
+}
+.title {
+    color: var(--bottom-sheet-text-color-inverted);
+}
+.hasContent {
+    background-color: inherit;
+}
+.subtitle {
+    color: var(--bottom-sheet-text-color-inverted);
+}
+.highlighted {
+    border-bottom: var(--bottom-sheet-header-border-bottom-inverted);
+}

package/bottom-sheet/moderncssm/default.module.css

@@ -0,0 +1,27 @@
+/* */
+:root {
+    /* component */
+
+    /* title */
+
+    /* subtitle */
+
+    /* default colors */
+    --bottom-sheet-background-color: var(--color-light-modal-bg-primary);
+    --bottom-sheet-marker-color: var(--color-light-neutral-translucent-300);
+    --bottom-sheet-text-color: var(--color-light-text-primary);
+
+    /* inverted colors */
+}
+.component {
+    background-color: var(--bottom-sheet-background-color);
+}
+.content {
+    color: var(--bottom-sheet-text-color);
+}
+.defaultMarker {
+    background-color: var(--bottom-sheet-marker-color);
+}
+.hasContent {
+    color: var(--bottom-sheet-text-color);
+}

package/bottom-sheet/moderncssm/index.js

@@ -8,14 +8,20 @@ import 'classnames';
 import '../../base-modal/moderncssm';
 import '../../shared/moderncssm';
 import './components/footer/Component.js';
+import './components/footer/default.module.css';
 import './components/footer/index.module.css';
+import './components/footer/inverted.module.css';
 import './components/header/Component.js';
 import '../../navigation-bar-private/moderncssm';
+import './components/header/default.module.css';
 import './components/header/index.module.css';
+import './components/header/inverted.module.css';
 import './components/swipeable-backdrop/Component.js';
 import '../../backdrop/moderncssm';
 import './consts/swipeConsts.js';
 import './enums/swipeEnums.js';
 import './hooks/use-visualviewport-size.js';
 import 'use-sync-external-store/shim';
+import './default.module.css';
 import './index.module.css';
+import './inverted.module.css';

package/bottom-sheet/moderncssm/index.module.css

@@ -3,14 +3,19 @@
     --sab: env(safe-area-inset-bottom, var(--gap-0));
 }
 :root {
+    /* component */
     --bottom-sheet-in-transition: transform 0.5s cubic-bezier(0.09, 0.91, 0.18, 0.99);
     --bottom-sheet-out-transition: transform 0.3s ease;
     --bottom-sheet-top-radius: var(--border-radius-16);
     --bottom-sheet-shadow: none;
 
-    /* header */
+    /* title */
 
-    /* footer */
+    /* subtitle */
+
+    /* default colors */
+
+    /* inverted colors */
 }
 .modal {
     bottom: var(--gap-0);
@@ -39,7 +44,6 @@
     display: flex;
     flex-direction: column;
     border-radius: inherit;
-    background-color: var(--color-light-modal-bg-primary);
     pointer-events: all;
     box-shadow: var(--bottom-sheet-shadow);
 }
@@ -68,7 +72,6 @@
 .defaultMarker {
     height: 4px;
     border-radius: var(--border-radius-20);
-    background-color: var(--color-light-neutral-translucent-300);
 }
 .content {
     position: relative;
@@ -77,7 +80,6 @@
     flex-direction: column;
     flex: 1;
     padding: var(--gap-0) var(--gap-16);
-    color: var(--color-light-text-primary);
     background-color: inherit;
     border-radius: inherit;
 }
@@ -124,7 +126,7 @@
         primary, primary-inverted, secondary, secondary-inverted, tertiary, tertiary-inverted,
         quaternary, quaternary-inverted
     {
-        .background-$(backgroundColorBg) {
+        .background-$(backgroundColorBg)[class] {
             background-color: var(--color-light-bg-$(backgroundColorBg));
         }
     }

package/bottom-sheet/moderncssm/inverted.module.css

@@ -0,0 +1,27 @@
+/* */
+:root {
+    /* component */
+
+    /* title */
+
+    /* subtitle */
+
+    /* default colors */
+
+    /* inverted colors */
+    --bottom-sheet-background-color-inverted: var(--color-light-modal-bg-primary-inverted);
+    --bottom-sheet-marker-color-inverted: var(--color-light-neutral-translucent-300-inverted);
+    --bottom-sheet-text-color-inverted: var(--color-light-text-primary-inverted);
+}
+.component {
+    background-color: var(--bottom-sheet-background-color-inverted);
+}
+.content {
+    color: var(--bottom-sheet-text-color-inverted);
+}
+.defaultMarker {
+    background-color: var(--bottom-sheet-marker-color-inverted);
+}
+.hasContent {
+    color: var(--bottom-sheet-text-color-inverted);
+}

package/bottom-sheet/moderncssm/types.d.ts

@@ -5,6 +5,7 @@ import { TransitionProps } from 'react-transition-group/Transition';
 import { BaseModalProps } from "../../base-modal";
 import { NavigationBarPrivateProps as NavigationBarProps } from "../../navigation-bar-private";
 type BackgroundColorType = "accent" | "info" | "attention-muted" | "positive-muted" | "negative-muted" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "quaternary" | "quaternary-inverted" | "specialbg-component" | "specialbg-component-inverted" | "specialbg-primary-grouped" | "specialbg-secondary-grouped" | "specialbg-tertiary-grouped" | "specialbg-secondary-transparent" | "specialbg-secondary-transparent-inverted" | "specialbg-tertiary-transparent" | "specialbg-tertiary-transparent-inverted";
+type ColorType = 'default' | 'inverted';
 type BottomSheetTitleAlign = 'center' | 'left';
 type BottomSheetProps = {
     /**
@@ -94,8 +95,10 @@ type BottomSheetProps = {
      */
     modalWrapperClassName?: string;
     /**
-     * Дополнительный класс для маркера
+     * Дефолтный маркер
+     * @default true
      */
+    isSwipeMarkerAvailable?: boolean;
     swipeableMarkerClassName?: string;
     /**
      * Кастомный маркер
@@ -289,5 +292,9 @@ type BottomSheetProps = {
      * Учитывать высоту виртуальной клавиатуры
      */
     virtualKeyboard?: boolean;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: ColorType;
 };
-export { BottomSheetTitleAlign, BottomSheetProps };
+export { ColorType, BottomSheetTitleAlign, BottomSheetProps };

package/bottom-sheet/moderncssm/utils.d.ts

@@ -1,3 +1,4 @@
+import { ColorType } from "./types";
 declare const TIMEOUT = 500;
 declare const SWIPE_VELOCITY = 0.4;
 declare const MARKER_HEIGHT = 24;
@@ -14,4 +15,5 @@ declare function getBottomSheetTestIds(dataTestId: string): {
     closer: string;
     backButton: string;
 };
-export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber, getBottomSheetTestIds };
+declare const getColorStyles: <T extends Record<string, string>>(colors: ColorType | undefined, defaultStyles: T, invertedStyles: T) => T;
+export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber, getBottomSheetTestIds, getColorStyles };

package/bottom-sheet/moderncssm/utils.js

@@ -31,5 +31,6 @@ function getBottomSheetTestIds(dataTestId) {
         backButton: getDataTestId(dataTestId, 'header-back-button'),
     };
 }
+const getColorStyles = (colors = 'default', defaultStyles, invertedStyles) => ({ default: defaultStyles, inverted: invertedStyles }[colors]);
 
-export { CLOSE_OFFSET, HEADER_OFFSET, MARKER_HEIGHT, SCROLL_OFFSET, SWIPE_VELOCITY, TIMEOUT, convertPercentToNumber, getBottomSheetTestIds };
+export { CLOSE_OFFSET, HEADER_OFFSET, MARKER_HEIGHT, SCROLL_OFFSET, SWIPE_VELOCITY, TIMEOUT, convertPercentToNumber, getBottomSheetTestIds, getColorStyles };

package/bottom-sheet/moderncssm/vars.css

@@ -1,8 +1,13 @@
 /* */
 
 :root {
+    /* component */
 
-    /* header */
+    /* title */
 
-    /* footer */
+    /* subtitle */
+
+    /* default colors */
+
+    /* inverted colors */
 }

package/bottom-sheet/types.d.ts

@@ -5,6 +5,7 @@ import { TransitionProps } from 'react-transition-group/Transition';
 import { BaseModalProps } from "../base-modal";
 import { NavigationBarPrivateProps as NavigationBarProps } from "../navigation-bar-private";
 type BackgroundColorType = "accent" | "info" | "attention-muted" | "positive-muted" | "negative-muted" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "quaternary" | "quaternary-inverted" | "specialbg-component" | "specialbg-component-inverted" | "specialbg-primary-grouped" | "specialbg-secondary-grouped" | "specialbg-tertiary-grouped" | "specialbg-secondary-transparent" | "specialbg-secondary-transparent-inverted" | "specialbg-tertiary-transparent" | "specialbg-tertiary-transparent-inverted";
+type ColorType = 'default' | 'inverted';
 type BottomSheetTitleAlign = 'center' | 'left';
 type BottomSheetProps = {
     /**
@@ -94,8 +95,10 @@ type BottomSheetProps = {
      */
     modalWrapperClassName?: string;
     /**
-     * Дополнительный класс для маркера
+     * Дефолтный маркер
+     * @default true
      */
+    isSwipeMarkerAvailable?: boolean;
     swipeableMarkerClassName?: string;
     /**
      * Кастомный маркер
@@ -289,5 +292,9 @@ type BottomSheetProps = {
      * Учитывать высоту виртуальной клавиатуры
      */
     virtualKeyboard?: boolean;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: ColorType;
 };
-export { BottomSheetTitleAlign, BottomSheetProps };
+export { ColorType, BottomSheetTitleAlign, BottomSheetProps };

package/bottom-sheet/utils.d.ts

@@ -1,3 +1,4 @@
+import { ColorType } from "./types";
 declare const TIMEOUT = 500;
 declare const SWIPE_VELOCITY = 0.4;
 declare const MARKER_HEIGHT = 24;
@@ -14,4 +15,5 @@ declare function getBottomSheetTestIds(dataTestId: string): {
     closer: string;
     backButton: string;
 };
-export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber, getBottomSheetTestIds };
+declare const getColorStyles: <T extends Record<string, string>>(colors: ColorType | undefined, defaultStyles: T, invertedStyles: T) => T;
+export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber, getBottomSheetTestIds, getColorStyles };

package/bottom-sheet/utils.js

@@ -34,6 +34,10 @@ function getBottomSheetTestIds(dataTestId) {
         backButton: coreComponentsShared.getDataTestId(dataTestId, 'header-back-button'),
     };
 }
+var getColorStyles = function (colors, defaultStyles, invertedStyles) {
+    if (colors === void 0) { colors = 'default'; }
+    return ({ default: defaultStyles, inverted: invertedStyles }[colors]);
+};
 
 exports.CLOSE_OFFSET = CLOSE_OFFSET;
 exports.HEADER_OFFSET = HEADER_OFFSET;
@@ -43,3 +47,4 @@ exports.SWIPE_VELOCITY = SWIPE_VELOCITY;
 exports.TIMEOUT = TIMEOUT;
 exports.convertPercentToNumber = convertPercentToNumber;
 exports.getBottomSheetTestIds = getBottomSheetTestIds;
+exports.getColorStyles = getColorStyles;

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

@@ -10,7 +10,7 @@ var mobile = require('../../../modal/mobile');
 var coreComponentsShared = require('../../../shared');
 var desktop_Component_desktop = require('../../desktop/Component.desktop.js');
 var utils = require('../../utils.js');
-var components_calendarMobile_calendarMonthOnlyView = require('../../calendarMonthOnlyView-9387df6a.js');
+var components_calendarMobile_calendarMonthOnlyView = require('../../calendarMonthOnlyView-ae3554d3.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/calendar/components/calendar-mobile/calendarMonthOnlyView.js

@@ -15,7 +15,7 @@ require('../../useCalendar.js');
 require('../../useRange.js');
 require('../../utils.js');
 require('../days-table/Component.js');
-var components_calendarMobile_calendarMonthOnlyView = require('../../calendarMonthOnlyView-9387df6a.js');
+var components_calendarMobile_calendarMonthOnlyView = require('../../calendarMonthOnlyView-ae3554d3.js');
 
 
 

package/calendar/components/calendar-mobile/index.d.ts

@@ -1,3 +1,3 @@
 export * from "./Component";
 export * from "./typings";
-export * from "../../calendarMonthOnlyView-9387df6a";
+export * from "../../calendarMonthOnlyView-ae3554d3";

package/calendar/components/calendar-mobile/index.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_calendarMobile_Component = require('./Component.js');
-var components_calendarMobile_calendarMonthOnlyView = require('../../calendarMonthOnlyView-9387df6a.js');
+var components_calendarMobile_calendarMonthOnlyView = require('../../calendarMonthOnlyView-ae3554d3.js');
 
 
 

package/calendar/esm/Component.responsive.js

@@ -48,7 +48,7 @@ import '@juggle/resize-observer';
 import '../../button/esm/mobile';
 import '../../modal/esm/mobile';
 import './utils.js';
-import './calendarMonthOnlyView-8c223aba.js';
+import './calendarMonthOnlyView-57744d42.js';
 import './useCalendar.js';
 import './useRange.js';
 import './usePeriod.js';

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

@@ -8,7 +8,7 @@ import { ModalMobile } from '../../../../modal/esm/mobile';
 import { getDataTestId } from '../../../../shared/esm';
 import { CalendarDesktop } from '../../desktop/Component.desktop.js';
 import { WEEKDAYS, isRangeValue } from '../../utils.js';
-import { s as styles, C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-8c223aba.js';
+import { s as styles, C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-57744d42.js';
 import 'date-fns/endOfDay';
 import 'date-fns/startOfDay';
 import 'date-fns/startOfMonth';

package/calendar/esm/components/calendar-mobile/calendarMonthOnlyView.js

@@ -36,7 +36,7 @@ import '../../../../shared/esm';
 import 'date-fns/differenceInDays';
 import '@alfalab/hooks';
 import '../days-table/Component.js';
-export { C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-8c223aba.js';
+export { C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-57744d42.js';
 import 'react-transition-group';
 import 'date-fns/isEqual';
 import 'date-fns/isLastDayOfMonth';

package/calendar/esm/components/calendar-mobile/index.d.ts

@@ -1,3 +1,3 @@
 export * from "./Component";
 export * from "./typings";
-export * from "../../calendarMonthOnlyView-8c223aba";
+export * from "../../calendarMonthOnlyView-57744d42";

package/calendar/esm/components/calendar-mobile/index.js

@@ -1,5 +1,5 @@
 export { CalendarMobile, CalendarMonthOnlyViewHeader } from './Component.js';
-export { C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-8c223aba.js';
+export { C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-57744d42.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/calendar/esm/index.js

@@ -70,6 +70,6 @@ import 'date-fns/setYear';
 import 'date-fns/subYears';
 import './useRange.js';
 import './usePeriod.js';
-import './calendarMonthOnlyView-8c223aba.js';
+import './calendarMonthOnlyView-57744d42.js';
 import 'react-virtuoso';
 import '../../typography/esm';

package/calendar/esm/mobile/index.js

@@ -1,5 +1,5 @@
 export { CalendarMobile, CalendarMonthOnlyViewHeader } from '../components/calendar-mobile/Component.js';
-export { C as CalendarMonthOnlyView } from '../calendarMonthOnlyView-8c223aba.js';
+export { C as CalendarMonthOnlyView } from '../calendarMonthOnlyView-57744d42.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/calendar/mobile/index.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_calendarMobile_Component = require('../components/calendar-mobile/Component.js');
-var components_calendarMobile_calendarMonthOnlyView = require('../calendarMonthOnlyView-9387df6a.js');
+var components_calendarMobile_calendarMonthOnlyView = require('../calendarMonthOnlyView-ae3554d3.js');
 
 
 

package/calendar/modern/Component.responsive.js

@@ -47,7 +47,7 @@ import '@juggle/resize-observer';
 import '../../button/modern/mobile';
 import '../../modal/modern/mobile';
 import './utils.js';
-import './calendarMonthOnlyView-ab23a98d.js';
+import './calendarMonthOnlyView-acdad43b.js';
 import './useCalendar.js';
 import './useRange.js';
 import './usePeriod.js';

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

@@ -7,7 +7,7 @@ import { ModalMobile } from '../../../../modal/modern/mobile';
 import { getDataTestId } from '../../../../shared/modern';
 import { CalendarDesktop } from '../../desktop/Component.desktop.js';
 import { WEEKDAYS, isRangeValue } from '../../utils.js';
-import { s as styles, C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-ab23a98d.js';
+import { s as styles, C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-acdad43b.js';
 import 'date-fns/endOfDay';
 import 'date-fns/startOfDay';
 import 'date-fns/startOfMonth';

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

@@ -35,7 +35,7 @@ import '../../../../shared/modern';
 import 'date-fns/differenceInDays';
 import '@alfalab/hooks';
 import '../days-table/Component.js';
-export { C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-ab23a98d.js';
+export { C as CalendarMonthOnlyView } from '../../calendarMonthOnlyView-acdad43b.js';
 import 'react-transition-group';
 import 'date-fns/isEqual';
 import 'date-fns/isLastDayOfMonth';

package/calendar/modern/components/calendar-mobile/index.d.ts

@@ -1,3 +1,3 @@
 export * from "./Component";
 export * from "./typings";
-export * from "../../calendarMonthOnlyView-ab23a98d";
+export * from "../../calendarMonthOnlyView-acdad43b";