@mobilon-dev/chotto 0.3.3 → 0.3.5

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

@@ -0,0 +1,119 @@
+/**
+ * CSS переменные для компонента Feed
+ */
+export interface FeedThemeCSSVariables {
+    /** Высота ленты сообщений */
+    '--chotto-feed-height': string;
+    /** Максимальная высота ленты сообщений */
+    '--chotto-feed-max-height': string;
+    /** Отображение ленты сообщений */
+    '--chotto-feed-display': string;
+    /** Направление флекс-контейнера ленты сообщений */
+    '--chotto-feed-flex-direction': string;
+    /** Переполнение по вертикали ленты сообщений */
+    '--chotto-feed-overflow-y': string;
+    /** Переполнение по горизонтали ленты сообщений */
+    '--chotto-feed-overflow-x': string;
+    /** Поведение прокрутки ленты сообщений */
+    '--chotto-feed-scroll-behavior': string;
+    /** Отступы ленты сообщений */
+    '--chotto-feed-padding': string;
+    /** Позиционирование ленты сообщений */
+    '--chotto-feed-position': string;
+    /** Позиционирование сообщения */
+    '--chotto-feed-message-position': string;
+    /** Переход сообщения */
+    '--chotto-feed-message-transition': string;
+    /** Позиционирование кнопки прокрутки вниз */
+    '--chotto-feed-button-down-position': string;
+    /** Z-index кнопки прокрутки вниз */
+    '--chotto-feed-button-down-z-index': string;
+    /** Позиция кнопки прокрутки вниз снизу */
+    '--chotto-feed-button-down-bottom': string;
+    /** Отступ слева кнопки прокрутки вниз */
+    '--chotto-feed-button-down-margin-left': string;
+    /** Граница кнопки прокрутки вниз */
+    '--chotto-feed-button-down-border': string;
+    /** Минимальная ширина кнопки прокрутки вниз */
+    '--chotto-feed-button-down-min-width': string;
+    /** Минимальная высота кнопки прокрутки вниз */
+    '--chotto-feed-button-down-min-height': string;
+    /** Радиус границы кнопки прокрутки вниз */
+    '--chotto-feed-button-down-border-radius': string;
+    /** Отображение кнопки прокрутки вниз */
+    '--chotto-feed-button-down-display': string;
+    /** Выравнивание по главной оси кнопки прокрутки вниз */
+    '--chotto-feed-button-down-justify-content': string;
+    /** Выравнивание по поперечной оси кнопки прокрутки вниз */
+    '--chotto-feed-button-down-align-items': string;
+    /** Курсор кнопки прокрутки вниз */
+    '--chotto-feed-button-down-cursor': string;
+    /** Цвет фона кнопки прокрутки вниз */
+    '--chotto-feed-button-down-background-color': string;
+    /** Позиционирование клавиатуры */
+    '--chotto-feed-keyboard-position': string;
+    /** Позиция клавиатуры снизу */
+    '--chotto-feed-keyboard-bottom': string;
+    /** Максимальная ширина клавиатуры */
+    '--chotto-feed-keyboard-max-width': string;
+    /** Ширина клавиатуры */
+    '--chotto-feed-keyboard-width': string;
+    /** Размер шрифта иконки прокрутки вниз */
+    '--chotto-feed-icon-down-font-size': string;
+    /** Цвет иконки прокрутки вниз */
+    '--chotto-feed-icon-down-color': string;
+    /** Позиционирование счетчика непрочитанных */
+    '--chotto-feed-unread-amount-position': string;
+    /** Позиция счетчика непрочитанных сверху */
+    '--chotto-feed-unread-amount-top': string;
+    /** Позиция счетчика непрочитанных слева */
+    '--chotto-feed-unread-amount-left': string;
+    /** Позиция счетчика непрочитанных справа */
+    '--chotto-feed-unread-amount-right': string;
+    /** Отступы счетчика непрочитанных */
+    '--chotto-feed-unread-amount-margin': string;
+    /** Отображение счетчика непрочитанных */
+    '--chotto-feed-unread-amount-display': string;
+    /** Выравнивание по главной оси счетчика непрочитанных */
+    '--chotto-feed-unread-amount-justify-content': string;
+    /** Выравнивание по поперечной оси счетчика непрочитанных */
+    '--chotto-feed-unread-amount-align-items': string;
+    /** Размер шрифта счетчика непрочитанных */
+    '--chotto-feed-unread-amount-font-size': string;
+    /** Ширина счетчика непрочитанных */
+    '--chotto-feed-unread-amount-width': string;
+    /** Высота счетчика непрочитанных */
+    '--chotto-feed-unread-amount-height': string;
+    /** Цвет счетчика непрочитанных */
+    '--chotto-feed-unread-amount-color': string;
+    /** Цвет фона счетчика непрочитанных */
+    '--chotto-feed-unread-amount-background-color': string;
+    /** Радиус границы счетчика непрочитанных */
+    '--chotto-feed-unread-amount-border-radius': string;
+    /** Ширина скроллбара */
+    '--chotto-feed-scrollbar-width': string;
+    /** Цвет фона скроллбара */
+    '--chotto-feed-scrollbar-background-color': string;
+    /** Альтернативный ключ для цвета фона скроллбара (исп. в scss) */
+    '--chotto-feed-scrollbar-bg': string;
+    /** Радиус границы ползунка скроллбара */
+    '--chotto-feed-scrollbar-thumb-border-radius': string;
+    /** Цвет фона ползунка скроллбара */
+    '--chotto-feed-scrollbar-thumb-background-color': string;
+    /** Альтернативный ключ для цвета ползунка скроллбара (исп. в scss) */
+    '--chotto-feed-scrollbar-thumb-bg': string;
+    /** Радиус границы дорожки скроллбара */
+    '--chotto-feed-scrollbar-track-border-radius': string;
+    /** Цвет фона сфокусированного сообщения */
+    '--chotto-feed-focused-message-background-color': string;
+    /** Тень сфокусированного сообщения */
+    '--chotto-feed-focused-message-box-shadow': string;
+    /** Переход при входе */
+    '--chotto-feed-enter-active-transition': string;
+    /** Переход при выходе */
+    '--chotto-feed-leave-active-transition': string;
+    /** Трансформация при входе/выходе */
+    '--chotto-feed-enter-leave-transform': string;
+    /** Прозрачность при входе/выходе */
+    '--chotto-feed-enter-leave-opacity': string;
+}

package/dist/types/components/compounds/ModalVideoRecorder/styles/types.d.ts

@@ -0,0 +1,71 @@
+/**
+ * CSS переменные для компонента ModalVideoRecorder
+ */
+export interface ModalVideoRecorderThemeCSSVariables {
+    /** Позиционирование контейнера */
+    '--chotto-modalvideorecorder-container-position': string;
+    /** Отображение контейнера */
+    '--chotto-modalvideorecorder-container-display': string;
+    /** Выравнивание по поперечной оси контейнера */
+    '--chotto-modalvideorecorder-container-align-items': string;
+    /** Ширина области просмотра */
+    '--chotto-modalvideorecorder-view-area-width': string;
+    /** Высота области просмотра */
+    '--chotto-modalvideorecorder-view-area-height': string;
+    /** Отображение элементов управления */
+    '--chotto-modalvideorecorder-controls-display': string;
+    /** Выравнивание по главной оси элементов управления */
+    '--chotto-modalvideorecorder-controls-justify-content': string;
+    /** Отображение контейнера записи */
+    '--chotto-modalvideorecorder-recording-container-display': string;
+    /** Промежуток между элементами контейнера записи */
+    '--chotto-modalvideorecorder-recording-container-gap': string;
+    /** Размер шрифта иконки записи */
+    '--chotto-modalvideorecorder-recording-icon-font-size': string;
+    /** Анимация иконки записи */
+    '--chotto-modalvideorecorder-recording-icon-animation': string;
+    /** Ширина кнопки остановки */
+    '--chotto-modalvideorecorder-stop-width': string;
+    /** Высота кнопки остановки */
+    '--chotto-modalvideorecorder-stop-height': string;
+    /** Цвет фона кнопки остановки */
+    '--chotto-modalvideorecorder-stop-background-color': string;
+    /** Курсор кнопки остановки */
+    '--chotto-modalvideorecorder-stop-cursor': string;
+    /** Радиус границы кнопки остановки */
+    '--chotto-modalvideorecorder-stop-border-radius': string;
+    /** Отступы времени записи */
+    '--chotto-modalvideorecorder-recording-time-margin': string;
+    /** Начальный цвет мигания */
+    '--chotto-modalvideorecorder-blink-color-start': string;
+    /** Промежуточный цвет мигания */
+    '--chotto-modalvideorecorder-blink-color-middle': string;
+    /** Конечный цвет мигания */
+    '--chotto-modalvideorecorder-blink-color-end': string;
+    /** Цвет фона кнопки */
+    '--chotto-modalvideorecorder-button-background-color': string;
+    /** Граница кнопки */
+    '--chotto-modalvideorecorder-button-border': string;
+    /** Курсор span элемента кнопки */
+    '--chotto-modalvideorecorder-button-span-cursor': string;
+    /** Отображение span элемента кнопки */
+    '--chotto-modalvideorecorder-button-span-display': string;
+    /** Размер иконки в кнопке */
+    '--chotto-modalvideorecorder-button-icon-size': string;
+    /** Активный цвет иконки/кнопки */
+    '--chotto-modalvideorecorder-button-color-active': string;
+    /** Выравнивание текста заголовка */
+    '--chotto-modalvideorecorder-header-text-align': string;
+    /** Ширина заголовка */
+    '--chotto-modalvideorecorder-header-width': string;
+    /** Отступ снизу span элемента кнопки закрытия */
+    '--chotto-modalvideorecorder-button-close-span-padding-bottom': string;
+    /** Курсор отключенной кнопки */
+    '--chotto-modalvideorecorder-button-disabled-cursor': string;
+    /** Цвет отключенной иконки/кнопки */
+    '--chotto-modalvideorecorder-button-color-disabled': string;
+    /** Курсор кнопки записи */
+    '--chotto-modalvideorecorder-recording-button-cursor': string;
+    /** Курсор span элемента кнопки записи */
+    '--chotto-modalvideorecorder-recording-button-span-cursor': string;
+}

package/dist/types/components/compounds/SideBar/styles/types.d.ts

@@ -0,0 +1,279 @@
+/**
+ * CSS переменные для компонента SideBar
+ */
+export interface SideBarThemeCSSVariables {
+    /** Отступы контейнера */
+    '--chotto-sidebar-padding-container': string;
+    /** Промежуток между строками списка */
+    '--chotto-sidebar-row-gap-list': string;
+    /** Граница активного изображения */
+    '--chotto-sidebar-image-active-border': string;
+    /** Граница сверху фиксированного списка */
+    '--chotto-sidebar-list-fixed-border-top': string;
+    /** Граница снизу фиксированного списка */
+    '--chotto-sidebar-list-fixed-border-bottom': string;
+    /** Высота счетчика уведомлений */
+    '--chotto-sidebar-notification-count-height': string;
+    /** Радиус наведения */
+    '--chotto-sidebar-hover-radius': string;
+    /** Отображение контейнера */
+    '--chotto-sidebar-container-display': string;
+    /** Направление флекс-контейнера */
+    '--chotto-sidebar-container-flex-direction': string;
+    /** Высота контейнера */
+    '--chotto-sidebar-container-height': string;
+    /** Цвет фона контейнера */
+    '--chotto-sidebar-container-background-color': string;
+    /** Позиционирование контейнера */
+    '--chotto-sidebar-container-position': string;
+    /** Переполнение контейнера */
+    '--chotto-sidebar-container-overflow': string;
+    /** Коэффициент роста контейнера прокрутки */
+    '--chotto-sidebar-scroll-container-flex': string;
+    /** Переполнение по вертикали контейнера прокрутки */
+    '--chotto-sidebar-scroll-container-overflow-y': string;
+    /** Переполнение по горизонтали контейнера прокрутки */
+    '--chotto-sidebar-scroll-container-overflow-x': string;
+    /** Отступ снизу контейнера прокрутки */
+    '--chotto-sidebar-scroll-container-padding-bottom': string;
+    /** Ширина скроллбара контейнера прокрутки */
+    '--chotto-sidebar-scroll-container-scrollbar-width': string;
+    /** Стиль переполнения MS контейнера прокрутки */
+    '--chotto-sidebar-scroll-container-ms-overflow-style': string;
+    /** Отображение webkit скроллбара контейнера прокрутки */
+    '--chotto-sidebar-scroll-container-webkit-scrollbar-display': string;
+    /** Позиционирование фиксированного списка */
+    '--chotto-sidebar-list-fixed-position': string;
+    /** Позиция фиксированного списка сверху */
+    '--chotto-sidebar-list-fixed-top': string;
+    /** Z-index фиксированного списка */
+    '--chotto-sidebar-list-fixed-z-index': string;
+    /** Фон расширенной первой колонки лэйаута */
+    '--chotto-sidebar-layout-extended-first-col-bg': string;
+    /** Отступы фиксированного списка */
+    '--chotto-sidebar-list-fixed-padding': string;
+    /** Отступ снизу фиксированного списка */
+    '--chotto-sidebar-list-fixed-margin-bottom': string;
+    /** Отображение фиксированного списка */
+    '--chotto-sidebar-list-fixed-display': string;
+    /** Направление флекс-контейнера фиксированного списка */
+    '--chotto-sidebar-list-fixed-flex-direction': string;
+    /** Содержимое псевдоэлемента after фиксированного списка */
+    '--chotto-sidebar-list-fixed-after-content': string;
+    /** Позиционирование псевдоэлемента after фиксированного списка */
+    '--chotto-sidebar-list-fixed-after-position': string;
+    /** Позиция псевдоэлемента after фиксированного списка снизу */
+    '--chotto-sidebar-list-fixed-after-bottom': string;
+    /** Позиция псевдоэлемента after фиксированного списка слева */
+    '--chotto-sidebar-list-fixed-after-left': string;
+    /** Трансформация псевдоэлемента after фиксированного списка */
+    '--chotto-sidebar-list-fixed-after-transform': string;
+    /** Ширина псевдоэлемента after фиксированного списка */
+    '--chotto-sidebar-list-fixed-after-width': string;
+    /** Ширина границы снизу фиксированного списка */
+    '--chotto-sidebar-list-fixed-border-bottom-width': string;
+    /** Цвет границы снизу фиксированного списка */
+    '--chotto-sidebar-list-fixed-border-bottom-color': string;
+    /** Отображение границы снизу фиксированного списка */
+    '--chotto-sidebar-list-fixed-border-bottom-display': string;
+    /** Отображение списка */
+    '--chotto-sidebar-list-display': string;
+    /** Направление флекс-контейнера списка */
+    '--chotto-sidebar-list-flex-direction': string;
+    /** Отступы списка */
+    '--chotto-sidebar-list-padding': string;
+    /** Z-index списка */
+    '--chotto-sidebar-list-z-index': string;
+    /** Позиционирование элемента */
+    '--chotto-sidebar-item-position': string;
+    /** Курсор элемента */
+    '--chotto-sidebar-item-cursor': string;
+    /** Отображение элемента */
+    '--chotto-sidebar-item-display': string;
+    /** Направление флекс-контейнера элемента */
+    '--chotto-sidebar-item-flex-direction': string;
+    /** Промежуток между строками элемента */
+    '--chotto-sidebar-item-row-gap': string;
+    /** Выравнивание по поперечной оси элемента */
+    '--chotto-sidebar-item-align-items': string;
+    /** Цвет фона элемента */
+    '--chotto-sidebar-item-background-color': string;
+    /** Радиус границы элемента */
+    '--chotto-sidebar-item-border-radius': string;
+    /** Содержимое псевдоэлемента before элемента */
+    '--chotto-sidebar-item-before-content': string;
+    /** Позиционирование псевдоэлемента before элемента */
+    '--chotto-sidebar-item-before-position': string;
+    /** Ширина псевдоэлемента before элемента */
+    '--chotto-sidebar-item-before-width': string;
+    /** Высота псевдоэлемента before элемента */
+    '--chotto-sidebar-item-before-height': string;
+    /** Цвет фона псевдоэлемента before элемента */
+    '--chotto-sidebar-item-before-background-color': string;
+    /** Позиция псевдоэлемента before элемента сверху */
+    '--chotto-sidebar-item-before-top': string;
+    /** Позиция псевдоэлемента before элемента слева */
+    '--chotto-sidebar-item-before-left': string;
+    /** Трансформация псевдоэлемента before элемента */
+    '--chotto-sidebar-item-before-transform': string;
+    /** Z-index псевдоэлемента before элемента */
+    '--chotto-sidebar-item-before-z-index': string;
+    /** Переход псевдоэлемента before элемента */
+    '--chotto-sidebar-item-before-transition': string;
+    /** События указателя псевдоэлемента before элемента */
+    '--chotto-sidebar-item-before-pointer-events': string;
+    /** Цвет фона hover псевдоэлемента before элемента */
+    '--chotto-sidebar-item-before-background-color-hover': string;
+    /** Цвет текста бейджа непрочитанных */
+    '--chotto-sidebar-unread-text-color': string;
+    /** Цвет фона бейджа непрочитанных */
+    '--chotto-sidebar-unread-background-color': string;
+    /** Позиционирование span элемента */
+    '--chotto-sidebar-item-span-position': string;
+    /** Позиция span элемента сверху */
+    '--chotto-sidebar-item-span-top': string;
+    /** Позиция span элемента справа */
+    '--chotto-sidebar-item-span-right': string;
+    /** Отображение span элемента */
+    '--chotto-sidebar-item-span-display': string;
+    /** Выравнивание по главной оси span элемента */
+    '--chotto-sidebar-item-span-justify-content': string;
+    /** Выравнивание по поперечной оси span элемента */
+    '--chotto-sidebar-item-span-align-items': string;
+    /** Отступы span элемента */
+    '--chotto-sidebar-item-span-padding': string;
+    /** Максимальная ширина span элемента */
+    '--chotto-sidebar-item-span-max-width': string;
+    /** Минимальная ширина span элемента */
+    '--chotto-sidebar-item-span-min-width': string;
+    /** Радиус границы span элемента */
+    '--chotto-sidebar-item-span-border-radius': string;
+    /** Высота строки span элемента */
+    '--chotto-sidebar-item-span-line-height': string;
+    /** Z-index span элемента */
+    '--chotto-sidebar-item-span-z-index': string;
+    /** Размер шрифта маленького текста */
+    '--chotto-sidebar-small-text-font-size': string;
+    /** Начертание шрифта маленького текста */
+    '--chotto-sidebar-small-text-font-weight': string;
+    /** Цвет заголовка/подписи элемента */
+    '--chotto-sidebar-header-font-color': string;
+    /** Выравнивание текста параграфа элемента */
+    '--chotto-sidebar-item-p-text-align': string;
+    /** Высота строки параграфа элемента */
+    '--chotto-sidebar-item-p-line-height': string;
+    /** Позиционирование изображения */
+    '--chotto-sidebar-image-position': string;
+    /** Z-index изображения */
+    '--chotto-sidebar-image-z-index': string;
+    /** Радиус границы изображения */
+    '--chotto-sidebar-image-border-radius': string;
+    /** Обрезка изображения */
+    '--chotto-sidebar-image-object-fit': string;
+    /** Переход изображения */
+    '--chotto-sidebar-image-transition': string;
+    /** Прозрачность изображения */
+    '--chotto-sidebar-image-opacity': string;
+    /** Прозрачность активного изображения */
+    '--chotto-sidebar-image-active-opacity': string;
+    /** Позиционирование контейнера настроек */
+    '--chotto-sidebar-settings-container-position': string;
+    /** Позиция контейнера настроек снизу */
+    '--chotto-sidebar-settings-container-bottom': string;
+    /** Позиция контейнера настроек слева */
+    '--chotto-sidebar-settings-container-left': string;
+    /** Позиция контейнера настроек справа */
+    '--chotto-sidebar-settings-container-right': string;
+    /** Отображение контейнера настроек */
+    '--chotto-sidebar-settings-container-display': string;
+    /** Выравнивание по главной оси контейнера настроек */
+    '--chotto-sidebar-settings-container-justify-content': string;
+    /** Z-index контейнера настроек */
+    '--chotto-sidebar-settings-container-z-index': string;
+    /** Цвет фона кнопки настроек */
+    '--chotto-sidebar-settings-btn-background': string;
+    /** Граница кнопки настроек */
+    '--chotto-sidebar-settings-btn-border': string;
+    /** Отступы кнопки настроек */
+    '--chotto-sidebar-settings-btn-padding': string;
+    /** Отступы кнопки настроек */
+    '--chotto-sidebar-settings-btn-margin': string;
+    /** Контур кнопки настроек */
+    '--chotto-sidebar-settings-btn-outline': string;
+    /** Курсор кнопки настроек */
+    '--chotto-sidebar-settings-btn-cursor': string;
+    /** Отображение кнопки настроек */
+    '--chotto-sidebar-settings-btn-display': string;
+    /** Выравнивание по поперечной оси кнопки настроек */
+    '--chotto-sidebar-settings-btn-align-items': string;
+    /** Выравнивание по главной оси кнопки настроек */
+    '--chotto-sidebar-settings-btn-justify-content': string;
+    /** Радиус границы кнопки настроек */
+    '--chotto-sidebar-settings-btn-border-radius': string;
+    /** Переход кнопки настроек */
+    '--chotto-sidebar-settings-btn-transition': string;
+    /** Цвет фона hover кнопки настроек */
+    '--chotto-sidebar-settings-btn-hover-background-color': string;
+    /** Позиционирование выбранной полосы */
+    '--chotto-sidebar-selected-bar-position': string;
+    /** Ширина выбранной полосы */
+    '--chotto-sidebar-selected-bar-width': string;
+    /** Высота выбранной полосы */
+    '--chotto-sidebar-selected-bar-height': string;
+    /** Позиция выбранной полосы слева */
+    '--chotto-sidebar-selected-bar-left': string;
+    /** Позиция выбранной полосы сверху */
+    '--chotto-sidebar-selected-bar-top': string;
+    /** Радиус границы выбранной полосы */
+    '--chotto-sidebar-selected-bar-border-radius': string;
+    /** Цвет фона выбранной полосы */
+    '--chotto-sidebar-selected-bar-background-color': string;
+    /** Z-index выбранной полосы */
+    '--chotto-sidebar-selected-bar-z-index': string;
+    /** Переход выбранной полосы */
+    '--chotto-sidebar-selected-bar-transition': string;
+    /** Направление флекс-контейнера горизонтального сайдбара */
+    '--chotto-sidebar-horizontal-container-flex-direction': string;
+    /** Высота контейнера горизонтального сайдбара */
+    '--chotto-sidebar-horizontal-container-height': string;
+    /** Отступ сверху контейнера горизонтального сайдбара */
+    '--chotto-sidebar-horizontal-container-padding-top': string;
+    /** Отступ снизу контейнера горизонтального сайдбара */
+    '--chotto-sidebar-horizontal-container-padding-bottom': string;
+    /** Цвет фона контейнера горизонтального сайдбара */
+    '--chotto-sidebar-horizontal-container-background-color': string;
+    /** Направление флекс-контейнера списка горизонтального сайдбара */
+    '--chotto-sidebar-horizontal-list-flex-direction': string;
+    /** Позиционирование фиксированного списка горизонтального сайдбара */
+    '--chotto-sidebar-horizontal-list-fixed-position': string;
+    /** Отступ слева фиксированного списка горизонтального сайдбара */
+    '--chotto-sidebar-horizontal-list-fixed-padding-left': string;
+    /** Отступ сверху фиксированного списка горизонтального сайдбара */
+    '--chotto-sidebar-horizontal-list-fixed-padding-top': string;
+    /** Граница сверху фиксированного списка горизонтального сайдбара */
+    '--chotto-sidebar-horizontal-list-fixed-border-top': string;
+    /** Отступ справа фиксированного списка горизонтального сайдбара */
+    '--chotto-sidebar-horizontal-list-fixed-margin-right': string;
+    /** Отступ снизу фиксированного списка горизонтального сайдбара */
+    '--chotto-sidebar-horizontal-list-fixed-margin-bottom': string;
+    /** Сжатие фиксированного списка горизонтального сайдбара */
+    '--chotto-sidebar-horizontal-list-fixed-flex-shrink': string;
+    /** Отображение элемента горизонтального сайдбара */
+    '--chotto-sidebar-horizontal-item-display': string;
+    /** Максимальная ширина элемента горизонтального сайдбара */
+    '--chotto-sidebar-horizontal-item-max-width': string;
+    /** Выравнивание текста элемента горизонтального сайдбара */
+    '--chotto-sidebar-horizontal-item-text-align': string;
+    /** Ширина span элемента горизонтального сайдбара */
+    '--chotto-sidebar-horizontal-item-span-width': string;
+    /** Высота span элемента горизонтального сайдбара */
+    '--chotto-sidebar-horizontal-item-span-height': string;
+    /** Позиция span элемента горизонтального сайдбара слева */
+    '--chotto-sidebar-horizontal-item-span-left': string;
+    /** Размер шрифта параграфа элемента горизонтального сайдбара */
+    '--chotto-sidebar-horizontal-item-p-font-size': string;
+    /** Ширина изображения горизонтального сайдбара */
+    '--chotto-sidebar-horizontal-image-width': string;
+    /** Высота изображения горизонтального сайдбара */
+    '--chotto-sidebar-horizontal-image-height': string;
+}

package/dist/types/components/compounds/TemplateSelector/TemplateSelector.vue.d.ts

@@ -3,10 +3,12 @@ declare const _default: import("vue").DefineComponent<{}, {
     templates: unknown[];
     groupTemplates: unknown[];
     elevatedWindow: boolean;
+    chatBackground: string;
     $props: {
         readonly templates?: unknown[] | undefined;
         readonly groupTemplates?: unknown[] | undefined;
         readonly elevatedWindow?: boolean | undefined;
+        readonly chatBackground?: string | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;