@alfalab/core-components 47.15.0-beta.0 → 47.15.0

package/textarea/moderncssm/inverted.module.css

@@ -0,0 +1,115 @@
+/* */
+:root {
+    --input-inverted-color: var(--color-light-text-primary-inverted);
+    --input-inverted-placeholder-color: var(--color-light-text-secondary-inverted);
+    --input-inverted-focus-placeholder-color: var(--color-light-text-tertiary-inverted);
+    --input-inverted-with-label-placeholder-color: var(--color-light-text-tertiary-inverted);
+    --input-inverted-caret-color: var(--color-light-neutral-translucent-1300-inverted);
+
+    /* disabled */
+    --input-inverted-disabled-color: var(--color-light-text-tertiary-inverted);
+
+    /* read-only */
+    --input-inverted-read-only-color: var(--color-light-text-tertiary-inverted);
+
+    /* error */
+    --input-inverted-error-color: var(--color-light-text-primary-inverted);
+
+    /* display */
+
+    /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
+}
+.input {
+    color: var(--input-inverted-color);
+    caret-color: var(--input-inverted-caret-color);
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+.input:-webkit-autofill {
+    -webkit-text-fill-color: var(--input-inverted-color);
+}
+.input::placeholder {
+    color: var(--input-inverted-placeholder-color);
+}
+.hasInnerLabel::placeholder {
+    color: var(--input-inverted-with-label-placeholder-color);
+}
+/* READ-ONLY STATE */
+.input:read-only:not(.disableUserInput) {
+    color: var(--input-inverted-read-only-color)
+}
+.input:read-only:not(.disableUserInput):focus::placeholder {
+        color: var(--input-inverted-placeholder-color);
+    }
+/* DISABLED STATE */
+.input:disabled {
+    color: var(--input-inverted-disabled-color);
+    -webkit-text-fill-color: var(--input-inverted-disabled-color);
+}
+/* FOCUS STATE */
+.input:focus::placeholder {
+    color: var(--input-inverted-focus-placeholder-color);
+}
+/* ERROR STATE */
+.error {
+    color: var(--input-inverted-error-color);
+    caret-color: var(--input-inverted-error-color);
+}
+:root {
+    --form-control-hint-color: var(--color-light-text-secondary);
+
+    /* disabled */
+
+    /* focus */
+
+    /* hover */
+
+    /* error */
+    --form-control-error-color: var(--color-light-text-negative);
+
+    /* height */
+
+    /* paddings */
+
+    /* disabled */
+
+    /* font */
+
+    /* border-radius */
+
+    /* paddings mobile */
+
+    /* border-radius mobile */
+
+    /* color mobile */
+
+    /* error mobile */
+}
+.textarea {
+    color: var(--input-inverted-color);
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+.textarea::placeholder {
+    color: var(--input-inverted-placeholder-color);
+}
+.hasInnerLabel::placeholder {
+    color: var(--input-inverted-with-label-placeholder-color);
+}
+/* DISABLED STATE */
+.textarea:disabled {
+    color: var(--input-inverted-disabled-color);
+    -webkit-text-fill-color: var(--input-inverted-disabled-color);
+}
+/* READ-ONLY STATE */
+.textarea:read-only {
+    color: var(--input-inverted-read-only-color);
+}
+/* FOCUS STATE */
+.textarea:focus::placeholder {
+    color: var(--input-inverted-focus-placeholder-color);
+}
+.hint {
+    color: var(--form-control-hint-color);
+}
+.error {
+    color: var(--form-control-error-color);
+}

package/textarea/moderncssm/shared/index.d.ts

@@ -0,0 +1 @@
+export { getTextareaTestIds } from "../utils";

package/textarea/moderncssm/shared/index.js

@@ -0,0 +1,2 @@
+export { getTextareaTestIds } from '../utils.js';
+import '../../../shared/moderncssm';

package/textarea/moderncssm/typings.d.ts

@@ -0,0 +1,133 @@
+/// <reference types="react" />
+import React from 'react';
+import { ChangeEvent, ReactNode, TextareaHTMLAttributes } from "react";
+type NativeProps = TextareaHTMLAttributes<HTMLTextAreaElement>;
+type TextareaProps = Omit<NativeProps, 'size' | 'style' | 'value' | 'defaultValue' | 'onChange'> & TextareaIncomeProps;
+type TextareaIncomeProps = {
+    /**
+     * Значение поля ввода
+     */
+    value?: string;
+    /**
+     * Начальное значение поля
+     */
+    defaultValue?: string;
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
+    block?: boolean;
+    /**
+     * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
+     */
+    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: 'default' | 'inverted';
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Текст подсказки
+     */
+    hint?: ReactNode;
+    /**
+     * Лейбл компонента
+     */
+    label?: React.ReactNode;
+    /**
+     * Вид лейбла внутри / снаружи
+     */
+    labelView?: 'inner' | 'outer';
+    /**
+     * Слот слева
+     */
+    leftAddons?: React.ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: React.ReactNode;
+    /**
+     * Слот под компонентом
+     */
+    bottomAddons?: React.ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для поля
+     */
+    fieldClassName?: string;
+    /**
+     * Дополнительный класс textarea
+     */
+    textareaClassName?: string;
+    /**
+     * Управление возможностью подстраивать высоту компонента под высоту текста
+     */
+    autosize?: boolean;
+    /**
+     * Максимальное количество отображаемых строк (работает только вместе с autosize)
+     */
+    maxRows?: number;
+    /**
+     * Минимальное количество отображаемых строк (работает только вместе c autosize)
+     */
+    minRows?: number;
+    /**
+     * Максимальная высота элемента
+     */
+    maxHeight?: number;
+    /**
+     * Управление возможностью изменения размеров компонента (не работает вместе c autosize)
+     */
+    resize?: 'vertical' | 'none';
+    /**
+     * Обработчик ввода
+     */
+    onChange?: (event: ChangeEvent<HTMLTextAreaElement>, payload: {
+        value: string;
+    }) => void;
+    /**
+     * Обработчик события изменения высоты компонента (работает только вместе c autosize)
+     */
+    onHeightChange?: (height?: number) => void;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для FormControl используется модификатор -form-control
+     */
+    dataTestId?: string;
+    /**
+     * Максимальное количество символов (native prop)
+     */
+    maxLength?: number;
+    /**
+     * Показывать счетчик введенных символов
+     */
+    showCounter?: boolean;
+    /**
+     * Функция, возвращающая текст для счетчика
+     */
+    getCounterText?: (textLength: number, maxLength?: number) => string;
+    /**
+     * Нужно ли использовать нативный скроллбар.
+     */
+    nativeScrollbar?: boolean;
+    /**
+     * Разрешить переполнение, если количество символов превышает maxLength
+     */
+    allowOverflow?: boolean;
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+    /**
+     * Ref для обертки textarea
+     */
+    wrapperRef?: React.Ref<HTMLDivElement> | null;
+};
+export { TextareaProps, TextareaIncomeProps };

package/textarea/moderncssm/typings.js

@@ -0,0 +1 @@
+

package/textarea/moderncssm/utils.d.ts

@@ -0,0 +1,10 @@
+declare function getTextareaTestIds(dataTestId: string): {
+    textarea: string;
+    inputWrapper: string;
+    inputWrapperInner: string;
+    leftAddons: string;
+    rightAddons: string;
+    error: string;
+    hint: string;
+};
+export { getTextareaTestIds };

package/textarea/moderncssm/utils.js

@@ -0,0 +1,15 @@
+import { getDataTestId } from '../../shared/moderncssm';
+
+function getTextareaTestIds(dataTestId) {
+    return {
+        textarea: dataTestId,
+        inputWrapper: getDataTestId(dataTestId, 'form-control'),
+        inputWrapperInner: getDataTestId(dataTestId, 'form-control-inner'),
+        leftAddons: getDataTestId(dataTestId, 'form-control-left-addons'),
+        rightAddons: getDataTestId(dataTestId, 'form-control-right-addons'),
+        error: getDataTestId(dataTestId, 'form-control-error-message'),
+        hint: getDataTestId(dataTestId, 'form-control-hint'),
+    };
+}
+
+export { getTextareaTestIds };

package/themes/click.css

@@ -1448,6 +1448,19 @@
     --color-bg-corporate-30-flat: #bdc0c2; /* deprecated */
     --color-light-blue: #f5f7f9; /* deprecated */
 }
+:root {
+    --focus-color: var(--color-light-status-info);
+    --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
+        sans-serif;
+    --disabled-cursor: not-allowed;
+    --arrow-transform: rotate(180deg);
+    --size-xxs-height: 32px;
+    --size-xs-height: 40px;
+    --size-s-height: 48px;
+    --size-m-height: 56px;
+    --size-l-height: 64px;
+    --size-xl-height: 72px;
+}
 :root {
     --gap-3xs: 2px; /* deprecated */
     --gap-2xs: 4px; /* deprecated */

package/themes/compiled/mobile-dark-bluetint.css

@@ -15,10 +15,6 @@
     background-color: transparent;
 } .backdrop__transparent_16r2n {
     background-color: transparent;
-}.card-image__cardImage_1pxh1 {
-    background: #e7e8ea;
-} .card-image__loaded_1pxh1 {
-    background: transparent
 }.badge__component_1nrrw.badge__background-accent_1nrrw {
         background-color: #f83a2a;
         color: rgba(255, 255, 255, 0.94);
@@ -79,6 +75,10 @@
         background-color: rgba(255, 255, 255, 0.94);
     } .badge__dot_1nrrw.badge__outlineCount_1nrrw {
     border: 1px solid rgba(3, 3, 6, 0.88);
+}.card-image__cardImage_1pxh1 {
+    background: #e7e8ea;
+} .card-image__loaded_1pxh1 {
+    background: transparent
 }.divider__component_j4r6t {
     border-bottom: 1px solid #353539;
 }.dropzone__component_18ocb {
@@ -170,7 +170,14 @@
         background: rgba(255, 255, 255, 0.94);
     } .hatching-progress-bar__accent_cs8ay {
         background: #f83a2a;
-    }.indicator__component_mdtg5 {
+    }.icon-view__component_10dp2 {
+    color: rgba(238, 238, 251, 0.55)
+} .icon-view__bg_10dp2 {
+    fill: #1c1c1e;
+} .icon-view__border_10dp2 {
+    stroke: rgba(225, 225, 248, 0.09);
+    fill: transparent;
+}.indicator__component_mdtg5 {
     color: rgba(255, 255, 255, 0.94);
     background-color: #f83a2a;
 } .indicator__red_mdtg5 {
@@ -188,14 +195,7 @@
     color: rgba(255, 255, 255, 0.94)
 } .indicator__grey_mdtg5.indicator__border_mdtg5 {
         outline: 2px solid rgba(3, 3, 6, 0.88);
-    }.icon-view__component_10dp2 {
-    color: rgba(238, 238, 251, 0.55)
-} .icon-view__bg_10dp2 {
-    fill: #1c1c1e;
-} .icon-view__border_10dp2 {
-    stroke: rgba(225, 225, 248, 0.09);
-    fill: transparent;
-}@keyframes loader__blink_8ipyg {
+    }@keyframes loader__blink_8ipyg {
 }.link__primary_15yp3 {
     color: rgba(255, 255, 255, 0.94);
     border-bottom-color: rgba(255, 255, 255, 0.94)
@@ -290,7 +290,19 @@
             background-color: rgba(9, 12, 37, 0.28);
         } .scrollbar__component_l21q8.dragging .track .scrollbar.visible:before {
             background-color: rgba(4, 4, 21, 0.47);
-        }.slider__component_10qpg .noUi-base:hover .noUi-connects {
+        }.skeleton__component_163qr {
+    color: transparent;
+    background: rgba(214, 214, 229, 0.07)
+} .skeleton__component_163qr:before {
+    background: transparent;
+} @keyframes skeleton__background_163qr {
+    0% {
+        background: rgba(214, 214, 229, 0.07);
+    }
+    100% {
+        background: rgba(222, 222, 238, 0.13);
+    }
+}.slider__component_10qpg .noUi-base:hover .noUi-connects {
             background: rgba(222, 222, 238, 0.13);
         } .slider__component_10qpg .noUi-base:hover .noUi-connect {
             background: #f83a2a;
@@ -308,19 +320,7 @@
         background: #f83a2a;
     } .slider__component_10qpg .noUi-pips {
         color: rgba(238, 238, 251, 0.55);
-    }.skeleton__component_163qr {
-    color: transparent;
-    background: rgba(214, 214, 229, 0.07)
-} .skeleton__component_163qr:before {
-    background: transparent;
-} @keyframes skeleton__background_163qr {
-    0% {
-        background: rgba(214, 214, 229, 0.07);
-    }
-    100% {
-        background: rgba(222, 222, 238, 0.13);
-    }
-}.segmented-control__wrapper_1447l {
+    }.segmented-control__wrapper_1447l {
     background-color: rgba(225, 225, 248, 0.09);
 } .segmented-control__segment_1447l.segmented-control__selected_1447l {
     color: rgba(255, 255, 255, 0.94);

package/themes/corp.css

@@ -1448,6 +1448,19 @@
     --color-bg-corporate-30-flat: #bdc0c2; /* deprecated */
     --color-light-blue: #f5f7f9; /* deprecated */
 }
+:root {
+    --focus-color: var(--color-light-status-info);
+    --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
+        sans-serif;
+    --disabled-cursor: not-allowed;
+    --arrow-transform: rotate(180deg);
+    --size-xxs-height: 32px;
+    --size-xs-height: 40px;
+    --size-s-height: 48px;
+    --size-m-height: 56px;
+    --size-l-height: 64px;
+    --size-xl-height: 72px;
+}
 :root {
     --gap-3xs: 2px; /* deprecated */
     --gap-2xs: 4px; /* deprecated */
@@ -1596,5 +1609,6 @@
     --button-spinner-primary-color: var(--color-static-neutral-translucent-1300-inverted);
     --button-spinner-inverted-primary-color: var(--color-static-neutral-translucent-1300-inverted);
     /* theme */
-    --primary-tablist-bottom-border-color: var(--color-light-neutral-500);
+    --primary-tablist-bottom-border-color: var(--color-light-neutral-translucent-300);
+    --primary-tablist-m-font-weight: 500;
 }

package/themes/intranet.css

@@ -1448,6 +1448,19 @@
     --color-bg-corporate-30-flat: #bdc0c2; /* deprecated */
     --color-light-blue: #f5f7f9; /* deprecated */
 }
+:root {
+    --focus-color: var(--color-light-status-info);
+    --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
+        sans-serif;
+    --disabled-cursor: not-allowed;
+    --arrow-transform: rotate(180deg);
+    --size-xxs-height: 32px;
+    --size-xs-height: 40px;
+    --size-s-height: 48px;
+    --size-m-height: 56px;
+    --size-l-height: 64px;
+    --size-xl-height: 72px;
+}
 :root {
     --gap-3xs: 2px; /* deprecated */
     --gap-2xs: 4px; /* deprecated */

package/themes/mixins/tabs/corp.css

@@ -1,4 +1,5 @@
 @define-mixin tabs-corp {
     /* theme */
-    --primary-tablist-bottom-border-color: var(--color-light-neutral-500);
+    --primary-tablist-bottom-border-color: var(--color-light-neutral-translucent-300);
+    --primary-tablist-m-font-weight: 500;
 }

package/themes/mobile.css

@@ -1448,6 +1448,19 @@
     --color-bg-corporate-30-flat: #bdc0c2; /* deprecated */
     --color-light-blue: #f5f7f9; /* deprecated */
 }
+:root {
+    --focus-color: var(--color-light-status-info);
+    --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
+        sans-serif;
+    --disabled-cursor: not-allowed;
+    --arrow-transform: rotate(180deg);
+    --size-xxs-height: 32px;
+    --size-xs-height: 40px;
+    --size-s-height: 48px;
+    --size-m-height: 56px;
+    --size-l-height: 64px;
+    --size-xl-height: 72px;
+}
 :root {
     --gap-3xs: 2px; /* deprecated */
     --gap-2xs: 4px; /* deprecated */

package/themes/site.css

@@ -1448,6 +1448,19 @@
     --color-bg-corporate-30-flat: #bdc0c2; /* deprecated */
     --color-light-blue: #f5f7f9; /* deprecated */
 }
+:root {
+    --focus-color: var(--color-light-status-info);
+    --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
+        sans-serif;
+    --disabled-cursor: not-allowed;
+    --arrow-transform: rotate(180deg);
+    --size-xxs-height: 32px;
+    --size-xs-height: 40px;
+    --size-s-height: 48px;
+    --size-m-height: 56px;
+    --size-l-height: 64px;
+    --size-xl-height: 72px;
+}
 :root {
     --gap-3xs: 2px; /* deprecated */
     --gap-2xs: 4px; /* deprecated */

package/themes/tabs/corp.css

@@ -1,4 +1,5 @@
 :root {
     /* theme */
-    --primary-tablist-bottom-border-color: var(--color-light-neutral-500);
+    --primary-tablist-bottom-border-color: var(--color-light-neutral-translucent-300);
+    --primary-tablist-m-font-weight: 500;
 }

package/time-input/moderncssm/Component.d.ts

@@ -0,0 +1,45 @@
+/// <reference types="react" />
+import React from 'react';
+import { ChangeEvent } from "react";
+import { InputProps } from "../../input";
+type TimeInputProps = Omit<InputProps, 'onChange'> & {
+    /**
+     * Обработчик изменения значения
+     */
+    onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
+        hours: number;
+        mins: number;
+        value: string;
+    }) => void;
+    /**
+     * Обработчик окончания ввода
+     */
+    onComplete?: (event: ChangeEvent<HTMLInputElement>, payload: {
+        hours: number;
+        mins: number;
+        value: string;
+    }) => void;
+};
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
+declare const TimeInput: React.ForwardRefExoticComponent<Omit<InputProps, "onChange"> & {
+    /**
+     * Обработчик изменения значения
+     */
+    onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
+        hours: number;
+        mins: number;
+        value: string;
+    }) => void) | undefined;
+    /**
+     * Обработчик окончания ввода
+     */
+    onComplete?: ((event: ChangeEvent<HTMLInputElement>, payload: {
+        hours: number;
+        mins: number;
+        value: string;
+    }) => void) | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+export { TimeInputProps, TimeInput };

package/time-input/moderncssm/Component.js

@@ -0,0 +1,47 @@
+import React, { useState } from 'react';
+import { Input } from '../../input/moderncssm';
+import { format, isCompleteTimeInput, isValidInputValue } from './utils/format.js';
+
+/* eslint-disable no-useless-escape */
+/**
+ * @deprecated
+ * use UniversalDateInput instead
+ */
+const TimeInput = React.forwardRef(({ defaultValue = '', value: propValue, onChange, onComplete, className, ...restProps }, ref) => {
+    const [value, setValue] = useState(propValue || defaultValue);
+    const handleChange = (event) => {
+        const { value: newValue } = event.target;
+        if (newValue.length > 5)
+            return;
+        // Позволяем вводить только цифры и двоеточия
+        if (/[^\d:]/.test(newValue)) {
+            return;
+        }
+        const colon = newValue.match(/\:/g);
+        // Не даем вводить больше, чем одно двоеточие
+        if (colon && colon.length > 1) {
+            return;
+        }
+        const formattedValue = format(newValue);
+        const formattedValueArr = formattedValue.split(':');
+        const hours = Number(formattedValueArr[0]);
+        const mins = Number(formattedValueArr[1]);
+        setValue(formattedValue);
+        if (onChange)
+            onChange(event, { hours, mins, value: formattedValue });
+        if (isCompleteTimeInput(formattedValue)) {
+            const valid = formattedValue.length > 0 && isValidInputValue(formattedValue);
+            if (!valid)
+                return;
+            if (onComplete) {
+                onComplete(event, { hours, mins, value: formattedValue });
+            }
+        }
+    };
+    const handleClearClick = () => {
+        setValue('');
+    };
+    return (React.createElement(Input, { ...restProps, ref: ref, value: value, className: className, onChange: handleChange, onClear: handleClearClick }));
+});
+
+export { TimeInput };

package/time-input/moderncssm/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Component";
+export { isValidInputValue } from "./utils/index";

package/time-input/moderncssm/index.js

@@ -0,0 +1,4 @@
+export { TimeInput } from './Component.js';
+export { isValidInputValue } from './utils/format.js';
+import 'react';
+import '../../input/moderncssm';

package/time-input/moderncssm/utils/format.d.ts

@@ -0,0 +1,6 @@
+declare const DATE_MASK: (string | RegExp)[];
+declare const isCompleteTimeInput: (input: string) => boolean;
+declare const isValidTimeFormat: (value: string) => boolean;
+declare const isValidInputValue: (inputValue?: string) => boolean;
+declare const format: (value: string) => string;
+export { DATE_MASK, isCompleteTimeInput, isValidTimeFormat, isValidInputValue, format };

package/time-input/moderncssm/utils/format.js

@@ -0,0 +1,23 @@
+/* eslint-disable no-useless-escape */
+const DATE_MASK = [/\d/, /\d/, ':', /\d/, /\d/];
+const isCompleteTimeInput = (input) => input.length === DATE_MASK.length;
+const isValidTimeFormat = (value) => {
+    const timeArr = value.split(':');
+    const hours = timeArr[0];
+    const mins = timeArr[1];
+    if (hours.length !== 2 || Number(hours) > 23) {
+        return false;
+    }
+    if (mins.length !== 2 || Number(mins) > 59) {
+        return false;
+    }
+    return true;
+};
+const isValidInputValue = (inputValue) => !inputValue || (isCompleteTimeInput(inputValue) && isValidTimeFormat(inputValue));
+const format = (value) => value
+    .replace(/^(\d\d)(\d)$/, '$1:$2') // 123 => 12:3
+    .replace(/^(\d\d)(\d\d)/, '$1:$2') // 12345 => 12:45 (если вместо двоеточия введена цифра, она обратно заменяется на двоеточие)
+    .replace(/^(\d):(\d\d)(\d)/, '$1:$2') // 1:234 => 1:23
+    .replace(/\:$/, ''); // 12: => 12 || : => void
+
+export { DATE_MASK, format, isCompleteTimeInput, isValidInputValue, isValidTimeFormat };

package/time-input/moderncssm/utils/index.d.ts

@@ -0,0 +1 @@
+export * from "./format";

package/time-input/moderncssm/utils/index.js

@@ -0,0 +1 @@
+export { DATE_MASK, format, isCompleteTimeInput, isValidInputValue, isValidTimeFormat } from './format.js';

package/toast/Component.responsive.d.ts

@@ -5,7 +5,7 @@ type ToastProps = BaseToastProps;
 declare const Toast: React.ForwardRefExoticComponent<Omit<import("../toast-plate/components/base-toast-plate").BaseToastPlateProps, "styles"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & Pick<import("../popover").PopoverProps, "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
+} & Pick<import("../popover").PopoverProps, "open" | "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "fallbackPlacements"> & {
     anchorElement?: HTMLElement | null | undefined;
     autoCloseDelay?: number | undefined;
     bottomOffset?: number | undefined;

package/toast/components/base-toast/component.d.ts

@@ -46,7 +46,7 @@ type BaseToastProps = ToastPlateProps & Pick<PopoverProps, 'fallbackPlacements'
 declare const BaseToast: React.ForwardRefExoticComponent<Omit<import("../../../toast-plate/components/base-toast-plate").BaseToastPlateProps, "styles"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & Pick<PopoverProps, "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
+} & Pick<PopoverProps, "open" | "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "fallbackPlacements"> & {
     /**
      * Элемент, относительного которого появляется тост.
      * Если не передавать, тост будет позиционирован снизу экрана (position: fixed).