@mobilon-dev/chotto 0.3.3 → 0.3.5

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

@@ -0,0 +1,59 @@
+/**
+ * CSS переменные для компонента WABAAttachmentSection
+ */
+export interface WABAAttachmentSectionThemeCSSVariables {
+    /** Позиционирование секции вложений */
+    '--chotto-wabaattachmentsection-position': string;
+    /** Отображение секции вложений */
+    '--chotto-wabaattachmentsection-display': string;
+    /** Выравнивание текста секции вложений */
+    '--chotto-wabaattachmentsection-text-align': string;
+    /** Выравнивание элементов секции вложений по вертикали */
+    '--chotto-wabaattachmentsection-align-items': string;
+    /** Выравнивание содержимого секции вложений по горизонтали */
+    '--chotto-wabaattachmentsection-justify-content': string;
+    /** Отступ между элементами секции вложений */
+    '--chotto-wabaattachmentsection-gap': string;
+    /** Радиус границы секции вложений */
+    '--chotto-wabaattachmentsection-border-radius': string;
+    /** Цвет фона секции вложений */
+    '--chotto-wabaattachmentsection-background-color': string;
+    /** Верхний отступ секции вложений */
+    '--chotto-wabaattachmentsection-padding-top': string;
+    /** Нижний отступ секции вложений */
+    '--chotto-wabaattachmentsection-padding-bottom': string;
+    /** Нижний внешний отступ секции вложений */
+    '--chotto-wabaattachmentsection-margin-bottom': string;
+    /** Граница секции вложений в состоянии ошибки */
+    '--chotto-wabaattachmentsection-error-border': string;
+    /** Левый отступ иконки */
+    '--chotto-wabaattachmentsection-icon-padding-left': string;
+    /** Цвет иконки */
+    '--chotto-wabaattachmentsection-icon-color': string;
+    /** Размер шрифта заголовка */
+    '--chotto-wabaattachmentsection-title-font-size': string;
+    /** Цвет заголовка */
+    '--chotto-wabaattachmentsection-title-color': string;
+    /** Толщина шрифта заголовка */
+    '--chotto-wabaattachmentsection-title-font-weight': string;
+    /** Верхний отступ информации */
+    '--chotto-wabaattachmentsection-info-margin-top': string;
+    /** Цвет информации */
+    '--chotto-wabaattachmentsection-info-color': string;
+    /** Размер шрифта информации */
+    '--chotto-wabaattachmentsection-info-font-size': string;
+    /** Перенос слов в информации */
+    '--chotto-wabaattachmentsection-info-word-break': string;
+    /** Толщина шрифта информации */
+    '--chotto-wabaattachmentsection-info-font-weight': string;
+    /** Цвет текста ошибки */
+    '--chotto-wabaattachmentsection-error-text-color': string;
+    /** Левый отступ текста ошибки */
+    '--chotto-wabaattachmentsection-error-text-margin-left': string;
+    /** Размер шрифта текста ошибки */
+    '--chotto-wabaattachmentsection-error-text-font-size': string;
+    /** Курсор при наведении на секцию вложений */
+    '--chotto-wabaattachmentsection-hover-cursor': string;
+    /** Цвет фона при наведении на секцию вложений */
+    '--chotto-wabaattachmentsection-hover-background-color': string;
+}

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

@@ -0,0 +1,35 @@
+/**
+ * CSS переменные для компонента WABAQuickReplyButtons
+ */
+export interface WABAQuickReplyButtonsThemeCSSVariables {
+    /** Нижний отступ контейнера быстрых ответов */
+    '--chotto-wabaquickreplybuttons-padding-bottom': string;
+    /** Позиционирование предварительного действия */
+    '--chotto-wabaquickreplybuttons-preview-action-position': string;
+    /** Размер шрифта предварительного действия */
+    '--chotto-wabaquickreplybuttons-preview-action-font-size': string;
+    /** Отображение предварительного действия */
+    '--chotto-wabaquickreplybuttons-preview-action-display': string;
+    /** Направление флекс-элементов предварительного действия */
+    '--chotto-wabaquickreplybuttons-preview-action-flex-direction': string;
+    /** Выравнивание элементов предварительного действия по вертикали */
+    '--chotto-wabaquickreplybuttons-preview-action-align-items': string;
+    /** Цвет предварительного действия */
+    '--chotto-wabaquickreplybuttons-preview-action-color': string;
+    /** Отображение строки */
+    '--chotto-wabaquickreplybuttons-line-display': string;
+    /** Курсор строки */
+    '--chotto-wabaquickreplybuttons-line-cursor': string;
+    /** Выравнивание текста строки */
+    '--chotto-wabaquickreplybuttons-line-text-align': string;
+    /** Правый отступ иконки */
+    '--chotto-wabaquickreplybuttons-icon-margin-right': string;
+    /** Высота строки иконки */
+    '--chotto-wabaquickreplybuttons-icon-line-height': string;
+    /** Высота разделителя */
+    '--chotto-wabaquickreplybuttons-separator-height': string;
+    /** Ширина разделителя */
+    '--chotto-wabaquickreplybuttons-separator-width': string;
+    /** Отступы разделителя */
+    '--chotto-wabaquickreplybuttons-separator-margin': string;
+}

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

@@ -0,0 +1,65 @@
+/**
+ * CSS переменные для компонента WABASeparatedQuickButtons
+ */
+export interface WABASeparatedQuickButtonsThemeCSSVariables {
+    /** Ширина контейнера разделенных быстрых кнопок */
+    '--chotto-wabaseparatedquickbuttons-width': string;
+    /** Позиционирование контейнера разделенных быстрых кнопок */
+    '--chotto-wabaseparatedquickbuttons-position': string;
+    /** Левая позиция контейнера разделенных быстрых кнопок */
+    '--chotto-wabaseparatedquickbuttons-left': string;
+    /** Правая позиция контейнера разделенных быстрых кнопок */
+    '--chotto-wabaseparatedquickbuttons-right': string;
+    /** Нижняя позиция контейнера разделенных быстрых кнопок */
+    '--chotto-wabaseparatedquickbuttons-bottom': string;
+    /** Радиус верхней левой границы контейнера разделенных быстрых кнопок */
+    '--chotto-wabaseparatedquickbuttons-border-top-left-radius': string;
+    /** Радиус верхней правой границы контейнера разделенных быстрых кнопок */
+    '--chotto-wabaseparatedquickbuttons-border-top-right-radius': string;
+    /** Фон контейнера разделенных быстрых кнопок */
+    '--chotto-wabaseparatedquickbuttons-background': string;
+    /** Обработка пробелов в контейнере разделенных быстрых кнопок */
+    '--chotto-wabaseparatedquickbuttons-white-space': string;
+    /** Отображение заголовка */
+    '--chotto-wabaseparatedquickbuttons-title-display': string;
+    /** Выравнивание содержимого заголовка по горизонтали */
+    '--chotto-wabaseparatedquickbuttons-title-justify-content': string;
+    /** Выравнивание элементов заголовка по вертикали */
+    '--chotto-wabaseparatedquickbuttons-title-align-items': string;
+    /** Отступы заголовка */
+    '--chotto-wabaseparatedquickbuttons-title-margin': string;
+    /** Размер шрифта параграфа заголовка */
+    '--chotto-wabaseparatedquickbuttons-title-p-font-size': string;
+    /** Левый отступ параграфа заголовка */
+    '--chotto-wabaseparatedquickbuttons-title-p-margin-left': string;
+    /** Правый отступ параграфа заголовка */
+    '--chotto-wabaseparatedquickbuttons-title-p-margin-right': string;
+    /** Курсор span внутри заголовка */
+    '--chotto-wabaseparatedquickbuttons-title-span-cursor': string;
+    /** Верхняя граница действий */
+    '--chotto-wabaseparatedquickbuttons-actions-border-top': string;
+    /** Максимальная высота действий */
+    '--chotto-wabaseparatedquickbuttons-actions-max-height': string;
+    /** Вертикальная прокрутка действий */
+    '--chotto-wabaseparatedquickbuttons-actions-overflow-y': string;
+    /** Позиционирование действия */
+    '--chotto-wabaseparatedquickbuttons-action-position': string;
+    /** Z-index действия */
+    '--chotto-wabaseparatedquickbuttons-action-z-index': string;
+    /** Ширина действия */
+    '--chotto-wabaseparatedquickbuttons-action-width': string;
+    /** Размер шрифта действия */
+    '--chotto-wabaseparatedquickbuttons-action-font-size': string;
+    /** Правый отступ действия */
+    '--chotto-wabaseparatedquickbuttons-action-margin-right': string;
+    /** Левый отступ действия */
+    '--chotto-wabaseparatedquickbuttons-action-margin-left': string;
+    /** Отображение действия */
+    '--chotto-wabaseparatedquickbuttons-action-display': string;
+    /** Верхний отступ действия */
+    '--chotto-wabaseparatedquickbuttons-action-margin-top': string;
+    /** Нижний отступ действия */
+    '--chotto-wabaseparatedquickbuttons-action-margin-bottom': string;
+    /** Отступ между элементами действия */
+    '--chotto-wabaseparatedquickbuttons-action-gap': string;
+}

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

@@ -2,10 +2,12 @@ declare const _default: import("vue").DefineComponent<{}, {
     $emit: (event: "closeTemplateWindow" | "sendWabaValues", ...args: any[]) => void;
     groupTemplates: unknown[];
     elevatedWindow: boolean;
+    chatBackground: string;
     wabaTemplates: unknown[];
     $props: {
         readonly groupTemplates?: unknown[] | undefined;
         readonly elevatedWindow?: boolean | undefined;
+        readonly chatBackground?: string | undefined;
         readonly wabaTemplates?: unknown[] | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -5,10 +5,12 @@ declare const meta: {
         $emit: (event: "closeTemplateWindow" | "sendWabaValues", ...args: any[]) => void;
         groupTemplates: unknown[];
         elevatedWindow: boolean;
+        chatBackground: string;
         wabaTemplates: unknown[];
         $props: {
             readonly groupTemplates?: unknown[] | undefined;
             readonly elevatedWindow?: boolean | undefined;
+            readonly chatBackground?: string | undefined;
             readonly wabaTemplates?: unknown[] | undefined;
         };
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -0,0 +1,363 @@
+/**
+ * CSS переменные для компонента WABATemplateSelector
+ */
+export interface WABATemplateSelectorThemeCSSVariables {
+    /** Позиционирование селектора шаблонов */
+    '--chotto-wabatemplateselector-position': string;
+    /** Нижняя позиция селектора шаблонов */
+    '--chotto-wabatemplateselector-bottom': string;
+    /** Левая позиция селектора шаблонов */
+    '--chotto-wabatemplateselector-left': string;
+    /** Правая позиция селектора шаблонов */
+    '--chotto-wabatemplateselector-right': string;
+    /** Z-index селектора шаблонов */
+    '--chotto-wabatemplateselector-z-index': string;
+    /** Контейнер для контейнерных запросов */
+    '--chotto-wabatemplateselector-container': string;
+    /** Максимальная высота встроенного контейнера */
+    '--chotto-wabatemplateselector-container-inline-max-height': string;
+    /** Отступы встроенного контейнера */
+    '--chotto-wabatemplateselector-container-inline-padding': string;
+    /** Цвет фона встроенного контейнера */
+    '--chotto-wabatemplateselector-container-inline-background-color': string;
+    /** Верхняя граница встроенного контейнера */
+    '--chotto-wabatemplateselector-container-inline-border-top': string;
+    /** Нижняя граница встроенного контейнера */
+    '--chotto-wabatemplateselector-container-inline-border-bottom': string;
+    /** Размеры встроенного контейнера */
+    '--chotto-wabatemplateselector-container-inline-box-sizing': string;
+    /** Минимальная ширина встроенного контейнера */
+    '--chotto-wabatemplateselector-container-inline-min-width': string;
+    /** Позиционирование приподнятого контейнера */
+    '--chotto-wabatemplateselector-container-elevated-position': string;
+    /** Максимальная высота приподнятого контейнера */
+    '--chotto-wabatemplateselector-container-elevated-max-height': string;
+    /** Отступы приподнятого контейнера */
+    '--chotto-wabatemplateselector-container-elevated-padding': string;
+    /** Цвет фона приподнятого контейнера */
+    '--chotto-wabatemplateselector-container-elevated-background-color': string;
+    /** Граница приподнятого контейнера */
+    '--chotto-wabatemplateselector-container-elevated-border': string;
+    /** Минимальная ширина приподнятого контейнера */
+    '--chotto-wabatemplateselector-container-elevated-min-width': string;
+    /** Тень приподнятого контейнера */
+    '--chotto-wabatemplateselector-container-elevated-box-shadow': string;
+    /** Нижняя позиция приподнятого контейнера */
+    '--chotto-wabatemplateselector-container-elevated-bottom': string;
+    /** Правая позиция приподнятого контейнера */
+    '--chotto-wabatemplateselector-container-elevated-right': string;
+    /** Максимальная высота макета */
+    '--chotto-wabatemplateselector-layout-max-height': string;
+    /** Отображение макета */
+    '--chotto-wabatemplateselector-layout-display': string;
+    /** Размеры макета */
+    '--chotto-wabatemplateselector-layout-box-sizing': string;
+    /** Колонки сетки макета */
+    '--chotto-wabatemplateselector-layout-grid-template-columns': string;
+    /** Строки сетки макета */
+    '--chotto-wabatemplateselector-layout-grid-template-rows': string;
+    /** Отступ между колонками макета */
+    '--chotto-wabatemplateselector-layout-column-gap': string;
+    /** Колонки сетки макета для мобильных устройств */
+    '--chotto-wabatemplateselector-layout-mobile-grid-template-columns': string;
+    /** Отображение первой колонки */
+    '--chotto-wabatemplateselector-first-col-display': string;
+    /** Колонка сетки первой колонки */
+    '--chotto-wabatemplateselector-first-col-grid-column': string;
+    /** Строка сетки первой колонки */
+    '--chotto-wabatemplateselector-first-col-grid-row': string;
+    /** Строки сетки первой колонки */
+    '--chotto-wabatemplateselector-first-col-grid-template-rows': string;
+    /** Колонка сетки первой колонки для мобильных устройств */
+    '--chotto-wabatemplateselector-first-col-mobile-grid-column': string;
+    /** Отображение второй колонки */
+    '--chotto-wabatemplateselector-second-col-display': string;
+    /** Колонка сетки второй колонки */
+    '--chotto-wabatemplateselector-second-col-grid-column': string;
+    /** Строка сетки второй колонки */
+    '--chotto-wabatemplateselector-second-col-grid-row': string;
+    /** Строки сетки второй колонки */
+    '--chotto-wabatemplateselector-second-col-grid-template-rows': string;
+    /** Колонка сетки второй колонки для мобильных устройств */
+    '--chotto-wabatemplateselector-second-col-mobile-grid-column': string;
+    /** Отображение третьей колонки */
+    '--chotto-wabatemplateselector-third-col-display': string;
+    /** Колонка сетки третьей колонки */
+    '--chotto-wabatemplateselector-third-col-grid-column': string;
+    /** Строка сетки третьей колонки */
+    '--chotto-wabatemplateselector-third-col-grid-row': string;
+    /** Строки сетки третьей колонки */
+    '--chotto-wabatemplateselector-third-col-grid-template-rows': string;
+    /** Колонка сетки третьей колонки для мобильных устройств */
+    '--chotto-wabatemplateselector-third-col-mobile-grid-column': string;
+    /** Колонка сетки кнопки закрытия */
+    '--chotto-wabatemplateselector-button-close-grid-column': string;
+    /** Выравнивание кнопки закрытия */
+    '--chotto-wabatemplateselector-button-close-align-self': string;
+    /** Отображение кнопки закрытия */
+    '--chotto-wabatemplateselector-button-close-display': string;
+    /** Цвет фона кнопки закрытия */
+    '--chotto-wabatemplateselector-button-close-background-color': string;
+    /** Граница кнопки закрытия */
+    '--chotto-wabatemplateselector-button-close-border': string;
+    /** Ширина кнопки закрытия */
+    '--chotto-wabatemplateselector-button-close-width': string;
+    /** Курсор кнопки закрытия */
+    '--chotto-wabatemplateselector-button-close-cursor': string;
+    /** Отступы кнопки закрытия */
+    '--chotto-wabatemplateselector-button-close-margin': string;
+    /** Размер шрифта span внутри кнопки закрытия */
+    '--chotto-wabatemplateselector-button-close-span-font-size': string;
+    /** Цвет span внутри кнопки закрытия */
+    '--chotto-wabatemplateselector-button-close-span-color': string;
+    /** Колонка сетки списка групп */
+    '--chotto-wabatemplateselector-list-groups-grid-column': string;
+    /** Строка сетки списка групп */
+    '--chotto-wabatemplateselector-list-groups-grid-row': string;
+    /** Вертикальная прокрутка списка групп */
+    '--chotto-wabatemplateselector-list-groups-overflow-y': string;
+    /** Граница списка групп */
+    '--chotto-wabatemplateselector-list-groups-border': string;
+    /** Отступы списка групп */
+    '--chotto-wabatemplateselector-list-groups-padding': string;
+    /** Внешние отступы списка групп */
+    '--chotto-wabatemplateselector-list-groups-margin': string;
+    /** Ширина полосы прокрутки списка групп */
+    '--chotto-wabatemplateselector-list-groups-scrollbar-width': string;
+    /** Цвет фона полосы прокрутки списка групп */
+    '--chotto-wabatemplateselector-list-groups-scrollbar-background-color': string;
+    /** Радиус границы ползунка полосы прокрутки списка групп */
+    '--chotto-wabatemplateselector-list-groups-scrollbar-thumb-border-radius': string;
+    /** Цвет фона ползунка полосы прокрутки списка групп */
+    '--chotto-wabatemplateselector-list-groups-scrollbar-thumb-background-color': string;
+    /** Радиус границы дорожки полосы прокрутки списка групп */
+    '--chotto-wabatemplateselector-list-groups-scrollbar-track-border-radius': string;
+    /** Отступы списка шаблонов */
+    '--chotto-wabatemplateselector-list-templates-padding': string;
+    /** Внешние отступы списка шаблонов */
+    '--chotto-wabatemplateselector-list-templates-margin': string;
+    /** Строка сетки шаблонов */
+    '--chotto-wabatemplateselector-templates-grid-row': string;
+    /** Граница шаблонов */
+    '--chotto-wabatemplateselector-templates-border': string;
+    /** Вертикальная прокрутка шаблонов */
+    '--chotto-wabatemplateselector-templates-overflow-y': string;
+    /** Ширина полосы прокрутки шаблонов */
+    '--chotto-wabatemplateselector-templates-scrollbar-width': string;
+    /** Цвет фона полосы прокрутки шаблонов */
+    '--chotto-wabatemplateselector-templates-scrollbar-background-color': string;
+    /** Радиус границы ползунка полосы прокрутки шаблонов */
+    '--chotto-wabatemplateselector-templates-scrollbar-thumb-border-radius': string;
+    /** Цвет фона ползунка полосы прокрутки шаблонов */
+    '--chotto-wabatemplateselector-templates-scrollbar-thumb-background-color': string;
+    /** Радиус границы дорожки полосы прокрутки шаблонов */
+    '--chotto-wabatemplateselector-templates-scrollbar-track-border-radius': string;
+    /** Переход элемента */
+    '--chotto-wabatemplateselector-item-transition': string;
+    /** Цвет фона элемента при наведении */
+    '--chotto-wabatemplateselector-item-hover-background-color': string;
+    /** Нижняя граница элемента (кроме последнего) */
+    '--chotto-wabatemplateselector-item-not-last-child-border-bottom': string;
+    /** Отображение элемента группы */
+    '--chotto-wabatemplateselector-item-group-display': string;
+    /** Выравнивание элементов элемента группы по вертикали */
+    '--chotto-wabatemplateselector-item-group-align-items': string;
+    /** Цвет фона выбранного элемента */
+    '--chotto-wabatemplateselector-item-selected-background-color': string;
+    /** Цвет фона выбранного элемента при наведении */
+    '--chotto-wabatemplateselector-item-selected-hover-background-color': string;
+    /** Курсор элемента шаблона */
+    '--chotto-wabatemplateselector-item-template-cursor': string;
+    /** Отступы элемента шаблона */
+    '--chotto-wabatemplateselector-item-template-padding': string;
+    /** Отступы метки группы */
+    '--chotto-wabatemplateselector-label-group-padding': string;
+    /** Отображение метки группы */
+    '--chotto-wabatemplateselector-label-group-display': string;
+    /** Выравнивание элементов метки группы по вертикали */
+    '--chotto-wabatemplateselector-label-group-align-items': string;
+    /** Отступ между колонками метки группы */
+    '--chotto-wabatemplateselector-label-group-column-gap': string;
+    /** Ширина метки группы */
+    '--chotto-wabatemplateselector-label-group-width': string;
+    /** Высота метки группы */
+    '--chotto-wabatemplateselector-label-group-height': string;
+    /** Курсор метки группы */
+    '--chotto-wabatemplateselector-label-group-cursor': string;
+    /** Ширина изображения метки группы */
+    '--chotto-wabatemplateselector-label-group-img-width': string;
+    /** Высота изображения метки группы */
+    '--chotto-wabatemplateselector-label-group-img-height': string;
+    /** Отображение input метки группы */
+    '--chotto-wabatemplateselector-label-group-input-display': string;
+    /** Высота строки span метки группы */
+    '--chotto-wabatemplateselector-label-group-span-line-height': string;
+    /** Нижний отступ заголовка элемента */
+    '--chotto-wabatemplateselector-item-title-margin-bottom': string;
+    /** Толщина шрифта заголовка элемента */
+    '--chotto-wabatemplateselector-item-title-font-weight': string;
+    /** Размер шрифта заголовка элемента */
+    '--chotto-wabatemplateselector-item-title-font-size': string;
+    /** Размер шрифта текста элемента */
+    '--chotto-wabatemplateselector-item-text-font-size': string;
+    /** Переполнение текста элемента */
+    '--chotto-wabatemplateselector-item-text-overflow': string;
+    /** Обрезка текста элемента */
+    '--chotto-wabatemplateselector-item-text-text-overflow': string;
+    /** Отображение текста элемента */
+    '--chotto-wabatemplateselector-item-text-display': string;
+    /** Количество строк текста элемента */
+    '--chotto-wabatemplateselector-item-text-webkit-line-clamp': string;
+    /** Количество строк текста элемента (стандарт) */
+    '--chotto-wabatemplateselector-item-text-line-clamp': string;
+    /** Ориентация блока текста элемента */
+    '--chotto-wabatemplateselector-item-text-webkit-box-orient': string;
+    /** Строка сетки контейнера поиска */
+    '--chotto-wabatemplateselector-searching-container-grid-row': string;
+    /** Ширина контейнера поиска */
+    '--chotto-wabatemplateselector-searching-container-width': string;
+    /** Нижний отступ контейнера поиска */
+    '--chotto-wabatemplateselector-searching-container-margin-bottom': string;
+    /** Цвет фона поля поиска */
+    '--chotto-wabatemplateselector-searching-input-background-color': string;
+    /** Ширина поля поиска */
+    '--chotto-wabatemplateselector-searching-input-width': string;
+    /** Отступы поля поиска */
+    '--chotto-wabatemplateselector-searching-input-padding': string;
+    /** Радиус границы поля поиска */
+    '--chotto-wabatemplateselector-searching-input-border-radius': string;
+    /** Размер шрифта поля поиска */
+    '--chotto-wabatemplateselector-searching-input-font-size': string;
+    /** Цвет текста поля поиска */
+    '--chotto-wabatemplateselector-searching-input-color': string;
+    /** Граница поля поиска */
+    '--chotto-wabatemplateselector-searching-input-border': string;
+    /** Переход поля поиска */
+    '--chotto-wabatemplateselector-searching-input-transition': string;
+    /** Размеры поля поиска */
+    '--chotto-wabatemplateselector-searching-input-box-sizing': string;
+    /** Цвет плейсхолдера поля поиска */
+    '--chotto-wabatemplateselector-searching-input-placeholder-color': string;
+    /** Цвет границы поля поиска при наведении */
+    '--chotto-wabatemplateselector-searching-input-hover-border-color': string;
+    /** Цвет границы поля поиска при фокусе */
+    '--chotto-wabatemplateselector-searching-input-focus-border-color': string;
+    /** Обводка поля поиска при фокусе */
+    '--chotto-wabatemplateselector-searching-input-focus-outline': string;
+    /** Строка сетки контейнера предварительного просмотра */
+    '--chotto-wabatemplateselector-preview-container-grid-row': string;
+    /** Граница контейнера предварительного просмотра */
+    '--chotto-wabatemplateselector-preview-container-border': string;
+    /** Максимальная высота контейнера предварительного просмотра */
+    '--chotto-wabatemplateselector-preview-container-max-height': string;
+    /** Вертикальная прокрутка контейнера предварительного просмотра */
+    '--chotto-wabatemplateselector-preview-container-overflow-y': string;
+    /** Горизонтальная прокрутка контейнера предварительного просмотра */
+    '--chotto-wabatemplateselector-preview-container-overflow-x': string;
+    /** Цвет фона контейнера предварительного просмотра */
+    '--chotto-wabatemplateselector-preview-container-background-color': string;
+    /** Позиционирование контейнера предварительного просмотра */
+    '--chotto-wabatemplateselector-preview-container-position': string;
+    /** Ширина полосы прокрутки контейнера предварительного просмотра */
+    '--chotto-wabatemplateselector-preview-container-scrollbar-width': string;
+    /** Цвет фона полосы прокрутки контейнера предварительного просмотра */
+    '--chotto-wabatemplateselector-preview-container-scrollbar-background-color': string;
+    /** Радиус границы ползунка полосы прокрутки контейнера предварительного просмотра */
+    '--chotto-wabatemplateselector-preview-container-scrollbar-thumb-border-radius': string;
+    /** Цвет фона ползунка полосы прокрутки контейнера предварительного просмотра */
+    '--chotto-wabatemplateselector-preview-container-scrollbar-thumb-background-color': string;
+    /** Радиус границы дорожки полосы прокрутки контейнера предварительного просмотра */
+    '--chotto-wabatemplateselector-preview-container-scrollbar-track-border-radius': string;
+    /** Высота предварительного просмотра */
+    '--chotto-wabatemplateselector-preview-height': string;
+    /** Размеры предварительного просмотра */
+    '--chotto-wabatemplateselector-preview-box-sizing': string;
+    /** Отступы предварительного просмотра */
+    '--chotto-wabatemplateselector-preview-padding': string;
+    /** Отступы обертки предварительного просмотра */
+    '--chotto-wabatemplateselector-preview-wrapper-padding': string;
+    /** Цвет фона обертки предварительного просмотра */
+    '--chotto-wabatemplateselector-preview-wrapper-background-color': string;
+    /** Радиус границы обертки предварительного просмотра */
+    '--chotto-wabatemplateselector-preview-wrapper-border-radius': string;
+    /** Максимальная ширина обертки предварительного просмотра */
+    '--chotto-wabatemplateselector-preview-wrapper-max-width': string;
+    /** Нижний отступ обертки предварительного просмотра */
+    '--chotto-wabatemplateselector-preview-wrapper-margin-bottom': string;
+    /** Высота полупрозрачного наложения */
+    '--chotto-wabatemplateselector-semitransparent-overlay-height': string;
+    /** Фон полупрозрачного наложения */
+    '--chotto-wabatemplateselector-semitransparent-overlay-background': string;
+    /** Непрозрачность полупрозрачного наложения */
+    '--chotto-wabatemplateselector-semitransparent-overlay-opacity': string;
+    /** Позиционирование кнопок ответа */
+    '--chotto-wabatemplateselector-reply-buttons-position': string;
+    /** Высота кнопок ответа */
+    '--chotto-wabatemplateselector-reply-buttons-height': string;
+    /** Ширина кнопок ответа */
+    '--chotto-wabatemplateselector-reply-buttons-width': string;
+    /** Нижняя позиция кнопок ответа */
+    '--chotto-wabatemplateselector-reply-buttons-bottom': string;
+    /** Ширина заглушки */
+    '--chotto-wabatemplateselector-plug-width': string;
+    /** Высота заглушки */
+    '--chotto-wabatemplateselector-plug-height': string;
+    /** Размер шрифта заглушки */
+    '--chotto-wabatemplateselector-plug-font-size': string;
+    /** Отображение заглушки */
+    '--chotto-wabatemplateselector-plug-display': string;
+    /** Выравнивание содержимого заглушки по горизонтали */
+    '--chotto-wabatemplateselector-plug-justify-content': string;
+    /** Выравнивание элементов заглушки по вертикали */
+    '--chotto-wabatemplateselector-plug-align-items': string;
+    /** Отступы заглушки */
+    '--chotto-wabatemplateselector-plug-padding': string;
+    /** Внешние отступы заглушки */
+    '--chotto-wabatemplateselector-plug-margin': string;
+    /** Высота строки заглушки */
+    '--chotto-wabatemplateselector-plug-line-height': string;
+    /** Размер шрифта контейнера текста предварительного просмотра */
+    '--chotto-wabatemplateselector-preview-text-container-font-size': string;
+    /** Перенос слов в контейнере текста предварительного просмотра */
+    '--chotto-wabatemplateselector-preview-text-container-word-break': string;
+    /** Обработка пробелов в контейнере текста предварительного просмотра */
+    '--chotto-wabatemplateselector-preview-text-container-white-space': string;
+    /** Ширина времени предварительного просмотра */
+    '--chotto-wabatemplateselector-preview-time-width': string;
+    /** Размер шрифта времени предварительного просмотра */
+    '--chotto-wabatemplateselector-preview-time-font-size': string;
+    /** Цвет времени предварительного просмотра */
+    '--chotto-wabatemplateselector-preview-time-color': string;
+    /** Левый отступ времени предварительного просмотра */
+    '--chotto-wabatemplateselector-preview-time-margin-left': string;
+    /** Строка сетки кнопки вставки */
+    '--chotto-wabatemplateselector-button-paste-grid-row': string;
+    /** Отображение кнопки вставки */
+    '--chotto-wabatemplateselector-button-paste-display': string;
+    /** Ширина кнопки вставки */
+    '--chotto-wabatemplateselector-button-paste-width': string;
+    /** Выравнивание кнопки вставки */
+    '--chotto-wabatemplateselector-button-paste-justify-self': string;
+    /** Отступы кнопки вставки */
+    '--chotto-wabatemplateselector-button-paste-margin': string;
+    /** Размер шрифта кнопки вставки */
+    '--chotto-wabatemplateselector-button-paste-font-size': string;
+    /** Цвет фона кнопки вставки */
+    '--chotto-wabatemplateselector-button-paste-background-color': string;
+    /** Граница кнопки вставки */
+    '--chotto-wabatemplateselector-button-paste-border': string;
+    /** Отступы кнопки вставки */
+    '--chotto-wabatemplateselector-button-paste-padding': string;
+    /** Радиус границы кнопки вставки */
+    '--chotto-wabatemplateselector-button-paste-border-radius': string;
+    /** Курсор кнопки вставки */
+    '--chotto-wabatemplateselector-button-paste-cursor': string;
+    /** Цвет фона отключенной кнопки вставки */
+    '--chotto-wabatemplateselector-button-paste-disabled-background-color': string;
+    /** Курсор отключенной кнопки вставки */
+    '--chotto-wabatemplateselector-button-paste-disabled-cursor': string;
+    /** События указателя для отключенной кнопки вставки */
+    '--chotto-wabatemplateselector-button-paste-disabled-pointer-events': string;
+    /** Цвет фона кнопки вставки при наведении */
+    '--chotto-wabatemplateselector-button-paste-hover-background-color': string;
+}