Files F99580736

ScopedCssBaseline.js
No OneTemporary
Actions

Subscribers

None

File Metadata

Created: Sat, Jan 25, 13:43

ScopedCssBaseline.js
View Options

	import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
	import _extends from "@babel/runtime/helpers/esm/extends";
	const _excluded = ["className", "component", "enableColorScheme"];
	import * as React from 'react';
	import PropTypes from 'prop-types';
	import clsx from 'clsx';
	import { unstable_composeClasses as composeClasses } from '@mui/base';
	import useThemeProps from '../styles/useThemeProps';
	import styled from '../styles/styled';
	import { html, body } from '../CssBaseline/CssBaseline';
	import { getScopedCssBaselineUtilityClass } from './scopedCssBaselineClasses';
	import { jsx as _jsx } from "react/jsx-runtime";
	const useUtilityClasses = ownerState => {
	const {
	classes
	} = ownerState;
	const slots = {
	root: ['root']
	};
	return composeClasses(slots, getScopedCssBaselineUtilityClass, classes);
	};
	const ScopedCssBaselineRoot = styled('div', {
	name: 'MuiScopedCssBaseline',
	slot: 'Root',
	overridesResolver: (props, styles) => styles.root
	})(({
	theme,
	ownerState
	}) => {
	const colorSchemeStyles = {};
	if (ownerState.enableColorScheme && theme.colorSchemes) {
	Object.entries(theme.colorSchemes).forEach(([key, scheme]) => {
	var _scheme$palette;
	colorSchemeStyles[`&${theme.getColorSchemeSelector(key).replace(/\s*&/, '')}`] = {
	colorScheme: (_scheme$palette = scheme.palette) == null ? void 0 : _scheme$palette.mode
	};
	});
	}
	return _extends({}, html(theme, ownerState.enableColorScheme), body(theme), {
	'& , & ::before, & *::after': {
	boxSizing: 'inherit'
	},
	'& strong, & b': {
	fontWeight: theme.typography.fontWeightBold
	}
	}, colorSchemeStyles);
	});
	const ScopedCssBaseline = /#__PURE__/React.forwardRef(function ScopedCssBaseline(inProps, ref) {
	const props = useThemeProps({
	props: inProps,
	name: 'MuiScopedCssBaseline'
	});
	const {
	className,
	component = 'div'
	} = props,
	other = _objectWithoutPropertiesLoose(props, _excluded);
	const ownerState = _extends({}, props, {
	component
	});
	const classes = useUtilityClasses(ownerState);
	return /#__PURE__/_jsx(ScopedCssBaselineRoot, _extends({
	as: component,
	className: clsx(classes.root, className),
	ref: ref,
	ownerState: ownerState
	}, other));
	});
	process.env.NODE_ENV !== "production" ? ScopedCssBaseline.propTypes /* remove-proptypes */ = {
	// ----------------------------- Warning --------------------------------
	// \| These PropTypes are generated from the TypeScript type definitions \|
	// \| To update them edit the d.ts file and run "yarn proptypes" \|
	// ----------------------------------------------------------------------
	/**
	* The content of the component.
	*/
	children: PropTypes.node,
	/**
	* Override or extend the styles applied to the component.
	*/
	classes: PropTypes.object,
	/**
	* @ignore
	*/
	className: PropTypes.string,
	/**
	* The component used for the root node.
	* Either a string to use a HTML element or a component.
	*/
	component: PropTypes.elementType,
	/**
	* Enable `color-scheme` CSS property to use `theme.palette.mode`.
	* For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
	* For browser support, check out https://caniuse.com/?search=color-scheme
	*/
	enableColorScheme: PropTypes.bool,
	/**
	* The system prop that allows defining system overrides as well as additional CSS styles.
	*/
	sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
	} : void 0;
	export default ScopedCssBaseline;

Event Timeline