P8-Panels/app/theme/variants/p8p_icon_variants.js

44 lines
1.3 KiB
JavaScript

/*
Парус 8 - Панели мониторинга
Расширение стилистики Icon
*/
//----------------
//Интерфейс модуля
//----------------
//Кастомные иконки
export const P8P_ICONS = ({ theme }) => ({
primary: {},
P8PTableColumnMenu: { marginRight: "10px" },
P8PPanelMenuTitle: { paddingTop: "4px" },
P8PDesktopPanel: {
width: "48px",
height: "48px",
fontSize: "48px"
},
P8PHeader: { margin: "0px", fontSize: "24px", color: theme.palette.P8PHeader.link },
P8PHeaderFilterDelete: { fontSize: "22px" }
});
//Наименование кастомных иконок
export const P8P_ICON_VARIANT = {
TABLE_COLUMN_MENU: "P8PTableColumnMenu",
PANEL_MENU_TITLE: "P8PPanelMenuTitle",
DESKTOP_PANEL: "P8PDesktopPanel",
HEADER: "P8PHeader",
HEADER_FILTER_DELETE: "P8PHeaderFilterDelete"
};
//Кастомная стилистика компонента
export const P8P_ICON_OVERRIDES = {
styleOverrides: {
root: ({ ownerState, theme }) => {
//Определяем вариант
const variant = ownerState?.variant || "primary";
//Возвращаем стили варианта
return P8P_ICONS({ theme })[variant];
}
}
};