@mobilon-dev/chotto 0.3.3 → 0.3.5

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

@@ -0,0 +1,305 @@
+/**
+ * CSS variables for CallMessage component
+ */
+export interface CallMessageThemeCSSVariables {
+    /** Цвет иконки пропущенного звонка */
+    '--chotto-callmessage-icon-missed-color': string;
+    /** Позиционирование контейнера контента звонка */
+    '--chotto-callmessage-content-position': string;
+    /** Перенос слов в контейнере контента */
+    '--chotto-callmessage-content-word-wrap': string;
+    /** Ширина контейнера контента */
+    '--chotto-callmessage-content-width': string;
+    /** Отображение контейнера контента */
+    '--chotto-callmessage-content-display': string;
+    /** Шаблон колонок грида */
+    '--chotto-callmessage-content-grid-template-columns': string;
+    /** Промежуток между колонками */
+    '--chotto-callmessage-content-column-gap': string;
+    /** Максимальная ширина контейнера */
+    '--chotto-callmessage-content-max-width': string;
+    /** Минимальная ширина контейнера */
+    '--chotto-callmessage-content-min-width': string;
+    /** Внутренние отступы контейнера */
+    '--chotto-callmessage-content-padding': string;
+    /** Колонки грида инфо-контейнера */
+    '--chotto-callmessage-info-container-grid-column': string;
+    /** Отступ слева у инфо-контейнера */
+    '--chotto-callmessage-info-container-margin-left': string;
+    /** Отображение инфо-контейнера */
+    '--chotto-callmessage-info-container-display': string;
+    /** Выравнивание элементов инфо-контейнера */
+    '--chotto-callmessage-info-container-align-items': string;
+    /** Промежуток между элементами инфо-контейнера */
+    '--chotto-callmessage-info-container-column-gap': string;
+    /** Отступ снизу у заголовка */
+    '--chotto-callmessage-title-margin-bottom': string;
+    /** Колонка грида иконки */
+    '--chotto-callmessage-icon-grid-column': string;
+    /** Ряд грида иконки */
+    '--chotto-callmessage-icon-grid-row': string;
+    /** Выравнивание иконки относительно себя */
+    '--chotto-callmessage-icon-align-self': string;
+    /** Отображение иконки */
+    '--chotto-callmessage-icon-display': string;
+    /** Выравнивание иконки по главной оси */
+    '--chotto-callmessage-icon-justify-content': string;
+    /** Выравнивание иконки по поперечной оси */
+    '--chotto-callmessage-icon-align-items': string;
+    /** Скругление иконки */
+    '--chotto-callmessage-icon-border-radius': string;
+    /** Высота иконки */
+    '--chotto-callmessage-icon-height': string;
+    /** Ширина иконки */
+    '--chotto-callmessage-icon-width': string;
+    /** Позиционирование кнопки скачивания */
+    '--chotto-callmessage-download-button-position': string;
+    /** Отступ справа кнопки скачивания */
+    '--chotto-callmessage-download-button-right': string;
+    /** Отступ сверху кнопки скачивания */
+    '--chotto-callmessage-download-button-top': string;
+    /** Отображение кнопки скачивания */
+    '--chotto-callmessage-download-button-display': string;
+    /** Выравнивание содержимого кнопки по главной оси */
+    '--chotto-callmessage-download-button-justify-content': string;
+    /** Выравнивание содержимого кнопки по поперечной оси */
+    '--chotto-callmessage-download-button-align-items': string;
+    /** Граница кнопки скачивания */
+    '--chotto-callmessage-download-button-border': string;
+    /** Скругление кнопки скачивания */
+    '--chotto-callmessage-download-button-border-radius': string;
+    /** Прозрачный фон кнопки скачивания */
+    '--chotto-callmessage-download-button-background-color': string;
+    /** Внутренние отступы кнопки скачивания */
+    '--chotto-callmessage-download-button-padding': string;
+    /** Курсор кнопки скачивания */
+    '--chotto-callmessage-download-button-cursor': string;
+    /** Отображение статуса */
+    '--chotto-callmessage-status-display': string;
+    /** Выравнивание аватара */
+    '--chotto-callmessage-avatar-align-self': string;
+    /** Вписывание изображения аватара */
+    '--chotto-callmessage-avatar-object-fit': string;
+    /** Позиционирование кнопки меню */
+    '--chotto-callmessage-menu-button-position': string;
+    /** Прозрачный фон кнопки меню */
+    '--chotto-callmessage-menu-button-background-color': string;
+    /** Граница кнопки меню */
+    '--chotto-callmessage-menu-button-border': string;
+    /** Трансформация кнопки меню по оси Y */
+    '--chotto-callmessage-menu-button-transform': string;
+    /** Курсор кнопки меню */
+    '--chotto-callmessage-menu-button-cursor': string;
+    /** Переход кнопки меню */
+    '--chotto-callmessage-menu-button-transition': string;
+    /** Позиционирование контекстного меню */
+    '--chotto-callmessage-context-menu-position': string;
+    /** Позиционирование текстового диалога */
+    '--chotto-callmessage-text-dialog-position': string;
+    /** Ширина текстового диалога */
+    '--chotto-callmessage-text-dialog-width': string;
+    /** Максимальная ширина текстового диалога */
+    '--chotto-callmessage-text-dialog-max-width': string;
+    /** Левый внутренний отступ для левой стороны */
+    '--chotto-callmessage-text-dialog-left-padding-left': string;
+    /** Контент псевдоэлемента до текстового диалога */
+    '--chotto-callmessage-text-dialog-before-content': string;
+    /** Позиционирование псевдоэлемента до */
+    '--chotto-callmessage-text-dialog-before-position': string;
+    /** Смещение сверху псевдоэлемента до */
+    '--chotto-callmessage-text-dialog-before-top': string;
+    /** Смещение слева псевдоэлемента до */
+    '--chotto-callmessage-text-dialog-before-left': string;
+    /** Ширина псевдоэлемента до */
+    '--chotto-callmessage-text-dialog-before-width': string;
+    /** Высота псевдоэлемента до */
+    '--chotto-callmessage-text-dialog-before-height': string;
+    /** Левый внутренний отступ правой стороны */
+    '--chotto-callmessage-text-dialog-right-padding-left': string;
+    /** Правый внутренний отступ правой стороны */
+    '--chotto-callmessage-text-dialog-right-padding-right': string;
+    /** Отступ слева для правой стороны */
+    '--chotto-callmessage-text-dialog-right-margin-left': string;
+    /** Смещение справа псевдоэлемента до */
+    '--chotto-callmessage-text-dialog-right-before-right': string;
+    /** Смещение слева псевдоэлемента до */
+    '--chotto-callmessage-text-dialog-right-before-left': string;
+    /** Ширина span справа */
+    '--chotto-callmessage-text-dialog-right-span-width': string;
+    /** Отображение span справа */
+    '--chotto-callmessage-text-dialog-right-span-display': string;
+    /** Отступ слева у span справа */
+    '--chotto-callmessage-text-dialog-right-span-margin-left': string;
+    /** Отображение общего контейнера лево/право */
+    '--chotto-callmessage-left-right-display': string;
+    /** Шаблон колонок левой раскладки */
+    '--chotto-callmessage-left-grid-template-columns': string;
+    /** Колонка грида аватара слева */
+    '--chotto-callmessage-left-avatar-grid-column': string;
+    /** Ряд грида аватара слева */
+    '--chotto-callmessage-left-avatar-grid-row': string;
+    /** Отступ справа от аватара слева */
+    '--chotto-callmessage-left-avatar-margin-right': string;
+    /** Колонка грида подписи слева */
+    '--chotto-callmessage-left-subtext-grid-column': string;
+    /** Ряд грида подписи слева */
+    '--chotto-callmessage-left-subtext-grid-row': string;
+    /** Внешние отступы подписи слева */
+    '--chotto-callmessage-left-subtext-margin': string;
+    /** Колонка грида контента слева */
+    '--chotto-callmessage-left-content-grid-column': string;
+    /** Шаблон колонок правой раскладки */
+    '--chotto-callmessage-right-grid-template-columns': string;
+    /** Колонка грида аватара справа */
+    '--chotto-callmessage-right-avatar-grid-column': string;
+    /** Ряд грида аватара справа */
+    '--chotto-callmessage-right-avatar-grid-row': string;
+    /** Отступ слева от аватара справа */
+    '--chotto-callmessage-right-avatar-margin-left': string;
+    /** Колонка грида подписи справа */
+    '--chotto-callmessage-right-subtext-grid-column': string;
+    /** Ряд грида подписи справа */
+    '--chotto-callmessage-right-subtext-grid-row': string;
+    /** Внешние отступы подписи справа */
+    '--chotto-callmessage-right-subtext-margin': string;
+    /** Колонка грида контента справа */
+    '--chotto-callmessage-right-content-grid-column': string;
+    /** Выравнивание контента справа */
+    '--chotto-callmessage-right-content-margin-left': string;
+    /** Позиционирование модального окна */
+    '--chotto-callmessage-modal-position': string;
+    /** Отступ сверху модального окна */
+    '--chotto-callmessage-modal-top': string;
+    /** Отступ слева модального окна */
+    '--chotto-callmessage-modal-left': string;
+    /** Трансформация модального окна */
+    '--chotto-callmessage-modal-transform': string;
+    /** Слой модального окна */
+    '--chotto-callmessage-modal-z-index': string;
+    /** Ширина модального окна */
+    '--chotto-callmessage-modal-width': string;
+    /** Максимальная высота модального окна */
+    '--chotto-callmessage-modal-max-height': string;
+    /** Прокрутка по вертикали */
+    '--chotto-callmessage-modal-overflow-y': string;
+    /** Отображение модального окна */
+    '--chotto-callmessage-modal-display': string;
+    /** Направление флекс-контейнера */
+    '--chotto-callmessage-modal-flex-direction': string;
+    /** Промежуток между элементами */
+    '--chotto-callmessage-modal-row-gap': string;
+    /** Ширина скроллбара */
+    '--chotto-callmessage-modal-scrollbar-width': string;
+    /** Скругление ползунка скроллбара */
+    '--chotto-callmessage-modal-scrollbar-thumb-border-radius': string;
+    /** Скругление дорожки скроллбара */
+    '--chotto-callmessage-modal-scrollbar-track-border-radius': string;
+    /** Позиционирование оверлея */
+    '--chotto-callmessage-modal-overlay-position': string;
+    /** Отступ сверху оверлея */
+    '--chotto-callmessage-modal-overlay-top': string;
+    /** Отступ слева оверлея */
+    '--chotto-callmessage-modal-overlay-left': string;
+    /** Отступ справа оверлея */
+    '--chotto-callmessage-modal-overlay-right': string;
+    /** Отступ снизу оверлея */
+    '--chotto-callmessage-modal-overlay-bottom': string;
+    /** Слой оверлея */
+    '--chotto-callmessage-modal-overlay-z-index': string;
+    /** Отображение кнопки закрытия */
+    '--chotto-callmessage-modal-close-button-display': string;
+    /** Фон кнопки закрытия */
+    '--chotto-callmessage-modal-close-button-background-color': string;
+    /** Граница кнопки закрытия */
+    '--chotto-callmessage-modal-close-button-border': string;
+    /** Внутренние отступы кнопки закрытия */
+    '--chotto-callmessage-modal-close-button-padding': string;
+    /** Внешние отступы кнопки закрытия */
+    '--chotto-callmessage-modal-close-button-margin': string;
+    /** Курсор кнопки закрытия */
+    '--chotto-callmessage-modal-close-button-cursor': string;
+    /** Переход для модального окна */
+    '--chotto-callmessage-modal-fade-transition': string;
+    /** Прозрачность модального окна в начале */
+    '--chotto-callmessage-modal-fade-opacity-from': string;
+    /** Прозрачность модального окна в конце */
+    '--chotto-callmessage-modal-fade-opacity-to': string;
+    /** Скругление контейнера контента */
+    '--chotto-callmessage-content-border-radius': string;
+    /** Размер шрифта заголовка */
+    '--chotto-callmessage-title-font-size': string;
+    /** Фон иконки типа сообщения */
+    '--chotto-callmessage-icon-background-color': string;
+    /** Цвет иконки типа сообщения */
+    '--chotto-callmessage-icon-color': string;
+    /** Размер иконки типа сообщения */
+    '--chotto-callmessage-icon-font-size': string;
+    /** Цвет текста длительности */
+    '--chotto-callmessage-duration-text-color': string;
+    /** Размер шрифта длительности */
+    '--chotto-callmessage-duration-font-size': string;
+    /** Цвет текста времени */
+    '--chotto-callmessage-time-text-color': string;
+    /** Размер шрифта времени */
+    '--chotto-callmessage-time-font-size': string;
+    /** Цвет иконки кнопки скачивания */
+    '--chotto-callmessage-download-button-icon-color': string;
+    /** Размер иконки кнопки скачивания */
+    '--chotto-callmessage-download-button-icon-size': string;
+    /** Цвет статуса доставлено */
+    '--chotto-callmessage-status-color-received': string;
+    /** Цвет статуса прочитано */
+    '--chotto-callmessage-status-color-read': string;
+    /** Малый размер иконки текста */
+    '--chotto-callmessage-small-text-icon-size': string;
+    /** Размер шрифта подзаголовка */
+    '--chotto-callmessage-subtext-font-size': string;
+    /** Цвет текста подзаголовка */
+    '--chotto-callmessage-subtext-text-color': string;
+    /** Цвет before-полоски в текстовом диалоге */
+    '--chotto-callmessage-text-dialog-before-background-color': string;
+    /** Размер шрифта заголовка в текстовом диалоге */
+    '--chotto-callmessage-text-dialog-title-font-size': string;
+    /** Цвет текста подписи в текстовом диалоге */
+    '--chotto-callmessage-text-dialog-subtext-text-color': string;
+    /** Размер шрифта подписи в текстовом диалоге */
+    '--chotto-callmessage-text-dialog-subtext-font-size': string;
+    /** Внешний отступ сообщения (контейнер left/right) */
+    '--chotto-callmessage-message-margin': string;
+    /** Цвет фона блока слева */
+    '--chotto-callmessage-left-background-color': string;
+    /** Цвет фона блока справа */
+    '--chotto-callmessage-right-background-color': string;
+    /** Семейство шрифта модального окна */
+    '--chotto-callmessage-modal-font-family': string;
+    /** Жирность шрифта модального окна */
+    '--chotto-callmessage-modal-font-weight': string;
+    /** Размер шрифта модального окна */
+    '--chotto-callmessage-modal-font-size': string;
+    /** Цвет текста модального окна */
+    '--chotto-callmessage-modal-text-color': string;
+    /** Фон модального окна */
+    '--chotto-callmessage-modal-background-color': string;
+    /** Радиус модального окна */
+    '--chotto-callmessage-modal-border-radius': string;
+    /** Отступы модального окна */
+    '--chotto-callmessage-modal-padding': string;
+    /** Тень модального окна */
+    '--chotto-callmessage-modal-overlay-shadow': string;
+    /** Цвет фона скроллбара модального окна */
+    '--chotto-callmessage-modal-scrollbar-bg': string;
+    /** Цвет ползунка скроллбара модального окна */
+    '--chotto-callmessage-modal-scrollbar-thumb-bg': string;
+    /** Цвет маски оверлея модального окна */
+    '--chotto-callmessage-modal-mask-background': string;
+    /** Цвет иконки кнопки закрытия модального окна */
+    '--chotto-callmessage-modal-close-button-icon-color': string;
+    /** Размер иконки кнопки закрытия модального окна */
+    '--chotto-callmessage-modal-close-button-icon-size': string;
+    /** Цвет иконки кнопки меню */
+    '--chotto-callmessage-menu-button-icon-color': string;
+    /** Размер иконки кнопки меню */
+    '--chotto-callmessage-menu-button-icon-size': string;
+    /** Цвет иконки кнопки меню при наведении */
+    '--chotto-callmessage-menu-button-icon-color-hover': string;
+}

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

@@ -0,0 +1,34 @@
+/**
+ * CSS переменные для компонента DateMessage
+ *
+ * Назначение: контракт переменных тем между `styles/themes/*.scss` и стилями компонента.
+ * Правила: префикс `--chotto-datemessage-*`; обновляйте список при изменениях тем.
+ */
+export interface DateMessageThemeCSSVariables {
+    /** Отображение контейнера даты */
+    '--chotto-datemessage-container-display': string;
+    /** Выравнивание элементов контейнера даты по поперечной оси */
+    '--chotto-datemessage-container-align-items': string;
+    /** Выравнивание элементов контейнера даты по главной оси */
+    '--chotto-datemessage-container-justify-content': string;
+    /** Внешние отступы контейнера даты */
+    '--chotto-datemessage-container-margin': string;
+    /** Внутренние отступы контейнера даты */
+    '--chotto-datemessage-container-padding': string;
+    /** Отступ снизу контейнера даты */
+    '--chotto-datemessage-container-margin-bottom': string;
+    /** Ширина контейнера даты */
+    '--chotto-datemessage-container-width': string;
+    /** Цвет фона контейнера даты */
+    '--chotto-datemessage-container-background-color': string;
+    /** Внутренние отступы текста даты */
+    '--chotto-datemessage-text-padding': string;
+    /** Скругление фона текста даты */
+    '--chotto-datemessage-text-border-radius': string;
+    /** Цвет фона текста даты */
+    '--chotto-datemessage-text-background-color': string;
+    /** Размер шрифта текста даты */
+    '--chotto-datemessage-text-font-size': string;
+    /** Цвет текста даты */
+    '--chotto-datemessage-text-color': string;
+}

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

@@ -0,0 +1,35 @@
+/**
+ * CSS variables for DateMessageSticky component
+ */
+export interface DateMessageStickyThemeCSSVariables {
+    /** Позиционирование закреплённого контейнера даты */
+    '--chotto-datemessagesticky-container-position': string;
+    /** Отступ закреплённого контейнера сверху */
+    '--chotto-datemessagesticky-container-top': string;
+    /** Высота закреплённого контейнера */
+    '--chotto-datemessagesticky-container-height': string;
+    /** Переполнение закреплённого контейнера */
+    '--chotto-datemessagesticky-container-overflow': string;
+    /** Отображение закреплённого контейнера */
+    '--chotto-datemessagesticky-container-display': string;
+    /** Выравнивание элементов по поперечной оси */
+    '--chotto-datemessagesticky-container-align-items': string;
+    /** Выравнивание элементов по главной оси */
+    '--chotto-datemessagesticky-container-justify-content': string;
+    /** Слой закреплённого контейнера */
+    '--chotto-datemessagesticky-container-z-index': string;
+    /** События мыши для закреплённого контейнера */
+    '--chotto-datemessagesticky-container-pointer-events': string;
+    /** Внутренние отступы текста закреплённой даты */
+    '--chotto-datemessagesticky-text-padding': string;
+    /** Скругление фона текста закреплённой даты */
+    '--chotto-datemessagesticky-text-border-radius': string;
+    /** Тень фона текста закреплённой даты */
+    '--chotto-datemessagesticky-text-box-shadow': string;
+    /** Размер шрифта текста закреплённой даты */
+    '--chotto-datemessagesticky-text-font-size': string;
+    /** Цвет фона текста закреплённой даты */
+    '--chotto-datemessagesticky-text-background-color': string;
+    /** Цвет текста закреплённой даты */
+    '--chotto-datemessagesticky-text-color': string;
+}

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

@@ -0,0 +1,253 @@
+/**
+ * CSS variables for FileMessage component
+ */
+export interface FileMessageThemeCSSVariables {
+    /** Позиционирование контейнера контента файла */
+    '--chotto-filemessage-content-position': string;
+    /** Ширина контейнера контента файла */
+    '--chotto-filemessage-content-width': string;
+    /** Скругление пузыря файла */
+    '--chotto-filemessage-content-border-radius': string;
+    /** Внутренние отступы пузыря файла */
+    '--chotto-filemessage-content-padding': string;
+    /** Максимальная ширина контейнера контента файла */
+    '--chotto-filemessage-content-max-width': string;
+    /** Содержимое псевдоэлемента "хвостик" слева */
+    '--chotto-filemessage-left-triangle-content': string;
+    /** Позиционирование хвостика слева */
+    '--chotto-filemessage-left-triangle-position': string;
+    /** Смещение хвостика слева по вертикали */
+    '--chotto-filemessage-left-triangle-top': string;
+    /** Смещение хвостика слева по горизонтали */
+    '--chotto-filemessage-left-triangle-left': string;
+    /** Ширина хвостика слева */
+    '--chotto-filemessage-left-triangle-width': string;
+    /** Высота хвостика слева */
+    '--chotto-filemessage-left-triangle-height': string;
+    /** Базовая рамка хвостика слева */
+    '--chotto-filemessage-left-triangle-border': string;
+    /** Верхняя часть рамки хвостика слева (цвет пузыря) */
+    '--chotto-filemessage-left-triangle-border-top': string;
+    /** Слой псевдоэлемента слева */
+    '--chotto-filemessage-left-triangle-z-index': string;
+    /** Содержимое псевдоэлемента "хвостик" справа */
+    '--chotto-filemessage-right-triangle-content': string;
+    /** Позиционирование хвостика справа */
+    '--chotto-filemessage-right-triangle-position': string;
+    /** Смещение хвостика справа по вертикали */
+    '--chotto-filemessage-right-triangle-top': string;
+    /** Смещение хвостика справа по горизонтали */
+    '--chotto-filemessage-right-triangle-right': string;
+    /** Ширина хвостика справа */
+    '--chotto-filemessage-right-triangle-width': string;
+    /** Высота хвостика справа */
+    '--chotto-filemessage-right-triangle-height': string;
+    /** Базовая рамка хвостика справа */
+    '--chotto-filemessage-right-triangle-border': string;
+    /** Верхняя часть рамки хвостика справа (цвет пузыря) */
+    '--chotto-filemessage-right-triangle-border-top': string;
+    /** Слой псевдоэлемента справа */
+    '--chotto-filemessage-right-triangle-z-index': string;
+    /** Цвет фона пузыря слева */
+    '--chotto-filemessage-left-bg': string;
+    /** Цвет фона пузыря справа */
+    '--chotto-filemessage-right-bg': string;
+    /** Выравнивание аватара относительно себя */
+    '--chotto-filemessage-avatar-align-self': string;
+    /** Вписывание изображения аватара */
+    '--chotto-filemessage-avatar-object-fit': string;
+    /** Минимальная ширина аватара */
+    '--chotto-filemessage-avatar-min-width': string;
+    /** Минимальная высота аватара */
+    '--chotto-filemessage-avatar-min-height': string;
+    /** Скругление аватара */
+    '--chotto-filemessage-avatar-border-radius': string;
+    /** Отступ сверху текстового контейнера */
+    '--chotto-filemessage-text-container-margin-top': string;
+    /** Перенос слов в текстовом контейнере */
+    '--chotto-filemessage-text-container-word-wrap': string;
+    /** Перевод строк в абзаце текста */
+    '--chotto-filemessage-text-container-p-white-space': string;
+    /** Размер шрифта абзаца текста */
+    '--chotto-filemessage-text-container-p-font-size': string;
+    /** Размер шрифта подписи */
+    '--chotto-filemessage-subtext-font-size': string;
+    /** Цвет подписи */
+    '--chotto-filemessage-subtext-color': string;
+    /** Отображение ссылки на файл */
+    '--chotto-filemessage-link-display': string;
+    /** Выравнивание по главной оси ссылки */
+    '--chotto-filemessage-link-justify-content': string;
+    /** Выравнивание по поперечной оси ссылки */
+    '--chotto-filemessage-link-align-items': string;
+    /** Промежуток между элементами ссылки */
+    '--chotto-filemessage-link-column-gap': string;
+    /** Цвет иконки в ссылке */
+    '--chotto-filemessage-link-span-color': string;
+    /** Размер иконки в ссылке */
+    '--chotto-filemessage-link-span-font-size': string;
+    /** Управление переполнением текста имени файла */
+    '--chotto-filemessage-filename-text-overflow': string;
+    /** Обрезка текста имени файла */
+    '--chotto-filemessage-filename-text-text-overflow': string;
+    /** Количество строк имени файла (webkit) */
+    '--chotto-filemessage-filename-text-webkit-line-clamp': string;
+    /** Количество строк имени файла */
+    '--chotto-filemessage-filename-text-line-clamp': string;
+    /** Ориентация блоков строк имени файла */
+    '--chotto-filemessage-filename-text-webkit-box-orient': string;
+    /** Отступ справа у имени файла */
+    '--chotto-filemessage-filename-text-margin-right': string;
+    /** Размер шрифта имени файла */
+    '--chotto-filemessage-filename-text-font-size': string;
+    /** Цвет имени файла */
+    '--chotto-filemessage-filename-text-color': string;
+    /** Отображение контейнера информации */
+    '--chotto-filemessage-info-container-display': string;
+    /** Выравнивание элементов контейнера информации */
+    '--chotto-filemessage-info-container-align-items': string;
+    /** Выравнивание по главной оси контейнера информации */
+    '--chotto-filemessage-info-container-justify-content': string;
+    /** Промежуток между элементами контейнера информации */
+    '--chotto-filemessage-info-container-column-gap': string;
+    /** Отступ снизу кнопки скачивания */
+    '--chotto-filemessage-download-button-margin-bottom': string;
+    /** Граница кнопки скачивания */
+    '--chotto-filemessage-download-button-border': string;
+    /** Скругление кнопки скачивания */
+    '--chotto-filemessage-download-button-border-radius': string;
+    /** Фон кнопки скачивания */
+    '--chotto-filemessage-download-button-background-color': string;
+    /** Внутренние отступы кнопки скачивания */
+    '--chotto-filemessage-download-button-padding': string;
+    /** Курсор кнопки скачивания */
+    '--chotto-filemessage-download-button-cursor': string;
+    /** Цвет иконки внутри кнопки */
+    '--chotto-filemessage-download-button-span-color': string;
+    /** Размер иконки внутри кнопки */
+    '--chotto-filemessage-download-button-span-font-size': string;
+    /** Отображение статуса доставки/прочтения */
+    '--chotto-filemessage-status-display': string;
+    /** Толщина шрифта статуса */
+    '--chotto-filemessage-status-span-font-weight': string;
+    /** Отрицательный отступ первой иконки "доставлено" */
+    '--chotto-filemessage-status-received-first-child-margin-right': string;
+    /** Отрицательный отступ первой иконки "прочитано" */
+    '--chotto-filemessage-status-read-first-child-margin-right': string;
+    /** Цвет иконок статуса */
+    '--chotto-filemessage-status-span-color': string;
+    /** Размер иконок статуса */
+    '--chotto-filemessage-status-span-font-size': string;
+    /** Цвет статуса "доставлено" */
+    '--chotto-filemessage-status-received-color': string;
+    /** Цвет статуса "прочитано" */
+    '--chotto-filemessage-status-read-color': string;
+    /** Отображение блока просмотров */
+    '--chotto-filemessage-views-display': string;
+    /** Выравнивание элементов блока просмотров */
+    '--chotto-filemessage-views-align-items': string;
+    /** Промежуток между элементами блока просмотров */
+    '--chotto-filemessage-views-column-gap': string;
+    /** Размер иконки просмотров */
+    '--chotto-filemessage-views-span-font-size': string;
+    /** Цвет иконки просмотров */
+    '--chotto-filemessage-views-span-color': string;
+    /** Размер текста просмотров */
+    '--chotto-filemessage-views-p-font-size': string;
+    /** Цвет текста просмотров */
+    '--chotto-filemessage-views-p-color': string;
+    /** Размер шрифта времени */
+    '--chotto-filemessage-time-font-size': string;
+    /** Цвет времени */
+    '--chotto-filemessage-time-color': string;
+    /** Позиционирование кнопки меню сообщения */
+    '--chotto-filemessage-menu-button-position': string;
+    /** Прозрачный фон кнопки меню */
+    '--chotto-filemessage-menu-button-background-color': string;
+    /** Граница кнопки меню */
+    '--chotto-filemessage-menu-button-border': string;
+    /** Трансформация кнопки меню по оси Y */
+    '--chotto-filemessage-menu-button-transform': string;
+    /** Курсор кнопки меню */
+    '--chotto-filemessage-menu-button-cursor': string;
+    /** Переход кнопки меню */
+    '--chotto-filemessage-menu-button-transition': string;
+    /** Переход при наведении */
+    '--chotto-filemessage-menu-button-hover-transition': string;
+    /** Цвет иконки внутри кнопки меню */
+    '--chotto-filemessage-menu-button-span-color': string;
+    /** Размер иконки внутри кнопки меню */
+    '--chotto-filemessage-menu-button-span-font-size': string;
+    /** Цвет иконки при наведении */
+    '--chotto-filemessage-menu-button-span-hover-color': string;
+    /** Позиционирование контекстного меню */
+    '--chotto-filemessage-context-menu-position': string;
+    /** Отображение общего контейнера лево/право */
+    '--chotto-filemessage-left-right-display': string;
+    /** Внешние отступы общего контейнера */
+    '--chotto-filemessage-left-right-margin': string;
+    /** Шаблон колонок левой раскладки */
+    '--chotto-filemessage-left-grid-template-columns': string;
+    /** Колонка грида аватара слева */
+    '--chotto-filemessage-left-avatar-grid-column': string;
+    /** Отступ справа от аватара слева */
+    '--chotto-filemessage-left-avatar-margin-right': string;
+    /** Колонка грида подписи слева */
+    '--chotto-filemessage-left-subtext-grid-column': string;
+    /** Ряд грида подписи слева */
+    '--chotto-filemessage-left-subtext-grid-row': string;
+    /** Внешние отступы подписи слева */
+    '--chotto-filemessage-left-subtext-margin': string;
+    /** Колонка грида контента слева */
+    '--chotto-filemessage-left-content-grid-column': string;
+    /** Отступ контента слева с учётом аватара */
+    '--chotto-filemessage-left-content-with-avatar-indent-margin-left': string;
+    /** Положение кнопки меню слева (top) */
+    '--chotto-filemessage-left-menu-button-top': string;
+    /** Положение кнопки меню слева (right) */
+    '--chotto-filemessage-left-menu-button-right': string;
+    /** Позиция контекстного меню слева (top) */
+    '--chotto-filemessage-left-context-menu-top': string;
+    /** Позиция контекстного меню слева (left) */
+    '--chotto-filemessage-left-context-menu-left': string;
+    /** Отступ контекстного меню слева сверху */
+    '--chotto-filemessage-left-context-menu-margin-top': string;
+    /** Шаблон колонок правой раскладки */
+    '--chotto-filemessage-right-grid-template-columns': string;
+    /** Колонка грида аватара справа */
+    '--chotto-filemessage-right-avatar-grid-column': string;
+    /** Ряд грида аватара справа */
+    '--chotto-filemessage-right-avatar-grid-row': string;
+    /** Отступ слева от аватара справа */
+    '--chotto-filemessage-right-avatar-margin-left': string;
+    /** Колонка грида подписи справа */
+    '--chotto-filemessage-right-subtext-grid-column': string;
+    /** Ряд грида подписи справа */
+    '--chotto-filemessage-right-subtext-grid-row': string;
+    /** Внешние отступы подписи справа */
+    '--chotto-filemessage-right-subtext-margin': string;
+    /** Колонка грида контента справа */
+    '--chotto-filemessage-right-content-grid-column': string;
+    /** Выравнивание контента справа */
+    '--chotto-filemessage-right-content-margin-left': string;
+    /** Отступ контента справа с учётом аватара */
+    '--chotto-filemessage-right-content-with-avatar-indent-margin-right': string;
+    /** Положение кнопки меню справа (top) */
+    '--chotto-filemessage-right-menu-button-top': string;
+    /** Положение кнопки меню справа (left) */
+    '--chotto-filemessage-right-menu-button-left': string;
+    /** Позиция контекстного меню справа (top) */
+    '--chotto-filemessage-right-context-menu-top': string;
+    /** Позиция контекстного меню справа (right) */
+    '--chotto-filemessage-right-context-menu-right': string;
+    /** Отступ контекстного меню справа сверху */
+    '--chotto-filemessage-right-context-menu-margin-top': string;
+    /** Переход появления пузыря */
+    '--chotto-filemessage-v-enter-active-transition': string;
+    /** Переход скрытия пузыря */
+    '--chotto-filemessage-v-leave-active-transition': string;
+    /** Стартовая трансформация при появлении */
+    '--chotto-filemessage-v-enter-from-transform': string;
+    /** Стартовая прозрачность при появлении */
+    '--chotto-filemessage-v-enter-from-opacity': string;
+}