@mobilon-dev/chotto 0.3.4 → 0.3.6

package/dist/types/components/2_chatlist_elements/ChatItem/styles/types.d.ts

@@ -0,0 +1,293 @@
+/**
+ * CSS переменные для компонента ChatItem
+ */
+export interface ChatItemThemeCSSVariables {
+    /** Строка сетки контейнера */
+    '--chotto-chatitem-container-grid-row': string;
+    /** Колонка сетки контейнера */
+    '--chotto-chatitem-container-grid-column': string;
+    /** Отображение контейнера */
+    '--chotto-chatitem-container-display': string;
+    /** Позиционирование контейнера */
+    '--chotto-chatitem-container-position': string;
+    /** Курсор контейнера */
+    '--chotto-chatitem-container-cursor': string;
+    /** Отступы контейнера */
+    '--chotto-chatitem-padding-container': string;
+    /** Радиус границы элемента чата */
+    '--chotto-chatitem-border-radius': string;
+    /** Содержимое разделителя */
+    '--chotto-chatitem-divider-content': string;
+    /** Позиционирование разделителя */
+    '--chotto-chatitem-divider-position': string;
+    /** Смещение разделителя по X */
+    '--chotto-chatitem-divider-translate-x': string;
+    /** Ширина разделителя */
+    '--chotto-chatitem-divider-width': string;
+    /** Высота разделителя */
+    '--chotto-chatitem-divider-height': string;
+    /** Цвет разделителя */
+    '--chotto-chatitem-divider-color': string;
+    /** Позиция разделителя снизу */
+    '--chotto-chatitem-divider-bottom': string;
+    /** Курсор выбранного элемента */
+    '--chotto-chatitem-selected-cursor': string;
+    /** Фон контейнера при наведении */
+    '--chotto-chatitem-container-hover-bg': string;
+    /** Фон выбранного элемента */
+    '--chotto-chatitem-selected-bg': string;
+    /** Позиционирование контейнера аватара */
+    '--chotto-chatitem-avatar-container-position': string;
+    /** Отображение контейнера аватара */
+    '--chotto-chatitem-avatar-container-display': string;
+    /** Выравнивание по главной оси контейнера аватара */
+    '--chotto-chatitem-avatar-container-justify': string;
+    /** Выравнивание по поперечной оси контейнера аватара */
+    '--chotto-chatitem-avatar-container-align': string;
+    /** Выравнивание контейнера аватара относительно себя */
+    '--chotto-chatitem-avatar-container-align-self': string;
+    /** Обрезка объекта контейнера аватара */
+    '--chotto-chatitem-avatar-container-object-fit': string;
+    /** Отступ справа от аватара */
+    '--chotto-chatitem-avatar-margin-right': string;
+    /** Размер плейсхолдера аватара */
+    '--chotto-chatitem-avatar-placeholder-size': string;
+    /** Минимальная ширина аватара */
+    '--chotto-chatitem-avatar-min-width': string;
+    /** Минимальная высота аватара */
+    '--chotto-chatitem-avatar-min-height': string;
+    /** Радиус границы аватара */
+    '--chotto-chatitem-avatar-border-radius': string;
+    /** Размер шрифта текста аватара */
+    '--chotto-chatitem-avatar-text-font-size': string;
+    /** Радиус границы изображения аватара */
+    '--chotto-chatitem-avatar-img-border-radius': string;
+    /** Обрезка изображения аватара */
+    '--chotto-chatitem-avatar-img-object-fit': string;
+    /** Позиционирование статуса пользователя */
+    '--chotto-chatitem-status-user-position': string;
+    /** Позиция статуса пользователя справа */
+    '--chotto-chatitem-status-user-right': string;
+    /** Размер статуса пользователя */
+    '--chotto-chatitem-status-user-size': string;
+    /** Радиус границы статуса пользователя */
+    '--chotto-chatitem-status-user-border-radius': string;
+    /** Позиция статуса пользователя снизу */
+    '--chotto-chatitem-status-user-bottom': string;
+    /** Отображение статуса пользователя */
+    '--chotto-chatitem-status-user-display': string;
+    /** Фон статуса пользователя */
+    '--chotto-chatitem-status-user-bg': string;
+    /** Z-index статуса пользователя */
+    '--chotto-chatitem-status-user-z-index': string;
+    /** Коэффициент роста контейнера информации */
+    '--chotto-chatitem-info-container-flex-grow': string;
+    /** Выравнивание контейнера информации относительно себя */
+    '--chotto-chatitem-info-container-align-self': string;
+    /** Переполнение контейнера информации */
+    '--chotto-chatitem-info-container-overflow': string;
+    /** Отступ справа от контейнера информации */
+    '--chotto-chatitem-info-margin-right': string;
+    /** Отступ сверху от имени */
+    '--chotto-chatitem-name-margin-top': string;
+    /** Отступ снизу от имени */
+    '--chotto-chatitem-name-margin-bottom': string;
+    /** Переполнение имени */
+    '--chotto-chatitem-name-overflow': string;
+    /** Обрезка текста имени */
+    '--chotto-chatitem-name-text-overflow': string;
+    /** Отображение имени */
+    '--chotto-chatitem-name-display': string;
+    /** Количество строк имени */
+    '--chotto-chatitem-name-line-clamp': string;
+    /** Ориентация блока имени */
+    '--chotto-chatitem-name-box-orient': string;
+    /** Размер шрифта имени */
+    '--chotto-chatitem-name-font-size': string;
+    /** Толщина шрифта имени */
+    '--chotto-chatitem-name-font-weight': string;
+    /** Переполнение последнего сообщения */
+    '--chotto-chatitem-last-message-overflow': string;
+    /** Обрезка текста последнего сообщения */
+    '--chotto-chatitem-last-message-text-overflow': string;
+    /** Отображение последнего сообщения */
+    '--chotto-chatitem-last-message-display': string;
+    /** Количество строк последнего сообщения */
+    '--chotto-chatitem-last-message-line-clamp': string;
+    /** Ориентация блока последнего сообщения */
+    '--chotto-chatitem-last-message-box-orient': string;
+    /** Размер шрифта последнего сообщения */
+    '--chotto-chatitem-last-message-font-size': string;
+    /** Цвет текста последнего сообщения */
+    '--chotto-chatitem-last-message-text-color': string;
+    /** Позиционирование контейнера деталей */
+    '--chotto-chatitem-details-container-position': string;
+    /** Отображение контейнера деталей */
+    '--chotto-chatitem-details-container-display': string;
+    /** Направление флекс-контейнера деталей */
+    '--chotto-chatitem-details-container-flex-direction': string;
+    /** Выравнивание по главной оси контейнера деталей */
+    '--chotto-chatitem-details-container-justify': string;
+    /** Выравнивание по поперечной оси контейнера деталей */
+    '--chotto-chatitem-details-container-align': string;
+    /** Активный цвет в контейнере деталей */
+    '--chotto-chatitem-button-color-active': string;
+    /** Отображение триггера действий */
+    '--chotto-chatitem-actions-trigger-display': string;
+    /** Курсор триггера действий */
+    '--chotto-chatitem-actions-trigger-cursor': string;
+    /** Размер иконки триггера действий */
+    '--chotto-chatitem-actions-trigger-font-size': string;
+    /** Цвет иконки триггера действий */
+    '--chotto-chatitem-actions-trigger-color': string;
+    /** Цвет иконки при наведении */
+    '--chotto-chatitem-actions-trigger-color-hover': string;
+    /** Порядок кнопки меню */
+    '--chotto-chatitem-menu-button-order': string;
+    /** Размер шрифта кнопки меню */
+    '--chotto-chatitem-menu-button-font-size': string;
+    /** Ширина кнопки меню */
+    '--chotto-chatitem-menu-button-width': string;
+    /** Граница кнопки меню */
+    '--chotto-chatitem-menu-button-border': string;
+    /** Фон кнопки меню */
+    '--chotto-chatitem-menu-button-bg': string;
+    /** Курсор кнопки меню */
+    '--chotto-chatitem-menu-button-cursor': string;
+    /** Отступы кнопки меню */
+    '--chotto-chatitem-menu-button-padding': string;
+    /** Переход кнопки меню */
+    '--chotto-chatitem-menu-button-transition': string;
+    /** Переход кнопки меню при наведении */
+    '--chotto-chatitem-menu-button-hover-transition': string;
+    /** Отображение span кнопки меню */
+    '--chotto-chatitem-menu-button-span-display': string;
+    /** Ширина span кнопки меню */
+    '--chotto-chatitem-menu-button-span-width': string;
+    /** Отступ слева span кнопки меню */
+    '--chotto-chatitem-menu-button-span-margin-left': string;
+    /** Цвет иконки при наведении в кнопке меню */
+    '--chotto-chatitem-menu-button-hover-color': string;
+    /** Порядок непрочитанных сообщений */
+    '--chotto-chatitem-unread-order': string;
+    /** Отображение непрочитанных сообщений */
+    '--chotto-chatitem-unread-display': string;
+    /** Выравнивание по главной оси непрочитанных сообщений */
+    '--chotto-chatitem-unread-justify': string;
+    /** Выравнивание по поперечной оси непрочитанных сообщений */
+    '--chotto-chatitem-unread-align': string;
+    /** Отступ слева от непрочитанных сообщений */
+    '--chotto-chatitem-unread-margin-left': string;
+    /** Отступ сверху от непрочитанных сообщений */
+    '--chotto-chatitem-unread-margin-top': string;
+    /** Максимальная высота непрочитанных сообщений */
+    '--chotto-chatitem-unread-max-height': string;
+    /** Отступы непрочитанных сообщений */
+    '--chotto-chatitem-unread-padding': string;
+    /** Размер шрифта бейджа непрочитанного */
+    '--chotto-chatitem-unread-font-size': string;
+    /** Цвет текста бейджа непрочитанного */
+    '--chotto-chatitem-unread-text-color': string;
+    /** Цвет фона бейджа непрочитанного */
+    '--chotto-chatitem-unread-background-color': string;
+    /** Перенос строк времени */
+    '--chotto-chatitem-time-white-space': string;
+    /** Размер шрифта времени */
+    '--chotto-chatitem-time-font-size': string;
+    /** Цвет текста времени */
+    '--chotto-chatitem-time-text-color': string;
+    /** Позиционирование контекстного меню */
+    '--chotto-chatitem-context-menu-position': string;
+    /** Позиция контекстного меню сверху */
+    '--chotto-chatitem-context-menu-top': string;
+    /** Позиция контекстного меню справа */
+    '--chotto-chatitem-context-menu-right': string;
+    /** Отображение контейнера статуса чата */
+    '--chotto-chatitem-status-chat-container-display': string;
+    /** Выравнивание контейнера статуса чата */
+    '--chotto-chatitem-status-chat-container-align': string;
+    /** Отступ сверху контейнера статуса чата */
+    '--chotto-chatitem-status-chat-container-margin-top': string;
+    /** Промежуток между статусами */
+    '--chotto-chatitem-status-gap': string;
+    /** Отображение статуса сообщения */
+    '--chotto-chatitem-status-message-display': string;
+    /** Цвет статуса "доставлено" */
+    '--chotto-chatitem-status-color-received': string;
+    /** Цвет статуса "прочитано" */
+    '--chotto-chatitem-status-color-read': string;
+    /** Размер шрифта статуса */
+    '--chotto-chatitem-status-font-size': string;
+    /** Отображение кнопок диалога */
+    '--chotto-chatitem-dialog-buttons-display': string;
+    /** Отступ слева от кнопок диалога */
+    '--chotto-chatitem-dialog-buttons-margin-left': string;
+    /** Отображение контейнера диалога */
+    '--chotto-chatitem-dialog-container-display': string;
+    /** Направление флекс-контейнера диалога */
+    '--chotto-chatitem-dialog-container-flex-direction': string;
+    /** Позиционирование контейнера диалога */
+    '--chotto-chatitem-dialog-container-position': string;
+    /** Курсор контейнера диалога */
+    '--chotto-chatitem-dialog-container-cursor': string;
+    /** Промежуток между элементами диалога */
+    '--chotto-chatitem-dialog-gap': string;
+    /** Отступы контейнера диалога */
+    '--chotto-chatitem-dialog-padding': string;
+    /** Отступы иконки диалога */
+    '--chotto-chatitem-dialog-icon-margin': string;
+    /** Отображение элемента диалога */
+    '--chotto-chatitem-dialog-item-display': string;
+    /** Отступы элемента диалога */
+    '--chotto-chatitem-dialog-item-padding': string;
+    /** Курсор выбранного диалога */
+    '--chotto-chatitem-dialog-selected-cursor': string;
+    /** Фон выбранного диалога */
+    '--chotto-chatitem-dialog-selected-bg': string;
+    /** Отображение контейнера текста диалога */
+    '--chotto-chatitem-dialog-text-container-display': string;
+    /** Выравнивание по главной оси контейнера текста диалога */
+    '--chotto-chatitem-dialog-text-container-justify': string;
+    /** Переполнение контейнера текста диалога */
+    '--chotto-chatitem-dialog-text-container-overflow': string;
+    /** Обрезка текста контейнера диалога */
+    '--chotto-chatitem-dialog-text-container-text-overflow': string;
+    /** Ширина контейнера текста диалога */
+    '--chotto-chatitem-dialog-text-container-width': string;
+    /** Отступы контейнера текста диалога */
+    '--chotto-chatitem-dialog-text-container-margin': string;
+    /** Отступы текстового контейнера */
+    '--chotto-chatitem-text-container-padding': string;
+    /** Размер шрифта текста диалога */
+    '--chotto-chatitem-dialog-text-font-size': string;
+    /** Цвет текста диалога */
+    '--chotto-chatitem-dialog-text-color': string;
+    /** Отображение имени диалога */
+    '--chotto-chatitem-dialog-name-display': string;
+    /** Количество строк имени диалога */
+    '--chotto-chatitem-dialog-name-line-clamp': string;
+    /** Ориентация блока имени диалога */
+    '--chotto-chatitem-dialog-name-box-orient': string;
+    /** Отображение времени диалога */
+    '--chotto-chatitem-dialog-time-display': string;
+    /** Количество строк времени диалога */
+    '--chotto-chatitem-dialog-time-line-clamp': string;
+    /** Ориентация блока времени диалога */
+    '--chotto-chatitem-dialog-time-box-orient': string;
+    /** Цвет времени диалога */
+    '--chotto-chatitem-dialog-time-text-color': string;
+    /** Размер шрифта времени диалога */
+    '--chotto-chatitem-dialog-time-font-size': string;
+    /** Отступ справа от первой иконки статуса */
+    '--chotto-chatitem-status-first-icon-margin-right': string;
+    /** Переход текста */
+    '--chotto-chatitem-text-transition': string;
+    /** Прозрачность текста */
+    '--chotto-chatitem-text-opacity': string;
+    /** Переход выхода меню */
+    '--chotto-chatitem-menu-leave-transition': string;
+    /** Смещение входа меню по Y */
+    '--chotto-chatitem-menu-enter-translate-y': string;
+    /** Прозрачность меню */
+    '--chotto-chatitem-menu-opacity': string;
+}

package/dist/types/components/2_chatlist_elements/ChatItem/types.d.ts

@@ -0,0 +1,39 @@
+export interface IAction {
+    action: string;
+    title: string;
+    icon?: string;
+    prime?: string;
+}
+export interface IChatDialog {
+    branchId: string;
+    dialogId: string;
+    attributeId: string;
+    channelId: string;
+    icon?: string;
+    name: string;
+    fullname: string;
+    countUnread: number;
+    'lastActivity.time': string;
+    'lastActivity.timestamp': number;
+    isSelected: boolean;
+    colorUnread?: string;
+}
+export interface IChatItem {
+    chatId: number;
+    name: string;
+    avatar?: string;
+    countUnread: number;
+    lastMessage: string;
+    'lastActivity.time': string;
+    'lastActivity.timestamp': string;
+    isFixedBottom: boolean;
+    isFixedTop?: boolean;
+    status: string;
+    'lastMessage.status': string;
+    actions?: IAction[];
+    typing: boolean;
+    metadata: string;
+    dialogsExpanded: boolean;
+    dialogs?: IChatDialog[];
+    isSelected: boolean;
+}

package/dist/types/components/2_chatlist_elements/ChatTabs/styles/types.d.ts

@@ -0,0 +1,65 @@
+/**
+ * CSS переменные для компонента ChatTabs
+ */
+export interface ChatTabsThemeCSSVariables {
+    /** Отображение списка вкладок */
+    '--chotto-chattabs-list-display': string;
+    /** Стиль списка вкладок */
+    '--chotto-chattabs-list-list-style': string;
+    /** Отступы списка вкладок */
+    '--chotto-chattabs-list-padding': string;
+    /** Отступы списка вкладок */
+    '--chotto-chattabs-list-margin': string;
+    /** Отступ слева списка вкладок */
+    '--chotto-chattabs-list-padding-left': string;
+    /** Промежуток между элементами списка вкладок */
+    '--chotto-chattabs-list-gap': string;
+    /** Отступ снизу списка вкладок */
+    '--chotto-chattabs-list-margin-bottom': string;
+    /** Отображение элемента вкладки */
+    '--chotto-chattabs-item-display': string;
+    /** Выравнивание по поперечной оси элемента вкладки */
+    '--chotto-chattabs-item-align-items': string;
+    /** Выравнивание по главной оси элемента вкладки */
+    '--chotto-chattabs-item-justify-content': string;
+    /** Размер шрифта элемента вкладки */
+    '--chotto-chattabs-item-font-size': string;
+    /** Граница элемента вкладки */
+    '--chotto-chattabs-item-border': string;
+    /** Радиус границы элемента вкладки */
+    '--chotto-chattabs-item-border-radius': string;
+    /** Высота элемента вкладки */
+    '--chotto-chattabs-item-height': string;
+    /** Минимальная ширина элемента вкладки */
+    '--chotto-chattabs-item-min-width': string;
+    /** Цвет элемента вкладки */
+    '--chotto-chattabs-item-color': string;
+    /** Цвет активного элемента вкладки */
+    '--chotto-chattabs-item-active-color': string;
+    /** Жирность шрифта активного элемента вкладки */
+    '--chotto-chattabs-item-active-font-weight': string;
+    /** Цвет фона активного элемента вкладки */
+    '--chotto-chattabs-item-active-background-color': string;
+    /** Граница активного элемента вкладки */
+    '--chotto-chattabs-item-active-border': string;
+    /** Цвет фона элемента вкладки при наведении */
+    '--chotto-chattabs-item-hover-background-color': string;
+    /** Отображение кнопки вкладки */
+    '--chotto-chattabs-button-display': string;
+    /** Выравнивание по поперечной оси кнопки вкладки */
+    '--chotto-chattabs-button-align-items': string;
+    /** Промежуток между элементами кнопки вкладки */
+    '--chotto-chattabs-button-gap': string;
+    /** Фон кнопки вкладки */
+    '--chotto-chattabs-button-background': string;
+    /** Граница кнопки вкладки */
+    '--chotto-chattabs-button-border': string;
+    /** Курсор кнопки вкладки */
+    '--chotto-chattabs-button-cursor': string;
+    /** Размер шрифта кнопки вкладки */
+    '--chotto-chattabs-button-font-size': string;
+    /** Цвет кнопки вкладки */
+    '--chotto-chattabs-button-color': string;
+    /** Контур кнопки вкладки */
+    '--chotto-chattabs-button-outline': string;
+}

package/dist/types/components/2_chatlist_elements/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ChatFilter } from './ChatFilter/ChatFilter.vue';
+export { default as ChatItem } from './ChatItem/ChatItem.vue';
+export { default as ChatTabs } from './ChatTabs/ChatTabs.vue';

package/dist/types/components/2_elements/AudioRecorder/styles/types.d.ts

@@ -0,0 +1,79 @@
+/**
+ * CSS переменные для компонента AudioRecorder
+ */
+export interface AudioRecorderThemeCSSVariables {
+    /** Позиционирование контейнера */
+    '--chotto-audiorecorder-container-position': string;
+    /** Отображение контейнера */
+    '--chotto-audiorecorder-container-display': string;
+    /** Выравнивание элементов контейнера */
+    '--chotto-audiorecorder-container-align-items': string;
+    /** Цвет фона контейнера */
+    '--chotto-audiorecorder-container-background-color': string;
+    /** Высота контейнера */
+    '--chotto-audiorecorder-container-height': string;
+    /** Отображение контейнера записи */
+    '--chotto-audiorecorder-recording-container-display': string;
+    /** Промежуток между элементами контейнера записи */
+    '--chotto-audiorecorder-recording-container-gap': string;
+    /** Высота строки контейнера записи */
+    '--chotto-audiorecorder-recording-container-line-height': string;
+    /** Высота строки иконки записи */
+    '--chotto-audiorecorder-recording-icon-line-height': string;
+    /** Размер шрифта иконки записи */
+    '--chotto-audiorecorder-recording-icon-font-size': string;
+    /** Webkit анимация иконки записи */
+    '--chotto-audiorecorder-recording-icon-webkit-animation': string;
+    /** Анимация иконки записи */
+    '--chotto-audiorecorder-recording-icon-animation': string;
+    /** Ширина кнопки остановки */
+    '--chotto-audiorecorder-stop-width': string;
+    /** Высота кнопки остановки */
+    '--chotto-audiorecorder-stop-height': string;
+    /** Цвет фона кнопки остановки */
+    '--chotto-audiorecorder-stop-background-color': string;
+    /** Курсор кнопки остановки */
+    '--chotto-audiorecorder-stop-cursor': string;
+    /** Радиус границы кнопки остановки */
+    '--chotto-audiorecorder-stop-border-radius': string;
+    /** Цвет начала анимации мигания */
+    '--chotto-audiorecorder-blink-keyframes-0-color': string;
+    /** Цвет середины анимации мигания */
+    '--chotto-audiorecorder-blink-keyframes-50-color': string;
+    /** Цвет конца анимации мигания */
+    '--chotto-audiorecorder-blink-keyframes-100-color': string;
+    /** Цвет фона кнопки */
+    '--chotto-audiorecorder-button-background-color': string;
+    /** Граница кнопки */
+    '--chotto-audiorecorder-button-border': string;
+    /** Отображение span кнопки */
+    '--chotto-audiorecorder-button-span-display': string;
+    /** Курсор span кнопки */
+    '--chotto-audiorecorder-button-span-cursor': string;
+    /** Отступы span кнопки */
+    '--chotto-audiorecorder-button-span-padding': string;
+    /** Размер шрифта span кнопки */
+    '--chotto-audiorecorder-button-span-font-size': string;
+    /** Цвет span кнопки */
+    '--chotto-audiorecorder-button-span-color': string;
+    /** Цвет span кнопки при наведении */
+    '--chotto-audiorecorder-button-span-hover-color': string;
+    /** Отображение span кнопки записи */
+    '--chotto-audiorecorder-button-record-span-display': string;
+    /** Курсор span кнопки записи */
+    '--chotto-audiorecorder-button-record-span-cursor': string;
+    /** Отступы span кнопки записи */
+    '--chotto-audiorecorder-button-record-span-padding': string;
+    /** Размер шрифта span кнопки записи */
+    '--chotto-audiorecorder-button-record-span-font-size': string;
+    /** Цвет span кнопки записи */
+    '--chotto-audiorecorder-button-record-span-color': string;
+    /** Цвет span кнопки записи при наведении */
+    '--chotto-audiorecorder-button-record-span-hover-color': string;
+    /** События указателя отключенной кнопки */
+    '--chotto-audiorecorder-button-disabled-pointer-events': string;
+    /** Курсор span отключенной кнопки */
+    '--chotto-audiorecorder-button-disabled-span-cursor': string;
+    /** Цвет span отключенной кнопки */
+    '--chotto-audiorecorder-button-disabled-span-color': string;
+}

package/dist/types/components/2_elements/ChannelSelector/styles/types.d.ts

@@ -0,0 +1,49 @@
+/**
+ * CSS переменные для компонента ChannelSelector
+ */
+export interface ChannelSelectorThemeCSSVariables {
+    /** Отображение контейнера */
+    '--chotto-channelselector-container-display': string;
+    /** Цвет отключенного контейнера */
+    '--chotto-channelselector-container-disabled-color': string;
+    /** Размер шрифта заголовка */
+    '--chotto-channelselector-title-font-size': string;
+    /** Высота выбранного элемента */
+    '--chotto-channelselector-selected-height': string;
+    /** Отступы выбранного элемента */
+    '--chotto-channelselector-selected-margin': string;
+    /** Отображение выбранного элемента */
+    '--chotto-channelselector-selected-display': string;
+    /** Выравнивание по главной оси выбранного элемента */
+    '--chotto-channelselector-selected-justify-content': string;
+    /** Промежуток между колонками выбранного элемента */
+    '--chotto-channelselector-selected-column-gap': string;
+    /** Выравнивание по поперечной оси выбранного элемента */
+    '--chotto-channelselector-selected-align-items': string;
+    /** Отступ слева выбранного элемента */
+    '--chotto-channelselector-selected-margin-left': string;
+    /** Отображение иконки */
+    '--chotto-channelselector-icon-display': string;
+    /** Высота иконки */
+    '--chotto-channelselector-icon-height': string;
+    /** Ширина иконки */
+    '--chotto-channelselector-icon-width': string;
+    /** Отступы триггера */
+    '--chotto-channelselector-trigger-padding': string;
+    /** Отображение триггера */
+    '--chotto-channelselector-trigger-display': string;
+    /** Курсор триггера */
+    '--chotto-channelselector-trigger-cursor': string;
+    /** Размер шрифта триггера */
+    '--chotto-channelselector-trigger-font-size': string;
+    /** Цвет триггера */
+    '--chotto-channelselector-trigger-color': string;
+    /** Цвет триггера при наведении */
+    '--chotto-channelselector-trigger-hover-color': string;
+    /** Цвет отключенного элемента */
+    '--chotto-channelselector-disabled-color': string;
+    /** Курсор отключенного элемента */
+    '--chotto-channelselector-disabled-cursor': string;
+    /** События указателя отключенного элемента */
+    '--chotto-channelselector-disabled-pointer-events': string;
+}

package/dist/types/components/2_elements/ChatInfo/styles/types.d.ts

@@ -0,0 +1,93 @@
+/**
+ * CSS переменные для компонента ChatInfo
+ */
+export interface ChatInfoThemeCSSVariables {
+    /** Радиус границы контейнера информации о чате */
+    '--chotto-chatinfo-container-border-radius': string;
+    /** Отступы контейнера информации о чате */
+    '--chotto-chatinfo-container-padding': string;
+    /** Нижняя граница контейнера информации о чате */
+    '--chotto-chatinfo-container-border-bottom': string;
+    /** Цвет фона контейнера информации о чате */
+    '--chotto-chatinfo-container-background-color': string;
+    /** Отображение базовой линии */
+    '--chotto-chatinfo-base-line-display': string;
+    /** Выравнивание элементов базовой линии по вертикали */
+    '--chotto-chatinfo-base-line-align-items': string;
+    /** Отступ между элементами базовой линии */
+    '--chotto-chatinfo-base-line-gap': string;
+    /** Отображение контейнера аватара */
+    '--chotto-chatinfo-avatar-container-display': string;
+    /** Выравнивание содержимого контейнера аватара по горизонтали */
+    '--chotto-chatinfo-avatar-container-justify-content': string;
+    /** Выравнивание элементов контейнера аватара по вертикали */
+    '--chotto-chatinfo-avatar-container-align-items': string;
+    /** Радиус границы контейнера аватара */
+    '--chotto-chatinfo-avatar-container-border-radius': string;
+    /** Размер фона контейнера аватара */
+    '--chotto-chatinfo-avatar-container-background-size': string;
+    /** Цвет span внутри контейнера аватара */
+    '--chotto-chatinfo-avatar-container-span-color': string;
+    /** Отображение span внутри контейнера аватара */
+    '--chotto-chatinfo-avatar-container-span-display': string;
+    /** Выравнивание содержимого span внутри контейнера аватара по горизонтали */
+    '--chotto-chatinfo-avatar-container-span-justify-content': string;
+    /** Выравнивание элементов span внутри контейнера аватара по вертикали */
+    '--chotto-chatinfo-avatar-container-span-align-items': string;
+    /** Ширина изображения контейнера аватара */
+    '--chotto-chatinfo-avatar-container-img-width': string;
+    /** Высота изображения контейнера аватара */
+    '--chotto-chatinfo-avatar-container-img-height': string;
+    /** Радиус границы изображения контейнера аватара */
+    '--chotto-chatinfo-avatar-container-img-border-radius': string;
+    /** Обрезка изображения контейнера аватара */
+    '--chotto-chatinfo-avatar-container-img-object-fit': string;
+    /** Отображение контейнера информации */
+    '--chotto-chatinfo-info-container-display': string;
+    /** Направление флекс-элементов контейнера информации */
+    '--chotto-chatinfo-info-container-flex-direction': string;
+    /** Отображение заголовка */
+    '--chotto-chatinfo-title-display': string;
+    /** Колонка сетки заголовка */
+    '--chotto-chatinfo-title-grid-column': string;
+    /** Цвет заголовка */
+    '--chotto-chatinfo-title-color': string;
+    /** Размер шрифта заголовка */
+    '--chotto-chatinfo-title-font-size': string;
+    /** Толщина шрифта заголовка */
+    '--chotto-chatinfo-title-font-weight': string;
+    /** Отступы заголовка */
+    '--chotto-chatinfo-title-margin': string;
+    /** Отступы дополнительного заголовка */
+    '--chotto-chatinfo-additional-title-margin': string;
+    /** Размер шрифта дополнительного заголовка */
+    '--chotto-chatinfo-additional-title-font-size': string;
+    /** Отступы дополнительного заголовка */
+    '--chotto-chatinfo-additional-title-padding': string;
+    /** Граница дополнительного заголовка */
+    '--chotto-chatinfo-additional-title-border': string;
+    /** Радиус границы дополнительного заголовка */
+    '--chotto-chatinfo-additional-title-border-radius': string;
+    /** Левый отступ дополнительного заголовка */
+    '--chotto-chatinfo-additional-title-margin-left': string;
+    /** Отображение времени */
+    '--chotto-chatinfo-time-display': string;
+    /** Размер шрифта времени */
+    '--chotto-chatinfo-time-font-size': string;
+    /** Цвет времени */
+    '--chotto-chatinfo-time-color': string;
+    /** Колонка сетки времени */
+    '--chotto-chatinfo-time-grid-column': string;
+    /** Отступы времени */
+    '--chotto-chatinfo-time-margin': string;
+    /** Левый отступ действий */
+    '--chotto-chatinfo-actions-margin-left': string;
+    /** Граница кнопки возврата */
+    '--chotto-chatinfo-return-button-border': string;
+    /** Цвет фона кнопки возврата */
+    '--chotto-chatinfo-return-button-background-color': string;
+    /** Курсор кнопки возврата */
+    '--chotto-chatinfo-return-button-cursor': string;
+    /** Цвет кнопки возврата */
+    '--chotto-chatinfo-return-button-color': string;
+}