@mobilon-dev/chotto 0.3.4 → 0.3.5

package/dist/types/components/compounds/Feed/messages/ImageMessage/styles/types.d.ts

@@ -0,0 +1,237 @@
+/**
+ * CSS variables for ImageMessage component
+ */
+export interface ImageMessageThemeCSSVariables {
+    /** Позиционирование контейнера контента изображения */
+    '--chotto-imagemessage-content-position': string;
+    /** Максимальная ширина контейнера контента изображения */
+    '--chotto-imagemessage-content-max-width': string;
+    /** Скругление контейнера контента изображения */
+    '--chotto-imagemessage-content-border-radius': string;
+    /** Ряд грида аватара */
+    '--chotto-imagemessage-avatar-grid-row': string;
+    /** Выравнивание аватара относительно себя */
+    '--chotto-imagemessage-avatar-align-self': string;
+    /** Вписывание изображения аватара */
+    '--chotto-imagemessage-avatar-object-fit': string;
+    /** Отступ снизу аватара */
+    '--chotto-imagemessage-avatar-margin-bottom': string;
+    /** Минимальная ширина аватара */
+    '--chotto-imagemessage-avatar-min-width': string;
+    /** Минимальная высота аватара */
+    '--chotto-imagemessage-avatar-min-height': string;
+    /** Скругление аватара */
+    '--chotto-imagemessage-avatar-border-radius': string;
+    /** Позиционирование контейнера информации */
+    '--chotto-imagemessage-info-container-position': string;
+    /** Отступ контейнера информации справа */
+    '--chotto-imagemessage-info-container-right': string;
+    /** Отступ контейнера информации снизу */
+    '--chotto-imagemessage-info-container-bottom': string;
+    /** Отображение контейнера информации */
+    '--chotto-imagemessage-info-container-display': string;
+    /** Выравнивание элементов контейнера информации */
+    '--chotto-imagemessage-info-container-align-items': string;
+    /** Промежуток между элементами контейнера информации */
+    '--chotto-imagemessage-info-container-column-gap': string;
+    /** Скругление контейнера информации */
+    '--chotto-imagemessage-info-container-border-radius': string;
+    /** Внутренние отступы контейнера информации */
+    '--chotto-imagemessage-info-container-padding': string;
+    /** Цвет текста/иконок контейнера информации */
+    '--chotto-imagemessage-info-container-color': string;
+    /** Цвет фона контейнера информации */
+    '--chotto-imagemessage-info-container-background-color': string;
+    /** Позиционирование кнопки скачивания */
+    '--chotto-imagemessage-download-button-position': string;
+    /** Отступ кнопки скачивания слева */
+    '--chotto-imagemessage-download-button-left': string;
+    /** Отступ кнопки скачивания снизу */
+    '--chotto-imagemessage-download-button-bottom': string;
+    /** Отображение кнопки скачивания */
+    '--chotto-imagemessage-download-button-display': string;
+    /** Выравнивание содержимого кнопки по главной оси */
+    '--chotto-imagemessage-download-button-justify-content': string;
+    /** Выравнивание содержимого кнопки по поперечной оси */
+    '--chotto-imagemessage-download-button-align-items': string;
+    /** Граница кнопки скачивания */
+    '--chotto-imagemessage-download-button-border': string;
+    /** Скругление кнопки скачивания */
+    '--chotto-imagemessage-download-button-border-radius': string;
+    /** Внутренние отступы кнопки скачивания */
+    '--chotto-imagemessage-download-button-padding': string;
+    /** Цвет фона кнопки скачивания */
+    '--chotto-imagemessage-download-button-background-color': string;
+    /** Курсор кнопки скачивания */
+    '--chotto-imagemessage-download-button-cursor': string;
+    /** Цвет текста/иконки внутри кнопки */
+    '--chotto-imagemessage-download-button-span-color': string;
+    /** Размер текста/иконки внутри кнопки */
+    '--chotto-imagemessage-download-button-span-font-size': string;
+    /** Отображение блока просмотров */
+    '--chotto-imagemessage-views-display': string;
+    /** Выравнивание элементов блока просмотров */
+    '--chotto-imagemessage-views-align-items': string;
+    /** Промежуток между элементами блока просмотров */
+    '--chotto-imagemessage-views-column-gap': string;
+    /** Курсор при наведении на блок просмотров */
+    '--chotto-imagemessage-views-cursor': string;
+    /** Размер иконки просмотров */
+    '--chotto-imagemessage-views-span-font-size': string;
+    /** Размер текста количества просмотров */
+    '--chotto-imagemessage-views-p-font-size': string;
+    /** Размер шрифта времени */
+    '--chotto-imagemessage-time-font-size': string;
+    /** Отображение статуса доставки/прочтения */
+    '--chotto-imagemessage-status-display': string;
+    /** Размер иконок статуса */
+    '--chotto-imagemessage-status-span-font-size': string;
+    /** Отрицательный отступ для иконки "доставлено" */
+    '--chotto-imagemessage-status-received-first-child-margin-right': string;
+    /** Отрицательный отступ для иконки "прочитано" */
+    '--chotto-imagemessage-status-read-first-child-margin-right': string;
+    /** Цвет иконок статуса "прочитано" */
+    '--chotto-imagemessage-status-read-color': string;
+    /** Размер шрифта подписи */
+    '--chotto-imagemessage-subtext-font-size': string;
+    /** Цвет подписи */
+    '--chotto-imagemessage-subtext-color': string;
+    /** Позиционирование кнопки превью */
+    '--chotto-imagemessage-preview-button-position': string;
+    /** Отображение кнопки превью */
+    '--chotto-imagemessage-preview-button-display': string;
+    /** Направление флекс-контейнера кнопки превью */
+    '--chotto-imagemessage-preview-button-flex-direction': string;
+    /** Внутренние отступы кнопки превью */
+    '--chotto-imagemessage-preview-button-padding': string;
+    /** Ширина превью-изображения */
+    '--chotto-imagemessage-preview-image-width': string;
+    /** Максимальная высота превью-изображения */
+    '--chotto-imagemessage-preview-image-max-height': string;
+    /** Курсор при наведении на превью */
+    '--chotto-imagemessage-preview-image-cursor': string;
+    /** Высота изображения в модальном окне */
+    '--chotto-imagemessage-modal-image-height': string;
+    /** Вписывание изображения в модальном окне */
+    '--chotto-imagemessage-modal-image-object-fit': string;
+    /** Скругление изображения в модальном окне */
+    '--chotto-imagemessage-modal-image-border-radius': string;
+    /** Максимальная высота изображения в модальном окне */
+    '--chotto-imagemessage-modal-image-max-height': string;
+    /** Максимальная ширина изображения в модальном окне */
+    '--chotto-imagemessage-modal-image-max-width': string;
+    /** Позиционирование кнопки меню сообщения */
+    '--chotto-imagemessage-menu-button-position': string;
+    /** Прозрачный фон кнопки меню */
+    '--chotto-imagemessage-menu-button-background-color': string;
+    /** Граница кнопки меню */
+    '--chotto-imagemessage-menu-button-border': string;
+    /** Трансформация кнопки меню по оси Y */
+    '--chotto-imagemessage-menu-button-transform': string;
+    /** Курсор кнопки меню */
+    '--chotto-imagemessage-menu-button-cursor': string;
+    /** Переход кнопки меню */
+    '--chotto-imagemessage-menu-button-transition': string;
+    /** Цвет иконки внутри кнопки меню */
+    '--chotto-imagemessage-menu-button-span-color': string;
+    /** Размер иконки внутри кнопки меню */
+    '--chotto-imagemessage-menu-button-span-font-size': string;
+    /** Цвет иконки при наведении */
+    '--chotto-imagemessage-menu-button-span-hover-color': string;
+    /** Переход при наведении */
+    '--chotto-imagemessage-menu-button-hover-transition': string;
+    /** Позиционирование контекстного меню */
+    '--chotto-imagemessage-context-menu-position': string;
+    /** Внутренние отступы контейнера текста */
+    '--chotto-imagemessage-text-container-padding': string;
+    /** Скругление контейнера текста */
+    '--chotto-imagemessage-text-container-border-radius': string;
+    /** Перенос слов в контейнере текста */
+    '--chotto-imagemessage-text-container-word-wrap': string;
+    /** Размер шрифта абзаца текста */
+    '--chotto-imagemessage-text-container-p-font-size': string;
+    /** Перенос слов в абзаце текста */
+    '--chotto-imagemessage-text-container-p-word-break': string;
+    /** Внешние отступы блока превью ссылки */
+    '--chotto-imagemessage-link-preview-margin': string;
+    /** Отображение общего контейнера лево/право */
+    '--chotto-imagemessage-left-right-display': string;
+    /** Шаблон строк грида для лево/право */
+    '--chotto-imagemessage-left-right-grid-template-rows': string;
+    /** Внешние отступы общего контейнера */
+    '--chotto-imagemessage-left-right-margin': string;
+    /** Шаблон колонок левой раскладки */
+    '--chotto-imagemessage-left-grid-template-columns': string;
+    /** Колонка грида аватара слева */
+    '--chotto-imagemessage-left-avatar-grid-column': string;
+    /** Отступ справа от аватара слева */
+    '--chotto-imagemessage-left-avatar-margin-right': string;
+    /** Колонка грида подписи слева */
+    '--chotto-imagemessage-left-subtext-grid-column': string;
+    /** Ряд грида подписи слева */
+    '--chotto-imagemessage-left-subtext-grid-row': string;
+    /** Внешние отступы подписи слева */
+    '--chotto-imagemessage-left-subtext-margin': string;
+    /** Колонка грида контента слева */
+    '--chotto-imagemessage-left-content-grid-column': string;
+    /** Фон пузыря слева */
+    '--chotto-imagemessage-left-bg': string;
+    /** Отступ контента слева с учётом аватара */
+    '--chotto-imagemessage-left-content-with-avatar-indent-margin-left': string;
+    /** Положение кнопки меню слева (top) */
+    '--chotto-imagemessage-left-menu-button-top': string;
+    /** Положение кнопки меню слева (right) */
+    '--chotto-imagemessage-left-menu-button-right': string;
+    /** Позиция контекстного меню слева (top) */
+    '--chotto-imagemessage-left-context-menu-top': string;
+    /** Позиция контекстного меню слева (left) */
+    '--chotto-imagemessage-left-context-menu-left': string;
+    /** Отступ контекстного меню слева сверху */
+    '--chotto-imagemessage-left-context-menu-margin-top': string;
+    /** Шаблон колонок правой раскладки */
+    '--chotto-imagemessage-right-grid-template-columns': string;
+    /** Колонка грида аватара справа */
+    '--chotto-imagemessage-right-avatar-grid-column': string;
+    /** Отступ слева от аватара справа */
+    '--chotto-imagemessage-right-avatar-margin-left': string;
+    /** Колонка грида подписи справа */
+    '--chotto-imagemessage-right-subtext-grid-column': string;
+    /** Ряд грида подписи справа */
+    '--chotto-imagemessage-right-subtext-grid-row': string;
+    /** Внешние отступы подписи справа */
+    '--chotto-imagemessage-right-subtext-margin': string;
+    /** Колонка грида контента справа */
+    '--chotto-imagemessage-right-content-grid-column': string;
+    /** Выравнивание контента справа */
+    '--chotto-imagemessage-right-content-margin-left': string;
+    /** Фон пузыря справа */
+    '--chotto-imagemessage-right-bg': string;
+    /** Отступ контента справа с учётом аватара */
+    '--chotto-imagemessage-right-content-with-avatar-indent-margin-right': string;
+    /** Отступ текстового контейнера справа */
+    '--chotto-imagemessage-right-text-container-margin-left': string;
+    /** Положение кнопки меню справа (top) */
+    '--chotto-imagemessage-right-menu-button-top': string;
+    /** Положение кнопки меню справа (left) */
+    '--chotto-imagemessage-right-menu-button-left': string;
+    /** Позиция контекстного меню справа (top) */
+    '--chotto-imagemessage-right-context-menu-top': string;
+    /** Позиция контекстного меню справа (right) */
+    '--chotto-imagemessage-right-context-menu-right': string;
+    /** Отступ контекстного меню справа сверху */
+    '--chotto-imagemessage-right-context-menu-margin-top': string;
+    /** Переход появления контекстного меню */
+    '--chotto-imagemessage-context-menu-enter-active-transition': string;
+    /** Переход скрытия контекстного меню */
+    '--chotto-imagemessage-context-menu-leave-active-transition': string;
+    /** Стартовая трансформация контекстного меню */
+    '--chotto-imagemessage-context-menu-enter-from-transform': string;
+    /** Стартовая прозрачность контекстного меню */
+    '--chotto-imagemessage-context-menu-enter-from-opacity': string;
+    /** Переход появления модального окна */
+    '--chotto-imagemessage-modal-fade-enter-active-transition': string;
+    /** Прозрачность модального окна в начале */
+    '--chotto-imagemessage-modal-fade-enter-from-opacity': string;
+    /** Прозрачность модального окна в конце */
+    '--chotto-imagemessage-modal-fade-enter-to-opacity': string;
+}

package/dist/types/components/compounds/Feed/messages/ReplyAudioMessage/styles/types.d.ts

@@ -0,0 +1,71 @@
+/**
+ * CSS variables for ReplyAudioMessage component
+ */
+export interface ReplyAudioMessageThemeCSSVariables {
+    /** Внешние отступы абзаца */
+    '--chotto-replyaudiomessage-p-margin': string;
+    /** Размер шрифта абзаца */
+    '--chotto-replyaudiomessage-p-font-size': string;
+    /** Цвет абзаца */
+    '--chotto-replyaudiomessage-p-color': string;
+    /** Переполнение абзаца */
+    '--chotto-replyaudiomessage-p-overflow': string;
+    /** Обрезка текста абзаца */
+    '--chotto-replyaudiomessage-p-text-overflow': string;
+    /** Отображение абзаца (webkit box) */
+    '--chotto-replyaudiomessage-p-display': string;
+    /** Лимит строк абзаца (webkit) */
+    '--chotto-replyaudiomessage-p-webkit-line-clamp': string;
+    /** Лимит строк абзаца */
+    '--chotto-replyaudiomessage-p-line-clamp': string;
+    /** Ориентация контейнера строк (webkit) */
+    '--chotto-replyaudiomessage-p-webkit-box-orient': string;
+    /** Граница кнопки воспроизведения */
+    '--chotto-replyaudiomessage-play-border': string;
+    /** Позиционирование кнопки воспроизведения */
+    '--chotto-replyaudiomessage-play-position': string;
+    /** Выравнивание кнопки воспроизведения */
+    '--chotto-replyaudiomessage-play-align-self': string;
+    /** Ширина кнопки воспроизведения */
+    '--chotto-replyaudiomessage-play-width': string;
+    /** Высота кнопки воспроизведения */
+    '--chotto-replyaudiomessage-play-height': string;
+    /** Скругление кнопки воспроизведения */
+    '--chotto-replyaudiomessage-play-border-radius': string;
+    /** Фон кнопки воспроизведения */
+    '--chotto-replyaudiomessage-play-background-color': string;
+    /** Отображение иконки внутри кнопки */
+    '--chotto-replyaudiomessage-play-span-display': string;
+    /** Позиционирование иконки внутри кнопки */
+    '--chotto-replyaudiomessage-play-span-position': string;
+    /** Смещение иконки сверху внутри кнопки */
+    '--chotto-replyaudiomessage-play-span-top': string;
+    /** Смещение иконки слева внутри кнопки */
+    '--chotto-replyaudiomessage-play-span-left': string;
+    /** Трансформация для центрирования иконки */
+    '--chotto-replyaudiomessage-play-span-transform': string;
+    /** Размер иконки */
+    '--chotto-replyaudiomessage-play-span-font-size': string;
+    /** Цвет иконки */
+    '--chotto-replyaudiomessage-play-span-color': string;
+    /** Выравнивание содержимого текстового контейнера */
+    '--chotto-replyaudiomessage-text-container-align-content': string;
+    /** Перенос слов в тексте */
+    '--chotto-replyaudiomessage-text-container-word-break': string;
+    /** Отступ сверху у текста */
+    '--chotto-replyaudiomessage-text-margin-top': string;
+    /** Размер шрифта текста */
+    '--chotto-replyaudiomessage-text-font-size': string;
+    /** Цвет текста */
+    '--chotto-replyaudiomessage-text-color': string;
+    /** Отображение описания ответа */
+    '--chotto-replyaudiomessage-reply-description-display': string;
+    /** Выравнивание элементов описания ответа */
+    '--chotto-replyaudiomessage-reply-description-align-items': string;
+    /** Промежуток между элементами описания ответа */
+    '--chotto-replyaudiomessage-reply-description-column-gap': string;
+    /** Отступ снизу описания ответа */
+    '--chotto-replyaudiomessage-reply-description-margin-bottom': string;
+    /** Цвет спана в описании ответа */
+    '--chotto-replyaudiomessage-reply-description-span-color': string;
+}

package/dist/types/components/compounds/Feed/messages/ReplyCallMessage/styles/types.d.ts

@@ -0,0 +1,61 @@
+/**
+ * CSS variables for ReplyCallMessage component
+ */
+export interface ReplyCallMessageThemeCSSVariables {
+    /** Колонка грида иконки */
+    '--chotto-replycallmessage-icon-grid-column': string;
+    /** Ряд грида иконки */
+    '--chotto-replycallmessage-icon-grid-row': string;
+    /** Выравнивание иконки относительно себя */
+    '--chotto-replycallmessage-icon-align-self': string;
+    /** Отображение иконки */
+    '--chotto-replycallmessage-icon-display': string;
+    /** Выравнивание иконки по главной оси */
+    '--chotto-replycallmessage-icon-justify-content': string;
+    /** Выравнивание иконки по поперечной оси */
+    '--chotto-replycallmessage-icon-align-items': string;
+    /** Скругление иконки */
+    '--chotto-replycallmessage-icon-border-radius': string;
+    /** Высота иконки */
+    '--chotto-replycallmessage-icon-height': string;
+    /** Ширина иконки */
+    '--chotto-replycallmessage-icon-width': string;
+    /** Цвет фона иконки */
+    '--chotto-replycallmessage-icon-background-color': string;
+    /** Цвет иконки */
+    '--chotto-replycallmessage-icon-color': string;
+    /** Размер иконки */
+    '--chotto-replycallmessage-icon-font-size': string;
+    /** Выравнивание содержимого текстового контейнера */
+    '--chotto-replycallmessage-text-container-align-content': string;
+    /** Перенос слов в тексте */
+    '--chotto-replycallmessage-text-container-word-break': string;
+    /** Внешние отступы абзаца */
+    '--chotto-replycallmessage-text-container-p-margin': string;
+    /** Размер шрифта абзаца */
+    '--chotto-replycallmessage-text-container-p-font-size': string;
+    /** Цвет абзаца */
+    '--chotto-replycallmessage-text-container-p-color': string;
+    /** Переполнение абзаца */
+    '--chotto-replycallmessage-text-container-p-overflow': string;
+    /** Обрезка текста абзаца */
+    '--chotto-replycallmessage-text-container-p-text-overflow': string;
+    /** Отображение абзаца (webkit box) */
+    '--chotto-replycallmessage-text-container-p-display': string;
+    /** Лимит строк абзаца (webkit) */
+    '--chotto-replycallmessage-text-container-p-webkit-line-clamp': string;
+    /** Лимит строк абзаца */
+    '--chotto-replycallmessage-text-container-p-line-clamp': string;
+    /** Ориентация контейнера строк (webkit) */
+    '--chotto-replycallmessage-text-container-p-webkit-box-orient': string;
+    /** Отображение описания ответа */
+    '--chotto-replycallmessage-reply-description-display': string;
+    /** Выравнивание элементов описания ответа */
+    '--chotto-replycallmessage-reply-description-align-items': string;
+    /** Промежуток между элементами описания ответа */
+    '--chotto-replycallmessage-reply-description-column-gap': string;
+    /** Отступ снизу описания ответа */
+    '--chotto-replycallmessage-reply-description-margin-bottom': string;
+    /** Цвет спана в описании ответа */
+    '--chotto-replycallmessage-reply-description-span-color': string;
+}

package/dist/types/components/compounds/Feed/messages/ReplyFileMessage/styles/types.d.ts

@@ -0,0 +1,67 @@
+/**
+ * CSS variables for ReplyFileMessage component
+ */
+export interface ReplyFileMessageThemeCSSVariables {
+    /** Внешние отступы абзаца */
+    '--chotto-replyfilemessage-p-margin': string;
+    /** Отступ сверху у абзаца */
+    '--chotto-replyfilemessage-p-margin-top': string;
+    /** Перенос слов в абзаце */
+    '--chotto-replyfilemessage-p-word-wrap': string;
+    /** Правила переноса строк */
+    '--chotto-replyfilemessage-p-white-space': string;
+    /** Размер шрифта абзаца */
+    '--chotto-replyfilemessage-p-font-size': string;
+    /** Цвет абзаца */
+    '--chotto-replyfilemessage-p-color': string;
+    /** Переполнение абзаца */
+    '--chotto-replyfilemessage-p-overflow': string;
+    /** Обрезка текста абзаца */
+    '--chotto-replyfilemessage-p-text-overflow': string;
+    /** Отображение абзаца (webkit box) */
+    '--chotto-replyfilemessage-p-display': string;
+    /** Лимит строк абзаца (webkit) */
+    '--chotto-replyfilemessage-p-webkit-line-clamp': string;
+    /** Лимит строк абзаца */
+    '--chotto-replyfilemessage-p-line-clamp': string;
+    /** Ориентация контейнера строк (webkit) */
+    '--chotto-replyfilemessage-p-webkit-box-orient': string;
+    /** Отступ сверху у текста */
+    '--chotto-replyfilemessage-text-margin-top': string;
+    /** Размер шрифта текста */
+    '--chotto-replyfilemessage-text-font-size': string;
+    /** Цвет текста */
+    '--chotto-replyfilemessage-text-color': string;
+    /** Отображение ссылки на файл */
+    '--chotto-replyfilemessage-link-display': string;
+    /** Выравнивание по главной оси ссылки */
+    '--chotto-replyfilemessage-link-justify-content': string;
+    /** Выравнивание по поперечной оси ссылки */
+    '--chotto-replyfilemessage-link-align-items': string;
+    /** Промежуток между элементами ссылки */
+    '--chotto-replyfilemessage-link-column-gap': string;
+    /** Цвет иконки в ссылке */
+    '--chotto-replyfilemessage-link-span-color': string;
+    /** Размер иконки в ссылке */
+    '--chotto-replyfilemessage-link-span-font-size': string;
+    /** Внешние отступы текста имени файла */
+    '--chotto-replyfilemessage-filename-text-margin': string;
+    /** Управление переполнением текста имени файла */
+    '--chotto-replyfilemessage-filename-text-overflow': string;
+    /** Обрезка текста имени файла */
+    '--chotto-replyfilemessage-filename-text-text-overflow': string;
+    /** Количество строк имени файла (webkit) */
+    '--chotto-replyfilemessage-filename-text-webkit-line-clamp': string;
+    /** Количество строк имени файла */
+    '--chotto-replyfilemessage-filename-text-line-clamp': string;
+    /** Ориентация блоков строк имени файла */
+    '--chotto-replyfilemessage-filename-text-webkit-box-orient': string;
+    /** Отступ справа у имени файла */
+    '--chotto-replyfilemessage-filename-text-margin-right': string;
+    /** Размер шрифта имени файла */
+    '--chotto-replyfilemessage-filename-text-font-size': string;
+    /** Цвет имени файла */
+    '--chotto-replyfilemessage-filename-text-color': string;
+    /** Подчёркивание имени файла */
+    '--chotto-replyfilemessage-filename-text-text-decoration': string;
+}

package/dist/types/components/compounds/Feed/messages/ReplyImageMessage/styles/types.d.ts

@@ -0,0 +1,85 @@
+/**
+ * CSS variables for ReplyImageMessage component
+ */
+export interface ReplyImageMessageThemeCSSVariables {
+    /** Внешние отступы абзаца */
+    '--chotto-replyimagemessage-p-margin': string;
+    /** Размер шрифта абзаца */
+    '--chotto-replyimagemessage-p-font-size': string;
+    /** Цвет абзаца */
+    '--chotto-replyimagemessage-p-color': string;
+    /** Переполнение абзаца */
+    '--chotto-replyimagemessage-p-overflow': string;
+    /** Обрезка текста абзаца */
+    '--chotto-replyimagemessage-p-text-overflow': string;
+    /** Отображение абзаца (webkit box) */
+    '--chotto-replyimagemessage-p-display': string;
+    /** Лимит строк абзаца (webkit) */
+    '--chotto-replyimagemessage-p-webkit-line-clamp': string;
+    /** Лимит строк абзаца */
+    '--chotto-replyimagemessage-p-line-clamp': string;
+    /** Ориентация контейнера строк (webkit) */
+    '--chotto-replyimagemessage-p-webkit-box-orient': string;
+    /** Колонка грида кнопки превью */
+    '--chotto-replyimagemessage-preview-button-grid-column': string;
+    /** Позиционирование кнопки превью */
+    '--chotto-replyimagemessage-preview-button-position': string;
+    /** Отображение кнопки превью */
+    '--chotto-replyimagemessage-preview-button-display': string;
+    /** Направление флекс-контейнера кнопки превью */
+    '--chotto-replyimagemessage-preview-button-flex-direction': string;
+    /** Внутренние отступы кнопки превью */
+    '--chotto-replyimagemessage-preview-button-padding': string;
+    /** Ширина превью-изображения */
+    '--chotto-replyimagemessage-preview-image-width': string;
+    /** Высота превью-изображения */
+    '--chotto-replyimagemessage-preview-image-height': string;
+    /** Курсор при наведении на превью */
+    '--chotto-replyimagemessage-preview-image-cursor': string;
+    /** Вписывание превью-изображения */
+    '--chotto-replyimagemessage-preview-image-object-fit': string;
+    /** Скругление превью-изображения */
+    '--chotto-replyimagemessage-preview-image-border-radius': string;
+    /** Внешние отступы превью-изображения */
+    '--chotto-replyimagemessage-preview-image-margin': string;
+    /** Ширина изображения в модальном окне */
+    '--chotto-replyimagemessage-modal-image-width': string;
+    /** Высота изображения в модальном окне */
+    '--chotto-replyimagemessage-modal-image-height': string;
+    /** Вписывание изображения в модальном окне */
+    '--chotto-replyimagemessage-modal-image-object-fit': string;
+    /** Скругление изображения в модальном окне */
+    '--chotto-replyimagemessage-modal-image-border-radius': string;
+    /** Максимальная высота изображения в модальном окне */
+    '--chotto-replyimagemessage-modal-image-max-height': string;
+    /** Перенос слов в контейнере текста */
+    '--chotto-replyimagemessage-text-container-word-wrap': string;
+    /** Выравнивание содержимого текстового контейнера */
+    '--chotto-replyimagemessage-text-container-align-content': string;
+    /** Перенос слов в тексте */
+    '--chotto-replyimagemessage-text-container-word-break': string;
+    /** Отступ сверху у текста */
+    '--chotto-replyimagemessage-text-margin-top': string;
+    /** Размер шрифта текста */
+    '--chotto-replyimagemessage-text-font-size': string;
+    /** Цвет текста */
+    '--chotto-replyimagemessage-text-color': string;
+    /** Отображение описания ответа */
+    '--chotto-replyimagemessage-reply-description-display': string;
+    /** Выравнивание элементов описания ответа */
+    '--chotto-replyimagemessage-reply-description-align-items': string;
+    /** Промежуток между элементами описания ответа */
+    '--chotto-replyimagemessage-reply-description-column-gap': string;
+    /** Отступ снизу описания ответа */
+    '--chotto-replyimagemessage-reply-description-margin-bottom': string;
+    /** Непереносимый пробел в описании */
+    '--chotto-replyimagemessage-reply-description-white-space': string;
+    /** Цвет спана в описании ответа */
+    '--chotto-replyimagemessage-reply-description-span-color': string;
+    /** Переход появления модального окна */
+    '--chotto-replyimagemessage-modal-fade-enter-active-transition': string;
+    /** Прозрачность модального окна в начале */
+    '--chotto-replyimagemessage-modal-fade-enter-from-opacity': string;
+    /** Прозрачность модального окна в конце */
+    '--chotto-replyimagemessage-modal-fade-enter-to-opacity': string;
+}

package/dist/types/components/compounds/Feed/messages/ReplyTextMessage/styles/types.d.ts

@@ -0,0 +1,35 @@
+/**
+ * CSS variables for ReplyTextMessage component
+ */
+export interface ReplyTextMessageThemeCSSVariables {
+    /** Отображение контейнера ответа */
+    '--chotto-replytextmessage-container-display': string;
+    /** Направление флекс-контейнера ответа */
+    '--chotto-replytextmessage-container-flex-direction': string;
+    /** Промежуток между элементами ответа */
+    '--chotto-replytextmessage-container-gap': string;
+    /** Размер шрифта текста ответа */
+    '--chotto-replytextmessage-text-font-size': string;
+    /** Цвет текста ответа */
+    '--chotto-replytextmessage-text-color': string;
+    /** Внешние отступы абзаца */
+    '--chotto-replytextmessage-p-margin': string;
+    /** Размер шрифта абзаца */
+    '--chotto-replytextmessage-p-font-size': string;
+    /** Цвет абзаца */
+    '--chotto-replytextmessage-p-color': string;
+    /** Правила переноса строк */
+    '--chotto-replytextmessage-p-white-space': string;
+    /** Переполнение абзаца */
+    '--chotto-replytextmessage-p-overflow': string;
+    /** Обрезка текста абзаца */
+    '--chotto-replytextmessage-p-text-overflow': string;
+    /** Отображение абзаца (webkit box) */
+    '--chotto-replytextmessage-p-display': string;
+    /** Лимит строк абзаца (webkit) */
+    '--chotto-replytextmessage-p-webkit-line-clamp': string;
+    /** Лимит строк абзаца */
+    '--chotto-replytextmessage-p-line-clamp': string;
+    /** Ориентация контейнера строк (webkit) */
+    '--chotto-replytextmessage-p-webkit-box-orient': string;
+}

package/dist/types/components/compounds/Feed/messages/ReplyVideoMessage/styles/types.d.ts

@@ -0,0 +1,81 @@
+/**
+ * CSS variables for ReplyVideoMessage component
+ */
+export interface ReplyVideoMessageThemeCSSVariables {
+    /** Внешние отступы текста ответа */
+    '--chotto-replyvideomessage-p-margin': string;
+    /** Размер шрифта текста ответа */
+    '--chotto-replyvideomessage-p-font-size': string;
+    /** Цвет текста ответа */
+    '--chotto-replyvideomessage-p-color': string;
+    /** Переполнение текста ответа */
+    '--chotto-replyvideomessage-p-overflow': string;
+    /** Обрезка текста ответа */
+    '--chotto-replyvideomessage-p-text-overflow': string;
+    /** Отображение текста ответа (webkit box) */
+    '--chotto-replyvideomessage-p-display': string;
+    /** Лимит строк текста ответа (webkit) */
+    '--chotto-replyvideomessage-p-webkit-line-clamp': string;
+    /** Лимит строк текста ответа */
+    '--chotto-replyvideomessage-p-line-clamp': string;
+    /** Ориентация блочного контейнера строк (webkit) */
+    '--chotto-replyvideomessage-p-webkit-box-orient': string;
+    /** Ширина превью видео */
+    '--chotto-replyvideomessage-video-width': string;
+    /** Высота превью видео */
+    '--chotto-replyvideomessage-video-height': string;
+    /** Скругление превью видео */
+    '--chotto-replyvideomessage-video-border-radius': string;
+    /** Вписывание превью видео */
+    '--chotto-replyvideomessage-video-object-fit': string;
+    /** Курсор при наведении на превью видео */
+    '--chotto-replyvideomessage-video-cursor': string;
+    /** Внешние отступы превью видео */
+    '--chotto-replyvideomessage-video-margin': string;
+    /** Позиционирование кнопки превью */
+    '--chotto-replyvideomessage-preview-button-position': string;
+    /** Отображение кнопки превью */
+    '--chotto-replyvideomessage-preview-button-display': string;
+    /** Направление флекс-контейнера кнопки превью */
+    '--chotto-replyvideomessage-preview-button-flex-direction': string;
+    /** Перенос слов в контейнере текста */
+    '--chotto-replyvideomessage-text-container-word-wrap': string;
+    /** Выравнивание содержимого текстового контейнера */
+    '--chotto-replyvideomessage-text-container-align-content': string;
+    /** Перенос слов в тексте */
+    '--chotto-replyvideomessage-text-container-word-break': string;
+    /** Отступ сверху у текста */
+    '--chotto-replyvideomessage-text-margin-top': string;
+    /** Размер шрифта текста */
+    '--chotto-replyvideomessage-text-font-size': string;
+    /** Цвет текста */
+    '--chotto-replyvideomessage-text-color': string;
+    /** Отображение описания ответа */
+    '--chotto-replyvideomessage-reply-description-display': string;
+    /** Выравнивание элементов описания ответа */
+    '--chotto-replyvideomessage-reply-description-align-items': string;
+    /** Промежуток между элементами описания ответа */
+    '--chotto-replyvideomessage-reply-description-column-gap': string;
+    /** Отступ снизу описания ответа */
+    '--chotto-replyvideomessage-reply-description-margin-bottom': string;
+    /** Цвет текста описания ответа */
+    '--chotto-replyvideomessage-reply-description-span-color': string;
+    /** Ширина видео в модальном окне */
+    '--chotto-replyvideomessage-modal-video-width': string;
+    /** Высота видео в модальном окне */
+    '--chotto-replyvideomessage-modal-video-height': string;
+    /** Максимальная высота видео (px/%) */
+    '--chotto-replyvideomessage-modal-video-max-height': string;
+    /** Вписывание видео в модальном окне */
+    '--chotto-replyvideomessage-modal-video-object-fit': string;
+    /** Скругление видео в модальном окне */
+    '--chotto-replyvideomessage-modal-video-border-radius': string;
+    /** Максимальная высота видео (vh) */
+    '--chotto-replyvideomessage-modal-video-max-height-vh': string;
+    /** Переход для модального окна */
+    '--chotto-replyvideomessage-modal-fade-transition': string;
+    /** Прозрачность модального окна в скрытом состоянии */
+    '--chotto-replyvideomessage-modal-fade-opacity-hidden': string;
+    /** Прозрачность модального окна в видимом состоянии */
+    '--chotto-replyvideomessage-modal-fade-opacity-visible': string;
+}