@alfalab/core-components 42.13.0 → 42.14.0-beta.1

package/calendar/modern/desktop.css

@@ -44,27 +44,27 @@
     /* disabled */
 
     /* marker */
-} .calendar__component_1phzl {
+} .calendar__component_627v2 {
     width: var(--calendar-width);
     height: var(--calendar-height);
     display: flex;
     flex-direction: column;
     overflow: hidden;
     outline: none
-} @media (max-width: 374px) { .calendar__component_1phzl {
+} @media (max-width: 374px) { .calendar__component_627v2 {
         align-items: center;
         width: 100%;
         height: 321px
 }
-    } .calendar__component_1phzl.calendar__responsive_1phzl {
+    } .calendar__component_627v2.calendar__responsive_627v2 {
         width: 100%
-    } .calendar__component_1phzl.calendar__responsive_1phzl .calendar__period_1phzl {
+    } .calendar__component_627v2.calendar__responsive_627v2 .calendar__period_627v2 {
             width: 100%;
-        } .calendar__component_1phzl.calendar__responsive_1phzl .calendar__monthYear_1phzl {
+        } .calendar__component_627v2.calendar__responsive_627v2 .calendar__monthYear_627v2 {
             width: 100%;
-        } .calendar__component_1phzl.calendar__responsive_1phzl .calendar__container_1phzl {
+        } .calendar__component_627v2.calendar__responsive_627v2 .calendar__container_627v2 {
             width: 100%;
-        } .calendar__container_1phzl {
+        } .calendar__container_627v2 {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -72,16 +72,16 @@
     box-sizing: border-box;
     flex-grow: 1;
     overflow: hidden
-} .calendar__container_1phzl.calendar__customScrollbar_1phzl {
+} .calendar__container_627v2.calendar__customScrollbar_627v2 {
         overflow: auto;
         cursor: auto;
-    } .calendar__container_1phzl.calendar__customScrollbar_1phzl::-webkit-scrollbar {
+    } .calendar__container_627v2.calendar__customScrollbar_627v2::-webkit-scrollbar {
         width: 12px;
-    } .calendar__container_1phzl.calendar__customScrollbar_1phzl::-webkit-scrollbar-track {
+    } .calendar__container_627v2.calendar__customScrollbar_627v2::-webkit-scrollbar-track {
         background-color: transparent;
-    } .calendar__container_1phzl.calendar__customScrollbar_1phzl::-webkit-scrollbar-track-piece {
+    } .calendar__container_627v2.calendar__customScrollbar_627v2::-webkit-scrollbar-track-piece {
         background-color: transparent;
-    } .calendar__container_1phzl.calendar__customScrollbar_1phzl::-webkit-scrollbar-thumb {
+    } .calendar__container_627v2.calendar__customScrollbar_627v2::-webkit-scrollbar-thumb {
         background-color: var(--color-light-graphic-primary-alpha-30);
         border-radius: var(--border-radius-circle) / 6px;
         border-color: transparent;
@@ -89,39 +89,39 @@
         border-width: 4px;
         background-clip: padding-box;
         min-height: 40px;
-    } .calendar__container_1phzl.calendar__customScrollbar_1phzl::-webkit-scrollbar-thumb:hover {
+    } .calendar__container_627v2.calendar__customScrollbar_627v2::-webkit-scrollbar-thumb:hover {
         border-radius: var(--border-radius-circle) / 7px;
         border-width: 4px 3px;
-    } .calendar__container_1phzl.calendar__customScrollbar_1phzl::-webkit-scrollbar-thumb:active {
+    } .calendar__container_627v2.calendar__customScrollbar_627v2::-webkit-scrollbar-thumb:active {
         background-color: var(--color-light-graphic-primary-alpha-60);
-    } .calendar__container_1phzl.calendar__customScrollbar_1phzl::-webkit-resizer {
+    } .calendar__container_627v2.calendar__customScrollbar_627v2::-webkit-resizer {
         background: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="%2386868a" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.64645 0.646447C8.84171 0.841709 8.84171 1.15829 8.64645 1.35355L1.35355 8.64645C1.15829 8.84171 0.841709 8.84171 0.646447 8.64645C0.451184 8.45118 0.451184 8.1346 0.646447 7.93934L7.93934 0.646447C8.1346 0.451184 8.45118 0.451184 8.64645 0.646447ZM8.64645 3.64645C8.84171 3.84171 8.84171 4.15829 8.64645 4.35355L4.35355 8.64645C4.15829 8.84171 3.84171 8.84171 3.64645 8.64645C3.45118 8.45118 3.45118 8.1346 3.64645 7.93934L7.93934 3.64645C8.1346 3.45118 8.45118 3.45118 8.64645 3.64645Z" /></svg>')
             no-repeat right bottom;
-    } .calendar__container_1phzl.calendar__customScrollbar_1phzl::-webkit-scrollbar-button,
-    .calendar__container_1phzl.calendar__customScrollbar_1phzl::-webkit-scrollbar-corner {
+    } .calendar__container_627v2.calendar__customScrollbar_627v2::-webkit-scrollbar-button,
+    .calendar__container_627v2.calendar__customScrollbar_627v2::-webkit-scrollbar-corner {
         display: none;
-    } .calendar__container_1phzl.calendar__customScrollbar_1phzl {
+    } .calendar__container_627v2.calendar__customScrollbar_627v2 {
         padding-right: var(--gap-2xs);
 
         display: block;
-    } @media (max-width: 374px) { .calendar__container_1phzl {
+    } @media (max-width: 374px) { .calendar__container_627v2 {
         width: 288px
 }
-    } .calendar__sixWeeks_1phzl {
+    } .calendar__sixWeeks_627v2 {
     height: 388px
-} @media (max-width: 374px) { .calendar__sixWeeks_1phzl {
+} @media (max-width: 374px) { .calendar__sixWeeks_627v2 {
         height: 361px
 }
-    } .calendar__period_1phzl {
+    } .calendar__period_627v2 {
     width: var(--calendar-inner-width)
-} @media (max-width: 374px) { .calendar__period_1phzl {
+} @media (max-width: 374px) { .calendar__period_627v2 {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto
 }
-    } .calendar__monthYear_1phzl {
+    } .calendar__monthYear_627v2 {
     width: var(--calendar-inner-width)
-} @media (max-width: 374px) { .calendar__monthYear_1phzl {
+} @media (max-width: 374px) { .calendar__monthYear_627v2 {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto

package/calendar-input/Component-10db897e.d.ts

@@ -1,6 +1,186 @@
 /// <reference types="react" />
-import React from 'react';
+import React from "react";
+import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
+import { TextElementType, TextSkeletonProps } from "./types-1b036d4b";
 import { NavigationBarProps } from "./types-1c79e231";
+interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    /**
+     * Текст после иконки
+     */
+    text?: string;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Вид компонента
+     */
+    view: "mobile" | "desktop";
+    /**
+     * Прозрачность текста
+     */
+    textOpacity?: number;
+    /**
+     * Обработчик клика
+     */
+    onClick?: () => void;
+}
+declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
+declare const colors: readonly [
+    "tertiary",
+    "disabled",
+    "accent",
+    "primary",
+    "attention",
+    "positive",
+    "secondary",
+    "tertiary-inverted",
+    "primary-inverted",
+    "secondary-inverted",
+    "link",
+    "negative",
+    "static-primary-light",
+    "static-secondary-light",
+    "static-tertiary-light",
+    "static-primary-dark",
+    "static-secondary-dark",
+    "static-tertiary-dark",
+    "static-accent"
+];
+type Color = (typeof colors)[number];
+type NativeProps = HTMLAttributes<HTMLSpanElement>;
+type TextBaseProps = {
+    /**
+     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)
+     */
+    view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
+    /**
+     * Цвет текста
+     */
+    color?: Color;
+    /**
+     * Толщина шрифта
+     */
+    weight?: "regular" | "medium" | "bold";
+    /**
+     * Делает цифры моноширинными
+     */
+    monospaceNumbers?: boolean;
+    /**
+     * HTML тег
+     */
+    tag?: "span" | "div";
+    /**
+     * Css-класс для стилизации (native prop)
+     */
+    className?: string;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string;
+    /**
+     * Контент (native prop)
+     */
+    children?: React.ReactNode;
+    /**
+     * Добавляет отступы к тэгу 'p'
+     */
+    defaultMargins?: never;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3;
+    /**
+     * Показать скелетон
+     */
+    showSkeleton?: boolean;
+    /**
+     * Пропы для скелетона
+     */
+    skeletonProps?: TextSkeletonProps;
+};
+type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
+    tag?: "p";
+    defaultMargins?: boolean;
+};
+type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
+type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
+type TitleProps = Omit<NativeProps$0, "color"> & {
+    /**
+     * HTML тег
+     */
+    tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
+    /**
+     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
+     */
+    view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
+    /**
+     * Цвет текста
+     */
+    color?: Color;
+    /**
+     * Толщина шрифта
+     */
+    weight?: "regular" | "medium" | "bold";
+    /**
+     * Шрифт текста
+     */
+    font?: "styrene" | "system";
+    /**
+     * Добавляет отступы
+     */
+    defaultMargins?: boolean;
+    /**
+     * Css-класс для стилизации (native prop)
+     */
+    className?: string;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string;
+    /**
+     * Контент (native prop)
+     */
+    children?: React.ReactNode;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3;
+    /**
+     * Показать скелетон
+     */
+    showSkeleton?: boolean;
+    /**
+     * Пропы для скелетона
+     */
+    skeletonProps?: TextSkeletonProps;
+};
+type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
+declare const Typography: {
+    Title: FC<TitleProps>;
+    Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
+    TitleResponsive: FC<TitleProps>;
+    TitleMobile: FC<TitleMobileProps>;
+};
+declare const typographyPresets: {
+    mobile: {
+        list: {
+            text: {
+                primary: {
+                    tag: string;
+                    view: string;
+                };
+                secondary: {
+                    tag: string;
+                    color: string;
+                    view: string;
+                };
+            };
+        };
+    };
+};
+declare const TitleResponsive: FC<TitleProps>;
 declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
-export * from "./Component-69921c40";
-export { NavigationBar };
+export { BackArrowAddonProps, BackArrowAddon, Typography, typographyPresets, TitleResponsive, NavigationBar };
+export type { TitleProps, TextProps, Color };
+export * from "./useSkeleton-1b036d4b";

package/calendar-input/Component-69921c40.d.ts

@@ -1,184 +1,24 @@
 /// <reference types="react" />
-import React from "react";
-import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
-import { TextElementType, TextSkeletonProps } from "./types-1b036d4b";
-declare const colors: readonly [
-    "tertiary",
-    "disabled",
-    "accent",
-    "primary",
-    "attention",
-    "positive",
-    "secondary",
-    "tertiary-inverted",
-    "primary-inverted",
-    "secondary-inverted",
-    "link",
-    "negative",
-    "static-primary-light",
-    "static-secondary-light",
-    "static-tertiary-light",
-    "static-primary-dark",
-    "static-secondary-dark",
-    "static-tertiary-dark",
-    "static-accent"
-];
-type Color = (typeof colors)[number];
-type NativeProps = HTMLAttributes<HTMLSpanElement>;
-type TextBaseProps = {
+import React from 'react';
+import { ButtonHTMLAttributes } from "react";
+type SelectButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     /**
-     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)
-     */
-    view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
-    /**
-     * Цвет текста
-     */
-    color?: Color;
-    /**
-     * Толщина шрифта
-     */
-    weight?: "regular" | "medium" | "bold";
-    /**
-     * Делает цифры моноширинными
-     */
-    monospaceNumbers?: boolean;
-    /**
-     * HTML тег
-     */
-    tag?: "span" | "div";
-    /**
-     * Css-класс для стилизации (native prop)
-     */
-    className?: string;
-    /**
-     * Id компонента для тестов
-     */
-    dataTestId?: string;
-    /**
-     * Контент (native prop)
-     */
-    children?: React.ReactNode;
-    /**
-     * Добавляет отступы к тэгу 'p'
-     */
-    defaultMargins?: never;
-    /**
-     * Количество строк (не поддерживает IE)
-     */
-    rowLimit?: 1 | 2 | 3;
-    /**
-     * Показать скелетон
-     */
-    showSkeleton?: boolean;
-    /**
-     * Пропы для скелетона
-     */
-    skeletonProps?: TextSkeletonProps;
-};
-type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
-    tag?: "p";
-    defaultMargins?: boolean;
-};
-type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
-type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
-type TitleProps = Omit<NativeProps$0, "color"> & {
-    /**
-     * HTML тег
-     */
-    tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
-    /**
-     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
-     */
-    view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
-    /**
-     * Цвет текста
-     */
-    color?: Color;
-    /**
-     * Толщина шрифта
-     */
-    weight?: "regular" | "medium" | "bold";
-    /**
-     * Шрифт текста
-     */
-    font?: "styrene" | "system";
-    /**
-     * Добавляет отступы
-     */
-    defaultMargins?: boolean;
-    /**
-     * Css-класс для стилизации (native prop)
+     * Дополнительный класс
      */
     className?: string;
     /**
-     * Id компонента для тестов
-     */
-    dataTestId?: string;
-    /**
-     * Контент (native prop)
-     */
-    children?: React.ReactNode;
-    /**
-     * Количество строк (не поддерживает IE)
-     */
-    rowLimit?: 1 | 2 | 3;
-    /**
-     * Показать скелетон
+     * Вид кнопки
      */
-    showSkeleton?: boolean;
-    /**
-     * Пропы для скелетона
-     */
-    skeletonProps?: TextSkeletonProps;
-};
-type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
-declare const Typography: {
-    Title: FC<TitleProps>;
-    Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
-    TitleResponsive: FC<TitleProps>;
-    TitleMobile: FC<TitleMobileProps>;
-};
-declare const typographyPresets: {
-    mobile: {
-        list: {
-            text: {
-                primary: {
-                    tag: string;
-                    view: string;
-                };
-                secondary: {
-                    tag: string;
-                    color: string;
-                    view: string;
-                };
-            };
-        };
-    };
+    view?: 'default' | 'filled' | 'outlined' | 'selected';
 };
-declare const TitleResponsive: FC<TitleProps>;
-interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
-    /**
-     * Текст после иконки
-     */
-    text?: string;
+declare const SelectButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
     /**
      * Дополнительный класс
      */
-    className?: string;
-    /**
-     * Вид компонента
-     */
-    view: 'mobile' | 'desktop';
-    /**
-     * Прозрачность текста
-     */
-    textOpacity?: number;
+    className?: string | undefined;
     /**
-     * Обработчик клика
+     * Вид кнопки
      */
-    onClick?: () => void;
-}
-declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
-export { Typography, typographyPresets, TitleResponsive, BackArrowAddonProps, BackArrowAddon };
-export type { TitleProps, TextProps, Color };
-export * from "./useSkeleton-1b036d4b";
+    view?: "default" | "outlined" | "filled" | "selected" | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;
+export { SelectButtonProps, SelectButton };

package/calendar-input/Component.desktop-b5b4c59f.d.ts

@@ -1,75 +1,7 @@
 /// <reference types="react" />
 import React from "react";
-import { FC, ReactNode, MouseEvent } from "react";
-import { SelectorView, Month, DayAddons, View } from "./typings-5684a67d";
-import { PeriodType } from "./index-f034f741";
-type HeaderProps = {
-    /**
-     * Вид шапки — месяц и год или только месяц
-     */
-    view?: SelectorView;
-    /**
-     * Отображать тень? (нужна при прокрутке)
-     */
-    withShadow?: boolean;
-    /**
-     * Дочерние элементы.
-     */
-    children?: ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-};
-declare const Header: FC<HeaderProps>;
-type MonthYearHeaderProps = {
-    /**
-     * Активная дата
-     */
-    value?: Date;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Обработчик нажатия на кнопку месяца
-     */
-    onMonthClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Обработчик нажатия на кнопку года
-     */
-    onYearClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-};
-declare const MonthYearHeader: FC<MonthYearHeaderProps>;
-type MonthsTableProps = {
-    /**
-     * Массив месяцев
-     */
-    months?: Month[];
-    /**
-     * Выбранный месяц
-     */
-    selectedMonth?: Date;
-    /**
-     * Доп пропсы для переданного месяца
-     */
-    getMonthProps: (day: Month) => Record<string, unknown>;
-    /**
-     * Должен ли календарь подстраиваться под ширину родителя.
-     */
-    responsive?: boolean;
-};
-declare const MonthsTable: FC<MonthsTableProps>;
-declare const formatPeriod: (valueFrom: Date, valueTo: Date, periodType: PeriodType, showCurrentYear?: boolean) => string;
-declare const getYearSelectorValue: (valueFrom: Date | undefined, showCurrentYear: boolean) => number | "";
-declare const shiftValues: (valueFrom: Date, valueTo: Date, periodType: PeriodType, direction: "prev" | "next") => {
-    valueFrom: Date;
-    valueTo: Date;
-};
+import { FC, MouseEvent } from "react";
+import { DayAddons, SelectorView, View } from "./typings-5684a67d";
 type YearsTableProps = {
     /**
      * Массив лет
@@ -201,5 +133,6 @@ type CalendarDesktopProps = {
     showCurrentYearSelector?: boolean;
 };
 declare const CalendarDesktop: React.ForwardRefExoticComponent<CalendarDesktopProps & React.RefAttributes<HTMLDivElement>>;
-export { HeaderProps, Header, MonthYearHeaderProps, MonthYearHeader, MonthsTableProps, MonthsTable, formatPeriod, getYearSelectorValue, shiftValues, YearsTableProps, YearsTable, CalendarDesktopProps, CalendarDesktop };
-export * from "./Component-69921c40";
+export * from "./Component-5684a67d";
+export * from "./Component-e2b6c730";
+export { YearsTableProps, YearsTable, CalendarDesktopProps, CalendarDesktop };

package/calendar-input/Component.desktop.d.ts

@@ -2,5 +2,9 @@
 import React from 'react';
 import { CalendarInputProps } from "./components/calendar-input/Component";
 type CalendarInputDesktopProps = Omit<CalendarInputProps, 'view'>;
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 declare const CalendarInputDesktop: React.ForwardRefExoticComponent<CalendarInputDesktopProps & React.RefAttributes<HTMLInputElement>>;
 export { CalendarInputDesktopProps, CalendarInputDesktop };

package/calendar-input/Component.desktop.js

@@ -19,6 +19,10 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 var CalendarInputDesktop = React.forwardRef(function (props, ref) { return React__default.default.createElement(components_calendarInput_Component.CalendarInput, tslib.__assign({ Calendar: desktop.CalendarDesktop }, props, { ref: ref })); });
 
 exports.CalendarInputDesktop = CalendarInputDesktop;

package/calendar-input/Component.mobile.d.ts

@@ -2,5 +2,9 @@
 import React from 'react';
 import { CalendarInputProps } from "./components/calendar-input/Component";
 type CalendarInputMobileProps = Omit<CalendarInputProps, 'view'>;
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 declare const CalendarInputMobile: React.ForwardRefExoticComponent<CalendarInputMobileProps & React.RefAttributes<HTMLInputElement>>;
 export { CalendarInputMobileProps, CalendarInputMobile };

package/calendar-input/Component.mobile.js

@@ -19,6 +19,10 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 var CalendarInputMobile = React.forwardRef(function (props, ref) { return React__default.default.createElement(components_calendarInput_Component.CalendarInput, tslib.__assign({ Calendar: mobile.CalendarMobile, view: 'mobile' }, props, { ref: ref })); });
 
 exports.CalendarInputMobile = CalendarInputMobile;

package/calendar-input/Component.responsive.d.ts

@@ -9,6 +9,10 @@ type CalendarInputResponsiveProps = Omit<CalendarInputProps, 'view'> & {
     breakpoint?: number;
 };
 type CalendarInputMedia = 'desktop' | 'mobile';
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 declare const CalendarInputResponsive: React.ForwardRefExoticComponent<Omit<CalendarInputProps, "view"> & {
     /**
      * Контрольная точка, с нее начинается desktop версия

package/calendar-input/Component.responsive.js

@@ -23,6 +23,10 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
 var CalendarInputResponsive = React.forwardRef(function (_a, ref) {
     var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
     var view = hooks.useMedia([

package/calendar-input/components/calendar-input/Component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { ChangeEvent, ElementType, MouseEvent } from "react";
-import { CalendarDesktopProps } from "../../desktop-63dec22f";
+import { CalendarDesktopProps } from "../../desktop-b5b4c59f";
 import { CalendarMobileProps } from "../../mobile-c219f8ca";
 import { DateInputProps } from "../../../date-input";
 import { PopoverProps } from "../../../popover";

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

@@ -19,7 +19,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"calendar-input__component_1gklm","block":"calendar-input__block_1gklm","calendarContainer":"calendar-input__calendarContainer_1gklm","calendarResponsive":"calendar-input__calendarResponsive_1gklm","calendarIcon":"calendar-input__calendarIcon_1gklm","nativeInput":"calendar-input__nativeInput_1gklm"};
+var styles = {"component":"calendar-input__component_1amfe","block":"calendar-input__block_1amfe","calendarContainer":"calendar-input__calendarContainer_1amfe","calendarResponsive":"calendar-input__calendarResponsive_1amfe","calendarIcon":"calendar-input__calendarIcon_1amfe","nativeInput":"calendar-input__nativeInput_1amfe"};
 require('./index.css');
 
 var CalendarInput = React.forwardRef(function (_a, ref) {