@mobilon-dev/chotto 0.3.4 → 0.3.5

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

@@ -0,0 +1,311 @@
+/**
+ * CSS переменные для компонента TemplateSelector
+ */
+export interface TemplateSelectorThemeCSSVariables {
+    /** Базовый фон TemplateSelector */
+    '--chotto-templateselector-primary-color': string;
+    /** Цвет границ элементов TemplateSelector */
+    '--chotto-templateselector-item-border-color': string;
+    /** Позиционирование селектора шаблонов */
+    '--chotto-templateselector-position': string;
+    /** Позиция селектора шаблонов снизу */
+    '--chotto-templateselector-bottom': string;
+    /** Позиция селектора шаблонов слева */
+    '--chotto-templateselector-left': string;
+    /** Позиция селектора шаблонов справа */
+    '--chotto-templateselector-right': string;
+    /** Z-index селектора шаблонов */
+    '--chotto-templateselector-z-index': string;
+    /** Контейнерный запрос селектора шаблонов */
+    '--chotto-templateselector-container': string;
+    /** Максимальная высота встроенного контейнера */
+    '--chotto-templateselector-container-inline-max-height': string;
+    /** Отступы встроенного контейнера */
+    '--chotto-templateselector-container-inline-padding': string;
+    /** Граница сверху встроенного контейнера */
+    '--chotto-templateselector-container-inline-border-top': string;
+    /** Граница снизу встроенного контейнера */
+    '--chotto-templateselector-container-inline-border-bottom': string;
+    /** Размер коробки встроенного контейнера */
+    '--chotto-templateselector-container-inline-box-sizing': string;
+    /** Минимальная ширина встроенного контейнера */
+    '--chotto-templateselector-container-inline-min-width': string;
+    /** Цвет тени контейнера */
+    '--chotto-templateselector-shadow-color': string;
+    /** Позиционирование приподнятого контейнера */
+    '--chotto-templateselector-container-elevated-position': string;
+    /** Максимальная высота приподнятого контейнера */
+    '--chotto-templateselector-container-elevated-max-height': string;
+    /** Отступы приподнятого контейнера */
+    '--chotto-templateselector-container-elevated-padding': string;
+    /** Граница приподнятого контейнера */
+    '--chotto-templateselector-container-elevated-border': string;
+    /** Минимальная ширина приподнятого контейнера */
+    '--chotto-templateselector-container-elevated-min-width': string;
+    /** Тень приподнятого контейнера */
+    '--chotto-templateselector-container-elevated-box-shadow': string;
+    /** Позиция приподнятого контейнера снизу */
+    '--chotto-templateselector-container-elevated-bottom': string;
+    /** Позиция приподнятого контейнера справа */
+    '--chotto-templateselector-container-elevated-right': string;
+    /** Максимальная высота макета */
+    '--chotto-templateselector-layout-max-height': string;
+    /** Отображение макета */
+    '--chotto-templateselector-layout-display': string;
+    /** Размер коробки макета */
+    '--chotto-templateselector-layout-box-sizing': string;
+    /** Шаблон колонок сетки макета */
+    '--chotto-templateselector-layout-grid-template-columns': string;
+    /** Шаблон строк сетки макета */
+    '--chotto-templateselector-layout-grid-template-rows': string;
+    /** Промежуток между колонками макета */
+    '--chotto-templateselector-layout-column-gap': string;
+    /** Отображение первой колонки */
+    '--chotto-templateselector-first-col-display': string;
+    /** Колонка сетки первой колонки */
+    '--chotto-templateselector-first-col-grid-column': string;
+    /** Строка сетки первой колонки */
+    '--chotto-templateselector-first-col-grid-row': string;
+    /** Шаблон строк сетки первой колонки */
+    '--chotto-templateselector-first-col-grid-template-rows': string;
+    /** Отображение второй колонки */
+    '--chotto-templateselector-second-col-display': string;
+    /** Колонка сетки второй колонки */
+    '--chotto-templateselector-second-col-grid-column': string;
+    /** Строка сетки второй колонки */
+    '--chotto-templateselector-second-col-grid-row': string;
+    /** Шаблон строк сетки второй колонки */
+    '--chotto-templateselector-second-col-grid-template-rows': string;
+    /** Отображение третьей колонки */
+    '--chotto-templateselector-third-col-display': string;
+    /** Колонка сетки третьей колонки */
+    '--chotto-templateselector-third-col-grid-column': string;
+    /** Строка сетки третьей колонки */
+    '--chotto-templateselector-third-col-grid-row': string;
+    /** Шаблон строк сетки третьей колонки */
+    '--chotto-templateselector-third-col-grid-template-rows': string;
+    /** Размер иконок кнопок */
+    '--chotto-templateselector-button-icon-size': string;
+    /** Активный цвет кнопок */
+    '--chotto-templateselector-button-color-active': string;
+    /** Строка сетки кнопки закрытия */
+    '--chotto-templateselector-button-close-grid-row': string;
+    /** Выравнивание кнопки закрытия */
+    '--chotto-templateselector-button-close-align-self': string;
+    /** Отображение кнопки закрытия */
+    '--chotto-templateselector-button-close-display': string;
+    /** Цвет фона кнопки закрытия */
+    '--chotto-templateselector-button-close-background-color': string;
+    /** Граница кнопки закрытия */
+    '--chotto-templateselector-button-close-border': string;
+    /** Ширина кнопки закрытия */
+    '--chotto-templateselector-button-close-width': string;
+    /** Курсор кнопки закрытия */
+    '--chotto-templateselector-button-close-cursor': string;
+    /** Отступы кнопки закрытия */
+    '--chotto-templateselector-button-close-margin': string;
+    /** Строка сетки списка групп */
+    '--chotto-templateselector-list-groups-grid-row': string;
+    /** Переполнение по вертикали списка групп */
+    '--chotto-templateselector-list-groups-overflow-y': string;
+    /** Граница списка групп */
+    '--chotto-templateselector-list-groups-border': string;
+    /** Отступы списка групп */
+    '--chotto-templateselector-list-groups-padding': string;
+    /** Отступы списка групп */
+    '--chotto-templateselector-list-groups-margin': string;
+    /** Цвет фона скроллбара */
+    '--chotto-templateselector-scrollbar-bg': string;
+    /** Цвет ползунка скроллбара */
+    '--chotto-templateselector-scrollbar-thumb-bg': string;
+    /** Ширина webkit скроллбара списка групп */
+    '--chotto-templateselector-list-groups-webkit-scrollbar-width': string;
+    /** Радиус границы ползунка webkit скроллбара списка групп */
+    '--chotto-templateselector-list-groups-webkit-scrollbar-thumb-border-radius': string;
+    /** Радиус границы дорожки webkit скроллбара списка групп */
+    '--chotto-templateselector-list-groups-webkit-scrollbar-track-border-radius': string;
+    /** Отступы списка шаблонов */
+    '--chotto-templateselector-list-templates-padding': string;
+    /** Отступы списка шаблонов */
+    '--chotto-templateselector-list-templates-margin': string;
+    /** Строка сетки шаблонов */
+    '--chotto-templateselector-templates-grid-row': string;
+    /** Граница шаблонов */
+    '--chotto-templateselector-templates-border': string;
+    /** Переполнение по вертикали шаблонов */
+    '--chotto-templateselector-templates-overflow-y': string;
+    /** Ширина webkit скроллбара шаблонов */
+    '--chotto-templateselector-templates-webkit-scrollbar-width': string;
+    /** Радиус границы ползунка webkit скроллбара шаблонов */
+    '--chotto-templateselector-templates-webkit-scrollbar-thumb-border-radius': string;
+    /** Радиус границы дорожки webkit скроллбара шаблонов */
+    '--chotto-templateselector-templates-webkit-scrollbar-track-border-radius': string;
+    /** Переход элемента */
+    '--chotto-templateselector-item-transition': string;
+    /** Граница снизу элемента */
+    '--chotto-templateselector-item-border-bottom': string;
+    /** Цвет фона элемента при ховере */
+    '--chotto-templateselector-item-background-color-hover': string;
+    /** Цвет фона элемента в фокусе/selected */
+    '--chotto-templateselector-item-background-color-focus': string;
+    /** Отображение элемента группы */
+    '--chotto-templateselector-item-group-display': string;
+    /** Выравнивание по поперечной оси элемента группы */
+    '--chotto-templateselector-item-group-align-items': string;
+    /** Курсор элемента шаблона */
+    '--chotto-templateselector-item-template-cursor': string;
+    /** Отступы элемента шаблона */
+    '--chotto-templateselector-item-template-padding': string;
+    /** Отступы метки группы */
+    '--chotto-templateselector-label-group-padding': string;
+    /** Отображение метки группы */
+    '--chotto-templateselector-label-group-display': string;
+    /** Выравнивание по поперечной оси метки группы */
+    '--chotto-templateselector-label-group-align-items': string;
+    /** Промежуток между колонками метки группы */
+    '--chotto-templateselector-label-group-column-gap': string;
+    /** Ширина метки группы */
+    '--chotto-templateselector-label-group-width': string;
+    /** Высота метки группы */
+    '--chotto-templateselector-label-group-height': string;
+    /** Курсор метки группы */
+    '--chotto-templateselector-label-group-cursor': string;
+    /** Ширина изображения метки группы */
+    '--chotto-templateselector-label-group-img-width': string;
+    /** Высота изображения метки группы */
+    '--chotto-templateselector-label-group-img-height': string;
+    /** Отображение ввода метки группы */
+    '--chotto-templateselector-label-group-input-display': string;
+    /** Высота строки span метки группы */
+    '--chotto-templateselector-label-group-span-line-height': string;
+    /** Отступ снизу заголовка элемента */
+    '--chotto-templateselector-item-title-margin-bottom': string;
+    /** Жирность заголовков */
+    '--chotto-templateselector-title-font-weight': string;
+    /** Размер шрифта заголовков */
+    '--chotto-templateselector-title-font-size': string;
+    /** Переполнение текста элемента */
+    '--chotto-templateselector-item-text-overflow': string;
+    /** Обрезка текста элемента */
+    '--chotto-templateselector-item-text-text-overflow': string;
+    /** Отображение текста элемента */
+    '--chotto-templateselector-item-text-display': string;
+    /** Количество строк webkit текста элемента */
+    '--chotto-templateselector-item-text-webkit-line-clamp': string;
+    /** Количество строк текста элемента */
+    '--chotto-templateselector-item-text-line-clamp': string;
+    /** Ориентация webkit коробки текста элемента */
+    '--chotto-templateselector-item-text-webkit-box-orient': string;
+    /** Размер основного текста */
+    '--chotto-templateselector-text-font-size': string;
+    /** Строка сетки контейнера поиска */
+    '--chotto-templateselector-searching-container-grid-row': string;
+    /** Ширина контейнера поиска */
+    '--chotto-templateselector-searching-container-width': string;
+    /** Отступ снизу контейнера поиска */
+    '--chotto-templateselector-searching-container-margin-bottom': string;
+    /** Отступ справа контейнера поиска */
+    '--chotto-templateselector-searching-container-margin-right': string;
+    /** Цвет фона ввода поиска */
+    '--chotto-templateselector-searching-input-background-color': string;
+    /** Ширина ввода поиска */
+    '--chotto-templateselector-searching-input-width': string;
+    /** Переход ввода поиска */
+    '--chotto-templateselector-searching-input-transition': string;
+    /** Размер коробки ввода поиска */
+    '--chotto-templateselector-searching-input-box-sizing': string;
+    /** Контур фокуса ввода поиска */
+    '--chotto-templateselector-searching-input-focus-outline': string;
+    /** Основной цвет текста */
+    '--chotto-templateselector-primary-text-color': string;
+    /** Вторичный цвет текста */
+    '--chotto-templateselector-secondary-text-color': string;
+    /** Строка сетки контейнера предварительного просмотра */
+    '--chotto-templateselector-preview-container-grid-row': string;
+    /** Граница контейнера предварительного просмотра */
+    '--chotto-templateselector-preview-container-border': string;
+    /** Максимальная высота контейнера предварительного просмотра */
+    '--chotto-templateselector-preview-container-max-height': string;
+    /** Переполнение по вертикали контейнера предварительного просмотра */
+    '--chotto-templateselector-preview-container-overflow-y': string;
+    /** Ширина webkit скроллбара контейнера предварительного просмотра */
+    '--chotto-templateselector-preview-container-webkit-scrollbar-width': string;
+    /** Радиус границы ползунка webkit скроллбара контейнера предварительного просмотра */
+    '--chotto-templateselector-preview-container-webkit-scrollbar-thumb-border-radius': string;
+    /** Радиус границы дорожки webkit скроллбара контейнера предварительного просмотра */
+    '--chotto-templateselector-preview-container-webkit-scrollbar-track-border-radius': string;
+    /** Вторичный фон */
+    '--chotto-templateselector-secondary-color': string;
+    /** Высота предварительного просмотра */
+    '--chotto-templateselector-preview-height': string;
+    /** Размер коробки предварительного просмотра */
+    '--chotto-templateselector-preview-box-sizing': string;
+    /** Отступы предварительного просмотра */
+    '--chotto-templateselector-preview-padding': string;
+    /** Отступы обертки предварительного просмотра */
+    '--chotto-templateselector-preview-wrapper-padding': string;
+    /** Радиус границы обертки предварительного просмотра */
+    '--chotto-templateselector-preview-wrapper-border-radius': string;
+    /** Максимальная ширина обертки предварительного просмотра */
+    '--chotto-templateselector-preview-wrapper-max-width': string;
+    /** Отступ снизу обертки предварительного просмотра */
+    '--chotto-templateselector-preview-wrapper-margin-bottom': string;
+    /** Фон левого сообщения (для превью) */
+    '--chotto-templateselector-message-left-bg': string;
+    /** Ширина заглушки */
+    '--chotto-templateselector-plug-width': string;
+    /** Высота заглушки */
+    '--chotto-templateselector-plug-height': string;
+    /** Отображение заглушки */
+    '--chotto-templateselector-plug-display': string;
+    /** Выравнивание по главной оси заглушки */
+    '--chotto-templateselector-plug-justify-content': string;
+    /** Выравнивание по поперечной оси заглушки */
+    '--chotto-templateselector-plug-align-items': string;
+    /** Отступы заглушки */
+    '--chotto-templateselector-plug-padding': string;
+    /** Отступы заглушки */
+    '--chotto-templateselector-plug-margin': string;
+    /** Высота строки заглушки */
+    '--chotto-templateselector-plug-line-height': string;
+    /** Перенос слов текста предварительного просмотра */
+    '--chotto-templateselector-preview-text-word-break': string;
+    /** Перенос пробелов текста предварительного просмотра */
+    '--chotto-templateselector-preview-text-white-space': string;
+    /** Ширина времени предварительного просмотра */
+    '--chotto-templateselector-preview-time-width': string;
+    /** Отступ слева времени предварительного просмотра */
+    '--chotto-templateselector-preview-time-margin-left': string;
+    /** Размер дополнительного текста (time и т.п.) */
+    '--chotto-templateselector-additional-text-font-size': string;
+    /** Строка сетки кнопки вставки */
+    '--chotto-templateselector-button-paste-grid-row': string;
+    /** Отображение кнопки вставки */
+    '--chotto-templateselector-button-paste-display': string;
+    /** Ширина кнопки вставки */
+    '--chotto-templateselector-button-paste-width': string;
+    /** Выравнивание кнопки вставки */
+    '--chotto-templateselector-button-paste-justify-self': string;
+    /** Отступы кнопки вставки */
+    '--chotto-templateselector-button-paste-margin': string;
+    /** Граница кнопки вставки */
+    '--chotto-templateselector-button-paste-border': string;
+    /** Отступы кнопки вставки */
+    '--chotto-templateselector-button-paste-padding': string;
+    /** Радиус границы кнопки вставки */
+    '--chotto-templateselector-button-paste-border-radius': string;
+    /** Курсор кнопки вставки */
+    '--chotto-templateselector-button-paste-cursor': string;
+    /** Активный цвет кнопки-вставки */
+    '--chotto-templateselector-action-button-color-active': string;
+    /** Ховер цвет кнопки-вставки */
+    '--chotto-templateselector-action-button-color-hover': string;
+    /** Шаблон колонок сетки адаптивного макета */
+    '--chotto-templateselector-layout-responsive-grid-template-columns': string;
+    /** Колонка сетки первой колонки адаптивного макета */
+    '--chotto-templateselector-first-col-responsive-grid-column': string;
+    /** Колонка сетки второй колонки адаптивного макета */
+    '--chotto-templateselector-second-col-responsive-grid-column': string;
+    /** Колонка сетки третьей колонки адаптивного макета */
+    '--chotto-templateselector-third-col-responsive-grid-column': string;
+}

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

@@ -0,0 +1,61 @@
+/**
+ * CSS переменные для компонента UserProfile
+ */
+export interface UserProfileThemeCSSVariables {
+    /** Отображение контейнера профиля пользователя */
+    '--chotto-userprofile-container-display': string;
+    /** Шаблон колонок сетки контейнера профиля пользователя */
+    '--chotto-userprofile-container-grid-template-columns': string;
+    /** Отступы контейнера профиля пользователя */
+    '--chotto-userprofile-container-padding': string;
+    /** Колонка сетки имени пользователя */
+    '--chotto-userprofile-name-grid-column': string;
+    /** Размер шрифта имени пользователя */
+    '--chotto-userprofile-name-font-size': string;
+    /** Отступы имени пользователя */
+    '--chotto-userprofile-name-margin': string;
+    /** Колонка сетки email пользователя */
+    '--chotto-userprofile-email-grid-column': string;
+    /** Размер шрифта email пользователя */
+    '--chotto-userprofile-email-font-size': string;
+    /** Отступы email пользователя */
+    '--chotto-userprofile-email-margin': string;
+    /** Колонка сетки телефона пользователя */
+    '--chotto-userprofile-phone-grid-column': string;
+    /** Размер шрифта телефона пользователя */
+    '--chotto-userprofile-phone-font-size': string;
+    /** Отступы телефона пользователя */
+    '--chotto-userprofile-phone-margin': string;
+    /** Строка сетки контейнера аватара */
+    '--chotto-userprofile-avatar-container-grid-row': string;
+    /** Позиционирование контейнера аватара */
+    '--chotto-userprofile-avatar-container-position': string;
+    /** Отображение контейнера аватара */
+    '--chotto-userprofile-avatar-container-display': string;
+    /** Отступы контейнера аватара */
+    '--chotto-userprofile-avatar-container-margin': string;
+    /** Радиус границы контейнера аватара */
+    '--chotto-userprofile-avatar-container-border-radius': string;
+    /** Радиус границы изображения контейнера аватара */
+    '--chotto-userprofile-avatar-container-img-border-radius': string;
+    /** Обрезка изображения контейнера аватара */
+    '--chotto-userprofile-avatar-container-img-object-fit': string;
+    /** Позиционирование статуса пользователя */
+    '--chotto-userprofile-status-position': string;
+    /** Позиция статуса пользователя снизу */
+    '--chotto-userprofile-status-bottom': string;
+    /** Позиция статуса пользователя справа */
+    '--chotto-userprofile-status-right': string;
+    /** Отображение статуса пользователя */
+    '--chotto-userprofile-status-display': string;
+    /** Ширина статуса пользователя */
+    '--chotto-userprofile-status-width': string;
+    /** Высота статуса пользователя */
+    '--chotto-userprofile-status-height': string;
+    /** Радиус границы статуса пользователя */
+    '--chotto-userprofile-status-border-radius': string;
+    /** Цвет фона статуса пользователя */
+    '--chotto-userprofile-status-background-color': string;
+    /** Z-index статуса пользователя */
+    '--chotto-userprofile-status-z-index': string;
+}

package/dist/types/components/containers/BaseContainer/styles/types.d.ts

@@ -0,0 +1,39 @@
+/**
+ * CSS переменные для компонента BaseContainer
+ */
+export interface BaseContainerThemeCSSVariables {
+    /** Переход базового контейнера */
+    '--chotto-basecontainer-base-container-transition': string;
+    /** Жирность шрифта базового контейнера */
+    '--chotto-basecontainer-base-container-font-weight': string;
+    /** Цвет базового контейнера */
+    '--chotto-basecontainer-base-container-color': string;
+    /** Семейство шрифтов базового контейнера */
+    '--chotto-basecontainer-base-container-font-family': string;
+    /** Контейнерный запрос базового контейнера */
+    '--chotto-basecontainer-base-container-container': string;
+    /** Минимальная ширина базового контейнера */
+    '--chotto-basecontainer-base-container-min-width': string;
+    /** Размер коробки глобальных стилей */
+    '--chotto-basecontainer-global-box-sizing': string;
+    /** Отступы body глобальных стилей */
+    '--chotto-basecontainer-global-body-margin': string;
+    /** Отступы ul глобальных стилей */
+    '--chotto-basecontainer-global-ul-margin': string;
+    /** Отступы ul глобальных стилей */
+    '--chotto-basecontainer-global-ul-padding': string;
+    /** Тип маркера списка ul глобальных стилей */
+    '--chotto-basecontainer-global-ul-list-style-type': string;
+    /** Семейство шрифтов input и button глобальных стилей */
+    '--chotto-basecontainer-global-input-button-font-family': string;
+    /** Отступы p, h1, h2 глобальных стилей */
+    '--chotto-basecontainer-global-p-h1-h2-margin': string;
+    /** Декорация текста ссылок глобальных стилей */
+    '--chotto-basecontainer-global-a-text-decoration': string;
+    /** Переход анимации входа */
+    '--chotto-basecontainer-transition-enter-active-transition': string;
+    /** Прозрачность анимации входа */
+    '--chotto-basecontainer-transition-enter-active-opacity': string;
+    /** Прозрачность анимации выхода */
+    '--chotto-basecontainer-transition-enter-from-opacity': string;
+}

package/dist/types/components/containers/FloatContainer/styles/types.d.ts

@@ -0,0 +1,89 @@
+/**
+ * CSS переменные для компонента FloatContainer
+ */
+export interface FloatContainerThemeCSSVariables {
+    /** Z-index плавающего окна */
+    '--chotto-floatcontainer-float-window-z-index': string;
+    /** Ширина плавающего окна */
+    '--chotto-floatcontainer-float-window-width': string;
+    /** Позиционирование плавающего окна */
+    '--chotto-floatcontainer-float-window-position': string;
+    /** Ширина контейнера */
+    '--chotto-floatcontainer-container-width': string;
+    /** Высота контейнера */
+    '--chotto-floatcontainer-container-height': string;
+    /** Позиционирование контейнера */
+    '--chotto-floatcontainer-container-position': string;
+    /** Жирность шрифта контейнера */
+    '--chotto-floatcontainer-container-font-weight': string;
+    /** Цвет контейнера */
+    '--chotto-floatcontainer-container-color': string;
+    /** Семейство шрифтов контейнера */
+    '--chotto-floatcontainer-container-font-family': string;
+    /** Тень контейнера */
+    '--chotto-floatcontainer-container-box-shadow': string;
+    /** Контейнерный запрос контейнера */
+    '--chotto-floatcontainer-container-container': string;
+    /** Отображение панели управления */
+    '--chotto-floatcontainer-controls-display': string;
+    /** Выравнивание по главной оси панели управления */
+    '--chotto-floatcontainer-controls-justify-content': string;
+    /** Выравнивание по поперечной оси панели управления */
+    '--chotto-floatcontainer-controls-align-items': string;
+    /** Курсор панели управления */
+    '--chotto-floatcontainer-controls-cursor': string;
+    /** Отступы панели управления */
+    '--chotto-floatcontainer-controls-padding': string;
+    /** Цвет фона панели управления */
+    '--chotto-floatcontainer-controls-background-color': string;
+    /** Радиус верхней левой границы панели управления */
+    '--chotto-floatcontainer-controls-border-top-left-radius': string;
+    /** Радиус верхней правой границы панели управления */
+    '--chotto-floatcontainer-controls-border-top-right-radius': string;
+    /** Промежуток между элементами панели управления */
+    '--chotto-floatcontainer-controls-gap': string;
+    /** Ширина аватара */
+    '--chotto-floatcontainer-avatar-width': string;
+    /** Высота аватара */
+    '--chotto-floatcontainer-avatar-height': string;
+    /** Радиус границы аватара */
+    '--chotto-floatcontainer-avatar-border-radius': string;
+    /** Размер шрифта заголовка */
+    '--chotto-floatcontainer-title-font-size': string;
+    /** Жирность шрифта заголовка */
+    '--chotto-floatcontainer-title-font-weight': string;
+    /** Отступ слева заголовка */
+    '--chotto-floatcontainer-title-margin-left': string;
+    /** Отображение кнопки закрытия */
+    '--chotto-floatcontainer-close-button-display': string;
+    /** Цвет фона кнопки закрытия */
+    '--chotto-floatcontainer-close-button-background-color': string;
+    /** Граница кнопки закрытия */
+    '--chotto-floatcontainer-close-button-border': string;
+    /** Размер шрифта кнопки закрытия */
+    '--chotto-floatcontainer-close-button-font-size': string;
+    /** Цвет кнопки закрытия */
+    '--chotto-floatcontainer-close-button-color': string;
+    /** Ширина кнопки закрытия */
+    '--chotto-floatcontainer-close-button-width': string;
+    /** Отступ слева кнопки закрытия */
+    '--chotto-floatcontainer-close-button-margin-left': string;
+    /** Курсор кнопки закрытия */
+    '--chotto-floatcontainer-close-button-cursor': string;
+    /** Размер коробки глобальных стилей */
+    '--chotto-floatcontainer-global-box-sizing': string;
+    /** Отступы body глобальных стилей */
+    '--chotto-floatcontainer-global-body-margin': string;
+    /** Отступы ul глобальных стилей */
+    '--chotto-floatcontainer-global-ul-margin': string;
+    /** Отступы ul глобальных стилей */
+    '--chotto-floatcontainer-global-ul-padding': string;
+    /** Тип маркера списка ul глобальных стилей */
+    '--chotto-floatcontainer-global-ul-list-style-type': string;
+    /** Семейство шрифтов input и button глобальных стилей */
+    '--chotto-floatcontainer-global-input-button-font-family': string;
+    /** Отступы p, h1, h2 глобальных стилей */
+    '--chotto-floatcontainer-global-p-h1-h2-margin': string;
+    /** Декорация текста ссылок глобальных стилей */
+    '--chotto-floatcontainer-global-a-text-decoration': string;
+}

package/dist/types/components/containers/PlaceholderComponent/styles/types.d.ts

@@ -0,0 +1,17 @@
+/**
+ * CSS переменные для компонента PlaceholderComponent
+ */
+export interface PlaceholderComponentThemeCSSVariables {
+    /** Отступы плейсхолдера */
+    '--chotto-placeholdercomponent-placeholder-padding': string;
+    /** Радиус границы плейсхолдера */
+    '--chotto-placeholdercomponent-placeholder-border-radius': string;
+    /** Курсор плейсхолдера */
+    '--chotto-placeholdercomponent-placeholder-cursor': string;
+    /** Высота строки плейсхолдера */
+    '--chotto-placeholdercomponent-placeholder-line-height': string;
+    /** Цвет фона заполненного плейсхолдера */
+    '--chotto-placeholdercomponent-placeholder-filled-background-color': string;
+    /** Цвет фона пустого плейсхолдера */
+    '--chotto-placeholdercomponent-placeholder-empty-background-color': string;
+}

package/dist/types/components/containers/SplashScreen/styles/types.d.ts

@@ -0,0 +1,17 @@
+/**
+ * CSS переменные для компонента SplashScreen
+ */
+export interface SplashScreenThemeCSSVariables {
+    /** Радиус границы контейнера */
+    '--chotto-splashscreen-container-border-radius': string;
+    /** Цвет фона контейнера */
+    '--chotto-splashscreen-container-background-color': string;
+    /** Фильтр заднего плана контейнера */
+    '--chotto-splashscreen-container-backdrop-filter': string;
+    /** Отступы контейнера */
+    '--chotto-splashscreen-container-padding': string;
+    /** Выравнивание текста дочерних элементов контейнера */
+    '--chotto-splashscreen-container-children-text-align': string;
+    /** Курсор изображения */
+    '--chotto-splashscreen-img-cursor': string;
+}

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

@@ -0,0 +1,79 @@
+/**
+ * CSS переменные для компонента AudioRecorder
+ */
+export interface AudioRecorderThemeCSSVariables {
+    /** Позиционирование контейнера */
+    '--chotto-audiorecorder-container-position': string;
+    /** Отображение контейнера */
+    '--chotto-audiorecorder-container-display': string;
+    /** Выравнивание элементов контейнера */
+    '--chotto-audiorecorder-container-align-items': string;
+    /** Цвет фона контейнера */
+    '--chotto-audiorecorder-container-background-color': string;
+    /** Высота контейнера */
+    '--chotto-audiorecorder-container-height': string;
+    /** Отображение контейнера записи */
+    '--chotto-audiorecorder-recording-container-display': string;
+    /** Промежуток между элементами контейнера записи */
+    '--chotto-audiorecorder-recording-container-gap': string;
+    /** Высота строки контейнера записи */
+    '--chotto-audiorecorder-recording-container-line-height': string;
+    /** Высота строки иконки записи */
+    '--chotto-audiorecorder-recording-icon-line-height': string;
+    /** Размер шрифта иконки записи */
+    '--chotto-audiorecorder-recording-icon-font-size': string;
+    /** Webkit анимация иконки записи */
+    '--chotto-audiorecorder-recording-icon-webkit-animation': string;
+    /** Анимация иконки записи */
+    '--chotto-audiorecorder-recording-icon-animation': string;
+    /** Ширина кнопки остановки */
+    '--chotto-audiorecorder-stop-width': string;
+    /** Высота кнопки остановки */
+    '--chotto-audiorecorder-stop-height': string;
+    /** Цвет фона кнопки остановки */
+    '--chotto-audiorecorder-stop-background-color': string;
+    /** Курсор кнопки остановки */
+    '--chotto-audiorecorder-stop-cursor': string;
+    /** Радиус границы кнопки остановки */
+    '--chotto-audiorecorder-stop-border-radius': string;
+    /** Цвет начала анимации мигания */
+    '--chotto-audiorecorder-blink-keyframes-0-color': string;
+    /** Цвет середины анимации мигания */
+    '--chotto-audiorecorder-blink-keyframes-50-color': string;
+    /** Цвет конца анимации мигания */
+    '--chotto-audiorecorder-blink-keyframes-100-color': string;
+    /** Цвет фона кнопки */
+    '--chotto-audiorecorder-button-background-color': string;
+    /** Граница кнопки */
+    '--chotto-audiorecorder-button-border': string;
+    /** Отображение span кнопки */
+    '--chotto-audiorecorder-button-span-display': string;
+    /** Курсор span кнопки */
+    '--chotto-audiorecorder-button-span-cursor': string;
+    /** Отступы span кнопки */
+    '--chotto-audiorecorder-button-span-padding': string;
+    /** Размер шрифта span кнопки */
+    '--chotto-audiorecorder-button-span-font-size': string;
+    /** Цвет span кнопки */
+    '--chotto-audiorecorder-button-span-color': string;
+    /** Цвет span кнопки при наведении */
+    '--chotto-audiorecorder-button-span-hover-color': string;
+    /** Отображение span кнопки записи */
+    '--chotto-audiorecorder-button-record-span-display': string;
+    /** Курсор span кнопки записи */
+    '--chotto-audiorecorder-button-record-span-cursor': string;
+    /** Отступы span кнопки записи */
+    '--chotto-audiorecorder-button-record-span-padding': string;
+    /** Размер шрифта span кнопки записи */
+    '--chotto-audiorecorder-button-record-span-font-size': string;
+    /** Цвет span кнопки записи */
+    '--chotto-audiorecorder-button-record-span-color': string;
+    /** Цвет span кнопки записи при наведении */
+    '--chotto-audiorecorder-button-record-span-hover-color': string;
+    /** События указателя отключенной кнопки */
+    '--chotto-audiorecorder-button-disabled-pointer-events': string;
+    /** Курсор span отключенной кнопки */
+    '--chotto-audiorecorder-button-disabled-span-cursor': string;
+    /** Цвет span отключенной кнопки */
+    '--chotto-audiorecorder-button-disabled-span-color': string;
+}