[docs] Fix minor typo (#42899)

mui · Sep 17, 2024 · 2e1914f · 2e1914f
1 parent 1275f37
commit 2e1914f
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 11 deletions.
diff --git a/docs/data/base/components/textarea-autosize/UnstyledTextareaIntroduction/css/index.js b/docs/data/base/components/textarea-autosize/UnstyledTextareaIntroduction/css/index.js
@@ -6,7 +6,7 @@ export default function UnstyledTextareaIntroduction() {
   return (
     <React.Fragment>
       <TextareaAutosize
-        className="CustomTextareaIntrocudtion"
+        className="CustomTextareaIntroduction"
         aria-label="empty textarea"
         placeholder="Empty"
       />
@@ -52,7 +52,7 @@ function Styles() {
   return (
     <style>
       {`
-      .CustomTextareaIntrocudtion {
+      .CustomTextareaIntroduction {
         box-sizing: border-box;
         width: 320px;
         font-family: 'IBM Plex Sans', sans-serif;
@@ -67,18 +67,18 @@ function Styles() {
         box-shadow: 0px 2px 24px ${isDarkMode ? cyan[900] : cyan[100]};
       }
 
-     .CustomTextareaIntrocudtion:hover {
+     .CustomTextareaIntroduction:hover {
         border-color: ${cyan[400]};
       }
 
-     .CustomTextareaIntrocudtion:focus {
+     .CustomTextareaIntroduction:focus {
         border-color: ${cyan[400]};
         box-shadow: 0 0 0 3px ${isDarkMode ? cyan[600] : cyan[200]};
         outline: none;
       }
 
       // firefox
-      .CustomTextareaIntrocudtion:focus-visible {
+      .CustomTextareaIntroduction:focus-visible {
         outline: 0;
       }
     `}

diff --git a/docs/data/base/components/textarea-autosize/UnstyledTextareaIntroduction/css/index.tsx b/docs/data/base/components/textarea-autosize/UnstyledTextareaIntroduction/css/index.tsx
@@ -6,7 +6,7 @@ export default function UnstyledTextareaIntroduction() {
   return (
     <React.Fragment>
       <TextareaAutosize
-        className="CustomTextareaIntrocudtion"
+        className="CustomTextareaIntroduction"
         aria-label="empty textarea"
         placeholder="Empty"
       />
@@ -52,7 +52,7 @@ function Styles() {
   return (
     <style>
       {`
-      .CustomTextareaIntrocudtion {
+      .CustomTextareaIntroduction {
         box-sizing: border-box;
         width: 320px;
         font-family: 'IBM Plex Sans', sans-serif;
@@ -67,18 +67,18 @@ function Styles() {
         box-shadow: 0px 2px 24px ${isDarkMode ? cyan[900] : cyan[100]};
       }
 
-     .CustomTextareaIntrocudtion:hover {
+     .CustomTextareaIntroduction:hover {
         border-color: ${cyan[400]};
       }
 
-     .CustomTextareaIntrocudtion:focus {
+     .CustomTextareaIntroduction:focus {
         border-color: ${cyan[400]};
         box-shadow: 0 0 0 3px ${isDarkMode ? cyan[600] : cyan[200]};
         outline: none;
       }
 
       // firefox
-      .CustomTextareaIntrocudtion:focus-visible {
+      .CustomTextareaIntroduction:focus-visible {
         outline: 0;
       }
     `}

diff --git a/...data/base/components/textarea-autosize/UnstyledTextareaIntroduction/css/index.tsx.preview b/...data/base/components/textarea-autosize/UnstyledTextareaIntroduction/css/index.tsx.preview
@@ -1,6 +1,6 @@
 <React.Fragment>
   <TextareaAutosize
-    className="CustomTextareaIntrocudtion"
+    className="CustomTextareaIntroduction"
     aria-label="empty textarea"
     placeholder="Empty"
   />