@mobilon-dev/chotto 0.3.33 → 0.3.35

package/dist/types/components/2_feed_elements/ImageMessage/styles/types.d.ts

@@ -6,8 +6,18 @@ export interface ImageMessageThemeCSSVariables {
     '--chotto-imagemessage-content-position': string;
     /** Максимальная ширина контейнера контента изображения */
     '--chotto-imagemessage-content-max-width': string;
+    /** Ширина контейнера контента изображения */
+    '--chotto-imagemessage-content-width': string;
     /** Скругление контейнера контента изображения */
     '--chotto-imagemessage-content-border-radius': string;
+    /** Выравнивание элементов контейнера контента */
+    '--chotto-imagemessage-content-align-items': string;
+    /** Отображение контейнера контента */
+    '--chotto-imagemessage-content-display': string;
+    /** Направление флекс-контейнера контента */
+    '--chotto-imagemessage-content-flex-direction': string;
+    /** Минимальная ширина контейнера контента */
+    '--chotto-imagemessage-content-min-width': string;
     /** Ряд грида аватара */
     '--chotto-imagemessage-avatar-grid-row': string;
     /** Выравнивание аватара относительно себя */
@@ -42,6 +52,8 @@ export interface ImageMessageThemeCSSVariables {
     '--chotto-imagemessage-info-container-color': string;
     /** Цвет фона контейнера информации */
     '--chotto-imagemessage-info-container-background-color': string;
+    /** Z-index контейнера информации */
+    '--chotto-imagemessage-info-container-z-index': string;
     /** Позиционирование кнопки скачивания */
     '--chotto-imagemessage-download-button-position': string;
     /** Отступ кнопки скачивания слева */
@@ -68,6 +80,8 @@ export interface ImageMessageThemeCSSVariables {
     '--chotto-imagemessage-download-button-span-color': string;
     /** Размер текста/иконки внутри кнопки */
     '--chotto-imagemessage-download-button-span-font-size': string;
+    /** Z-index кнопки скачивания */
+    '--chotto-imagemessage-download-button-z-index': string;
     /** Отображение блока просмотров */
     '--chotto-imagemessage-views-display': string;
     /** Выравнивание элементов блока просмотров */
@@ -108,12 +122,98 @@ export interface ImageMessageThemeCSSVariables {
     '--chotto-imagemessage-preview-button-flex-direction': string;
     /** Внутренние отступы кнопки превью */
     '--chotto-imagemessage-preview-button-padding': string;
+    /** Максимальная ширина кнопки превью */
+    '--chotto-imagemessage-preview-button-max-width': string;
+    /** Максимальная высота кнопки превью */
+    '--chotto-imagemessage-preview-button-max-height': string;
+    /** Ширина кнопки превью */
+    '--chotto-imagemessage-preview-button-width': string;
+    /** Высота кнопки превью */
+    '--chotto-imagemessage-preview-button-height': string;
+    /** Переполнение кнопки превью */
+    '--chotto-imagemessage-preview-button-overflow': string;
+    /** Переполнение кнопки превью с blur-эффектом */
+    '--chotto-imagemessage-preview-button-blur-edges-overflow': string;
+    /** Ширина кнопки превью с blur-эффектом */
+    '--chotto-imagemessage-preview-button-blur-edges-width': string;
+    /** Максимальная ширина кнопки превью с blur-эффектом */
+    '--chotto-imagemessage-preview-button-blur-edges-max-width': string;
+    /** Выравнивание по главной оси кнопки превью с blur-эффектом */
+    '--chotto-imagemessage-preview-button-blur-edges-justify-content': string;
+    /** Выравнивание по поперечной оси кнопки превью с blur-эффектом */
+    '--chotto-imagemessage-preview-button-blur-edges-align-items': string;
+    /** Минимальная высота кнопки превью с blur-эффектом */
+    '--chotto-imagemessage-preview-button-blur-edges-min-height': string;
+    /** Скругление кнопки превью с blur-эффектом */
+    '--chotto-imagemessage-preview-button-blur-edges-border-radius': string;
     /** Ширина превью-изображения */
     '--chotto-imagemessage-preview-image-width': string;
+    /** Высота превью-изображения */
+    '--chotto-imagemessage-preview-image-height': string;
+    /** Максимальная ширина превью-изображения */
+    '--chotto-imagemessage-preview-image-max-width': string;
     /** Максимальная высота превью-изображения */
     '--chotto-imagemessage-preview-image-max-height': string;
     /** Курсор при наведении на превью */
     '--chotto-imagemessage-preview-image-cursor': string;
+    /** Отображение превью-изображения */
+    '--chotto-imagemessage-preview-image-display': string;
+    /** Позиционирование превью-изображения */
+    '--chotto-imagemessage-preview-image-position': string;
+    /** Z-index превью-изображения */
+    '--chotto-imagemessage-preview-image-z-index': string;
+    /** Ширина превью-изображения с blur-эффектом */
+    '--chotto-imagemessage-preview-image-blur-edges-width': string;
+    /** Максимальная ширина превью-изображения с blur-эффектом */
+    '--chotto-imagemessage-preview-image-blur-edges-max-width': string;
+    /** Отступ превью-изображения с blur-эффектом */
+    '--chotto-imagemessage-preview-image-blur-edges-margin': string;
+    /** Сжатие превью-изображения с blur-эффектом */
+    '--chotto-imagemessage-preview-image-blur-edges-flex-shrink': string;
+    /** Позиционирование обёртки blur-эффекта */
+    '--chotto-imagemessage-blur-wrapper-position': string;
+    /** Отступ сверху обёртки blur-эффекта */
+    '--chotto-imagemessage-blur-wrapper-top': string;
+    /** Отступ слева обёртки blur-эффекта */
+    '--chotto-imagemessage-blur-wrapper-left': string;
+    /** Отступ справа обёртки blur-эффекта */
+    '--chotto-imagemessage-blur-wrapper-right': string;
+    /** Отступ снизу обёртки blur-эффекта */
+    '--chotto-imagemessage-blur-wrapper-bottom': string;
+    /** Ширина обёртки blur-эффекта */
+    '--chotto-imagemessage-blur-wrapper-width': string;
+    /** Высота обёртки blur-эффекта */
+    '--chotto-imagemessage-blur-wrapper-height': string;
+    /** События указателя обёртки blur-эффекта */
+    '--chotto-imagemessage-blur-wrapper-pointer-events': string;
+    /** Z-index обёртки blur-эффекта */
+    '--chotto-imagemessage-blur-wrapper-z-index': string;
+    /** Отображение обёртки blur-эффекта */
+    '--chotto-imagemessage-blur-wrapper-display': string;
+    /** Переполнение обёртки blur-эффекта */
+    '--chotto-imagemessage-blur-wrapper-overflow': string;
+    /** Выравнивание элементов обёртки blur-эффекта */
+    '--chotto-imagemessage-blur-wrapper-align-items': string;
+    /** Растяжение blur-изображений */
+    '--chotto-imagemessage-blur-flex': string;
+    /** Минимальная ширина blur-изображений */
+    '--chotto-imagemessage-blur-min-width': string;
+    /** Высота blur-изображений */
+    '--chotto-imagemessage-blur-height': string;
+    /** Вписывание blur-изображений */
+    '--chotto-imagemessage-blur-object-fit': string;
+    /** Фильтр blur-изображений */
+    '--chotto-imagemessage-blur-filter': string;
+    /** Прозрачность blur-изображений */
+    '--chotto-imagemessage-blur-opacity': string;
+    /** Z-index blur-изображений */
+    '--chotto-imagemessage-blur-z-index': string;
+    /** Трансформация blur-изображений */
+    '--chotto-imagemessage-blur-transform': string;
+    /** Позиция объекта blur-изображения слева */
+    '--chotto-imagemessage-blur-left-object-position': string;
+    /** Позиция объекта blur-изображения справа */
+    '--chotto-imagemessage-blur-right-object-position': string;
     /** Позиционирование кнопки меню сообщения */
     '--chotto-imagemessage-menu-button-position': string;
     /** Прозрачный фон кнопки меню */
@@ -140,14 +240,28 @@ export interface ImageMessageThemeCSSVariables {
     '--chotto-imagemessage-text-container-padding': string;
     /** Скругление контейнера текста */
     '--chotto-imagemessage-text-container-border-radius': string;
+    /** Ширина контейнера текста */
+    '--chotto-imagemessage-text-container-width': string;
+    /** Минимальная ширина контейнера текста */
+    '--chotto-imagemessage-text-container-min-width': string;
     /** Перенос слов в контейнере текста */
     '--chotto-imagemessage-text-container-word-wrap': string;
+    /** Перенос переполнения в контейнере текста */
+    '--chotto-imagemessage-text-container-overflow-wrap': string;
+    /** Переносы слов в контейнере текста */
+    '--chotto-imagemessage-text-container-hyphens': string;
     /** Размер шрифта абзаца текста */
     '--chotto-imagemessage-text-container-p-font-size': string;
     /** Перенос слов в абзаце текста */
     '--chotto-imagemessage-text-container-p-word-break': string;
+    /** Перенос переполнения в абзаце текста */
+    '--chotto-imagemessage-text-container-p-overflow-wrap': string;
     /** Правила перевода строк текста */
     '--chotto-imagemessage-text-container-p-white-space': string;
+    /** Отступы абзаца текста */
+    '--chotto-imagemessage-text-container-p-margin': string;
+    /** Высота строки абзаца текста */
+    '--chotto-imagemessage-text-container-p-line-height': string;
     /** Жирность жирного текста (markdown **текст**) */
     '--chotto-imagemessage-markdown-strong-font-weight': string;
     /** Стиль курсива (markdown *текст*) */
@@ -202,6 +316,12 @@ export interface ImageMessageThemeCSSVariables {
     '--chotto-imagemessage-left-content-grid-column': string;
     /** Фон пузыря слева */
     '--chotto-imagemessage-left-bg': string;
+    /** Эффект размытия фона пузыря слева */
+    '--chotto-imagemessage-left-backdrop-filter': string;
+    /** Граница пузыря слева */
+    '--chotto-imagemessage-left-border': string;
+    /** Тень пузыря слева */
+    '--chotto-imagemessage-left-box-shadow': string;
     /** Отступ контента слева с учётом аватара */
     '--chotto-imagemessage-left-content-with-avatar-indent-margin-left': string;
     /** Положение кнопки меню слева (top) */
@@ -232,6 +352,12 @@ export interface ImageMessageThemeCSSVariables {
     '--chotto-imagemessage-right-content-margin-left': string;
     /** Фон пузыря справа */
     '--chotto-imagemessage-right-bg': string;
+    /** Эффект размытия фона пузыря справа */
+    '--chotto-imagemessage-right-backdrop-filter': string;
+    /** Граница пузыря справа */
+    '--chotto-imagemessage-right-border': string;
+    /** Тень пузыря справа */
+    '--chotto-imagemessage-right-box-shadow': string;
     /** Отступ контента справа с учётом аватара */
     '--chotto-imagemessage-right-content-with-avatar-indent-margin-right': string;
     /** Отступ текстового контейнера справа */

package/dist/types/components/2_feed_elements/MessageReactions/styles/types.d.ts

@@ -122,6 +122,14 @@ export interface MessageReactionsThemeCSSVariables {
     '--chotto-messagereactions-add-has-chip-opacity': string;
     /** События указателя кнопки добавления реакции когда есть чипы */
     '--chotto-messagereactions-add-has-chip-pointer-events': string;
+    /** Высота строки span внутри кнопки добавления реакции */
+    '--chotto-messagereactions-add-span-line-height': string;
+    /** Отображение span внутри кнопки добавления реакции */
+    '--chotto-messagereactions-add-span-display': string;
+    /** Вертикальное выравнивание span внутри кнопки добавления реакции */
+    '--chotto-messagereactions-add-span-align-items': string;
+    /** Горизонтальное выравнивание span внутри кнопки добавления реакции */
+    '--chotto-messagereactions-add-span-justify-content': string;
     /** Позиционирование панели быстрых реакций */
     '--chotto-messagereactions-quick-panel-position': string;
     /** Отступ сверху панели быстрых реакций */

package/dist/types/components/2_feed_elements/TextMessage/styles/types.d.ts

@@ -32,6 +32,8 @@ export interface TextMessageThemeCSSVariables {
     '--chotto-textmessage-left-before-border-top': string;
     /** Слой псевдоэлемента слева */
     '--chotto-textmessage-left-before-z-index': string;
+    /** Фильтр псевдоэлемента слева */
+    '--chotto-textmessage-left-before-filter': string;
     /** Содержимое псевдоэлемента "хвостик" справа */
     '--chotto-textmessage-right-after-content': string;
     /** Позиционирование псевдоэлемента справа */
@@ -48,6 +50,8 @@ export interface TextMessageThemeCSSVariables {
     '--chotto-textmessage-right-after-border': string;
     /** Слой псевдоэлемента справа */
     '--chotto-textmessage-right-after-z-index': string;
+    /** Фильтр псевдоэлемента справа */
+    '--chotto-textmessage-right-after-filter': string;
     /** Отображение контейнера информации */
     '--chotto-textmessage-info-container-display': string;
     /** Выравнивание элементов контейнера информации по поперечной оси */
@@ -184,6 +188,12 @@ export interface TextMessageThemeCSSVariables {
     '--chotto-textmessage-left-content-grid-column': string;
     /** Фон пузыря слева */
     '--chotto-textmessage-left-bg': string;
+    /** Эффект размытия фона пузыря слева */
+    '--chotto-textmessage-left-backdrop-filter': string;
+    /** Граница пузыря слева */
+    '--chotto-textmessage-left-border': string;
+    /** Тень пузыря слева */
+    '--chotto-textmessage-left-box-shadow': string;
     /** Отступ контента слева с учётом аватара */
     '--chotto-textmessage-left-content-with-avatar-indent-margin-left': string;
     /** Положение кнопки меню слева (top) */
@@ -214,6 +224,12 @@ export interface TextMessageThemeCSSVariables {
     '--chotto-textmessage-right-content-margin-left': string;
     /** Фон пузыря справа */
     '--chotto-textmessage-right-bg': string;
+    /** Эффект размытия фона пузыря справа */
+    '--chotto-textmessage-right-backdrop-filter': string;
+    /** Граница пузыря справа */
+    '--chotto-textmessage-right-border': string;
+    /** Тень пузыря справа */
+    '--chotto-textmessage-right-box-shadow': string;
     /** Отступ контента справа с учётом аватара */
     '--chotto-textmessage-right-content-with-avatar-indent-margin-right': string;
     /** Положение кнопки меню справа (top) */

package/dist/types/components/3_compounds/ChatInput/styles/types.d.ts

@@ -98,6 +98,8 @@ export interface ChatInputThemeCSSVariables {
     '--chotto-chatinput-button-align-self': string;
     /** Отступ снизу кнопки */
     '--chotto-chatinput-button-margin-bottom': string;
+    /** Прозрачность кнопки */
+    '--chotto-chatinput-button-opacity': string;
     /** Отображение span кнопки */
     '--chotto-chatinput-button-span-display': string;
     /** Курсор span кнопки */

package/dist/types/components/3_compounds/ChatList/ChatList.vue.d.ts

@@ -8,6 +8,7 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
     chats: unknown[];
     searchQuery: string;
     showDialogs: boolean;
+    contextMenuTrigger: string;
     isLoading: boolean;
     filterEnabled: boolean;
     filterQuery: string;
@@ -20,6 +21,7 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
         readonly chats?: unknown[] | undefined;
         readonly searchQuery?: string | undefined;
         readonly showDialogs?: boolean | undefined;
+        readonly contextMenuTrigger?: string | undefined;
         readonly isLoading?: boolean | undefined;
         readonly filterEnabled?: boolean | undefined;
         readonly filterQuery?: string | undefined;

package/dist/types/components/3_compounds/ChatList/styles/types.d.ts

@@ -46,10 +46,18 @@ export interface ChatListThemeCSSVariables {
     '--chotto-chatlist-fixed-position': string;
     /** Цвет фона зафиксированных элементов */
     '--chotto-chatlist-fixed-background-color': string;
+    /** Эффект размытия фона зафиксированных элементов */
+    '--chotto-chatlist-fixed-backdrop-filter': string;
     /** Позиция зафиксированных элементов сверху */
     '--chotto-chatlist-fixed-top': string;
     /** Позиция зафиксированных элементов снизу */
     '--chotto-chatlist-fixed-bottom': string;
+    /** Тень зафиксированных элементов */
+    '--chotto-chatlist-fixed-box-shadow': string;
+    /** Отступ снизу для зафиксированных элементов сверху */
+    '--chotto-chatlist-fixed-top-margin-bottom': string;
+    /** Отступ сверху для зафиксированных элементов снизу */
+    '--chotto-chatlist-fixed-bottom-margin-top': string;
     /** Позиционирование контейнера заголовка */
     '--chotto-chatlist-title-container-position': string;
     /** Отображение контейнера заголовка */

package/dist/types/components/3_compounds/SideBar/styles/types.d.ts

@@ -42,12 +42,6 @@ export interface SideBarThemeCSSVariables {
     '--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;
     /** Отступы фиксированного списка */
@@ -182,20 +176,14 @@ export interface SideBarThemeCSSVariables {
     '--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-container-padding': string;
+    /** Отступ сверху контейнера настроек */
+    '--chotto-sidebar-settings-container-margin-top': string;
     /** Цвет фона кнопки настроек */
     '--chotto-sidebar-settings-btn-background': string;
     /** Граница кнопки настроек */
@@ -220,6 +208,8 @@ export interface SideBarThemeCSSVariables {
     '--chotto-sidebar-settings-btn-transition': string;
     /** Цвет фона hover кнопки настроек */
     '--chotto-sidebar-settings-btn-hover-background-color': string;
+    /** Цвет иконки настроек */
+    '--chotto-sidebar-settings-icon-color': string;
     /** Позиционирование выбранной полосы */
     '--chotto-sidebar-selected-bar-position': string;
     /** Ширина выбранной полосы */

package/dist/types/components/4_layouts/ChatWrapper/styles/types.d.ts

@@ -22,12 +22,16 @@ export interface ChatWrapperThemeCSSVariables {
     '--chotto-chatwrapper-selected-chat-align-items': string;
     /** Цвет фона панели чата */
     '--chotto-chatwrapper-chat-panel-background-color': string;
+    /** Эффект размытия фона панели чата (для glassmorphism) */
+    '--chotto-chatwrapper-chat-panel-backdrop-filter': string;
     /** Левая граница панели чата */
     '--chotto-chatwrapper-chat-panel-border-left': string;
     /** Правая граница панели чата */
     '--chotto-chatwrapper-chat-panel-border-right': string;
     /** Радиус границы панели чата */
     '--chotto-chatwrapper-chat-panel-border-radius': string;
+    /** Тень панели чата */
+    '--chotto-chatwrapper-chat-panel-box-shadow': string;
     /** Позиционирование панели чата */
     '--chotto-chatwrapper-chat-panel-position': string;
     /** Высота панели чата */

package/dist/types/components/4_layouts/ExtendedLayout/styles/types.d.ts

@@ -16,6 +16,8 @@ export interface ExtendedLayoutThemeCSSVariables {
     '--chotto-extendedlayout-container-border-top': string;
     /** Левая граница контейнера расширенного макета */
     '--chotto-extendedlayout-container-border-left': string;
+    /** Фон контейнера расширенного макета */
+    '--chotto-extendedlayout-container-background': string;
     /** Позиционирование первой колонки */
     '--chotto-extendedlayout-first-col-position': string;
     /** Колонка сетки первой колонки */
@@ -34,6 +36,8 @@ export interface ExtendedLayoutThemeCSSVariables {
     '--chotto-extendedlayout-first-col-border-bottom': string;
     /** Цвет фона первой колонки */
     '--chotto-extendedlayout-first-col-background-color': string;
+    /** Эффект размытия фона первой колонки */
+    '--chotto-extendedlayout-first-col-backdrop-filter': string;
     /** Позиционирование второй колонки */
     '--chotto-extendedlayout-second-col-position': string;
     /** Колонка сетки второй колонки */
@@ -54,6 +58,8 @@ export interface ExtendedLayoutThemeCSSVariables {
     '--chotto-extendedlayout-second-col-border-bottom': string;
     /** Цвет фона второй колонки */
     '--chotto-extendedlayout-second-col-background-color': string;
+    /** Эффект размытия фона второй колонки */
+    '--chotto-extendedlayout-second-col-backdrop-filter': string;
     /** Позиционирование третьей колонки */
     '--chotto-extendedlayout-third-col-position': string;
     /** Отображение третьей колонки */
@@ -70,6 +76,8 @@ export interface ExtendedLayoutThemeCSSVariables {
     '--chotto-extendedlayout-third-col-border-bottom': string;
     /** Цвет фона третьей колонки */
     '--chotto-extendedlayout-third-col-background-color': string;
+    /** Эффект размытия фона третьей колонки */
+    '--chotto-extendedlayout-third-col-backdrop-filter': string;
     /** Переход для активного состояния Vue Transition */
     '--chotto-extendedlayout-transition-enter-active-transition': string;
     /** Непрозрачность для активного состояния Vue Transition */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mobilon-dev/chotto",
-  "version": "0.3.33",
+  "version": "0.3.35",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -12,6 +12,7 @@
     "./style.css": "./dist/chotto.css",
     "./themes/default.css": "./dist/themes/default.css",
     "./themes/dark.css": "./dist/themes/dark.css",
+    "./themes/glass.css": "./dist/themes/glass.css",
     "./themes/green.css": "./dist/themes/green.css",
     "./themes/mobilon1.css": "./dist/themes/mobilon1.css"
   },