@mui/x-charts/ChartsRadialGrid/styledComponents.mjs

The community edition of MUI X Charts components.

import { styled } from '@mui/material/styles';
import { chartsRadialGridClasses } from "./chartsRadialGridClasses.mjs";
export const GridRoot = styled('g', {
  name: 'MuiChartsRadialGrid',
  slot: 'Root',
  overridesResolver: (props, styles) => [{
    [`& .${chartsRadialGridClasses.rotationLine}`]: styles.rotationLine
  }, {
    [`& .${chartsRadialGridClasses.radiusLine}`]: styles.radiusLine
  }, styles.root]
})({});
export const GridLine = styled('line', {
  slot: 'internal',
  shouldForwardProp: undefined
})(({
  theme
}) => ({
  stroke: (theme.vars || theme).palette.divider,
  shapeRendering: 'crispEdges',
  strokeWidth: 1,
  fill: 'none'
}));
export const GridPath = styled('path', {
  slot: 'internal',
  shouldForwardProp: undefined
})(({
  theme
}) => ({
  stroke: (theme.vars || theme).palette.divider,
  shapeRendering: 'crispEdges',
  strokeWidth: 1,
  fill: 'none'
}));
export const GridCircle = styled('circle', {
  slot: 'internal',
  shouldForwardProp: undefined
})(({
  theme
}) => ({
  stroke: (theme.vars || theme).palette.divider,
  shapeRendering: 'crispEdges',
  strokeWidth: 1,
  fill: 'none'
}));