@mobilon-dev/chotto 0.3.4 → 0.3.6

package/dist/types/components/1_atoms/LinkPreview/styles/types.d.ts

@@ -0,0 +1,55 @@
+/**
+ * CSS переменные для компонента LinkPreview
+ */
+export interface LinkPreviewThemeCSSVariables {
+    /** Радиус границы превью ссылки */
+    '--chotto-linkpreview-border-radius': string;
+    /** Позиционирование превью ссылки */
+    '--chotto-linkpreview-position': string;
+    /** Отступы превью ссылки */
+    '--chotto-linkpreview-margin': string;
+    /** Внутренние отступы превью ссылки */
+    '--chotto-linkpreview-padding': string;
+    /** Переполнение превью ссылки */
+    '--chotto-linkpreview-overflow': string;
+    /** Содержимое псевдоэлемента ::before */
+    '--chotto-linkpreview-before-content': string;
+    /** Позиционирование псевдоэлемента ::before */
+    '--chotto-linkpreview-before-position': string;
+    /** Верхняя позиция псевдоэлемента ::before */
+    '--chotto-linkpreview-before-top': string;
+    /** Левая позиция псевдоэлемента ::before */
+    '--chotto-linkpreview-before-left': string;
+    /** Ширина псевдоэлемента ::before */
+    '--chotto-linkpreview-before-width': string;
+    /** Высота псевдоэлемента ::before */
+    '--chotto-linkpreview-before-height': string;
+    /** Цвет фона псевдоэлемента ::before */
+    '--chotto-linkpreview-before-background-color': string;
+    /** Отображение контейнера ссылки */
+    '--chotto-linkpreview-link-container-display': string;
+    /** Направление флекс-элементов контейнера ссылки */
+    '--chotto-linkpreview-link-container-flex-direction': string;
+    /** Цвет текста контейнера ссылки */
+    '--chotto-linkpreview-link-container-color': string;
+    /** Размер шрифта контейнера ссылки */
+    '--chotto-linkpreview-link-container-font-size': string;
+    /** Толщина шрифта заголовка */
+    '--chotto-linkpreview-title-font-weight': string;
+    /** Нижний отступ заголовка */
+    '--chotto-linkpreview-title-margin-bottom': string;
+    /** Нижний отступ описания */
+    '--chotto-linkpreview-description-margin-bottom': string;
+    /** Подгонка объекта изображения */
+    '--chotto-linkpreview-image-object-fit': string;
+    /** Ширина изображения */
+    '--chotto-linkpreview-image-width': string;
+    /** Максимальная высота изображения */
+    '--chotto-linkpreview-image-max-height': string;
+    /** Радиус границы изображения */
+    '--chotto-linkpreview-image-border-radius': string;
+    /** Цвет фона для левого сообщения */
+    '--chotto-linkpreview-left-background-color': string;
+    /** Цвет фона для правого сообщения */
+    '--chotto-linkpreview-right-background-color': string;
+}

package/dist/types/components/1_atoms/Tooltip/styles/types.d.ts

@@ -0,0 +1,61 @@
+/**
+ * CSS переменные для компонента Tooltip
+ */
+export interface TooltipThemeCSSVariables {
+    /** Цвет текста подсказки */
+    '--chotto-tooltip-text-color': string;
+    /** Фон подсказки */
+    '--chotto-tooltip-bg-color': string;
+    /** Граница подсказки */
+    '--chotto-tooltip-border': string;
+    /** Радиус границы подсказки */
+    '--chotto-tooltip-border-radius': string;
+    /** Отступы подсказки */
+    '--chotto-tooltip-padding': string;
+    /** Максимальная ширина подсказки */
+    '--chotto-tooltip-max-width': string;
+    /** Выравнивание текста подсказки */
+    '--chotto-tooltip-text-align': string;
+    /** Размер шрифта подсказки */
+    '--chotto-tooltip-font-size': string;
+    /** Семейство шрифтов подсказки */
+    '--chotto-tooltip-font-family': string;
+    /** Жирность шрифта подсказки */
+    '--chotto-tooltip-font-weight': string;
+    /** Высота строки подсказки */
+    '--chotto-tooltip-line-height': string;
+    /** Тень подсказки */
+    '--chotto-tooltip-box-shadow': string;
+    /** Z-index подсказки */
+    '--chotto-tooltip-z-index': string;
+    /** Позиционирование подсказки */
+    '--chotto-tooltip-position': string;
+    /** Позиция подсказки сверху */
+    '--chotto-tooltip-top': string;
+    /** Позиция подсказки слева */
+    '--chotto-tooltip-left': string;
+    /** Прозрачность подсказки */
+    '--chotto-tooltip-opacity': string;
+    /** Трансформация подсказки */
+    '--chotto-tooltip-transform': string;
+    /** Переход подсказки */
+    '--chotto-tooltip-transition': string;
+    /** Прозрачность при входе подсказки */
+    '--chotto-tooltip-enter-opacity': string;
+    /** Трансформация при входе подсказки */
+    '--chotto-tooltip-enter-transform': string;
+    /** Прозрачность при завершении входа подсказки */
+    '--chotto-tooltip-enter-to-opacity': string;
+    /** Трансформация при завершении входа подсказки */
+    '--chotto-tooltip-enter-to-transform': string;
+    /** Позиционирование обертки подсказки */
+    '--chotto-tooltip-wrapper-position': string;
+    /** Ширина обертки подсказки */
+    '--chotto-tooltip-wrapper-width': string;
+    /** Высота обертки подсказки */
+    '--chotto-tooltip-wrapper-height': string;
+    /** Отображение обертки подсказки */
+    '--chotto-tooltip-wrapper-display': string;
+    /** Курсор обертки подсказки */
+    '--chotto-tooltip-wrapper-cursor': string;
+}

package/dist/types/components/1_atoms/index.d.ts

@@ -0,0 +1,5 @@
+export { default as ButtonContextMenu } from './ButtonContextMenu/ButtonContextMenu.vue';
+export { default as ContextMenu } from './ContextMenu/ContextMenu.vue';
+export { default as EmbedPreview } from './EmbedPreview/EmbedPreview.vue';
+export { default as LinkPreview } from './LinkPreview/LinkPreview.vue';
+export { default as Tooltip } from './Tooltip/Tooltip.vue';

package/dist/types/components/2_blocks/CommunicationPanel/styles/types.d.ts

@@ -0,0 +1,401 @@
+/**
+ * CSS переменные для компонента CommunicationPanel
+ */
+export interface CommunicationPanelThemeCSSVariables {
+    /** Позиционирование основной панели */
+    '--chotto-communicationpanel-main-position': string;
+    /** Отображение основной панели */
+    '--chotto-communicationpanel-main-display': string;
+    /** Отображение панели каналов */
+    '--chotto-communicationpanel-channels-display': string;
+    /** Позиционирование панели каналов */
+    '--chotto-communicationpanel-channels-position': string;
+    /** Цвет фона панели каналов */
+    '--chotto-communicationpanel-background': string;
+    /** Ширина границы панели каналов */
+    '--chotto-communicationpanel-border-width': string;
+    /** Радиус границы панели каналов */
+    '--chotto-communicationpanel-border-radius': string;
+    /** Цвет границы панели каналов */
+    '--chotto-communicationpanel-border-color': string;
+    /** Отступы панели каналов */
+    '--chotto-communicationpanel-padding': string;
+    /** Промежуток между элементами панели каналов */
+    '--chotto-communicationpanel-gap': string;
+    /** Высота панели каналов */
+    '--chotto-communicationpanel-height': string;
+    /** Тень панели каналов */
+    '--chotto-communicationpanel-box-shadow': string;
+    /** Отображение кнопки канала */
+    '--chotto-communicationpanel-btn-display': string;
+    /** Выравнивание по поперечной оси кнопки канала */
+    '--chotto-communicationpanel-btn-align-items': string;
+    /** Выравнивание по главной оси кнопки канала */
+    '--chotto-communicationpanel-btn-justify-content': string;
+    /** Отступы кнопки канала */
+    '--chotto-communicationpanel-btn-padding': string;
+    /** Граница кнопки канала */
+    '--chotto-communicationpanel-btn-border': string;
+    /** Цвет фона кнопки канала */
+    '--chotto-communicationpanel-btn-background': string;
+    /** Радиус границы кнопки канала */
+    '--chotto-communicationpanel-btn-border-radius': string;
+    /** Курсор кнопки канала */
+    '--chotto-communicationpanel-btn-cursor': string;
+    /** Переход кнопки канала */
+    '--chotto-communicationpanel-btn-transition': string;
+    /** Позиционирование кнопки канала */
+    '--chotto-communicationpanel-btn-position': string;
+    /** Ширина кнопки канала */
+    '--chotto-communicationpanel-btn-width': string;
+    /** Высота кнопки канала */
+    '--chotto-communicationpanel-btn-height': string;
+    /** Цвет кнопки канала */
+    '--chotto-communicationpanel-btn-color': string;
+    /** Размер шрифта кнопки канала */
+    '--chotto-communicationpanel-btn-font-size': string;
+    /** Жирность шрифта кнопки канала */
+    '--chotto-communicationpanel-btn-font-weight': string;
+    /** Цвет фона кнопки канала при наведении */
+    '--chotto-communicationpanel-btn-hover-background': string;
+    /** Цвет кнопки канала при наведении */
+    '--chotto-communicationpanel-btn-hover-color': string;
+    /** Трансформация кнопки канала при наведении */
+    '--chotto-communicationpanel-btn-hover-transform': string;
+    /** Цвет активной кнопки канала */
+    '--chotto-communicationpanel-btn-active-color': string;
+    /** Цвет фона активной кнопки канала */
+    '--chotto-communicationpanel-btn-active-background': string;
+    /** Жирность шрифта активной кнопки канала */
+    '--chotto-communicationpanel-btn-active-font-weight': string;
+    /** Содержимое разделителя кнопки канала */
+    '--chotto-communicationpanel-btn-divider-content': string;
+    /** Позиционирование разделителя кнопки канала */
+    '--chotto-communicationpanel-btn-divider-position': string;
+    /** Позиция разделителя кнопки канала справа */
+    '--chotto-communicationpanel-btn-divider-right': string;
+    /** Позиция разделителя кнопки канала сверху */
+    '--chotto-communicationpanel-btn-divider-top': string;
+    /** Позиция разделителя кнопки канала снизу */
+    '--chotto-communicationpanel-btn-divider-bottom': string;
+    /** Ширина разделителя кнопки канала */
+    '--chotto-communicationpanel-btn-divider-width': string;
+    /** Цвет разделителя кнопки канала */
+    '--chotto-communicationpanel-btn-divider-color': string;
+    /** Радиус границы разделителя кнопки канала */
+    '--chotto-communicationpanel-btn-divider-border-radius': string;
+    /** Радиус границы первой кнопки канала */
+    '--chotto-communicationpanel-btn-first-border-radius': string;
+    /** Радиус границы последней кнопки канала */
+    '--chotto-communicationpanel-btn-last-border-radius': string;
+    /** Позиционирование индикатора активности */
+    '--chotto-communicationpanel-active-indicator-position': string;
+    /** Позиция индикатора активности снизу */
+    '--chotto-communicationpanel-active-indicator-bottom': string;
+    /** Позиция индикатора активности слева */
+    '--chotto-communicationpanel-active-indicator-left': string;
+    /** Трансформация индикатора активности */
+    '--chotto-communicationpanel-active-indicator-transform': string;
+    /** Ширина индикатора активности */
+    '--chotto-communicationpanel-active-indicator-width': string;
+    /** Высота индикатора активности */
+    '--chotto-communicationpanel-active-indicator-height': string;
+    /** Цвет фона индикатора активности */
+    '--chotto-communicationpanel-active-indicator-background': string;
+    /** Радиус границы индикатора активности */
+    '--chotto-communicationpanel-active-indicator-border-radius': string;
+    /** Прозрачность индикатора активности */
+    '--chotto-communicationpanel-active-indicator-opacity': string;
+    /** Переход индикатора активности */
+    '--chotto-communicationpanel-active-indicator-transition': string;
+    /** Отображение иконки канала */
+    '--chotto-communicationpanel-icon-display': string;
+    /** Выравнивание по поперечной оси иконки канала */
+    '--chotto-communicationpanel-icon-align-items': string;
+    /** Выравнивание по главной оси иконки канала */
+    '--chotto-communicationpanel-icon-justify-content': string;
+    /** Ширина иконки канала */
+    '--chotto-communicationpanel-icon-width': string;
+    /** Высота иконки канала */
+    '--chotto-communicationpanel-icon-height': string;
+    /** Цвет иконки канала */
+    '--chotto-communicationpanel-icon-color': string;
+    /** Размер шрифта иконки канала */
+    '--chotto-communicationpanel-icon-font-size': string;
+    /** Переход иконки канала */
+    '--chotto-communicationpanel-icon-transition': string;
+    /** Отображение маленькой иконки канала */
+    '--chotto-communicationpanel-icon-small-display': string;
+    /** Выравнивание по поперечной оси маленькой иконки канала */
+    '--chotto-communicationpanel-icon-small-align-items': string;
+    /** Выравнивание по главной оси маленькой иконки канала */
+    '--chotto-communicationpanel-icon-small-justify-content': string;
+    /** Ширина маленькой иконки канала */
+    '--chotto-communicationpanel-icon-small-width': string;
+    /** Высота маленькой иконки канала */
+    '--chotto-communicationpanel-icon-small-height': string;
+    /** Отступ слева маленькой иконки канала */
+    '--chotto-communicationpanel-icon-small-margin-left': string;
+    /** Цвет маленькой иконки канала */
+    '--chotto-communicationpanel-icon-small-color': string;
+    /** Размер шрифта маленькой иконки канала */
+    '--chotto-communicationpanel-icon-small-font-size': string;
+    /** Сжатие маленькой иконки канала */
+    '--chotto-communicationpanel-icon-small-flex-shrink': string;
+    /** Позиционирование меню атрибутов */
+    '--chotto-communicationpanel-menu-position': string;
+    /** Позиция меню атрибутов сверху */
+    '--chotto-communicationpanel-menu-top': string;
+    /** Позиция меню атрибутов слева */
+    '--chotto-communicationpanel-menu-left': string;
+    /** Позиция меню атрибутов справа */
+    '--chotto-communicationpanel-menu-right': string;
+    /** Цвет фона меню атрибутов */
+    '--chotto-communicationpanel-menu-background': string;
+    /** Граница меню атрибутов */
+    '--chotto-communicationpanel-menu-border': string;
+    /** Радиус границы меню атрибутов */
+    '--chotto-communicationpanel-menu-border-radius': string;
+    /** Тень меню атрибутов */
+    '--chotto-communicationpanel-menu-box-shadow': string;
+    /** Отступы меню атрибутов */
+    '--chotto-communicationpanel-menu-padding': string;
+    /** Z-index меню атрибутов */
+    '--chotto-communicationpanel-menu-z-index': string;
+    /** Максимальная высота меню атрибутов */
+    '--chotto-communicationpanel-menu-max-height': string;
+    /** Минимальная ширина меню атрибутов */
+    '--chotto-communicationpanel-menu-min-width': string;
+    /** Промежуток между элементами меню атрибутов */
+    '--chotto-communicationpanel-menu-gap': string;
+    /** Прозрачность меню атрибутов */
+    '--chotto-communicationpanel-menu-opacity': string;
+    /** Трансформация меню атрибутов */
+    '--chotto-communicationpanel-menu-transform': string;
+    /** Переход меню атрибутов */
+    '--chotto-communicationpanel-menu-transition': string;
+    /** Отступы заголовка меню */
+    '--chotto-communicationpanel-menu-header-padding': string;
+    /** Размер шрифта заголовка меню */
+    '--chotto-communicationpanel-menu-header-font-size': string;
+    /** Цвет заголовка меню */
+    '--chotto-communicationpanel-menu-header-color': string;
+    /** Жирность шрифта заголовка меню */
+    '--chotto-communicationpanel-menu-header-font-weight': string;
+    /** Межбуквенное расстояние заголовка меню */
+    '--chotto-communicationpanel-menu-header-letter-spacing': string;
+    /** Трансформация текста заголовка меню */
+    '--chotto-communicationpanel-menu-header-text-transform': string;
+    /** Граница снизу заголовка меню */
+    '--chotto-communicationpanel-menu-header-border-bottom': string;
+    /** Отступ снизу заголовка меню */
+    '--chotto-communicationpanel-menu-header-margin-bottom': string;
+    /** Отображение элемента атрибута */
+    '--chotto-communicationpanel-attribute-display': string;
+    /** Выравнивание по главной оси элемента атрибута */
+    '--chotto-communicationpanel-attribute-justify-content': string;
+    /** Выравнивание по поперечной оси элемента атрибута */
+    '--chotto-communicationpanel-attribute-align-items': string;
+    /** Отступы элемента атрибута */
+    '--chotto-communicationpanel-attribute-padding': string;
+    /** Курсор элемента атрибута */
+    '--chotto-communicationpanel-attribute-cursor': string;
+    /** Переход элемента атрибута */
+    '--chotto-communicationpanel-attribute-transition': string;
+    /** Радиус границы элемента атрибута */
+    '--chotto-communicationpanel-attribute-border-radius': string;
+    /** Отступы элемента атрибута */
+    '--chotto-communicationpanel-attribute-margin': string;
+    /** Цвет фона элемента атрибута */
+    '--chotto-communicationpanel-attribute-background': string;
+    /** Цвет элемента атрибута */
+    '--chotto-communicationpanel-attribute-color': string;
+    /** Размер шрифта элемента атрибута */
+    '--chotto-communicationpanel-attribute-font-size': string;
+    /** Цвет фона элемента атрибута при наведении */
+    '--chotto-communicationpanel-attribute-hover-background': string;
+    /** Цвет элемента атрибута при наведении */
+    '--chotto-communicationpanel-attribute-hover-color': string;
+    /** Трансформация элемента атрибута при наведении */
+    '--chotto-communicationpanel-attribute-hover-transform': string;
+    /** Отображение информации атрибута */
+    '--chotto-communicationpanel-attribute-info-display': string;
+    /** Направление флекс-контейнера информации атрибута */
+    '--chotto-communicationpanel-attribute-info-flex-direction': string;
+    /** Промежуток между элементами информации атрибута */
+    '--chotto-communicationpanel-attribute-info-gap': string;
+    /** Коэффициент роста информации атрибута */
+    '--chotto-communicationpanel-attribute-info-flex': string;
+    /** Жирность шрифта значения атрибута */
+    '--chotto-communicationpanel-attribute-value-font-weight': string;
+    /** Размер шрифта значения атрибута */
+    '--chotto-communicationpanel-attribute-value-font-size': string;
+    /** Цвет значения атрибута */
+    '--chotto-communicationpanel-attribute-value-color': string;
+    /** Высота строки значения атрибута */
+    '--chotto-communicationpanel-attribute-value-line-height': string;
+    /** Цвет серой иконки меню */
+    '--chotto-communicationpanel-menu-icon-grey-color': string;
+    /** Размер шрифта серой иконки меню */
+    '--chotto-communicationpanel-menu-icon-grey-font-size': string;
+    /** Цвет иконки меню */
+    '--chotto-communicationpanel-menu-icon-color': string;
+    /** Жирность шрифта иконки меню */
+    '--chotto-communicationpanel-menu-icon-font-weight': string;
+    /** Отступ слева иконки меню */
+    '--chotto-communicationpanel-menu-icon-margin-left': string;
+    /** Отображение иконки меню */
+    '--chotto-communicationpanel-menu-icon-display': string;
+    /** Выравнивание по поперечной оси иконки меню */
+    '--chotto-communicationpanel-menu-icon-align-items': string;
+    /** Выравнивание по главной оси иконки меню */
+    '--chotto-communicationpanel-menu-icon-justify-content': string;
+    /** Размер шрифта иконки меню */
+    '--chotto-communicationpanel-menu-icon-font-size': string;
+    /** Ширина иконки меню */
+    '--chotto-communicationpanel-menu-icon-width': string;
+    /** Высота иконки меню */
+    '--chotto-communicationpanel-menu-icon-height': string;
+    /** Ширина стрелки меню */
+    '--chotto-communicationpanel-menu-arrow-width': string;
+    /** Высота стрелки меню */
+    '--chotto-communicationpanel-menu-arrow-height': string;
+    /** Граница сверху стрелки меню */
+    '--chotto-communicationpanel-menu-arrow-border-top': string;
+    /** Граница справа стрелки меню */
+    '--chotto-communicationpanel-menu-arrow-border-right': string;
+    /** Трансформация стрелки меню */
+    '--chotto-communicationpanel-menu-arrow-transform': string;
+    /** Переход стрелки меню */
+    '--chotto-communicationpanel-menu-arrow-transition': string;
+    /** Высота разделителя меню */
+    '--chotto-communicationpanel-menu-divider-height': string;
+    /** Цвет фона разделителя меню */
+    '--chotto-communicationpanel-menu-divider-background': string;
+    /** Отступы разделителя меню */
+    '--chotto-communicationpanel-menu-divider-margin': string;
+    /** Радиус границы разделителя меню */
+    '--chotto-communicationpanel-menu-divider-border-radius': string;
+    /** Прозрачность разделителя меню */
+    '--chotto-communicationpanel-menu-divider-opacity': string;
+    /** Позиционирование подменю */
+    '--chotto-communicationpanel-submenu-position': string;
+    /** Позиция подменю сверху */
+    '--chotto-communicationpanel-submenu-top': string;
+    /** Позиция подменю справа */
+    '--chotto-communicationpanel-submenu-right': string;
+    /** Позиция подменю слева */
+    '--chotto-communicationpanel-submenu-left': string;
+    /** Цвет фона подменю */
+    '--chotto-communicationpanel-submenu-background': string;
+    /** Граница подменю */
+    '--chotto-communicationpanel-submenu-border': string;
+    /** Радиус границы подменю */
+    '--chotto-communicationpanel-submenu-border-radius': string;
+    /** Тень подменю */
+    '--chotto-communicationpanel-submenu-box-shadow': string;
+    /** Отступы подменю */
+    '--chotto-communicationpanel-submenu-padding': string;
+    /** Минимальная ширина подменю */
+    '--chotto-communicationpanel-submenu-min-width': string;
+    /** Максимальная ширина подменю */
+    '--chotto-communicationpanel-submenu-max-width': string;
+    /** Z-index подменю */
+    '--chotto-communicationpanel-submenu-z-index': string;
+    /** Отображение подменю */
+    '--chotto-communicationpanel-submenu-display': string;
+    /** Направление флекс-контейнера подменю */
+    '--chotto-communicationpanel-submenu-flex-direction': string;
+    /** Промежуток между элементами подменю */
+    '--chotto-communicationpanel-submenu-gap': string;
+    /** Прозрачность подменю */
+    '--chotto-communicationpanel-submenu-opacity': string;
+    /** Трансформация подменю */
+    '--chotto-communicationpanel-submenu-transform': string;
+    /** Переход подменю */
+    '--chotto-communicationpanel-submenu-transition': string;
+    /** Отступы заголовка подменю */
+    '--chotto-communicationpanel-submenu-header-padding': string;
+    /** Размер шрифта заголовка подменю */
+    '--chotto-communicationpanel-submenu-header-font-size': string;
+    /** Цвет заголовка подменю */
+    '--chotto-communicationpanel-submenu-header-color': string;
+    /** Жирность шрифта заголовка подменю */
+    '--chotto-communicationpanel-submenu-header-font-weight': string;
+    /** Межбуквенное расстояние заголовка подменю */
+    '--chotto-communicationpanel-submenu-header-letter-spacing': string;
+    /** Отступ снизу заголовка подменю */
+    '--chotto-communicationpanel-submenu-header-margin-bottom': string;
+    /** Трансформация текста заголовка подменю */
+    '--chotto-communicationpanel-submenu-header-text-transform': string;
+    /** Граница снизу заголовка подменю */
+    '--chotto-communicationpanel-submenu-header-border-bottom': string;
+    /** Отображение элемента подменю */
+    '--chotto-communicationpanel-submenu-item-display': string;
+    /** Выравнивание по поперечной оси элемента подменю */
+    '--chotto-communicationpanel-submenu-item-align-items': string;
+    /** Выравнивание по главной оси элемента подменю */
+    '--chotto-communicationpanel-submenu-item-justify-content': string;
+    /** Отступы элемента подменю */
+    '--chotto-communicationpanel-submenu-item-padding': string;
+    /** Курсор элемента подменю */
+    '--chotto-communicationpanel-submenu-item-cursor': string;
+    /** Переход элемента подменю */
+    '--chotto-communicationpanel-submenu-item-transition': string;
+    /** Радиус границы элемента подменю */
+    '--chotto-communicationpanel-submenu-item-border-radius': string;
+    /** Промежуток между элементами подменю */
+    '--chotto-communicationpanel-submenu-item-gap': string;
+    /** Цвет фона элемента подменю */
+    '--chotto-communicationpanel-submenu-item-background': string;
+    /** Цвет элемента подменю */
+    '--chotto-communicationpanel-submenu-item-color': string;
+    /** Размер шрифта элемента подменю */
+    '--chotto-communicationpanel-submenu-item-font-size': string;
+    /** Отступы элемента подменю */
+    '--chotto-communicationpanel-submenu-item-margin': string;
+    /** Цвет фона элемента подменю при наведении */
+    '--chotto-communicationpanel-submenu-item-hover-background': string;
+    /** Цвет элемента подменю при наведении */
+    '--chotto-communicationpanel-submenu-item-hover-color': string;
+    /** Трансформация элемента подменю при наведении */
+    '--chotto-communicationpanel-submenu-item-hover-transform': string;
+    /** Отображение иконки подменю */
+    '--chotto-communicationpanel-submenu-icon-display': string;
+    /** Выравнивание по поперечной оси иконки подменю */
+    '--chotto-communicationpanel-submenu-icon-align-items': string;
+    /** Выравнивание по главной оси иконки подменю */
+    '--chotto-communicationpanel-submenu-icon-justify-content': string;
+    /** Ширина иконки подменю */
+    '--chotto-communicationpanel-submenu-icon-width': string;
+    /** Высота иконки подменю */
+    '--chotto-communicationpanel-submenu-icon-height': string;
+    /** Сжатие иконки подменю */
+    '--chotto-communicationpanel-submenu-icon-flex-shrink': string;
+    /** Отступ слева иконки подменю */
+    '--chotto-communicationpanel-submenu-icon-margin-left': string;
+    /** Цвет иконки подменю */
+    '--chotto-communicationpanel-submenu-icon-color': string;
+    /** Размер шрифта иконки подменю */
+    '--chotto-communicationpanel-submenu-icon-font-size': string;
+    /** Размер шрифта заголовка подменю */
+    '--chotto-communicationpanel-submenu-title-font-size': string;
+    /** Цвет заголовка подменю */
+    '--chotto-communicationpanel-submenu-title-color': string;
+    /** Перенос пробелов заголовка подменю */
+    '--chotto-communicationpanel-submenu-title-white-space': string;
+    /** Переполнение заголовка подменю */
+    '--chotto-communicationpanel-submenu-title-overflow': string;
+    /** Обрезка текста заголовка подменю */
+    '--chotto-communicationpanel-submenu-title-text-overflow': string;
+    /** Коэффициент роста заголовка подменю */
+    '--chotto-communicationpanel-submenu-title-flex-grow': string;
+    /** Жирность шрифта заголовка подменю */
+    '--chotto-communicationpanel-submenu-title-font-weight': string;
+    /** Высота строки заголовка подменю */
+    '--chotto-communicationpanel-submenu-title-line-height': string;
+    /** Отображение подсказки */
+    '--chotto-communicationpanel-tooltip-display': string;
+    /** Ширина подсказки */
+    '--chotto-communicationpanel-tooltip-width': string;
+}

package/dist/types/components/2_blocks/FeedFoundItem/styles/types.d.ts

@@ -0,0 +1,89 @@
+/**
+ * CSS переменные для компонента FeedFoundItem
+ */
+export interface FeedFoundItemThemeCSSVariables {
+    /** Отображение контейнера найденного элемента */
+    '--chotto-feedfounditem-container-display': string;
+    /** Позиционирование контейнера найденного элемента */
+    '--chotto-feedfounditem-container-position': string;
+    /** Курсор контейнера найденного элемента */
+    '--chotto-feedfounditem-container-cursor': string;
+    /** Ширина контейнера найденного элемента */
+    '--chotto-feedfounditem-container-width': string;
+    /** Перенос слов контейнера найденного элемента */
+    '--chotto-feedfounditem-container-word-wrap': string;
+    /** Цвет фона контейнера найденного элемента */
+    '--chotto-feedfounditem-container-bg': string;
+    /** Цвет фона контейнера при hover */
+    '--chotto-feedfounditem-container-hover-bg': string;
+    /** Цвет фона выбранного контейнера */
+    '--chotto-feedfounditem-selected-container-bg': string;
+    /** Ширина информации */
+    '--chotto-feedfounditem-info-width': string;
+    /** Отображение первой строки */
+    '--chotto-feedfounditem-first-line-display': string;
+    /** Выравнивание по главной оси первой строки */
+    '--chotto-feedfounditem-first-line-justify': string;
+    /** Отступ снизу первой строки */
+    '--chotto-feedfounditem-first-line-margin-bottom': string;
+    /** Отступы имени */
+    '--chotto-feedfounditem-name-margin': string;
+    /** Внутренние отступы имени */
+    '--chotto-feedfounditem-name-padding': string;
+    /** Цвет текста времени */
+    '--chotto-feedfounditem-time-text-color': string;
+    /** Размер шрифта времени */
+    '--chotto-feedfounditem-time-font-size': string;
+    /** Отступы времени */
+    '--chotto-feedfounditem-time-margin': string;
+    /** Внутренние отступы времени */
+    '--chotto-feedfounditem-time-padding': string;
+    /** Отображение второй строки */
+    '--chotto-feedfounditem-second-line-display': string;
+    /** Перенос слов второй строки */
+    '--chotto-feedfounditem-second-line-word-break': string;
+    /** Размер шрифта параграфа второй строки */
+    '--chotto-feedfounditem-second-line-p-font-size': string;
+    /** Отступы параграфа второй строки */
+    '--chotto-feedfounditem-second-line-p-margin': string;
+    /** Внутренние отступы параграфа второй строки */
+    '--chotto-feedfounditem-second-line-p-padding': string;
+    /** Цвет текста параграфа второй строки */
+    '--chotto-feedfounditem-second-line-p-text-color': string;
+    /** Переполнение параграфа второй строки */
+    '--chotto-feedfounditem-second-line-p-overflow': string;
+    /** Обрезка текста параграфа второй строки */
+    '--chotto-feedfounditem-second-line-p-text-overflow': string;
+    /** Отображение параграфа второй строки */
+    '--chotto-feedfounditem-second-line-p-display': string;
+    /** Количество строк параграфа второй строки */
+    '--chotto-feedfounditem-second-line-p-line-clamp': string;
+    /** Ориентация блока параграфа второй строки */
+    '--chotto-feedfounditem-second-line-p-box-orient': string;
+    /** Отображение контейнера аватара */
+    '--chotto-feedfounditem-avatar-container-display': string;
+    /** Выравнивание по главной оси контейнера аватара */
+    '--chotto-feedfounditem-avatar-container-justify': string;
+    /** Выравнивание по поперечной оси контейнера аватара */
+    '--chotto-feedfounditem-avatar-container-align': string;
+    /** Цвет фона контейнера аватара */
+    '--chotto-feedfounditem-avatar-container-bg': string;
+    /** Ширина контейнера аватара */
+    '--chotto-feedfounditem-avatar-container-width': string;
+    /** Высота контейнера аватара */
+    '--chotto-feedfounditem-avatar-container-height': string;
+    /** Радиус границы контейнера аватара */
+    '--chotto-feedfounditem-avatar-container-border-radius': string;
+    /** Размер фонового изображения контейнера аватара */
+    '--chotto-feedfounditem-avatar-container-background-size': string;
+    /** Отступ справа от аватара */
+    '--chotto-feedfounditem-avatar-margin-right': string;
+    /** Размер иконки аватара */
+    '--chotto-feedfounditem-avatar-icon-size': string;
+    /** Размер шрифта span аватара */
+    '--chotto-feedfounditem-avatar-span-font-size': string;
+    /** Цвет span аватара */
+    '--chotto-feedfounditem-avatar-span-color': string;
+    /** Обрезка изображения аватара */
+    '--chotto-feedfounditem-avatar-img-object-fit': string;
+}