@mobilon-dev/chotto 0.3.4 → 0.3.5

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

@@ -0,0 +1,23 @@
+/**
+ * CSS variables for SystemMessage component
+ */
+export interface SystemMessageThemeCSSVariables {
+    /** Ширина контейнера системного сообщения */
+    '--chotto-systemmessage-container-width': string;
+    /** Скругление контейнера системного сообщения */
+    '--chotto-systemmessage-container-border-radius': string;
+    /** Внутренние отступы контейнера системного сообщения */
+    '--chotto-systemmessage-container-padding': string;
+    /** Внешние отступы контейнера системного сообщения */
+    '--chotto-systemmessage-container-margin': string;
+    /** Цвет фона контейнера системного сообщения */
+    '--chotto-systemmessage-container-background-color': string;
+    /** Размер шрифта текста системного сообщения */
+    '--chotto-systemmessage-text-font-size': string;
+    /** Межстрочный интервал текста системного сообщения */
+    '--chotto-systemmessage-text-line-height': string;
+    /** Выравнивание текста системного сообщения */
+    '--chotto-systemmessage-text-text-align': string;
+    /** Цвет текста системного сообщения */
+    '--chotto-systemmessage-text-color': string;
+}

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

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

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

@@ -0,0 +1,93 @@
+/**
+ * CSS variables for TypingMessage component
+ */
+export interface TypingMessageThemeCSSVariables {
+    /** Отображение контейнера печатающего сообщения */
+    '--chotto-typingmessage-container-display': string;
+    /** Шаблон колонок контейнера печатающего сообщения */
+    '--chotto-typingmessage-container-grid-template-columns': string;
+    /** Позиционирование контейнера печатающего сообщения */
+    '--chotto-typingmessage-container-position': string;
+    /** Внешние отступы контейнера печатающего сообщения */
+    '--chotto-typingmessage-container-margin': string;
+    /** Колонка грида подписи */
+    '--chotto-typingmessage-subtext-grid-column': string;
+    /** Ряд грида подписи */
+    '--chotto-typingmessage-subtext-grid-row': string;
+    /** Внешние отступы подписи */
+    '--chotto-typingmessage-subtext-margin': string;
+    /** Размер шрифта подписи */
+    '--chotto-typingmessage-subtext-font-size': string;
+    /** Цвет подписи */
+    '--chotto-typingmessage-subtext-color': string;
+    /** Выравнивание аватара относительно себя */
+    '--chotto-typingmessage-avatar-align-self': string;
+    /** Вписывание изображения аватара */
+    '--chotto-typingmessage-avatar-object-fit': string;
+    /** Минимальная ширина аватара */
+    '--chotto-typingmessage-avatar-min-width': string;
+    /** Минимальная высота аватара */
+    '--chotto-typingmessage-avatar-min-height': string;
+    /** Скругление аватара */
+    '--chotto-typingmessage-avatar-border-radius': string;
+    /** Колонка грида аватара */
+    '--chotto-typingmessage-avatar-grid-column': string;
+    /** Ряд грида аватара */
+    '--chotto-typingmessage-avatar-grid-row': string;
+    /** Отступ справа от аватара */
+    '--chotto-typingmessage-avatar-margin-right': string;
+    /** Минимальная высота контейнера лоадера */
+    '--chotto-typingmessage-loader-container-min-height': string;
+    /** Колонка грида контейнера лоадера */
+    '--chotto-typingmessage-loader-container-grid-column': string;
+    /** Скругление контейнера лоадера */
+    '--chotto-typingmessage-loader-container-border-radius': string;
+    /** Внутренние отступы контейнера лоадера */
+    '--chotto-typingmessage-loader-container-padding': string;
+    /** Максимальная ширина контейнера лоадера */
+    '--chotto-typingmessage-loader-container-max-width': string;
+    /** Цвет фона контейнера лоадера */
+    '--chotto-typingmessage-loader-container-background-color': string;
+    /** Ширина индикатора набора */
+    '--chotto-typingmessage-loader-width': string;
+    /** Высота индикатора набора */
+    '--chotto-typingmessage-loader-height': string;
+    /** Позиционирование индикатора набора */
+    '--chotto-typingmessage-loader-position': string;
+    /** Смещение индикатора по вертикали */
+    '--chotto-typingmessage-loader-top': string;
+    /** Скругление индикатора набора */
+    '--chotto-typingmessage-loader-border-radius': string;
+    /** Анимация индикатора набора */
+    '--chotto-typingmessage-loader-animation': string;
+    /** Внешние отступы индикатора набора */
+    '--chotto-typingmessage-loader-margin': string;
+    /** Содержимое псевдоэлемента точки */
+    '--chotto-typingmessage-loader-pseudo-content': string;
+    /** Позиционирование псевдоэлемента точки */
+    '--chotto-typingmessage-loader-pseudo-position': string;
+    /** Ширина псевдоэлемента точки */
+    '--chotto-typingmessage-loader-pseudo-width': string;
+    /** Высота псевдоэлемента точки */
+    '--chotto-typingmessage-loader-pseudo-height': string;
+    /** Скругление псевдоэлемента точки */
+    '--chotto-typingmessage-loader-pseudo-border-radius': string;
+    /** Анимация псевдоэлемента точки */
+    '--chotto-typingmessage-loader-pseudo-animation': string;
+    /** Смещение левой точки индикатора */
+    '--chotto-typingmessage-loader-before-left': string;
+    /** Задержка анимации левой точки */
+    '--chotto-typingmessage-loader-before-animation-delay': string;
+    /** Смещение правой точки индикатора */
+    '--chotto-typingmessage-loader-after-right': string;
+    /** Задержка анимации правой точки */
+    '--chotto-typingmessage-loader-after-animation-delay': string;
+    /** Цвет точек индикатора набора */
+    '--chotto-typingmessage-loader-color': string;
+    /** Цвет одной точки (используется в keyframes) */
+    '--chotto-typingmessage-loader-dot-color': string;
+    /** Тень в начале анимации */
+    '--chotto-typingmessage-keyframes-0-box-shadow': string;
+    /** Тень в конце анимации */
+    '--chotto-typingmessage-keyframes-100-box-shadow': string;
+}

package/dist/types/components/compounds/Feed/messages/VideoMessage/VideoMessage.vue.d.ts

@@ -1,4 +1,4 @@
-import { IVideoMessage } from '../../../../../types';
+import { IVideoMessage } from '@types';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     message: {
         type: () => IVideoMessage;

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

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