@alfalab/core-components 42.10.0 → 42.12.0-beta.0

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

@@ -3,11 +3,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var components_calendarMobile_Component = require('./Component.js');
 require('tslib');
 require('react');
+require('react-merge-refs');
 require('react-virtuoso');
 require('@juggle/resize-observer');
 require('classnames');
 require('date-fns/endOfDay');
-require('date-fns/getMonth');
+require('date-fns/isSameMonth');
 require('date-fns/startOfDay');
 require('date-fns/startOfMonth');
 require('../../../../button/cssm/mobile');
@@ -50,7 +51,6 @@ require('../select-button/Component.js');
 require('../select-button/index.module.css');
 require('../month-year-header/index.module.css');
 require('../months-table/Component.js');
-require('date-fns/isSameMonth');
 require('date-fns/isThisMonth');
 require('../months-table/index.module.css');
 require('../period-slider/Component.js');
@@ -72,11 +72,12 @@ require('date-fns/isSameYear');
 require('date-fns/isThisYear');
 require('../years-table/index.module.css');
 require('../../useCalendar.js');
-require('react-merge-refs');
 require('date-fns/setYear');
 require('date-fns/subYears');
 require('../../desktop.module.css');
+require('./backdrop-transitions.module.css');
 require('./index.module.css');
+require('./transitions.module.css');
 
 
 

package/calendar/cssm/components/calendar-mobile/index.module.css

@@ -56,7 +56,7 @@
 
     /* paddings */
 } .wrapper {
-    background: var(--color-light-bg-primary);
+    overflow-x: hidden;
 } .withZIndex {
     z-index: 2;
 } .calendar th {
@@ -66,7 +66,8 @@
     position: sticky;
     background: var(--modal-header-background);
     top: 0;
-    height: 32px
+    height: 32px;
+    padding: 0 6px
 } .dayNames.withHeader {
         top: 48px;
     } .dayNames th {
@@ -94,4 +95,8 @@
 } @media (max-width: 374px) { .dayName {
         height: 36px
 }
-    }
+    } .header.header,
+.content.content {
+    padding-right: 0;
+    padding-left: 0;
+}

package/calendar/cssm/components/calendar-mobile/transitions.module.css

@@ -0,0 +1,30 @@
+:root {
+} /* 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 */
+} :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 */
+} :root {
+} :root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root {
+} :root {
+} :root {
+} :root {
+} .appear,
+.enter {
+    transform: translateX(100%);
+} .appearActive,
+.enterActive {
+    transform: translateX(0);
+    transition: transform 280ms ease-in-out;
+    transition-delay: 80ms;
+} .exit {
+    transform: translateX(0);
+} .exitActive,
+.exitDone {
+    transform: translateX(100%);
+    transition: transform 280ms ease-in-out;
+}

package/calendar/cssm/components/days-table/Component.d.ts

@@ -50,6 +50,10 @@ type DaysTableProps = {
      * Форма ячейки дня
      */
     shape?: 'rounded' | 'rectangular';
+    /**
+     * Рендерит компонент, обернутый в Transition
+     */
+    withTransition?: boolean;
 };
 declare const DaysTable: FC<DaysTableProps>;
 export { DaysTableProps, DaysTable };

package/calendar/cssm/components/days-table/Component.js

@@ -49,7 +49,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var DaysTable = function (_a) {
     var _b;
-    var _c = _a.weeks, weeks = _c === void 0 ? [] : _c, _d = _a.activeMonth, activeMonth = _d === void 0 ? new Date() : _d, highlighted = _a.highlighted, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, _e = _a.rangeComplete, rangeComplete = _e === void 0 ? selectedFrom && selectedTo : _e, getDayProps = _a.getDayProps, _f = _a.hasHeader, hasHeader = _f === void 0 ? true : _f, responsive = _a.responsive, _g = _a.shape, shape = _g === void 0 ? 'rounded' : _g;
+    var _c = _a.weeks, weeks = _c === void 0 ? [] : _c, _d = _a.activeMonth, activeMonth = _d === void 0 ? new Date() : _d, highlighted = _a.highlighted, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, _e = _a.rangeComplete, rangeComplete = _e === void 0 ? selectedFrom && selectedTo : _e, getDayProps = _a.getDayProps, _f = _a.hasHeader, hasHeader = _f === void 0 ? true : _f, responsive = _a.responsive, _g = _a.shape, shape = _g === void 0 ? 'rounded' : _g, _h = _a.withTransition, withTransition = _h === void 0 ? true : _h;
     var activeMonthRef = React.useRef(activeMonth);
     var directionRef = React.useRef();
     activeMonthRef.current = activeMonth;
@@ -131,19 +131,19 @@ var DaysTable = function (_a) {
                         _d)) }, day.dayAddon))));
     };
     var renderWeek = function (week, weekIdx) { return (React__default.default.createElement("tr", { key: weekIdx }, week.map(renderDay))); };
+    var renderMonth = function () { return React__default.default.createElement("tbody", null, weeks.map(renderWeek)); };
     return (React__default.default.createElement("table", { className: cn__default.default(styles__default.default.daysTable, directionRef.current && styles__default.default[directionRef.current], (_b = {},
             _b[styles__default.default.responsive] = responsive,
             _b)) },
         hasHeader && (React__default.default.createElement("thead", null,
             React__default.default.createElement("tr", null, renderHeader()))),
-        React__default.default.createElement(reactTransitionGroup.TransitionGroup, { component: null },
+        withTransition ? (React__default.default.createElement(reactTransitionGroup.TransitionGroup, { component: null },
             React__default.default.createElement(reactTransitionGroup.CSSTransition, { key: activeMonth.getTime(), timeout: 300, classNames: {
                     enter: styles__default.default.daysEnter,
                     enterActive: styles__default.default.daysEnterActive,
                     exit: styles__default.default.daysExit,
                     exitActive: styles__default.default.daysExitActive,
-                } },
-                React__default.default.createElement("tbody", null, weeks.map(renderWeek))))));
+                } }, renderMonth()))) : (renderMonth())));
 };
 
 exports.DaysTable = DaysTable;

package/calendar/cssm/components/header/Component.d.ts

@@ -13,6 +13,10 @@ type HeaderProps = {
      * Дочерние элементы.
      */
     children?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
 };
 declare const Header: FC<HeaderProps>;
 export { HeaderProps, Header };

package/calendar/cssm/components/header/Component.js

@@ -12,8 +12,8 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var Header = function (_a) {
     var _b;
-    var _c = _a.view, view = _c === void 0 ? 'full' : _c, withShadow = _a.withShadow, children = _a.children;
-    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.header, (_b = {},
+    var _c = _a.view, view = _c === void 0 ? 'full' : _c, withShadow = _a.withShadow, children = _a.children, className = _a.className;
+    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.header, className, (_b = {},
             _b[styles__default.default.monthOnly] = view === 'month-only',
             _b[styles__default.default.withShadow] = withShadow,
             _b)), "aria-live": 'polite' }, children));

package/calendar/cssm/components/years-table/Component.d.ts

@@ -12,10 +12,6 @@ type YearsTableProps = {
      * Доп. пропсы для переданного года
      */
     getYearProps: (year: Date) => Record<string, unknown>;
-    /**
-     * Обработчик скролла
-     */
-    onScroll: (scrollTop: number) => void;
     /**
      * Должен ли календарь подстраиваться под ширину родителя.
      */

package/calendar/cssm/components/years-table/Component.js

@@ -5,7 +5,6 @@ var React = require('react');
 var cn = require('classnames');
 var isSameYear = require('date-fns/isSameYear');
 var isThisYear = require('date-fns/isThisYear');
-var hooks = require('@alfalab/hooks');
 var components_selectButton_Component = require('../select-button/Component.js');
 var styles = require('./index.module.css');
 require('../../../../button/cssm/desktop');
@@ -21,29 +20,15 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var YearsTable = function (_a) {
     var _b;
-    var selectedYear = _a.selectedYear, _c = _a.years, years = _c === void 0 ? [] : _c, getYearProps = _a.getYearProps, onScroll = _a.onScroll, responsive = _a.responsive;
-    var ref = React.useRef(null);
-    var view = React.useCallback(function (year) {
+    var selectedYear = _a.selectedYear, _c = _a.years, years = _c === void 0 ? [] : _c, getYearProps = _a.getYearProps, responsive = _a.responsive;
+    var view = function (year) {
         if (selectedYear && isSameYear__default.default(selectedYear, year))
             return 'selected';
         if (isThisYear__default.default(year))
             return 'outlined';
         return 'default';
-    }, [selectedYear]);
-    var handleScroll = React.useCallback(function (event) {
-        onScroll(event.currentTarget.scrollTop);
-    }, [onScroll]);
-    hooks.useLayoutEffect_SAFE_FOR_SSR(function () {
-        var listNode = ref.current;
-        var selector = ".".concat(styles__default.default.button, "[tabIndex=\"0\"]");
-        var selectedYearNode = listNode && listNode.querySelector(selector);
-        if (listNode && selectedYearNode) {
-            var topIndent = listNode.clientHeight / 2 - selectedYearNode.clientHeight / 2;
-            listNode.scrollTop = selectedYearNode.offsetTop - topIndent;
-            onScroll(listNode.scrollTop);
-        }
-    }, [onScroll, selectedYear]);
-    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.yearsTable, (_b = {}, _b[styles__default.default.responsive] = responsive, _b)), onScroll: handleScroll, ref: ref },
+    };
+    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.yearsTable, (_b = {}, _b[styles__default.default.responsive] = responsive, _b)) },
         React__default.default.createElement("div", { className: styles__default.default.inner }, years.map(function (year) { return (React__default.default.createElement(components_selectButton_Component.SelectButton, tslib.__assign({}, getYearProps(year), { key: year.getFullYear(), view: view(year), className: styles__default.default.button }), year.getFullYear())); }))));
 };
 

package/calendar/cssm/components/years-table/index.js

@@ -6,7 +6,6 @@ require('react');
 require('classnames');
 require('date-fns/isSameYear');
 require('date-fns/isThisYear');
-require('@alfalab/hooks');
 require('../select-button/Component.js');
 require('../../../../button/cssm/desktop');
 require('../select-button/index.module.css');

package/calendar/cssm/components/years-table/index.module.css

@@ -65,16 +65,10 @@
             } :global(.cc-calendar) .inner {
         display: flex;
         flex-wrap: wrap;
-        justify-content: flex-start;
+        justify-content: center;
         position: relative;
-
-        /* (width - inner-width) / 2 */
-        left: 32px;
-        overflow: hidden
-    } @media (max-width: 374px) { :global(.cc-calendar) .inner {
-            left: 16px
-    }
-        } :global(.cc-calendar) .button {
+        overflow: hidden;
+    } :global(.cc-calendar) .button {
         width: var(--calendar-select-button-width);
         margin-right: var(--gap-2xs);
         margin-bottom: var(--gap-xs)

package/calendar/cssm/desktop-69921c40.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from "react";
+import { CommonButtonProps } from "./typings-89f0cb07";
+declare const ButtonDesktop: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { ButtonDesktop };
+export type { CommonButtonProps as ButtonDesktopProps } from "./typings-89f0cb07";

package/calendar/cssm/desktop.module.css

@@ -14,6 +14,7 @@
 } :root {
     --border-radius-circle: 50%;
 } :root {
+    --gap-2xs: 4px;
     --gap-m: 16px;
 } :root {
 } :root {
@@ -72,7 +73,6 @@
     overflow: hidden
 } .container.customScrollbar {
         overflow: auto;
-        overflow: overlay;
         cursor: auto;
     } .container.customScrollbar::-webkit-scrollbar {
         width: 12px;
@@ -100,6 +100,7 @@
     .container.customScrollbar::-webkit-scrollbar-corner {
         display: none;
     } .container.customScrollbar {
+        padding-right: var(--gap-2xs);
 
         display: block;
     } @media (max-width: 374px) { .container {

package/calendar/cssm/index-10db897e.d.ts

@@ -0,0 +1,55 @@
+/// <reference types="react" />
+import React from "react";
+/* eslint-disable no-plusplus, no-param-reassign */
+import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
+declare const isClient: () => boolean;
+declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
+type PaddingType = number | string | {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
+declare function easeInOutQuad(x: number): number;
+declare const easingFns: {
+    easeInOutQuad: typeof easeInOutQuad;
+};
+/**
+ * Возвращает true, если значение равно null или undefined
+ */
+declare function isNil(value: unknown): boolean;
+/**
+ * Выбор значения между min max границами
+ */
+declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
+declare function noop(): void;
+declare const fnUtils: {
+    clamp: typeof clamp;
+    noop: typeof noop;
+    isNil: typeof isNil;
+};
+/**
+ *  Запрещает каретке становиться за указанные границы
+ */
+declare function caretGuard(guard: (value: string, selection: readonly [
+    from: number,
+    to: number
+]) => [
+    from: number,
+    to: number
+]): MaskitoPlugin;
+/**
+ *  Запрещает удалять указанный префикс
+ */
+declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
+/**
+ * Препроцессор необходим для правильной вставки/автокомплита телефонного номера
+ */
+declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
+declare const maskUtils: {
+    insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
+    prefixPostprocessor: typeof prefixPostprocessor;
+    caretGuard: typeof caretGuard;
+};
+export { isClient, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils };

package/calendar/cssm/index.js

@@ -3,18 +3,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var Component_responsive = require('./Component.responsive.js');
 require('tslib');
 require('react');
-require('@alfalab/hooks');
+require('../../mq/cssm');
 require('./components/calendar-mobile/Component.js');
+require('react-merge-refs');
 require('react-virtuoso');
 require('@juggle/resize-observer');
 require('classnames');
 require('date-fns/endOfDay');
-require('date-fns/getMonth');
+require('date-fns/isSameMonth');
 require('date-fns/startOfDay');
 require('date-fns/startOfMonth');
 require('../../button/cssm/mobile');
 require('../../modal/cssm/mobile');
 require('./Component.desktop.js');
+require('@alfalab/hooks');
 require('./components/days-table/Component.js');
 require('react-transition-group');
 require('date-fns/isEqual');
@@ -51,7 +53,6 @@ require('./components/select-button/Component.js');
 require('./components/select-button/index.module.css');
 require('./components/month-year-header/index.module.css');
 require('./components/months-table/Component.js');
-require('date-fns/isSameMonth');
 require('date-fns/isThisMonth');
 require('./components/months-table/index.module.css');
 require('./components/period-slider/Component.js');
@@ -73,11 +74,12 @@ require('date-fns/isSameYear');
 require('date-fns/isThisYear');
 require('./components/years-table/index.module.css');
 require('./useCalendar.js');
-require('react-merge-refs');
 require('date-fns/setYear');
 require('date-fns/subYears');
 require('./desktop.module.css');
+require('./components/calendar-mobile/backdrop-transitions.module.css');
 require('./components/calendar-mobile/index.module.css');
+require('./components/calendar-mobile/transitions.module.css');
 
 
 

package/calendar/cssm/mobile.js

@@ -3,11 +3,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var components_calendarMobile_Component = require('./components/calendar-mobile/Component.js');
 require('tslib');
 require('react');
+require('react-merge-refs');
 require('react-virtuoso');
 require('@juggle/resize-observer');
 require('classnames');
 require('date-fns/endOfDay');
-require('date-fns/getMonth');
+require('date-fns/isSameMonth');
 require('date-fns/startOfDay');
 require('date-fns/startOfMonth');
 require('../../button/cssm/mobile');
@@ -50,7 +51,6 @@ require('./components/select-button/Component.js');
 require('./components/select-button/index.module.css');
 require('./components/month-year-header/index.module.css');
 require('./components/months-table/Component.js');
-require('date-fns/isSameMonth');
 require('date-fns/isThisMonth');
 require('./components/months-table/index.module.css');
 require('./components/period-slider/Component.js');
@@ -72,11 +72,12 @@ require('date-fns/isSameYear');
 require('date-fns/isThisYear');
 require('./components/years-table/index.module.css');
 require('./useCalendar.js');
-require('react-merge-refs');
 require('date-fns/setYear');
 require('date-fns/subYears');
 require('./desktop.module.css');
+require('./components/calendar-mobile/backdrop-transitions.module.css');
 require('./components/calendar-mobile/index.module.css');
+require('./components/calendar-mobile/transitions.module.css');
 
 
 

package/calendar/cssm/types-1c79e231.d.ts

@@ -0,0 +1,113 @@
+/// <reference types="react" />
+import React from 'react';
+import { ReactNode } from "react";
+import { CloserProps } from "./index-ebda875c";
+type NavigationBarProps = {
+    /**
+     * Контент шапки
+     */
+    children?: ReactNode;
+    /**
+     * Заголовок шапки
+     */
+    title?: string;
+    /**
+     * Подзаголовок (доступен только в мобильной версии)
+     */
+    subtitle?: ReactNode;
+    /**
+     * Размер заголовка (compact доступен только в мобильной версии)
+     */
+    titleSize?: 'default' | 'compact';
+    /**
+     * Доп. класс для аддонов
+     */
+    addonClassName?: string;
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Дополнительный класс для closer
+     */
+    closerClassName?: string;
+    /**
+     * Слот снизу
+     */
+    bottomAddons?: ReactNode;
+    /**
+     * Наличие компонента крестика
+     */
+    hasCloser?: boolean;
+    /**
+     * Наличие кнопки "Назад"
+     */
+    hasBackButton?: boolean;
+    /**
+     * Дополнительный класс для правого аддона
+     */
+    backButtonClassName?: string;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для контента
+     */
+    contentClassName?: string;
+    /**
+     * Дополнительный класс для нижнего аддона
+     */
+    bottomAddonsClassName?: string;
+    /**
+     * Выравнивание заголовка
+     */
+    align?: 'left' | 'center';
+    /**
+     * Обрезать ли заголовок
+     */
+    trim?: boolean;
+    /**
+     * Фиксирует шапку
+     */
+    sticky?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Фоновое изображение
+     */
+    imageUrl?: string;
+    /**
+     * Иконка closer.
+     */
+    closerIcon?: React.ElementType;
+    /**
+     * Обработчик закрытия
+     */
+    onClose?: CloserProps['onClose'];
+    /**
+     * обработчик клика по кнопке "назад"
+     */
+    onBack?: () => void;
+    /**
+     * Вид шапки - мобильный или десктоп
+     */
+    view: 'desktop' | 'mobile';
+    /**
+     * Ссылка на родительскую ноду overflow: auto
+     */
+    scrollableParentRef?: React.RefObject<HTMLDivElement>;
+};
+type ContentParams = {
+    extraClassName?: string;
+    wrapperRef?: React.RefObject<HTMLDivElement>;
+    style?: React.CSSProperties;
+    hidden?: boolean;
+};
+export { NavigationBarProps, ContentParams };

package/calendar/cssm/typings-89f0cb07.d.ts

@@ -0,0 +1,93 @@
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, ReactNode } from 'react';
+type StyleColors = {
+    default: {
+        [key: string]: string;
+    };
+    inverted: {
+        [key: string]: string;
+    };
+};
+type ComponentProps = {
+    /**
+     * Тип кнопки
+     * @default secondary
+     */
+    view?: 'accent' | 'primary' | 'secondary' | 'tertiary' | 'outlined' | 'filled' | 'transparent' | 'link' | 'ghost';
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Размер компонента
+     * @default m
+     */
+    size?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
+    /**
+     * Растягивает компонент на ширину контейнера
+     * @default false
+     */
+    block?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для спиннера
+     */
+    spinnerClassName?: string;
+    /**
+     * Выводит ссылку в виде кнопки
+     */
+    href?: string;
+    /**
+     * Позволяет использовать кастомный компонент для кнопки (например Link из роутера)
+     */
+    Component?: ElementType;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Показать лоадер
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Не переносить текст кнопки на новую строку
+     * @default false
+     */
+    nowrap?: boolean;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: 'default' | 'inverted';
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+};
+type PrivateButtonProps = {
+    /**
+     * Основные стили компонента.
+     */
+    styles: {
+        [key: string]: string;
+    };
+    /**
+     * Стили компонента для default и inverted режима.
+     */
+    colorStylesMap: StyleColors;
+};
+type CommonButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
+type ButtonProps = CommonButtonProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+};
+export { StyleColors, ComponentProps, PrivateButtonProps, CommonButtonProps, ButtonProps };

package/calendar/desktop-69921c40.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from "react";
+import { CommonButtonProps } from "./typings-89f0cb07";
+declare const ButtonDesktop: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { ButtonDesktop };
+export type { CommonButtonProps as ButtonDesktopProps } from "./typings-89f0cb07";