feedback

mui · Nov 7, 2023 · f6bd7e6 · f6bd7e6
1 parent 38e46c4
commit f6bd7e6
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 10 deletions.
diff --git a/docs/pages/x/api/charts/charts-reference-line.json b/docs/pages/x/api/charts/charts-reference-line.json
@@ -33,7 +33,7 @@
     "import { ChartsReferenceLine } from '@mui/x-charts';"
   ],
   "styles": {
-    "classes": ["root", "verticale", "horizontal", "line", "label"],
+    "classes": ["root", "vertical", "horizontal", "line", "label"],
     "globalClasses": {},
     "name": "MuiChartsReferenceLine"
   },

diff --git a/docs/translations/api-docs/charts/charts-reference-line.json b/docs/translations/api-docs/charts/charts-reference-line.json
@@ -49,13 +49,15 @@
   },
   "classDescriptions": {
     "root": { "description": "Styles applied to the root element." },
-    "verticale": {
-      "description": "Styles applied to {{nodeName}}.",
-      "nodeName": "the root element is reference line is verticale"
+    "vertical": {
+      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "the reference line is vertical"
     },
     "horizontal": {
-      "description": "Styles applied to {{nodeName}}.",
-      "nodeName": "the root element is reference line is horizontal"
+      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
+      "nodeName": "the root element",
+      "conditions": "the reference line is horizontal"
     },
     "line": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the reference line" },
     "label": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the reference label" }

diff --git a/packages/x-charts/src/ChartsReferenceLine/chartsReferenceLineClasses.ts b/packages/x-charts/src/ChartsReferenceLine/chartsReferenceLineClasses.ts
@@ -4,9 +4,9 @@ import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export interface ChartsReferenceLineClasses {
   /** Styles applied to the root element. */
   root: string;
-  /** Styles applied to the root element is reference line is verticale. */
-  verticale: string;
-  /** Styles applied to the root element is reference line is horizontal. */
+  /** Styles applied to the root element if the reference line is vertical. */
+  vertical: string;
+  /** Styles applied to the root element if the reference line is horizontal. */
   horizontal: string;
   /** Styles applied to the reference line. */
   line: string;
@@ -22,5 +22,5 @@ export function getReferenceLineUtilityClass(slot: string) {
 
 export const referenceLineClasses: ChartsReferenceLineClasses = generateUtilityClasses(
   'MuiChartsReferenceLine',
-  ['root', 'verticale', 'horizontal', 'line', 'label'],
+  ['root', 'vertical', 'horizontal', 'line', 'label'],
 );