Diffusion Open Access Compliance Check Tool (OACCT) (master) Browse

rOACCT/node_modules/@mui/material/node/styles/experimental_extendTheme.js
7a3a991276aamaster

experimental_extendTheme.js
View Options

			"use strict";

			var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
			Object.defineProperty(exports, "__esModule", {
			value: true
			});
			exports.createGetCssVar = void 0;
			exports.default = extendTheme;
			var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
			var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
			var _utils = require("@mui/utils");
			var _system = require("@mui/system");
			var _createTheme = _interopRequireDefault(require("./createTheme"));
			var _getOverlayAlpha = _interopRequireDefault(require("./getOverlayAlpha"));
			const _excluded = ["colorSchemes", "cssVarPrefix"],
			_excluded2 = ["palette"];
			const defaultDarkOverlays = [...Array(25)].map((_, index) => {
			if (index === 0) {
			return undefined;
			}
			const overlay = (0, _getOverlayAlpha.default)(index);
			return `linear-gradient(rgba(255 255 255 / ${overlay}), rgba(255 255 255 / ${overlay}))`;
			});
			function assignNode(obj, keys) {
			keys.forEach(k => {
			if (!obj[k]) {
			obj[k] = {};
			}
			});
			}
			function setColor(obj, key, defaultValue) {
			if (!obj[key] && defaultValue) {
			obj[key] = defaultValue;
			}
			}
			const silent = fn => {
			try {
			return fn();
			} catch (error) {
			// ignore error
			}
			return undefined;
			};
			const createGetCssVar = (cssVarPrefix = 'mui') => (0, _system.unstable_createGetCssVar)(cssVarPrefix);
			exports.createGetCssVar = createGetCssVar;
			function extendTheme(options = {}, ...args) {
			var _colorSchemesInput$li, _colorSchemesInput$da, _colorSchemesInput$li2, _colorSchemesInput$li3, _colorSchemesInput$da2, _colorSchemesInput$da3;
			const {
			colorSchemes: colorSchemesInput = {},
			cssVarPrefix = 'mui'
			} = options,
			input = (0, _objectWithoutPropertiesLoose2.default)(options, _excluded);
			const getCssVar = createGetCssVar(cssVarPrefix);
			const _createThemeWithoutVa = (0, _createTheme.default)((0, _extends2.default)({}, input, colorSchemesInput.light && {
			palette: (_colorSchemesInput$li = colorSchemesInput.light) == null ? void 0 : _colorSchemesInput$li.palette
			})),
			{
			palette: lightPalette
			} = _createThemeWithoutVa,
			muiTheme = (0, _objectWithoutPropertiesLoose2.default)(_createThemeWithoutVa, _excluded2);
			const {
			palette: darkPalette
			} = (0, _createTheme.default)({
			palette: (0, _extends2.default)({
			mode: 'dark'
			}, (_colorSchemesInput$da = colorSchemesInput.dark) == null ? void 0 : _colorSchemesInput$da.palette)
			});
			let theme = (0, _extends2.default)({}, muiTheme, {
			cssVarPrefix,
			getCssVar,
			colorSchemes: (0, _extends2.default)({}, colorSchemesInput, {
			light: (0, _extends2.default)({}, colorSchemesInput.light, {
			palette: lightPalette,
			opacity: (0, _extends2.default)({
			inputPlaceholder: 0.42,
			inputUnderline: 0.42,
			switchTrackDisabled: 0.12,
			switchTrack: 0.38
			}, (_colorSchemesInput$li2 = colorSchemesInput.light) == null ? void 0 : _colorSchemesInput$li2.opacity),
			overlays: ((_colorSchemesInput$li3 = colorSchemesInput.light) == null ? void 0 : _colorSchemesInput$li3.overlays) \|\| []
			}),
			dark: (0, _extends2.default)({}, colorSchemesInput.dark, {
			palette: darkPalette,
			opacity: (0, _extends2.default)({
			inputPlaceholder: 0.5,
			inputUnderline: 0.7,
			switchTrackDisabled: 0.2,
			switchTrack: 0.3
			}, (_colorSchemesInput$da2 = colorSchemesInput.dark) == null ? void 0 : _colorSchemesInput$da2.opacity),
			overlays: ((_colorSchemesInput$da3 = colorSchemesInput.dark) == null ? void 0 : _colorSchemesInput$da3.overlays) \|\| defaultDarkOverlays
			})
			})
			});
			Object.keys(theme.colorSchemes).forEach(key => {
			const palette = theme.colorSchemes[key].palette;

			// attach black & white channels to common node
			if (key === 'light') {
			setColor(palette.common, 'background', '#fff');
			setColor(palette.common, 'onBackground', '#000');
			} else {
			setColor(palette.common, 'background', '#000');
			setColor(palette.common, 'onBackground', '#fff');
			}

			// assign component variables
			assignNode(palette, ['Alert', 'AppBar', 'Avatar', 'Chip', 'FilledInput', 'LinearProgress', 'Skeleton', 'Slider', 'SnackbarContent', 'SpeedDialAction', 'StepConnector', 'StepContent', 'Switch', 'TableCell', 'Tooltip']);
			if (key === 'light') {
			setColor(palette.Alert, 'errorColor', (0, _system.private_safeDarken)(palette.error.light, 0.6));
			setColor(palette.Alert, 'infoColor', (0, _system.private_safeDarken)(palette.info.light, 0.6));
			setColor(palette.Alert, 'successColor', (0, _system.private_safeDarken)(palette.success.light, 0.6));
			setColor(palette.Alert, 'warningColor', (0, _system.private_safeDarken)(palette.warning.light, 0.6));
			setColor(palette.Alert, 'errorFilledBg', getCssVar('palette-error-main'));
			setColor(palette.Alert, 'infoFilledBg', getCssVar('palette-info-main'));
			setColor(palette.Alert, 'successFilledBg', getCssVar('palette-success-main'));
			setColor(palette.Alert, 'warningFilledBg', getCssVar('palette-warning-main'));
			setColor(palette.Alert, 'errorFilledColor', silent(() => lightPalette.getContrastText(palette.error.main)));
			setColor(palette.Alert, 'infoFilledColor', silent(() => lightPalette.getContrastText(palette.info.main)));
			setColor(palette.Alert, 'successFilledColor', silent(() => lightPalette.getContrastText(palette.success.main)));
			setColor(palette.Alert, 'warningFilledColor', silent(() => lightPalette.getContrastText(palette.warning.main)));
			setColor(palette.Alert, 'errorStandardBg', (0, _system.private_safeLighten)(palette.error.light, 0.9));
			setColor(palette.Alert, 'infoStandardBg', (0, _system.private_safeLighten)(palette.info.light, 0.9));
			setColor(palette.Alert, 'successStandardBg', (0, _system.private_safeLighten)(palette.success.light, 0.9));
			setColor(palette.Alert, 'warningStandardBg', (0, _system.private_safeLighten)(palette.warning.light, 0.9));
			setColor(palette.Alert, 'errorIconColor', getCssVar('palette-error-main'));
			setColor(palette.Alert, 'infoIconColor', getCssVar('palette-info-main'));
			setColor(palette.Alert, 'successIconColor', getCssVar('palette-success-main'));
			setColor(palette.Alert, 'warningIconColor', getCssVar('palette-warning-main'));
			setColor(palette.AppBar, 'defaultBg', getCssVar('palette-grey-100'));
			setColor(palette.Avatar, 'defaultBg', getCssVar('palette-grey-400'));
			setColor(palette.Chip, 'defaultBorder', getCssVar('palette-grey-400'));
			setColor(palette.Chip, 'defaultAvatarColor', getCssVar('palette-grey-700'));
			setColor(palette.Chip, 'defaultIconColor', getCssVar('palette-grey-700'));
			setColor(palette.FilledInput, 'bg', 'rgba(0, 0, 0, 0.06)');
			setColor(palette.FilledInput, 'hoverBg', 'rgba(0, 0, 0, 0.09)');
			setColor(palette.FilledInput, 'disabledBg', 'rgba(0, 0, 0, 0.12)');
			setColor(palette.LinearProgress, 'primaryBg', (0, _system.private_safeLighten)(palette.primary.main, 0.62));
			setColor(palette.LinearProgress, 'secondaryBg', (0, _system.private_safeLighten)(palette.secondary.main, 0.62));
			setColor(palette.LinearProgress, 'errorBg', (0, _system.private_safeLighten)(palette.error.main, 0.62));
			setColor(palette.LinearProgress, 'infoBg', (0, _system.private_safeLighten)(palette.info.main, 0.62));
			setColor(palette.LinearProgress, 'successBg', (0, _system.private_safeLighten)(palette.success.main, 0.62));
			setColor(palette.LinearProgress, 'warningBg', (0, _system.private_safeLighten)(palette.warning.main, 0.62));
			setColor(palette.Skeleton, 'bg', `rgba(${getCssVar('palette-text-primaryChannel')} / 0.11)`);
			setColor(palette.Slider, 'primaryTrack', (0, _system.private_safeLighten)(palette.primary.main, 0.62));
			setColor(palette.Slider, 'secondaryTrack', (0, _system.private_safeLighten)(palette.secondary.main, 0.62));
			setColor(palette.Slider, 'errorTrack', (0, _system.private_safeLighten)(palette.error.main, 0.62));
			setColor(palette.Slider, 'infoTrack', (0, _system.private_safeLighten)(palette.info.main, 0.62));
			setColor(palette.Slider, 'successTrack', (0, _system.private_safeLighten)(palette.success.main, 0.62));
			setColor(palette.Slider, 'warningTrack', (0, _system.private_safeLighten)(palette.warning.main, 0.62));
			const snackbarContentBackground = (0, _system.private_safeEmphasize)(palette.background.default, 0.8);
			setColor(palette.SnackbarContent, 'bg', snackbarContentBackground);
			setColor(palette.SnackbarContent, 'color', silent(() => lightPalette.getContrastText(snackbarContentBackground)));
			setColor(palette.SpeedDialAction, 'fabHoverBg', (0, _system.private_safeEmphasize)(palette.background.paper, 0.15));
			setColor(palette.StepConnector, 'border', getCssVar('palette-grey-400'));
			setColor(palette.StepContent, 'border', getCssVar('palette-grey-400'));
			setColor(palette.Switch, 'defaultColor', getCssVar('palette-common-white'));
			setColor(palette.Switch, 'defaultDisabledColor', getCssVar('palette-grey-100'));
			setColor(palette.Switch, 'primaryDisabledColor', (0, _system.private_safeLighten)(palette.primary.main, 0.62));
			setColor(palette.Switch, 'secondaryDisabledColor', (0, _system.private_safeLighten)(palette.secondary.main, 0.62));
			setColor(palette.Switch, 'errorDisabledColor', (0, _system.private_safeLighten)(palette.error.main, 0.62));
			setColor(palette.Switch, 'infoDisabledColor', (0, _system.private_safeLighten)(palette.info.main, 0.62));
			setColor(palette.Switch, 'successDisabledColor', (0, _system.private_safeLighten)(palette.success.main, 0.62));
			setColor(palette.Switch, 'warningDisabledColor', (0, _system.private_safeLighten)(palette.warning.main, 0.62));
			setColor(palette.TableCell, 'border', (0, _system.private_safeLighten)((0, _system.private_safeAlpha)(palette.divider, 1), 0.88));
			setColor(palette.Tooltip, 'bg', (0, _system.private_safeAlpha)(palette.grey[700], 0.92));
			} else {
			setColor(palette.Alert, 'errorColor', (0, _system.private_safeLighten)(palette.error.light, 0.6));
			setColor(palette.Alert, 'infoColor', (0, _system.private_safeLighten)(palette.info.light, 0.6));
			setColor(palette.Alert, 'successColor', (0, _system.private_safeLighten)(palette.success.light, 0.6));
			setColor(palette.Alert, 'warningColor', (0, _system.private_safeLighten)(palette.warning.light, 0.6));
			setColor(palette.Alert, 'errorFilledBg', getCssVar('palette-error-dark'));
			setColor(palette.Alert, 'infoFilledBg', getCssVar('palette-info-dark'));
			setColor(palette.Alert, 'successFilledBg', getCssVar('palette-success-dark'));
			setColor(palette.Alert, 'warningFilledBg', getCssVar('palette-warning-dark'));
			setColor(palette.Alert, 'errorFilledColor', silent(() => darkPalette.getContrastText(palette.error.dark)));
			setColor(palette.Alert, 'infoFilledColor', silent(() => darkPalette.getContrastText(palette.info.dark)));
			setColor(palette.Alert, 'successFilledColor', silent(() => darkPalette.getContrastText(palette.success.dark)));
			setColor(palette.Alert, 'warningFilledColor', silent(() => darkPalette.getContrastText(palette.warning.dark)));
			setColor(palette.Alert, 'errorStandardBg', (0, _system.private_safeDarken)(palette.error.light, 0.9));
			setColor(palette.Alert, 'infoStandardBg', (0, _system.private_safeDarken)(palette.info.light, 0.9));
			setColor(palette.Alert, 'successStandardBg', (0, _system.private_safeDarken)(palette.success.light, 0.9));
			setColor(palette.Alert, 'warningStandardBg', (0, _system.private_safeDarken)(palette.warning.light, 0.9));
			setColor(palette.Alert, 'errorIconColor', getCssVar('palette-error-main'));
			setColor(palette.Alert, 'infoIconColor', getCssVar('palette-info-main'));
			setColor(palette.Alert, 'successIconColor', getCssVar('palette-success-main'));
			setColor(palette.Alert, 'warningIconColor', getCssVar('palette-warning-main'));
			setColor(palette.AppBar, 'defaultBg', getCssVar('palette-grey-900'));
			setColor(palette.AppBar, 'darkBg', getCssVar('palette-background-paper')); // specific for dark mode
			setColor(palette.AppBar, 'darkColor', getCssVar('palette-text-primary')); // specific for dark mode
			setColor(palette.Avatar, 'defaultBg', getCssVar('palette-grey-600'));
			setColor(palette.Chip, 'defaultBorder', getCssVar('palette-grey-700'));
			setColor(palette.Chip, 'defaultAvatarColor', getCssVar('palette-grey-300'));
			setColor(palette.Chip, 'defaultIconColor', getCssVar('palette-grey-300'));
			setColor(palette.FilledInput, 'bg', 'rgba(255, 255, 255, 0.09)');
			setColor(palette.FilledInput, 'hoverBg', 'rgba(255, 255, 255, 0.13)');
			setColor(palette.FilledInput, 'disabledBg', 'rgba(255, 255, 255, 0.12)');
			setColor(palette.LinearProgress, 'primaryBg', (0, _system.private_safeDarken)(palette.primary.main, 0.5));
			setColor(palette.LinearProgress, 'secondaryBg', (0, _system.private_safeDarken)(palette.secondary.main, 0.5));
			setColor(palette.LinearProgress, 'errorBg', (0, _system.private_safeDarken)(palette.error.main, 0.5));
			setColor(palette.LinearProgress, 'infoBg', (0, _system.private_safeDarken)(palette.info.main, 0.5));
			setColor(palette.LinearProgress, 'successBg', (0, _system.private_safeDarken)(palette.success.main, 0.5));
			setColor(palette.LinearProgress, 'warningBg', (0, _system.private_safeDarken)(palette.warning.main, 0.5));
			setColor(palette.Skeleton, 'bg', `rgba(${getCssVar('palette-text-primaryChannel')} / 0.13)`);
			setColor(palette.Slider, 'primaryTrack', (0, _system.private_safeDarken)(palette.primary.main, 0.5));
			setColor(palette.Slider, 'secondaryTrack', (0, _system.private_safeDarken)(palette.secondary.main, 0.5));
			setColor(palette.Slider, 'errorTrack', (0, _system.private_safeDarken)(palette.error.main, 0.5));
			setColor(palette.Slider, 'infoTrack', (0, _system.private_safeDarken)(palette.info.main, 0.5));
			setColor(palette.Slider, 'successTrack', (0, _system.private_safeDarken)(palette.success.main, 0.5));
			setColor(palette.Slider, 'warningTrack', (0, _system.private_safeDarken)(palette.warning.main, 0.5));
			const snackbarContentBackground = (0, _system.private_safeEmphasize)(palette.background.default, 0.98);
			setColor(palette.SnackbarContent, 'bg', snackbarContentBackground);
			setColor(palette.SnackbarContent, 'color', silent(() => darkPalette.getContrastText(snackbarContentBackground)));
			setColor(palette.SpeedDialAction, 'fabHoverBg', (0, _system.private_safeEmphasize)(palette.background.paper, 0.15));
			setColor(palette.StepConnector, 'border', getCssVar('palette-grey-600'));
			setColor(palette.StepContent, 'border', getCssVar('palette-grey-600'));
			setColor(palette.Switch, 'defaultColor', getCssVar('palette-grey-300'));
			setColor(palette.Switch, 'defaultDisabledColor', getCssVar('palette-grey-600'));
			setColor(palette.Switch, 'primaryDisabledColor', (0, _system.private_safeDarken)(palette.primary.main, 0.55));
			setColor(palette.Switch, 'secondaryDisabledColor', (0, _system.private_safeDarken)(palette.secondary.main, 0.55));
			setColor(palette.Switch, 'errorDisabledColor', (0, _system.private_safeDarken)(palette.error.main, 0.55));
			setColor(palette.Switch, 'infoDisabledColor', (0, _system.private_safeDarken)(palette.info.main, 0.55));
			setColor(palette.Switch, 'successDisabledColor', (0, _system.private_safeDarken)(palette.success.main, 0.55));
			setColor(palette.Switch, 'warningDisabledColor', (0, _system.private_safeDarken)(palette.warning.main, 0.55));
			setColor(palette.TableCell, 'border', (0, _system.private_safeDarken)((0, _system.private_safeAlpha)(palette.divider, 1), 0.68));
			setColor(palette.Tooltip, 'bg', (0, _system.private_safeAlpha)(palette.grey[700], 0.92));
			}
			setColor(palette.background, 'defaultChannel', (0, _system.private_safeColorChannel)(palette.background.default, 'MUI: The value of `palette.background.default` should be one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().')); // MUI X - DataGrid needs this token.

			setColor(palette.common, 'backgroundChannel', (0, _system.private_safeColorChannel)(palette.common.background, 'MUI: The value of `palette.common.background` should be one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().'));
			setColor(palette.common, 'onBackgroundChannel', (0, _system.private_safeColorChannel)(palette.common.onBackground, 'MUI: The value of `palette.common.onBackground` should be one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().'));
			setColor(palette, 'dividerChannel', (0, _system.private_safeColorChannel)(palette.divider, 'MUI: The value of `palette.divider` should be one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().'));
			Object.keys(palette).forEach(color => {
			const colors = palette[color];

			// The default palettes (primary, secondary, error, info, success, and warning) errors are handled by the above `createTheme(...)`.

			if (colors && typeof colors === 'object') {
			// Silent the error for custom palettes.
			if (colors.main) {
			setColor(palette[color], 'mainChannel', (0, _system.private_safeColorChannel)(colors.main));
			}
			if (colors.light) {
			setColor(palette[color], 'lightChannel', (0, _system.private_safeColorChannel)(colors.light));
			}
			if (colors.dark) {
			setColor(palette[color], 'darkChannel', (0, _system.private_safeColorChannel)(colors.dark));
			}
			if (colors.contrastText) {
			setColor(palette[color], 'contrastTextChannel', (0, _system.private_safeColorChannel)(colors.contrastText));
			}
			if (color === 'text') {
			// Text colors: text.primary, text.secondary
			setColor(palette[color], 'primaryChannel', (0, _system.private_safeColorChannel)(colors.primary, 'MUI: The value of `palette.text.primary` should be one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().'));
			setColor(palette[color], 'secondaryChannel', (0, _system.private_safeColorChannel)(colors.secondary, 'MUI: The value of `palette.text.secondary` should be one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().'));
			}
			if (color === 'action') {
			// Action colors: action.active, action.selected
			if (colors.active) {
			setColor(palette[color], 'activeChannel', (0, _system.private_safeColorChannel)(colors.active, 'MUI: The value of `palette.action.active` should be one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().'));
			}
			if (colors.selected) {
			setColor(palette[color], 'selectedChannel', (0, _system.private_safeColorChannel)(colors.selected, 'MUI: The value of `palette.action.selected` should be one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().'));
			}
			}
			}
			});
			});
			theme = args.reduce((acc, argument) => (0, _utils.deepmerge)(acc, argument), theme);
			theme.unstable_sxConfig = (0, _extends2.default)({}, _system.unstable_defaultSxConfig, input == null ? void 0 : input.unstable_sxConfig);
			theme.unstable_sx = function sx(props) {
			return (0, _system.unstable_styleFunctionSx)({
			sx: props,
			theme: this
			});
			};
			return theme;
			}