run yarn docs:typescript:formatted

mui · Jul 11, 2023 · 71ee6d1 · 71ee6d1
1 parent c2b9059
commit 71ee6d1
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 8 deletions.
diff --git a/docs/data/base/components/form-control/BasicFormControl/css/index.js b/docs/data/base/components/form-control/BasicFormControl/css/index.js
@@ -10,7 +10,7 @@ export default function BasicFormControl() {
     <React.Fragment>
       <FormControl defaultValue="" required>
         <Label>Name</Label>
-        <Input className="CustomInput" />
+        <Input placeholder="Write your name here" className="CustomInput" />
         <HelperText />
       </FormControl>
       <Styles />
@@ -126,7 +126,7 @@ function Styles() {
         padding: 8px 12px;
         border-radius: 8px;
         color: ${isDarkMode ? grey[300] : grey[900]};
-        background: ${isDarkMode ? grey[900] : grey[50]};
+        background: ${isDarkMode ? grey[900] : '#fff'};
         border: 1px solid ${isDarkMode ? grey[800] : grey[300]};
       }
            .CustomInput .${inputClasses.input}:hover {

diff --git a/docs/data/base/components/form-control/BasicFormControl/css/index.tsx.preview b/docs/data/base/components/form-control/BasicFormControl/css/index.tsx.preview
@@ -1,7 +1,7 @@
 <React.Fragment>
   <FormControl defaultValue="" required>
     <Label>Name</Label>
-    <Input className="CustomInput" />
+    <Input placeholder="Write your name here" className="CustomInput" />
     <HelperText />
   </FormControl>
   <Styles />

diff --git a/docs/data/base/components/form-control/BasicFormControl/system/index.js b/docs/data/base/components/form-control/BasicFormControl/system/index.js
@@ -8,7 +8,7 @@ export default function BasicFormControl() {
   return (
     <FormControl defaultValue="" required>
       <Label>Name</Label>
-      <StyledInput />
+      <StyledInput placeholder="Write your name here" />
       <HelperText />
     </FormControl>
   );
@@ -24,7 +24,7 @@ const StyledInput = styled(Input)(
     font-weight: 400;
     line-height: 1.5;
     color: ${theme.palette.mode === 'dark' ? grey[300] : grey[900]};
-    background: ${theme.palette.mode === 'dark' ? grey[900] : grey[50]};
+    background: ${theme.palette.mode === 'dark' ? grey[900] : '#fff'};
     border: 1px solid ${theme.palette.mode === 'dark' ? grey[800] : grey[300]};
     padding: 8px 12px;
     border-radius: 8px;

diff --git a/docs/data/base/components/form-control/BasicFormControl/system/index.tsx.preview b/docs/data/base/components/form-control/BasicFormControl/system/index.tsx.preview
@@ -1,5 +1,5 @@
 <FormControl defaultValue="" required>
   <Label>Name</Label>
-  <StyledInput />
+  <StyledInput placeholder="Write your name here" />
   <HelperText />
 </FormControl>
diff --git a/docs/data/base/components/form-control/BasicFormControl/tailwind/index.js b/docs/data/base/components/form-control/BasicFormControl/tailwind/index.js
@@ -19,10 +19,11 @@ export default function BasicFormControl() {
       <FormControl defaultValue="" required>
         <Label>Name</Label>
         <Input
+          placeholder="Write your name here"
           slotProps={{
             input: {
               className:
-                'w-80 text-sm font-normal leading-normal text-slate-900 dark:text-slate-300 bg-slate-50 dark:bg-slate-900 border border-solid border-slate-300 dark:border-slate-800 px-3 py-2 rounded-lg hover:bg-slate-100 hover:dark:bg-slate-900 hover:border-slate-400 hover:dark:border-slate-700 focus:outline-0 focus:shadow-outline-purple',
+                'w-80 text-sm font-normal leading-normal text-slate-900 dark:text-slate-300 bg-white dark:bg-slate-800 border border-solid border-slate-200 dark:border-slate-700 px-3 py-2 rounded-lg hover:bg-slate-100 hover:dark:bg-slate-900 hover:border-slate-400 hover:dark:border-slate-700 focus:outline-0 focus:shadow-outline-purple',
             },
           }}
         />

diff --git a/docs/data/base/components/form-control/BasicFormControl/tailwind/index.tsx.preview b/docs/data/base/components/form-control/BasicFormControl/tailwind/index.tsx.preview
@@ -1,10 +1,11 @@
 <FormControl defaultValue="" required>
   <Label>Name</Label>
   <Input
+    placeholder="Write your name here"
     slotProps={{
       input: {
         className:
-          'w-80 text-sm font-normal leading-normal text-slate-900 dark:text-slate-300 bg-slate-50 dark:bg-slate-900 border border-solid border-slate-300 dark:border-slate-800 px-3 py-2 rounded-lg hover:bg-slate-100 hover:dark:bg-slate-900 hover:border-slate-400 hover:dark:border-slate-700 focus:outline-0 focus:shadow-outline-purple',
+          'w-80 text-sm font-normal leading-normal text-slate-900 dark:text-slate-300 bg-white dark:bg-slate-800 border border-solid border-slate-200 dark:border-slate-700 px-3 py-2 rounded-lg hover:bg-slate-100 hover:dark:bg-slate-900 hover:border-slate-400 hover:dark:border-slate-700 focus:outline-0 focus:shadow-outline-purple',
       },
     }}
   />