@mobilon-dev/chotto 0.3.3 → 0.3.5

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

@@ -0,0 +1,219 @@
+/**
+ * CSS переменные для компонента ContactInfo
+ */
+export interface ContactInfoThemeCSSVariables {
+    /** Верхний отступ контейнера информации о контакте */
+    '--chotto-contactinfo-margin-top': string;
+    /** Минимальная ширина контейнера информации о контакте */
+    '--chotto-contactinfo-min-width': string;
+    /** Размер шрифта контейнера информации о контакте */
+    '--chotto-contactinfo-font-size': string;
+    /** Нижний отступ списка атрибутов */
+    '--chotto-contactinfo-attribute-list-padding-bottom': string;
+    /** Левый отступ списка атрибутов */
+    '--chotto-contactinfo-attribute-list-margin-left': string;
+    /** Отображение элемента атрибута */
+    '--chotto-contactinfo-attribute-item-display': string;
+    /** Выравнивание элементов элемента атрибута по вертикали */
+    '--chotto-contactinfo-attribute-item-align-items': string;
+    /** Нижний отступ элемента атрибута */
+    '--chotto-contactinfo-attribute-item-margin-bottom': string;
+    /** Непрозрачность input элемента атрибута */
+    '--chotto-contactinfo-attribute-item-input-opacity': string;
+    /** Позиционирование input элемента атрибута */
+    '--chotto-contactinfo-attribute-item-input-position': string;
+    /** Ширина input элемента атрибута */
+    '--chotto-contactinfo-attribute-item-input-width': string;
+    /** Высота input элемента атрибута */
+    '--chotto-contactinfo-attribute-item-input-height': string;
+    /** Отображение label элемента атрибута */
+    '--chotto-contactinfo-attribute-item-label-display': string;
+    /** Выравнивание элементов label элемента атрибута по вертикали */
+    '--chotto-contactinfo-attribute-item-label-align-items': string;
+    /** Курсор label элемента атрибута */
+    '--chotto-contactinfo-attribute-item-label-cursor': string;
+    /** Отступы label элемента атрибута */
+    '--chotto-contactinfo-attribute-item-label-margin': string;
+    /** Левый отступ значка текущего чата */
+    '--chotto-contactinfo-attribute-item-current-chat-badge-margin-left': string;
+    /** Размер шрифта значка текущего чата */
+    '--chotto-contactinfo-attribute-item-current-chat-badge-font-size': string;
+    /** Цвет значка текущего чата */
+    '--chotto-contactinfo-attribute-item-current-chat-badge-color': string;
+    /** Отображение кастомного радио */
+    '--chotto-contactinfo-custom-radio-display': string;
+    /** Выравнивание элементов кастомного радио по вертикали */
+    '--chotto-contactinfo-custom-radio-align-items': string;
+    /** Выравнивание содержимого кастомного радио по горизонтали */
+    '--chotto-contactinfo-custom-radio-justify-content': string;
+    /** Ширина кастомного радио */
+    '--chotto-contactinfo-custom-radio-width': string;
+    /** Высота кастомного радио */
+    '--chotto-contactinfo-custom-radio-height': string;
+    /** Граница кастомного радио */
+    '--chotto-contactinfo-custom-radio-border': string;
+    /** Радиус границы кастомного радио */
+    '--chotto-contactinfo-custom-radio-border-radius': string;
+    /** Правый отступ кастомного радио */
+    '--chotto-contactinfo-custom-radio-margin-right': string;
+    /** Сжатие кастомного радио */
+    '--chotto-contactinfo-custom-radio-flex-shrink': string;
+    /** Переход кастомного радио */
+    '--chotto-contactinfo-custom-radio-transition': string;
+    /** Позиционирование внутренней части радио */
+    '--chotto-contactinfo-radio-inner-position': string;
+    /** Ширина внутренней части радио */
+    '--chotto-contactinfo-radio-inner-width': string;
+    /** Высота внутренней части радио */
+    '--chotto-contactinfo-radio-inner-height': string;
+    /** Отображение внутренней части радио */
+    '--chotto-contactinfo-radio-inner-display': string;
+    /** Выравнивание элементов внутренней части радио по вертикали */
+    '--chotto-contactinfo-radio-inner-align-items': string;
+    /** Выравнивание содержимого внутренней части радио по горизонтали */
+    '--chotto-contactinfo-radio-inner-justify-content': string;
+    /** Переход внутренней части радио */
+    '--chotto-contactinfo-radio-inner-transition': string;
+    /** Цвет границы кастомного радио при наведении на label элемента атрибута */
+    '--chotto-contactinfo-attribute-item-label-hover-custom-radio-border-color': string;
+    /** Нижний отступ секции канала */
+    '--chotto-contactinfo-channel-section-margin-bottom': string;
+    /** Отображение метки канала */
+    '--chotto-contactinfo-channel-label-display': string;
+    /** Размер шрифта метки канала */
+    '--chotto-contactinfo-channel-label-font-size': string;
+    /** Цвет метки канала */
+    '--chotto-contactinfo-channel-label-color': string;
+    /** Отступы метки канала */
+    '--chotto-contactinfo-channel-label-margin': string;
+    /** Позиционирование кастомного селекта */
+    '--chotto-contactinfo-custom-select-position': string;
+    /** Ширина кастомного селекта */
+    '--chotto-contactinfo-custom-select-width': string;
+    /** Отображение триггера селекта */
+    '--chotto-contactinfo-select-trigger-display': string;
+    /** Выравнивание элементов триггера селекта по вертикали */
+    '--chotto-contactinfo-select-trigger-align-items': string;
+    /** Отступы триггера селекта */
+    '--chotto-contactinfo-select-trigger-padding': string;
+    /** Граница триггера селекта */
+    '--chotto-contactinfo-select-trigger-border': string;
+    /** Радиус границы триггера селекта */
+    '--chotto-contactinfo-select-trigger-border-radius': string;
+    /** Фон триггера селекта */
+    '--chotto-contactinfo-select-trigger-background': string;
+    /** Курсор триггера селекта */
+    '--chotto-contactinfo-select-trigger-cursor': string;
+    /** Размер шрифта триггера селекта */
+    '--chotto-contactinfo-select-trigger-font-size': string;
+    /** Цвет триггера селекта */
+    '--chotto-contactinfo-select-trigger-color': string;
+    /** Выбор текста триггера селекта */
+    '--chotto-contactinfo-select-trigger-user-select': string;
+    /** Левый отступ триггера селекта */
+    '--chotto-contactinfo-select-trigger-margin-left': string;
+    /** Ширина иконки */
+    '--chotto-contactinfo-icon-width': string;
+    /** Высота иконки */
+    '--chotto-contactinfo-icon-height': string;
+    /** Правый отступ иконки */
+    '--chotto-contactinfo-icon-margin-right': string;
+    /** Отображение иконки */
+    '--chotto-contactinfo-icon-display': string;
+    /** Выравнивание элементов иконки по вертикали */
+    '--chotto-contactinfo-icon-align-items': string;
+    /** Выравнивание содержимого иконки по горизонтали */
+    '--chotto-contactinfo-icon-justify-content': string;
+    /** Ширина SVG иконки */
+    '--chotto-contactinfo-icon-svg-width': string;
+    /** Высота SVG иконки */
+    '--chotto-contactinfo-icon-svg-height': string;
+    /** Левый отступ стрелки */
+    '--chotto-contactinfo-arrow-margin-left': string;
+    /** Переход стрелки */
+    '--chotto-contactinfo-arrow-transition': string;
+    /** Трансформация открытой стрелки */
+    '--chotto-contactinfo-arrow-open-transform': string;
+    /** Позиционирование опций селекта */
+    '--chotto-contactinfo-select-options-position': string;
+    /** Верхняя позиция опций селекта */
+    '--chotto-contactinfo-select-options-top': string;
+    /** Левая позиция опций селекта */
+    '--chotto-contactinfo-select-options-left': string;
+    /** Правая позиция опций селекта */
+    '--chotto-contactinfo-select-options-right': string;
+    /** Фон опций селекта */
+    '--chotto-contactinfo-select-options-background': string;
+    /** Граница опций селекта */
+    '--chotto-contactinfo-select-options-border': string;
+    /** Верхняя граница опций селекта */
+    '--chotto-contactinfo-select-options-border-top': string;
+    /** Радиус границы опций селекта */
+    '--chotto-contactinfo-select-options-border-radius': string;
+    /** Максимальная высота опций селекта */
+    '--chotto-contactinfo-select-options-max-height': string;
+    /** Вертикальная прокрутка опций селекта */
+    '--chotto-contactinfo-select-options-overflow-y': string;
+    /** Z-index опций селекта */
+    '--chotto-contactinfo-select-options-z-index': string;
+    /** Тень опций селекта */
+    '--chotto-contactinfo-select-options-box-shadow': string;
+    /** Отображение опции селекта */
+    '--chotto-contactinfo-select-option-display': string;
+    /** Выравнивание элементов опции селекта по вертикали */
+    '--chotto-contactinfo-select-option-align-items': string;
+    /** Отступы опции селекта */
+    '--chotto-contactinfo-select-option-padding': string;
+    /** Курсор опции селекта */
+    '--chotto-contactinfo-select-option-cursor': string;
+    /** Размер шрифта опции селекта */
+    '--chotto-contactinfo-select-option-font-size': string;
+    /** Цвет опции селекта */
+    '--chotto-contactinfo-select-option-color': string;
+    /** Выбор текста опции селекта */
+    '--chotto-contactinfo-select-option-user-select': string;
+    /** Цвет фона опции селекта при наведении */
+    '--chotto-contactinfo-select-option-hover-background-color': string;
+    /** Ширина разделителя */
+    '--chotto-contactinfo-divider-width': string;
+    /** Высота разделителя */
+    '--chotto-contactinfo-divider-height': string;
+    /** Цвет фона разделителя */
+    '--chotto-contactinfo-divider-background-color': string;
+    /** Нижний отступ разделителя */
+    '--chotto-contactinfo-divider-margin-bottom': string;
+    /** Левый отступ разделителя */
+    '--chotto-contactinfo-divider-margin-left': string;
+    /** Отображение кнопки */
+    '--chotto-contactinfo-button-display': string;
+    /** Выравнивание элементов кнопки по вертикали */
+    '--chotto-contactinfo-button-align-items': string;
+    /** Отступ между элементами кнопки */
+    '--chotto-contactinfo-button-gap': string;
+    /** Отступы кнопки */
+    '--chotto-contactinfo-button-padding': string;
+    /** Ширина кнопки */
+    '--chotto-contactinfo-button-width': string;
+    /** Граница кнопки */
+    '--chotto-contactinfo-button-border': string;
+    /** Фон кнопки */
+    '--chotto-contactinfo-button-background': string;
+    /** Курсор кнопки */
+    '--chotto-contactinfo-button-cursor': string;
+    /** Цвет кнопки */
+    '--chotto-contactinfo-button-color': string;
+    /** Размер шрифта кнопки */
+    '--chotto-contactinfo-button-font-size': string;
+    /** Выравнивание текста кнопки */
+    '--chotto-contactinfo-button-text-align': string;
+    /** Радиус границы кнопки */
+    '--chotto-contactinfo-button-border-radius': string;
+    /** Переход кнопки */
+    '--chotto-contactinfo-button-transition': string;
+    /** Цвет фона кнопки при наведении */
+    '--chotto-contactinfo-button-hover-background-color': string;
+    /** Ширина SVG/изображения кнопки */
+    '--chotto-contactinfo-button-svg-img-width': string;
+    /** Высота SVG/изображения кнопки */
+    '--chotto-contactinfo-button-svg-img-height': string;
+}

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

@@ -0,0 +1,59 @@
+/**
+ * CSS переменные для компонента ContextMenu
+ */
+export interface ContextMenuThemeCSSVariables {
+    /** Отображение контейнера контекстного меню */
+    '--chotto-contextmenu-container-display': string;
+    /** Жирность шрифта контейнера контекстного меню */
+    '--chotto-contextmenu-container-font-weight': string;
+    /** Цвет контейнера контекстного меню */
+    '--chotto-contextmenu-container-color': string;
+    /** Семейство шрифтов контейнера контекстного меню */
+    '--chotto-contextmenu-container-font-family': string;
+    /** Z-index контейнера контекстного меню */
+    '--chotto-contextmenu-container-z-index': string;
+    /** Позиционирование контейнера контекстного меню */
+    '--chotto-contextmenu-container-position': string;
+    /** Ширина контейнера контекстного меню */
+    '--chotto-contextmenu-container-width': string;
+    /** Тень контейнера контекстного меню */
+    '--chotto-contextmenu-container-box-shadow': string;
+    /** Радиус границы контейнера контекстного меню */
+    '--chotto-contextmenu-container-border-radius': string;
+    /** Размер шрифта контейнера контекстного меню */
+    '--chotto-contextmenu-container-font-size': string;
+    /** Цвет фона контейнера контекстного меню */
+    '--chotto-contextmenu-container-background-color': string;
+    /** Отступы списка контекстного меню */
+    '--chotto-contextmenu-list-padding': string;
+    /** Отступы списка контекстного меню */
+    '--chotto-contextmenu-list-margin': string;
+    /** Отображение списка контекстного меню */
+    '--chotto-contextmenu-list-display': string;
+    /** Направление флекс-контейнера списка контекстного меню */
+    '--chotto-contextmenu-list-flex-direction': string;
+    /** Выравнивание по поперечной оси списка контекстного меню */
+    '--chotto-contextmenu-list-align-items': string;
+    /** Промежуток между строками списка контекстного меню */
+    '--chotto-contextmenu-list-row-gap': string;
+    /** Отступ слева списка контекстного меню */
+    '--chotto-contextmenu-list-padding-left': string;
+    /** Минимальная ширина списка контекстного меню */
+    '--chotto-contextmenu-list-min-width': string;
+    /** Отображение элемента контекстного меню */
+    '--chotto-contextmenu-item-display': string;
+    /** Выравнивание по главной оси элемента контекстного меню */
+    '--chotto-contextmenu-item-justify-content': string;
+    /** Выравнивание по поперечной оси элемента контекстного меню */
+    '--chotto-contextmenu-item-align-items': string;
+    /** Курсор элемента контекстного меню */
+    '--chotto-contextmenu-item-cursor': string;
+    /** Отступы элемента контекстного меню */
+    '--chotto-contextmenu-item-padding': string;
+    /** Ширина элемента контекстного меню */
+    '--chotto-contextmenu-item-width': string;
+    /** Цвет фона элемента контекстного меню при наведении */
+    '--chotto-contextmenu-item-hover-background-color': string;
+    /** Граница снизу элемента контекстного меню (не последний) */
+    '--chotto-contextmenu-item-not-last-child-border-bottom': string;
+}

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

@@ -0,0 +1,55 @@
+/**
+ * CSS переменные для компонента FeedKeyboard
+ */
+export interface FeedKeyboardThemeCSSVariables {
+    /** Отображение контейнера клавиатуры ленты */
+    '--chotto-feedkeyboard-container-display': string;
+    /** Отступ сверху контейнера клавиатуры ленты */
+    '--chotto-feedkeyboard-container-margin-top': string;
+    /** Отступ снизу контейнера клавиатуры ленты */
+    '--chotto-feedkeyboard-container-margin-bottom': string;
+    /** Перенос элементов контейнера клавиатуры ленты */
+    '--chotto-feedkeyboard-container-flex-wrap': string;
+    /** Максимальная ширина контейнера клавиатуры ленты */
+    '--chotto-feedkeyboard-container-max-width': string;
+    /** Промежуток между элементами контейнера клавиатуры ленты */
+    '--chotto-feedkeyboard-container-gap': string;
+    /** Выравнивание по главной оси контейнера клавиатуры ленты (слева) */
+    '--chotto-feedkeyboard-container-left-justify-content': string;
+    /** Отступ слева контейнера клавиатуры ленты (слева) */
+    '--chotto-feedkeyboard-container-left-margin-left': string;
+    /** Отступ справа контейнера клавиатуры ленты (слева) */
+    '--chotto-feedkeyboard-container-left-margin-right': string;
+    /** Выравнивание по главной оси контейнера клавиатуры ленты (по центру) */
+    '--chotto-feedkeyboard-container-center-justify-content': string;
+    /** Отступ слева контейнера клавиатуры ленты (по центру) */
+    '--chotto-feedkeyboard-container-center-margin-left': string;
+    /** Отступ справа контейнера клавиатуры ленты (по центру) */
+    '--chotto-feedkeyboard-container-center-margin-right': string;
+    /** Выравнивание по главной оси контейнера клавиатуры ленты (справа) */
+    '--chotto-feedkeyboard-container-right-justify-content': string;
+    /** Отступ слева контейнера клавиатуры ленты (справа) */
+    '--chotto-feedkeyboard-container-right-margin-left': string;
+    /** Отступ справа контейнера клавиатуры ленты (справа) */
+    '--chotto-feedkeyboard-container-right-margin-right': string;
+    /** Фон кнопки клавиатуры ленты */
+    '--chotto-feedkeyboard-button-background': string;
+    /** Перенос слов кнопки клавиатуры ленты */
+    '--chotto-feedkeyboard-button-word-wrap': string;
+    /** Максимальная ширина кнопки клавиатуры ленты */
+    '--chotto-feedkeyboard-button-max-width': string;
+    /** Курсор кнопки клавиатуры ленты */
+    '--chotto-feedkeyboard-button-cursor': string;
+    /** Отступы кнопки клавиатуры ленты */
+    '--chotto-feedkeyboard-button-padding': string;
+    /** Граница кнопки клавиатуры ленты */
+    '--chotto-feedkeyboard-button-border': string;
+    /** Радиус границы кнопки клавиатуры ленты */
+    '--chotto-feedkeyboard-button-border-radius': string;
+    /** Размер шрифта текста кнопки клавиатуры ленты */
+    '--chotto-feedkeyboard-button-text-font-size': string;
+    /** Отступы текста кнопки клавиатуры ленты */
+    '--chotto-feedkeyboard-button-text-margin': string;
+    /** Жирность шрифта текста кнопки клавиатуры ленты */
+    '--chotto-feedkeyboard-button-text-font-weight': string;
+}

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

@@ -0,0 +1,141 @@
+/**
+ * CSS переменные для компонента FilePreview
+ */
+export interface FilePreviewThemeCSSVariables {
+    /** Позиционирование контейнера предпросмотра файла */
+    '--chotto-filepreview-container-position': string;
+    /** Отображение контейнера предпросмотра файла */
+    '--chotto-filepreview-container-display': string;
+    /** Граница контейнера предпросмотра файла */
+    '--chotto-filepreview-container-border': string;
+    /** Максимальная ширина изображения/видео */
+    '--chotto-filepreview-image-max-width': string;
+    /** Максимальная высота изображения/видео */
+    '--chotto-filepreview-image-max-height': string;
+    /** Высота модального окна */
+    '--chotto-filepreview-modal-height': string;
+    /** Подгонка объекта модального окна */
+    '--chotto-filepreview-modal-object-fit': string;
+    /** Радиус границы модального окна */
+    '--chotto-filepreview-modal-border-radius': string;
+    /** Максимальная высота модального окна */
+    '--chotto-filepreview-modal-max-height': string;
+    /** Максимальная ширина модального окна */
+    '--chotto-filepreview-modal-max-width': string;
+    /** Отображение тени */
+    '--chotto-filepreview-shadow-display': string;
+    /** Отображение тени при наведении */
+    '--chotto-filepreview-shadow-hover-display': string;
+    /** Курсор тени при наведении */
+    '--chotto-filepreview-shadow-hover-cursor': string;
+    /** Позиционирование тени при наведении */
+    '--chotto-filepreview-shadow-hover-position': string;
+    /** Позиция тени сверху при наведении */
+    '--chotto-filepreview-shadow-hover-top': string;
+    /** Позиция тени слева при наведении */
+    '--chotto-filepreview-shadow-hover-left': string;
+    /** Трансформация тени при наведении */
+    '--chotto-filepreview-shadow-hover-transform': string;
+    /** Ширина тени при наведении */
+    '--chotto-filepreview-shadow-hover-width': string;
+    /** Высота тени при наведении */
+    '--chotto-filepreview-shadow-hover-height': string;
+    /** Фон тени при наведении */
+    '--chotto-filepreview-shadow-hover-background': string;
+    /** Прозрачность тени при наведении */
+    '--chotto-filepreview-shadow-hover-opacity': string;
+    /** Позиция span тени сверху при наведении */
+    '--chotto-filepreview-shadow-hover-span-top': string;
+    /** Позиция span тени слева при наведении */
+    '--chotto-filepreview-shadow-hover-span-left': string;
+    /** Трансформация span тени при наведении */
+    '--chotto-filepreview-shadow-hover-span-transform': string;
+    /** Позиционирование span тени при наведении */
+    '--chotto-filepreview-shadow-hover-span-position': string;
+    /** Цвет span тени при наведении */
+    '--chotto-filepreview-shadow-hover-span-color': string;
+    /** Граница элемента управления аудио */
+    '--chotto-filepreview-audio-control-border': string;
+    /** Курсор элемента управления аудио */
+    '--chotto-filepreview-audio-control-cursor': string;
+    /** Позиционирование элемента управления аудио */
+    '--chotto-filepreview-audio-control-position': string;
+    /** Grid row элемента управления аудио */
+    '--chotto-filepreview-audio-control-grid-row': string;
+    /** Ширина элемента управления аудио */
+    '--chotto-filepreview-audio-control-width': string;
+    /** Высота элемента управления аудио */
+    '--chotto-filepreview-audio-control-height': string;
+    /** Радиус границы элемента управления аудио */
+    '--chotto-filepreview-audio-control-border-radius': string;
+    /** Цвет фона элемента управления аудио */
+    '--chotto-filepreview-audio-control-background-color': string;
+    /** Отображение span элемента управления аудио */
+    '--chotto-filepreview-audio-control-span-display': string;
+    /** Позиционирование span элемента управления аудио */
+    '--chotto-filepreview-audio-control-span-position': string;
+    /** Позиция span элемента управления аудио сверху */
+    '--chotto-filepreview-audio-control-span-top': string;
+    /** Позиция span элемента управления аудио слева */
+    '--chotto-filepreview-audio-control-span-left': string;
+    /** Трансформация span элемента управления аудио */
+    '--chotto-filepreview-audio-control-span-transform': string;
+    /** Размер шрифта span элемента управления аудио */
+    '--chotto-filepreview-audio-control-span-font-size': string;
+    /** Цвет span элемента управления аудио */
+    '--chotto-filepreview-audio-control-span-color': string;
+    /** Максимальная ширина блока */
+    '--chotto-filepreview-block-max-width': string;
+    /** Максимальная высота блока */
+    '--chotto-filepreview-block-max-height': string;
+    /** Минимальная ширина блока */
+    '--chotto-filepreview-block-min-width': string;
+    /** Минимальная высота блока */
+    '--chotto-filepreview-block-min-height': string;
+    /** Отступы блока */
+    '--chotto-filepreview-block-margin': string;
+    /** Переполнение блока */
+    '--chotto-filepreview-block-overflow': string;
+    /** Радиус границы блока */
+    '--chotto-filepreview-block-border-radius': string;
+    /** Отображение блока */
+    '--chotto-filepreview-block-display': string;
+    /** Выравнивание по поперечной оси блока */
+    '--chotto-filepreview-block-align-items': string;
+    /** Выравнивание по главной оси блока */
+    '--chotto-filepreview-block-justify-content': string;
+    /** Отступ слева информации */
+    '--chotto-filepreview-information-margin-left': string;
+    /** Отображение информации */
+    '--chotto-filepreview-information-display': string;
+    /** Отображение span информации */
+    '--chotto-filepreview-information-span-display': string;
+    /** Размер шрифта span информации */
+    '--chotto-filepreview-information-span-font-size': string;
+    /** Выравнивание по поперечной оси имени */
+    '--chotto-filepreview-name-align-items': string;
+    /** Переполнение имени */
+    '--chotto-filepreview-name-overflow': string;
+    /** Перенос строк имени */
+    '--chotto-filepreview-name-white-space': string;
+    /** Перенос слов имени */
+    '--chotto-filepreview-name-word-break': string;
+    /** Обрезка текста имени */
+    '--chotto-filepreview-name-text-overflow': string;
+    /** Отображение кнопки сброса */
+    '--chotto-filepreview-reset-display': string;
+    /** Отступ справа кнопки сброса */
+    '--chotto-filepreview-reset-margin-right': string;
+    /** Размер шрифта кнопки сброса */
+    '--chotto-filepreview-reset-font-size': string;
+    /** Отступы span кнопки сброса */
+    '--chotto-filepreview-reset-span-margin': string;
+    /** Курсор кнопки сброса при наведении */
+    '--chotto-filepreview-reset-hover-cursor': string;
+    /** Отображение блока управления */
+    '--chotto-filepreview-control-block-display': string;
+    /** Выравнивание по главной оси блока управления */
+    '--chotto-filepreview-control-block-justify-content': string;
+    /** Гибкость блока управления */
+    '--chotto-filepreview-control-block-flex': string;
+}

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

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

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

@@ -0,0 +1,99 @@
+/**
+ * CSS переменные для компонента ThemeMode
+ */
+export interface ThemeModeThemeCSSVariables {
+    /** Отступы кнопки переключения темы */
+    '--chotto-thememode-button-margin': string;
+    /** Позиционирование переключателя */
+    '--chotto-thememode-switch-position': string;
+    /** Отображение переключателя */
+    '--chotto-thememode-switch-display': string;
+    /** Размеры переключателя */
+    '--chotto-thememode-switch-box-sizing': string;
+    /** Ширина переключателя */
+    '--chotto-thememode-switch-width': string;
+    /** Высота переключателя */
+    '--chotto-thememode-switch-height': string;
+    /** Граница переключателя */
+    '--chotto-thememode-switch-border': string;
+    /** Радиус границы переключателя */
+    '--chotto-thememode-switch-border-radius': string;
+    /** Фон переключателя */
+    '--chotto-thememode-switch-background': string;
+    /** Переход переключателя */
+    '--chotto-thememode-switch-transition': string;
+    /** Курсор переключателя */
+    '--chotto-thememode-switch-cursor': string;
+    /** Позиционирование span внутри переключателя */
+    '--chotto-thememode-switch-span-position': string;
+    /** Верхняя позиция span внутри переключателя */
+    '--chotto-thememode-switch-span-top': string;
+    /** Нижняя позиция span внутри переключателя */
+    '--chotto-thememode-switch-span-bottom': string;
+    /** Отступы span внутри переключателя */
+    '--chotto-thememode-switch-span-margin': string;
+    /** Отображение span внутри переключателя */
+    '--chotto-thememode-switch-span-display': string;
+    /** Выравнивание содержимого span внутри переключателя по горизонтали */
+    '--chotto-thememode-switch-span-justify-content': string;
+    /** Выравнивание содержимого span внутри переключателя по вертикали */
+    '--chotto-thememode-switch-span-align-items': string;
+    /** Цвет фона иконки солнца */
+    '--chotto-thememode-switch-sun-background-color': string;
+    /** Цвет иконки солнца */
+    '--chotto-thememode-switch-sun-color': string;
+    /** Левая позиция иконки солнца */
+    '--chotto-thememode-switch-sun-left': string;
+    /** Ширина иконки солнца */
+    '--chotto-thememode-switch-sun-width': string;
+    /** Высота иконки солнца */
+    '--chotto-thememode-switch-sun-height': string;
+    /** Радиус границы иконки солнца */
+    '--chotto-thememode-switch-sun-border-radius': string;
+    /** Переход иконки солнца */
+    '--chotto-thememode-switch-sun-transition': string;
+    /** Непрозрачность иконки луны */
+    '--chotto-thememode-switch-moon-opacity': string;
+    /** Цвет фона иконки луны */
+    '--chotto-thememode-switch-moon-background-color': string;
+    /** Цвет иконки луны */
+    '--chotto-thememode-switch-moon-color': string;
+    /** Ширина иконки луны */
+    '--chotto-thememode-switch-moon-width': string;
+    /** Высота иконки луны */
+    '--chotto-thememode-switch-moon-height': string;
+    /** Радиус границы иконки луны */
+    '--chotto-thememode-switch-moon-border-radius': string;
+    /** Переход иконки луны */
+    '--chotto-thememode-switch-moon-transition': string;
+    /** Отображение скрытого input */
+    '--chotto-thememode-input-display': string;
+    /** Ширина скрытого input */
+    '--chotto-thememode-input-width': string;
+    /** Высота скрытого input */
+    '--chotto-thememode-input-height': string;
+    /** Позиционирование скрытого input */
+    '--chotto-thememode-input-position': string;
+    /** Z-index скрытого input */
+    '--chotto-thememode-input-z-index': string;
+    /** Непрозрачность скрытого input */
+    '--chotto-thememode-input-opacity': string;
+    /** Фон переключателя в активном состоянии */
+    '--chotto-thememode-switch-checked-background': string;
+    /** Переход переключателя в активном состоянии */
+    '--chotto-thememode-switch-checked-transition': string;
+    /** Трансформация иконки солнца в активном состоянии */
+    '--chotto-thememode-switch-sun-checked-transform': string;
+    /** Непрозрачность иконки солнца в активном состоянии */
+    '--chotto-thememode-switch-sun-checked-opacity': string;
+    /** Переход иконки солнца в активном состоянии */
+    '--chotto-thememode-switch-sun-checked-transition': string;
+    /** Трансформация иконки луны в активном состоянии */
+    '--chotto-thememode-switch-moon-checked-transform': string;
+    /** Непрозрачность иконки луны в активном состоянии */
+    '--chotto-thememode-switch-moon-checked-opacity': string;
+    /** Переход иконки луны в активном состоянии */
+    '--chotto-thememode-switch-moon-checked-transition': string;
+    /** Ширина выбора */
+    '--chotto-thememode-select-width': string;
+}

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

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