@brightlayer-ui/react-themes
Version:
React themes for Brightlayer UI applications
199 lines (198 loc) • 10.1 kB
JavaScript
"use strict";
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
__setModuleDefault(result, mod);
return result;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.blueThemes = void 0;
var styles_1 = require("@mui/material/styles");
var shared_1 = require("./shared");
var BLUIColors = __importStar(require("@brightlayer-ui/colors"));
var color_1 = __importDefault(require("color"));
var MuiAvatar_1 = __importDefault(require("./componentStylesOverrides/MuiAvatar"));
var MuiAppBar_1 = __importDefault(require("./componentStylesOverrides/MuiAppBar"));
var MuiBottomNavigation_1 = __importDefault(require("./componentStylesOverrides/MuiBottomNavigation"));
var MuiBottomNavigationAction_1 = __importDefault(require("./componentStylesOverrides/MuiBottomNavigationAction"));
var MuiBadge_1 = __importDefault(require("./componentStylesOverrides/MuiBadge"));
var MuiBackdrop_1 = __importDefault(require("./componentStylesOverrides/MuiBackdrop"));
var MuiButton_1 = __importDefault(require("./componentStylesOverrides/MuiButton"));
var MuiButtonGroup_1 = __importDefault(require("./componentStylesOverrides/MuiButtonGroup"));
var MuiCheckbox_1 = __importDefault(require("./componentStylesOverrides/MuiCheckbox"));
var MuiButtonBase_1 = __importDefault(require("./componentStylesOverrides/MuiButtonBase"));
var MuiChip_1 = __importDefault(require("./componentStylesOverrides/MuiChip"));
var MuiDrawer_1 = __importDefault(require("./componentStylesOverrides/MuiDrawer"));
var MuiFab_1 = __importDefault(require("./componentStylesOverrides/MuiFab"));
var MuiListItem_1 = __importDefault(require("./componentStylesOverrides/MuiListItem"));
var MuiListSubheader_1 = __importDefault(require("./componentStylesOverrides/MuiListSubheader"));
var MuiMobileStepper_1 = __importDefault(require("./componentStylesOverrides/MuiMobileStepper"));
var MuiLinearProgress_1 = __importDefault(require("./componentStylesOverrides/MuiLinearProgress"));
var MuiCircularProgress_1 = __importDefault(require("./componentStylesOverrides/MuiCircularProgress"));
var MuiSlider_1 = __importDefault(require("./componentStylesOverrides/MuiSlider"));
var MuiSnackbarContent_1 = __importDefault(require("./componentStylesOverrides/MuiSnackbarContent"));
var MuiStepConnector_1 = __importDefault(require("./componentStylesOverrides/MuiStepConnector"));
var MuiStep_1 = __importDefault(require("./componentStylesOverrides/MuiStep"));
var MuiStepIcon_1 = __importDefault(require("./componentStylesOverrides/MuiStepIcon"));
var MuiStepLabel_1 = __importDefault(require("./componentStylesOverrides/MuiStepLabel"));
var MuiSwitch_1 = __importDefault(require("./componentStylesOverrides/MuiSwitch"));
var MuiTableCell_1 = __importDefault(require("./componentStylesOverrides/MuiTableCell"));
var MuiTableHead_1 = __importDefault(require("./componentStylesOverrides/MuiTableHead"));
var MuiTableRow_1 = __importDefault(require("./componentStylesOverrides/MuiTableRow"));
var MuiTableSortLabel_1 = __importDefault(require("./componentStylesOverrides/MuiTableSortLabel"));
var MuiTab_1 = __importDefault(require("./componentStylesOverrides/MuiTab"));
var MuiTabs_1 = __importDefault(require("./componentStylesOverrides/MuiTabs"));
var MuiTooltip_1 = __importDefault(require("./componentStylesOverrides/MuiTooltip"));
var MuiInputBase_1 = __importDefault(require("./componentStylesOverrides/MuiInputBase"));
var MuiInput_1 = __importDefault(require("./componentStylesOverrides/MuiInput"));
var MuiFilledInput_1 = __importDefault(require("./componentStylesOverrides/MuiFilledInput"));
var MuiOutlinedInput_1 = __importDefault(require("./componentStylesOverrides/MuiOutlinedInput"));
var MuiFormLabel_1 = __importDefault(require("./componentStylesOverrides/MuiFormLabel"));
var MuiFormHelperText_1 = __importDefault(require("./componentStylesOverrides/MuiFormHelperText"));
var MuiToggleButtonGroup_1 = __importDefault(require("./componentStylesOverrides/MuiToggleButtonGroup"));
var MuiToggleButton_1 = __importDefault(require("./componentStylesOverrides/MuiToggleButton"));
// Light Theme Colors
var LightThemeColors = {
primary: (0, shared_1.createSimpleLightPalette)(BLUIColors.blue),
secondary: (0, shared_1.createSimpleLightPalette)(BLUIColors.lightBlue),
error: (0, shared_1.createSimpleLightPalette)(BLUIColors.red),
success: (0, shared_1.createSimpleLightPalette)(BLUIColors.green),
info: (0, shared_1.createSimpleLightPalette)(BLUIColors.lightBlue),
divider: (0, color_1.default)(BLUIColors.black[500]).alpha(0.12).string(),
warning: {
light: BLUIColors.yellow[100],
main: BLUIColors.yellow[500],
dark: BLUIColors.yellow[900],
},
background: {
default: BLUIColors.white[200],
paper: BLUIColors.white[50],
},
text: {
primary: BLUIColors.black[500],
secondary: BLUIColors.gray[500],
hint: BLUIColors.gray[500],
},
action: {
active: BLUIColors.gray[500],
disabled: (0, color_1.default)(BLUIColors.black[500]).alpha(0.3).string(),
},
};
// Dark Theme Colors
var DarkThemeColors = {
primary: (0, shared_1.createSimpleDarkPalette)(BLUIColors.blue),
secondary: (0, shared_1.createSimpleDarkPalette)(BLUIColors.lightBlue),
error: (0, shared_1.createSimpleDarkPalette)(BLUIColors.red),
success: (0, shared_1.createSimpleDarkPalette)(BLUIColors.green),
info: (0, shared_1.createSimpleDarkPalette)(BLUIColors.lightBlue),
divider: (0, color_1.default)(BLUIColors.black[200]).alpha(0.36).string(),
warning: {
light: BLUIColors.yellow[100],
main: BLUIColors.yellow[300],
dark: BLUIColors.yellow[900],
},
background: {
default: BLUIColors.darkBlack[800],
paper: BLUIColors.black[900],
},
text: {
primary: BLUIColors.black[50],
secondary: BLUIColors.black[200],
disabled: (0, color_1.default)(BLUIColors.black[300]).alpha(0.36).string(),
hint: (0, color_1.default)(BLUIColors.black[300]).alpha(0.36).string(),
},
action: {
hover: (0, color_1.default)(BLUIColors.black[50]).alpha(0.1).string(),
active: BLUIColors.black[200],
disabled: (0, color_1.default)(BLUIColors.black[300]).alpha(0.36).string(),
disabledBackground: (0, color_1.default)(BLUIColors.black[200]).alpha(0.24).string(),
},
};
var Spacing = 8;
exports.blueThemes = (0, styles_1.createTheme)({
cssVariables: { colorSchemeSelector: 'class' },
direction: "ltr",
typography: shared_1.typography,
spacing: Spacing,
colorSchemes: {
light: {
palette: __assign({ mode: "light" }, LightThemeColors),
},
dark: {
palette: __assign({ mode: "dark" }, DarkThemeColors),
},
},
components: {
MuiAvatar: MuiAvatar_1.default,
MuiAppBar: MuiAppBar_1.default,
MuiBottomNavigation: MuiBottomNavigation_1.default,
MuiBottomNavigationAction: MuiBottomNavigationAction_1.default,
MuiBadge: MuiBadge_1.default,
MuiBackdrop: MuiBackdrop_1.default,
MuiButton: MuiButton_1.default,
MuiButtonGroup: MuiButtonGroup_1.default,
MuiCheckbox: MuiCheckbox_1.default,
MuiButtonBase: MuiButtonBase_1.default,
MuiChip: MuiChip_1.default,
MuiDrawer: MuiDrawer_1.default,
MuiFab: MuiFab_1.default,
MuiListItem: MuiListItem_1.default,
MuiListSubheader: MuiListSubheader_1.default,
MuiMobileStepper: MuiMobileStepper_1.default,
MuiLinearProgress: MuiLinearProgress_1.default,
MuiCircularProgress: MuiCircularProgress_1.default,
MuiSlider: MuiSlider_1.default,
MuiSnackbarContent: MuiSnackbarContent_1.default,
MuiStepConnector: MuiStepConnector_1.default,
MuiStep: MuiStep_1.default,
MuiStepIcon: MuiStepIcon_1.default,
MuiStepLabel: MuiStepLabel_1.default,
MuiSwitch: MuiSwitch_1.default,
MuiTableCell: MuiTableCell_1.default,
MuiTableHead: MuiTableHead_1.default,
MuiTableRow: MuiTableRow_1.default,
MuiTableSortLabel: MuiTableSortLabel_1.default,
MuiTab: MuiTab_1.default,
MuiTabs: MuiTabs_1.default,
MuiTooltip: MuiTooltip_1.default,
MuiInputBase: MuiInputBase_1.default,
MuiInput: MuiInput_1.default,
MuiFilledInput: MuiFilledInput_1.default,
MuiOutlinedInput: MuiOutlinedInput_1.default,
MuiFormLabel: MuiFormLabel_1.default,
MuiFormHelperText: MuiFormHelperText_1.default,
MuiToggleButtonGroup: MuiToggleButtonGroup_1.default,
MuiToggleButton: MuiToggleButton_1.default,
},
});