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

package/custom-picker-button/cssm/utils-49cc3c24.d.ts

@@ -0,0 +1,8 @@
+declare const TIMEOUT = 500;
+declare const SWIPE_VELOCITY = 0.4;
+declare const MARKER_HEIGHT = 24;
+declare const CLOSE_OFFSET = 0.2;
+declare const SCROLL_OFFSET = 1;
+declare const HEADER_OFFSET = 24;
+declare const convertPercentToNumber: (value: string | number, fullHeight: number, headerOffset?: number) => number;
+export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber };

package/custom-picker-button/esm/field/Component.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { CustomButton } from '../../../custom-button/esm';
 import { getIcon } from '../../../picker-button/esm/shared';
 
-var styles = {"iconContainer":"custom-picker-button__iconContainer_1ri89","addonsContainer":"custom-picker-button__addonsContainer_1ri89","showControlIcon":"custom-picker-button__showControlIcon_1ri89","open":"custom-picker-button__open_1ri89"};
+var styles = {"iconContainer":"custom-picker-button__iconContainer_18w4g","addonsContainer":"custom-picker-button__addonsContainer_18w4g","showControlIcon":"custom-picker-button__showControlIcon_18w4g","open":"custom-picker-button__open_18w4g"};
 require('./index.css');
 
 var Field = function (_a) {

package/custom-picker-button/esm/field/index.css

@@ -1,4 +1,4 @@
-/* hash: jp244 */
+/* hash: 316of */
 :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 */
@@ -16,13 +16,13 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .custom-picker-button__iconContainer_1ri89 {
+} .custom-picker-button__iconContainer_18w4g {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .custom-picker-button__addonsContainer_1ri89 {
+} .custom-picker-button__addonsContainer_18w4g {
     display: flex
-} .custom-picker-button__addonsContainer_1ri89.custom-picker-button__showControlIcon_1ri89 {
+} .custom-picker-button__addonsContainer_18w4g.custom-picker-button__showControlIcon_18w4g {
         margin-right: var(--gap-2xs);
-    } .custom-picker-button__open_1ri89 {
+    } .custom-picker-button__open_18w4g {
     transform: var(--arrow-transform);
 }

package/custom-picker-button/field/Component.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"iconContainer":"custom-picker-button__iconContainer_1ri89","addonsContainer":"custom-picker-button__addonsContainer_1ri89","showControlIcon":"custom-picker-button__showControlIcon_1ri89","open":"custom-picker-button__open_1ri89"};
+var styles = {"iconContainer":"custom-picker-button__iconContainer_18w4g","addonsContainer":"custom-picker-button__addonsContainer_18w4g","showControlIcon":"custom-picker-button__showControlIcon_18w4g","open":"custom-picker-button__open_18w4g"};
 require('./index.css');
 
 var Field = function (_a) {

package/custom-picker-button/field/index.css

@@ -1,4 +1,4 @@
-/* hash: jp244 */
+/* hash: 316of */
 :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 */
@@ -16,13 +16,13 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .custom-picker-button__iconContainer_1ri89 {
+} .custom-picker-button__iconContainer_18w4g {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .custom-picker-button__addonsContainer_1ri89 {
+} .custom-picker-button__addonsContainer_18w4g {
     display: flex
-} .custom-picker-button__addonsContainer_1ri89.custom-picker-button__showControlIcon_1ri89 {
+} .custom-picker-button__addonsContainer_18w4g.custom-picker-button__showControlIcon_18w4g {
         margin-right: var(--gap-2xs);
-    } .custom-picker-button__open_1ri89 {
+    } .custom-picker-button__open_18w4g {
     transform: var(--arrow-transform);
 }

package/custom-picker-button/modern/field/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { CustomButton } from '../../../custom-button/modern';
 import { getIcon } from '../../../picker-button/modern/shared';
 
-const styles = {"iconContainer":"custom-picker-button__iconContainer_1ri89","addonsContainer":"custom-picker-button__addonsContainer_1ri89","showControlIcon":"custom-picker-button__showControlIcon_1ri89","open":"custom-picker-button__open_1ri89"};
+const styles = {"iconContainer":"custom-picker-button__iconContainer_18w4g","addonsContainer":"custom-picker-button__addonsContainer_18w4g","showControlIcon":"custom-picker-button__showControlIcon_18w4g","open":"custom-picker-button__open_18w4g"};
 require('./index.css');
 
 const Field = ({ buttonSize = 'm', buttonVariant = 'default', backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow = true, ...restProps }) => {

package/custom-picker-button/modern/field/index.css

@@ -1,4 +1,4 @@
-/* hash: jp244 */
+/* hash: 316of */
 :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 */
@@ -16,13 +16,13 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .custom-picker-button__iconContainer_1ri89 {
+} .custom-picker-button__iconContainer_18w4g {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .custom-picker-button__addonsContainer_1ri89 {
+} .custom-picker-button__addonsContainer_18w4g {
     display: flex
-} .custom-picker-button__addonsContainer_1ri89.custom-picker-button__showControlIcon_1ri89 {
+} .custom-picker-button__addonsContainer_18w4g.custom-picker-button__showControlIcon_18w4g {
         margin-right: var(--gap-2xs);
-    } .custom-picker-button__open_1ri89 {
+    } .custom-picker-button__open_18w4g {
     transform: var(--arrow-transform);
 }

package/date-input/Component.js

@@ -15,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 
-var styles = {"nativeInput":"date-input__nativeInput_liw6v"};
+var styles = {"nativeInput":"date-input__nativeInput_1l5r0"};
 require('./index.css');
 
 var DateInput = React.forwardRef(function (_a, ref) {

package/date-input/esm/Component.js

@@ -8,7 +8,7 @@ import 'date-fns/format';
 import 'date-fns/isValid';
 import 'date-fns/parse';
 
-var styles = {"nativeInput":"date-input__nativeInput_liw6v"};
+var styles = {"nativeInput":"date-input__nativeInput_1l5r0"};
 require('./index.css');
 
 var DateInput = forwardRef(function (_a, ref) {

package/date-input/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1wmht */
+/* hash: zychy */
 :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 */
@@ -14,7 +14,7 @@
 } :root {
 } :root {
 } :root {
-} .date-input__nativeInput_liw6v {
+} .date-input__nativeInput_1l5r0 {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -23,8 +23,8 @@
     height: 100%;
     appearance: none;
     z-index: 1
-} .date-input__nativeInput_liw6v::-webkit-calendar-picker-indicator {
+} .date-input__nativeInput_1l5r0::-webkit-calendar-picker-indicator {
         display: none;
-    } .date-input__nativeInput_liw6v::-webkit-inner-spin-button {
+    } .date-input__nativeInput_1l5r0::-webkit-inner-spin-button {
         display: none;
     }

package/date-input/index.css

@@ -1,4 +1,4 @@
-/* hash: 1wmht */
+/* hash: zychy */
 :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 */
@@ -14,7 +14,7 @@
 } :root {
 } :root {
 } :root {
-} .date-input__nativeInput_liw6v {
+} .date-input__nativeInput_1l5r0 {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -23,8 +23,8 @@
     height: 100%;
     appearance: none;
     z-index: 1
-} .date-input__nativeInput_liw6v::-webkit-calendar-picker-indicator {
+} .date-input__nativeInput_1l5r0::-webkit-calendar-picker-indicator {
         display: none;
-    } .date-input__nativeInput_liw6v::-webkit-inner-spin-button {
+    } .date-input__nativeInput_1l5r0::-webkit-inner-spin-button {
         display: none;
     }

package/date-input/modern/Component.js

@@ -7,7 +7,7 @@ import 'date-fns/format';
 import 'date-fns/isValid';
 import 'date-fns/parse';
 
-const styles = {"nativeInput":"date-input__nativeInput_liw6v"};
+const styles = {"nativeInput":"date-input__nativeInput_1l5r0"};
 require('./index.css');
 
 const DateInput = forwardRef(({ mobileMode = 'input', defaultValue = '', rightAddons, error, value: propValue, onBlur, onChange, onComplete, ...restProps }, ref) => {

package/date-input/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1wmht */
+/* hash: zychy */
 :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 */
@@ -14,7 +14,7 @@
 } :root {
 } :root {
 } :root {
-} .date-input__nativeInput_liw6v {
+} .date-input__nativeInput_1l5r0 {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -23,8 +23,8 @@
     height: 100%;
     appearance: none;
     z-index: 1
-} .date-input__nativeInput_liw6v::-webkit-calendar-picker-indicator {
+} .date-input__nativeInput_1l5r0::-webkit-calendar-picker-indicator {
         display: none;
-    } .date-input__nativeInput_liw6v::-webkit-inner-spin-button {
+    } .date-input__nativeInput_1l5r0::-webkit-inner-spin-button {
         display: none;
     }

package/date-range-input/components/date-range-input/Component.js

@@ -22,7 +22,7 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var dateFnsIsValid__default = /*#__PURE__*/_interopDefaultCompat(dateFnsIsValid);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 
-var styles = {"component":"date-range-input__component_1hqhh","calendarContainer":"date-range-input__calendarContainer_1hqhh","calendarResponsive":"date-range-input__calendarResponsive_1hqhh","block":"date-range-input__block_1hqhh","calendarIcon":"date-range-input__calendarIcon_1hqhh"};
+var styles = {"component":"date-range-input__component_1kc6b","calendarContainer":"date-range-input__calendarContainer_1kc6b","calendarResponsive":"date-range-input__calendarResponsive_1kc6b","block":"date-range-input__block_1kc6b","calendarIcon":"date-range-input__calendarIcon_1kc6b"};
 require('./index.css');
 
 var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {

package/date-range-input/components/date-range-input/index.css

@@ -1,4 +1,4 @@
-/* hash: 1vwf3 */
+/* hash: 1etz5 */
 :root {
 } /* deprecated */ :root {
     --color-light-border-secondary: #e9e9eb; /* 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 */
@@ -41,24 +41,24 @@
     /* marker */
 } :root {
     --calendar-popover-border-radius: var(--border-radius-m);
-} .date-range-input__component_1hqhh {
+} .date-range-input__component_1kc6b {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-range-input__calendarContainer_1hqhh {
+} .date-range-input__calendarContainer_1kc6b {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-border-secondary)
-} @media (max-width: 374px) { .date-range-input__calendarContainer_1hqhh {
+} @media (max-width: 374px) { .date-range-input__calendarContainer_1kc6b {
         width: 100%;
         min-width: 288px
 }
-    } .date-range-input__calendarResponsive_1hqhh {
+    } .date-range-input__calendarResponsive_1kc6b {
     width: var(--calendar-width);
-} .date-range-input__block_1hqhh {
+} .date-range-input__block_1kc6b {
     width: 100%;
-} .date-range-input__calendarIcon_1hqhh {
+} .date-range-input__calendarIcon_1kc6b {
     margin-right: var(--gap-s-neg);
     height: 100%;
 }

package/date-range-input/esm/Component-10db897e.d.ts

@@ -1,297 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { ChangeEvent, ElementType, HTMLAttributes, InputHTMLAttributes, MouseEvent, ReactNode, RefAttributes } from "react";
-type StyleColors = {
-    default: {
-        [key: string]: string;
-    };
-    inverted: {
-        [key: string]: string;
-    };
-};
-type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'onClick' | 'onMouseDown' | 'enterKeyHint'> & {
-    /**
-     * Значение поля ввода
-     */
-    value?: string;
-    /**
-     * Начальное значение поля
-     */
-    defaultValue?: string;
-    /**
-     * Растягивает компонент на ширину контейнера
-     */
-    block?: boolean;
-    /**
-     * Крестик для очистки поля
-     */
-    clear?: boolean;
-    /**
-     * Размер компонента
-     */
-    size?: 's' | 'm' | 'l' | 'xl';
-    /**
-     * Набор цветов для компонента
-     */
-    colors?: 'default' | 'inverted';
-    /**
-     * Отображение ошибки
-     */
-    error?: ReactNode | boolean;
-    /**
-     * Отображение иконки успеха
-     */
-    success?: boolean;
-    /**
-     * Текст подсказки
-     */
-    hint?: ReactNode;
-    /**
-     * Лейбл компонента
-     */
-    label?: React.ReactNode;
-    /**
-     * Вид лейбла внутри / снаружи
-     */
-    labelView?: 'inner' | 'outer';
-    /**
-     * Атрибут type
-     */
-    type?: 'number' | 'card' | 'email' | 'money' | 'password' | 'tel' | 'text';
-    /**
-     * Ref для обертки input
-     */
-    wrapperRef?: React.Ref<HTMLDivElement> | null;
-    /**
-     * Слот слева
-     */
-    leftAddons?: React.ReactNode;
-    /**
-     * Слот справа
-     */
-    rightAddons?: React.ReactNode;
-    /**
-     * Свойства для обертки левых аддонов
-     */
-    leftAddonsProps?: HTMLAttributes<HTMLDivElement>;
-    /**
-     * Свойства для обертки правых аддонов
-     */
-    rightAddonsProps?: HTMLAttributes<HTMLDivElement>;
-    /**
-     * Слот под инпутом
-     */
-    bottomAddons?: React.ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительный класс для поля
-     */
-    fieldClassName?: string;
-    /**
-     * Дополнительный класс инпута
-     */
-    inputClassName?: string;
-    /**
-     * Дополнительный класс для лейбла
-     */
-    labelClassName?: string;
-    /**
-     * Дополнительный класс для аддонов
-     */
-    addonsClassName?: string;
-    /**
-     * Класс, который будет установлен при фокусе
-     */
-    focusedClassName?: string;
-    /**
-     * Класс, который будет установлен, если в поле есть значение
-     */
-    filledClassName?: string;
-    /**
-     * Обработчик поля ввода
-     */
-    onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
-        value: string;
-    }) => void;
-    /**
-     * Обработчик нажатия на кнопку очистки
-     */
-    onClear?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Обработчик клика по полю
-     */
-    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
-    /**
-     * Обработчик MouseDown по полю
-     */
-    onMouseDown?: (event: MouseEvent<HTMLDivElement>) => void;
-    /**
-     * Обработчик MouseUp по полю
-     */
-    onMouseUp?: (event: MouseEvent<HTMLDivElement>) => void;
-    /**
-     * Компонент FormControl
-     */
-    FormControlComponent?: ElementType<FormControlProps & RefAttributes<HTMLDivElement>>;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Стили компонента для default и inverted режима.
-     */
-    colorStyles?: StyleColors;
-    /**
-     * Запрещает ввод с клавиатуры
-     */
-    disableUserInput?: boolean;
-};
-declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "enterKeyHint"> & {
-    /**
-     * Значение поля ввода
-     */
-    value?: string | undefined;
-    /**
-     * Начальное значение поля
-     */
-    defaultValue?: string | undefined;
-    /**
-     * Растягивает компонент на ширину контейнера
-     */
-    block?: boolean | undefined;
-    /**
-     * Крестик для очистки поля
-     */
-    clear?: boolean | undefined;
-    /**
-     * Размер компонента
-     */
-    size?: "s" | "m" | "l" | "xl" | undefined;
-    /**
-     * Набор цветов для компонента
-     */
-    colors?: "default" | "inverted" | undefined;
-    /**
-     * Отображение ошибки
-     */
-    error?: ReactNode | boolean;
-    /**
-     * Отображение иконки успеха
-     */
-    success?: boolean | undefined;
-    /**
-     * Текст подсказки
-     */
-    hint?: ReactNode;
-    /**
-     * Лейбл компонента
-     */
-    label?: React.ReactNode;
-    /**
-     * Вид лейбла внутри / снаружи
-     */
-    labelView?: "inner" | "outer" | undefined;
-    /**
-     * Атрибут type
-     */
-    type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
-    /**
-     * Ref для обертки input
-     */
-    wrapperRef?: React.Ref<HTMLDivElement> | undefined;
-    /**
-     * Слот слева
-     */
-    leftAddons?: React.ReactNode;
-    /**
-     * Слот справа
-     */
-    rightAddons?: React.ReactNode;
-    /**
-     * Свойства для обертки левых аддонов
-     */
-    leftAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
-    /**
-     * Свойства для обертки правых аддонов
-     */
-    rightAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
-    /**
-     * Слот под инпутом
-     */
-    bottomAddons?: React.ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    className?: string | undefined;
-    /**
-     * Дополнительный класс для поля
-     */
-    fieldClassName?: string | undefined;
-    /**
-     * Дополнительный класс инпута
-     */
-    inputClassName?: string | undefined;
-    /**
-     * Дополнительный класс для лейбла
-     */
-    labelClassName?: string | undefined;
-    /**
-     * Дополнительный класс для аддонов
-     */
-    addonsClassName?: string | undefined;
-    /**
-     * Класс, который будет установлен при фокусе
-     */
-    focusedClassName?: string | undefined;
-    /**
-     * Класс, который будет установлен, если в поле есть значение
-     */
-    filledClassName?: string | undefined;
-    /**
-     * Обработчик поля ввода
-     */
-    onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
-        value: string;
-    }) => void) | undefined;
-    /**
-     * Обработчик нажатия на кнопку очистки
-     */
-    onClear?: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined;
-    /**
-     * Обработчик клика по полю
-     */
-    onClick?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
-    /**
-     * Обработчик MouseDown по полю
-     */
-    onMouseDown?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
-    /**
-     * Обработчик MouseUp по полю
-     */
-    onMouseUp?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
-    /**
-     * Компонент FormControl
-     */
-    FormControlComponent?: React.ElementType<Omit<import("./index-ebda875c").BaseFormControlProps, "styles" | "colorStyles"> & {
-        breakpoint?: number | undefined;
-        defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-    } & React.RefAttributes<HTMLDivElement>> | undefined;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string | undefined;
-    /**
-     * Стили компонента для default и inverted режима.
-     */
-    colorStyles?: StyleColors | undefined;
-    /**
-     * Запрещает ввод с клавиатуры
-     */
-    disableUserInput?: boolean | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
-export * from "./Component-72dda473";
-export * from "./Component.responsive-785df74d";
-export { StyleColors, BaseInputProps, BaseInput };
+import { NavigationBarProps } from "./types-1c79e231";
+declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
+export * from "./Component-69921c40";
+export { NavigationBar };

package/date-range-input/esm/Component-b5b4c59f.d.ts

@@ -383,7 +383,7 @@ declare const CalendarMobile: React.ForwardRefExoticComponent<CalendarDesktopPro
      */
     allowSelectionFromEmptyRange?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-export { ButtonMobile } from "./Component.mobile-89f0cb07";
+export { ButtonMobile } from "./Component.mobile-16b1285a";
 export type { CommonButtonProps as ButtonMobileProps } from "./typings-89f0cb07";
 export { ModalMobile, ModalMobileProps, Content, ResponsiveContext, Modal, ModalContext, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, CalendarMobileProps, CalendarMobile };
 export type { SavedStyle };

package/date-range-input/esm/Component.desktop-b5b4c59f.d.ts

@@ -2,6 +2,7 @@
 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 = {
     /**
      * Вид шапки — месяц и год или только месяц
@@ -63,6 +64,12 @@ type MonthsTableProps = {
     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;
+};
 type YearsTableProps = {
     /**
      * Массив лет
@@ -194,5 +201,5 @@ type CalendarDesktopProps = {
     showCurrentYearSelector?: boolean;
 };
 declare const CalendarDesktop: React.ForwardRefExoticComponent<CalendarDesktopProps & React.RefAttributes<HTMLDivElement>>;
-export { HeaderProps, Header, MonthYearHeaderProps, MonthYearHeader, MonthsTableProps, MonthsTable, YearsTableProps, YearsTable, CalendarDesktopProps, CalendarDesktop };
+export { HeaderProps, Header, MonthYearHeaderProps, MonthYearHeader, MonthsTableProps, MonthsTable, formatPeriod, getYearSelectorValue, shiftValues, YearsTableProps, YearsTable, CalendarDesktopProps, CalendarDesktop };
 export * from "./Component-69921c40";

package/date-range-input/esm/components/date-range-input/Component.js

@@ -12,7 +12,7 @@ import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
 import { parseTimestampToDate, DATE_FORMAT, format, parseDateString, DATE_MASK, isCompleteDateInput, isValid } from '../../utils/format.js';
 import 'date-fns/parse';
 
-var styles = {"component":"date-range-input__component_1hqhh","calendarContainer":"date-range-input__calendarContainer_1hqhh","calendarResponsive":"date-range-input__calendarResponsive_1hqhh","block":"date-range-input__block_1hqhh","calendarIcon":"date-range-input__calendarIcon_1hqhh"};
+var styles = {"component":"date-range-input__component_1kc6b","calendarContainer":"date-range-input__calendarContainer_1kc6b","calendarResponsive":"date-range-input__calendarResponsive_1kc6b","block":"date-range-input__block_1kc6b","calendarIcon":"date-range-input__calendarIcon_1kc6b"};
 require('./index.css');
 
 var DateRangeInput = React.forwardRef(function (_a, ref) {