@mobilon-dev/chotto 0.3.4 → 0.3.5

package/dist/types/components/elements/ButtonCommandsSelector/styles/types.d.ts

@@ -0,0 +1,23 @@
+/**
+ * CSS переменные для компонента ButtonCommandsSelector
+ */
+export interface ButtonCommandsSelectorThemeCSSVariables {
+    /** Отступы триггера */
+    '--chotto-buttoncommandsselector-trigger-padding': string;
+    /** Отображение триггера */
+    '--chotto-buttoncommandsselector-trigger-display': string;
+    /** Курсор триггера */
+    '--chotto-buttoncommandsselector-trigger-cursor': string;
+    /** Размер шрифта триггера */
+    '--chotto-buttoncommandsselector-trigger-font-size': string;
+    /** Цвет триггера */
+    '--chotto-buttoncommandsselector-trigger-color': string;
+    /** Цвет триггера при наведении */
+    '--chotto-buttoncommandsselector-trigger-hover-color': string;
+    /** Цвет отключенного элемента */
+    '--chotto-buttoncommandsselector-disabled-color': string;
+    /** Курсор отключенного элемента */
+    '--chotto-buttoncommandsselector-disabled-cursor': string;
+    /** События указателя отключенного элемента */
+    '--chotto-buttoncommandsselector-disabled-pointer-events': string;
+}

package/dist/types/components/elements/ButtonContextMenu/styles/types.d.ts

@@ -0,0 +1,15 @@
+/**
+ * CSS переменные для компонента ButtonContextMenu
+ */
+export interface ButtonContextMenuThemeCSSVariables {
+    /** Позиционирование кнопки контекстного меню */
+    '--chotto-buttoncontextmenu-position': string;
+    /** Ширина кнопки контекстного меню */
+    '--chotto-buttoncontextmenu-width': string;
+    /** Граница кнопки контекстного меню */
+    '--chotto-buttoncontextmenu-border': string;
+    /** Фон кнопки контекстного меню */
+    '--chotto-buttoncontextmenu-background': string;
+    /** Высота кнопки контекстного меню */
+    '--chotto-buttoncontextmenu-height': string;
+}

package/dist/types/components/elements/ButtonEmojiPicker/styles/types.d.ts

@@ -0,0 +1,33 @@
+/**
+ * CSS переменные для компонента ButtonEmojiPicker
+ */
+export interface ButtonEmojiPickerThemeCSSVariables {
+    /** Цвет фона кнопки */
+    '--chotto-buttonemojipicker-button-background-color': string;
+    /** Граница кнопки */
+    '--chotto-buttonemojipicker-button-border': string;
+    /** Высота кнопки */
+    '--chotto-buttonemojipicker-button-height': string;
+    /** Отображение span кнопки */
+    '--chotto-buttonemojipicker-button-span-display': string;
+    /** Курсор span кнопки */
+    '--chotto-buttonemojipicker-button-span-cursor': string;
+    /** Отступы span кнопки */
+    '--chotto-buttonemojipicker-button-span-padding': string;
+    /** Размер шрифта span кнопки */
+    '--chotto-buttonemojipicker-button-span-font-size': string;
+    /** Цвет span кнопки */
+    '--chotto-buttonemojipicker-button-span-color': string;
+    /** Цвет span кнопки при наведении */
+    '--chotto-buttonemojipicker-button-span-hover-color': string;
+    /** События указателя отключенной кнопки */
+    '--chotto-buttonemojipicker-button-disabled-pointer-events': string;
+    /** Курсор span отключенной кнопки */
+    '--chotto-buttonemojipicker-button-disabled-span-cursor': string;
+    /** Цвет span отключенной кнопки */
+    '--chotto-buttonemojipicker-button-disabled-span-color': string;
+    /** Позиционирование эмодзи-пикера */
+    '--chotto-buttonemojipicker-emoji-position': string;
+    /** Позиция эмодзи-пикера снизу */
+    '--chotto-buttonemojipicker-emoji-bottom': string;
+}

package/dist/types/components/elements/ButtonTemplateSelector/styles/types.d.ts

@@ -0,0 +1,29 @@
+/**
+ * CSS переменные для компонента ButtonTemplateSelector
+ */
+export interface ButtonTemplateSelectorThemeCSSVariables {
+    /** Цвет фона кнопки */
+    '--chotto-buttontemplateselector-button-background-color': string;
+    /** Граница кнопки */
+    '--chotto-buttontemplateselector-button-border': string;
+    /** Высота кнопки */
+    '--chotto-buttontemplateselector-button-height': string;
+    /** Отображение span кнопки */
+    '--chotto-buttontemplateselector-button-span-display': string;
+    /** Курсор span кнопки */
+    '--chotto-buttontemplateselector-button-span-cursor': string;
+    /** Отступы span кнопки */
+    '--chotto-buttontemplateselector-button-span-padding': string;
+    /** Размер шрифта span кнопки */
+    '--chotto-buttontemplateselector-button-span-font-size': string;
+    /** Цвет span кнопки */
+    '--chotto-buttontemplateselector-button-span-color': string;
+    /** Цвет span кнопки при наведении */
+    '--chotto-buttontemplateselector-button-span-hover-color': string;
+    /** События указателя отключенной кнопки */
+    '--chotto-buttontemplateselector-button-disabled-pointer-events': string;
+    /** Курсор span отключенной кнопки */
+    '--chotto-buttontemplateselector-button-disabled-span-cursor': string;
+    /** Цвет span отключенной кнопки */
+    '--chotto-buttontemplateselector-button-disabled-span-color': string;
+}

package/dist/types/components/elements/ButtonWabaTemplateSelector/styles/types.d.ts

@@ -0,0 +1,29 @@
+/**
+ * CSS переменные для компонента ButtonWabaTemplateSelector
+ */
+export interface ButtonWabaTemplateSelectorThemeCSSVariables {
+    /** Цвет фона кнопки */
+    '--chotto-buttonwabatemplateselector-button-background-color': string;
+    /** Граница кнопки */
+    '--chotto-buttonwabatemplateselector-button-border': string;
+    /** Высота кнопки */
+    '--chotto-buttonwabatemplateselector-button-height': string;
+    /** Отображение span кнопки */
+    '--chotto-buttonwabatemplateselector-button-span-display': string;
+    /** Курсор span кнопки */
+    '--chotto-buttonwabatemplateselector-button-span-cursor': string;
+    /** Отступы span кнопки */
+    '--chotto-buttonwabatemplateselector-button-span-padding': string;
+    /** Размер шрифта span кнопки */
+    '--chotto-buttonwabatemplateselector-button-span-font-size': string;
+    /** Цвет span кнопки */
+    '--chotto-buttonwabatemplateselector-button-span-color': string;
+    /** Цвет span кнопки при наведении */
+    '--chotto-buttonwabatemplateselector-button-span-hover-color': string;
+    /** События указателя отключенной кнопки */
+    '--chotto-buttonwabatemplateselector-button-disabled-pointer-events': string;
+    /** Курсор span отключенной кнопки */
+    '--chotto-buttonwabatemplateselector-button-disabled-span-cursor': string;
+    /** Цвет span отключенной кнопки */
+    '--chotto-buttonwabatemplateselector-button-disabled-span-color': string;
+}

package/dist/types/components/elements/ChannelSelector/ChannelSelector.vue.d.ts

@@ -1,12 +1,12 @@
 declare const _default: import("vue").DefineComponent<{}, {
     $emit: (event: "selectChannel", ...args: any[]) => void;
     mode: string;
-    channels: unknown[];
     state: string;
+    channels: unknown[];
     $props: {
         readonly mode?: string | undefined;
-        readonly channels?: unknown[] | undefined;
         readonly state?: string | undefined;
+        readonly channels?: unknown[] | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/types/components/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/elements/ChatFilter/styles/types.d.ts

@@ -0,0 +1,43 @@
+/**
+ * CSS переменные для компонента ChatFilter
+ */
+export interface ChatFilterThemeCSSVariables {
+    /** Позиционирование контейнера */
+    '--chotto-chatfilter-container-position': string;
+    /** Позиционирование иконки */
+    '--chotto-chatfilter-icon-position': string;
+    /** Позиция иконки слева */
+    '--chotto-chatfilter-icon-left': string;
+    /** Позиция иконки сверху */
+    '--chotto-chatfilter-icon-top': string;
+    /** Цвет иконки */
+    '--chotto-chatfilter-icon-color': string;
+    /** Ширина поля ввода */
+    '--chotto-chatfilter-input-width': string;
+    /** Цвет фона поля ввода */
+    '--chotto-chatfilter-input-background-color': string;
+    /** Цвет текста поля ввода */
+    '--chotto-chatfilter-input-color': string;
+    /** Отступы поля ввода */
+    '--chotto-chatfilter-input-padding': string;
+    /** Отступ слева поля ввода */
+    '--chotto-chatfilter-input-padding-left': string;
+    /** Граница поля ввода */
+    '--chotto-chatfilter-input-border': string;
+    /** Радиус границы поля ввода */
+    '--chotto-chatfilter-input-border-radius': string;
+    /** Размер шрифта поля ввода */
+    '--chotto-chatfilter-input-font-size': string;
+    /** Переход поля ввода */
+    '--chotto-chatfilter-input-transition': string;
+    /** Фон поля ввода */
+    '--chotto-chatfilter-input-background': string;
+    /** Цвет плейсхолдера поля ввода */
+    '--chotto-chatfilter-input-placeholder-color': string;
+    /** Цвет границы поля ввода при наведении */
+    '--chotto-chatfilter-input-hover-border-color': string;
+    /** Цвет границы поля ввода при фокусе */
+    '--chotto-chatfilter-input-focus-border-color': string;
+    /** Контур поля ввода при фокусе */
+    '--chotto-chatfilter-input-focus-outline': string;
+}

package/dist/types/components/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;
+}

package/dist/types/components/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/elements/ContactInfo/ContactInfo.vue.d.ts

@@ -1,11 +1,11 @@
 declare const _default: import("vue").DefineComponent<{}, {
     $emit: (event: "close" | "open-crm" | "select-attribute-channel", ...args: any[]) => void;
-    contact: Record<string, any>;
     channels: unknown[];
+    contact: Record<string, any>;
     currentDialog: Record<string, any>;
     $props: {
-        readonly contact?: Record<string, any> | undefined;
         readonly channels?: unknown[] | undefined;
+        readonly contact?: Record<string, any> | undefined;
         readonly currentDialog?: Record<string, any> | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/components/elements/ContactInfo/stories/ContactInfo.stories.d.ts

@@ -3,12 +3,12 @@ declare const meta: {
     title: string;
     component: import("vue").DefineComponent<{}, {
         $emit: (event: "close" | "open-crm" | "select-attribute-channel", ...args: any[]) => void;
-        contact: Record<string, any>;
         channels: unknown[];
+        contact: Record<string, any>;
         currentDialog: Record<string, any>;
         $props: {
-            readonly contact?: Record<string, any> | undefined;
             readonly channels?: unknown[] | undefined;
+            readonly contact?: Record<string, any> | undefined;
             readonly currentDialog?: Record<string, any> | undefined;
         };
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;