/
kaws
/
ui-kit-ce
Обзор
Документация
Войти
/
kaws
/
ui-kit-ce
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
packages/dropdown-menu/src/sharedStyles/dropdownMenuStyles.ts
39 строк
2 KB
Denis Svyatovets
feat: добавлены токены толщины обводки
02 июл 2025, 10:08
02 июл 2025, 10:08
f23965f
Код
Авторство
О чём код?
import { Theme } from '@v-uik/theme' import { Styles } from 'react-jss' export const dropdownMenuStyles = (theme: Theme): Styles => ({ list: { backgroundColor: theme.comp.dropdownMenu.colorBackground, borderColor: theme.comp.dropdownMenu.colorBorder, borderWidth: theme.comp.dropdownMenu.widthBorder, //TODO: по идее бордер должен быть внутренним borderStyle: theme.shape.borderStyle, borderTopLeftRadius: theme.comp.dropdownMenu.shapeBorderRadiusTopLeftMd, borderTopRightRadius: theme.comp.dropdownMenu.shapeBorderRadiusTopRightMd, borderBottomLeftRadius: theme.comp.dropdownMenu.shapeBorderRadiusBottomLeftMd, borderBottomRightRadius: theme.comp.dropdownMenu.shapeBorderRadiusBottomRightMd, boxShadow: theme.comp.dropdownMenu.elevationShadow, '&$small': { borderTopLeftRadius: theme.comp.dropdownMenu.shapeBorderRadiusTopLeftSm, borderTopRightRadius: theme.comp.dropdownMenu.shapeBorderRadiusTopRightSm, borderBottomLeftRadius: theme.comp.dropdownMenu.shapeBorderRadiusBottomLeftSm, borderBottomRightRadius: theme.comp.dropdownMenu.shapeBorderRadiusBottomRightSm, }, '&$large': { borderTopLeftRadius: theme.comp.dropdownMenu.shapeBorderRadiusTopLeftLg, borderTopRightRadius: theme.comp.dropdownMenu.shapeBorderRadiusTopRightLg, borderBottomLeftRadius: theme.comp.dropdownMenu.shapeBorderRadiusBottomLeftLg, borderBottomRightRadius: theme.comp.dropdownMenu.shapeBorderRadiusBottomRightLg, }, }, small: {}, large: {}, })