@mui/x-charts
Version:
The community edition of the charts components (MUI X).
78 lines • 2.45 kB
JavaScript
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import Box from '@mui/system/Box';
import { styled } from '@mui/material/styles';
import { chartsTooltipClasses } from './chartsTooltipClasses';
export var ChartsTooltipPaper = styled('div', {
name: 'MuiChartsTooltip',
slot: 'Container'
})(function (_ref) {
var theme = _ref.theme;
return {
backgroundColor: (theme.vars || theme).palette.background.paper,
color: (theme.vars || theme).palette.text.primary,
transition: theme.transitions.create('box-shadow'),
border: "1px solid ".concat((theme.vars || theme).palette.divider),
borderRadius: theme.shape.borderRadius
};
});
export var ChartsTooltipTable = styled('table', {
name: 'MuiChartsTooltip',
slot: 'Table'
})(function (_ref2) {
var theme = _ref2.theme;
return {
borderSpacing: 0,
'& thead td': {
borderBottom: "solid ".concat((theme.vars || theme).palette.divider, " 1px")
}
};
});
export var ChartsTooltipRow = styled('tr', {
name: 'MuiChartsTooltip',
slot: 'Row'
})(function (_ref3) {
var theme = _ref3.theme;
return {
'tr:first-of-type& td': {
paddingTop: theme.spacing(1)
},
'tr:last-of-type& td': {
paddingBottom: theme.spacing(1)
}
};
});
export var ChartsTooltipCell = styled('td', {
name: 'MuiChartsTooltip',
slot: 'Cell'
})(function (_ref4) {
var theme = _ref4.theme;
return _defineProperty(_defineProperty(_defineProperty(_defineProperty({
verticalAlign: 'middle',
color: (theme.vars || theme).palette.text.secondary
}, "&.".concat(chartsTooltipClasses.labelCell), {
paddingLeft: theme.spacing(1)
}), "&.".concat(chartsTooltipClasses.valueCell), {
paddingLeft: theme.spacing(4),
color: (theme.vars || theme).palette.text.primary
}), 'td:first-of-type&', {
paddingLeft: theme.spacing(2)
}), 'td:last-of-type&', {
paddingRight: theme.spacing(2)
});
});
export var ChartsTooltipMark = styled(Box, {
name: 'MuiChartsTooltip',
slot: 'Mark'
})(function (_ref6) {
var theme = _ref6.theme,
ownerState = _ref6.ownerState;
return {
width: theme.spacing(1),
height: theme.spacing(1),
borderRadius: '50%',
backgroundColor: ownerState.color,
borderColor: (theme.vars || theme).palette.background.paper,
border: "solid ".concat((theme.vars || theme).palette.background.paper, " ").concat(theme.spacing(0.25)),
boxSizing: 'content-box'
};
});