Create default for tickLabelMinGap. Reduce default to 4px.

Author: bernardobelchior

packages/x-charts/src/ChartsXAxis/ChartsXAxis.tsx

@@ -39,8 +39,7 @@ function addLabelDimension(
   {
     tickLabelStyle: style,
     tickLabelInterval,
-    // FIXME: Define the default value in the correct place
-    tickLabelMinGap = 8,
+    tickLabelMinGap,
     reverse,
     isMounted,
   }: Pick<ChartsXAxisProps, 'tickLabelInterval' | 'tickLabelStyle'> &
@@ -101,6 +100,7 @@ const defaultProps = {
   disableLine: false,
   disableTicks: false,
   tickSize: 6,
+  tickLabelMinGap: 4,
 } as const;
 
 /**
@@ -140,6 +140,7 @@ function ChartsXAxis(inProps: ChartsXAxisProps) {
     tickLabelInterval,
     tickPlacement,
     tickLabelPlacement,
+    tickLabelMinGap,
     sx,
   } = defaultizedProps;
 
@@ -185,6 +186,7 @@ function ChartsXAxis(inProps: ChartsXAxisProps) {
   const xTicksWithDimension = addLabelDimension(xTicks, {
     tickLabelStyle: axisTickLabelProps.style,
     tickLabelInterval,
+    tickLabelMinGap,
     reverse,
     isMounted,
   });