Merge commit 'da750ca487ff81f33af4c3bab18c02235d5648b8' of https://gi…

…thub.com/GitStartHQ/material-ui into MUI-38190
mui · Sep 6, 2023 · a3dc230 · a3dc230
2 parents 1a6b100 + da750ca
commit a3dc230
Show file tree

Hide file tree

Showing 15 changed files with 38 additions and 53 deletions.
diff --git a/docs/data/base/components/table-pagination/TableCustomized/css/index.js b/docs/data/base/components/table-pagination/TableCustomized/css/index.js
@@ -51,7 +51,7 @@ export default function TableCustomized() {
 
             {emptyRows > 0 && (
               <tr style={{ height: 34 * emptyRows }}>
-                <td colSpan={3} />
+                <td colSpan={3} aria-hidden />
               </tr>
             )}
           </tbody>

diff --git a/docs/data/base/components/table-pagination/TableCustomized/css/index.tsx b/docs/data/base/components/table-pagination/TableCustomized/css/index.tsx
@@ -56,7 +56,7 @@ export default function TableCustomized() {
 
             {emptyRows > 0 && (
               <tr style={{ height: 34 * emptyRows }}>
-                <td colSpan={3} />
+                <td colSpan={3} aria-hidden />
               </tr>
             )}
           </tbody>

diff --git a/docs/data/base/components/table-pagination/TableCustomized/system/index.js b/docs/data/base/components/table-pagination/TableCustomized/system/index.js
@@ -50,7 +50,7 @@ export default function TableCustomized() {
 
           {emptyRows > 0 && (
             <tr style={{ height: 34 * emptyRows }}>
-              <td colSpan={3} />
+              <td colSpan={3} aria-hidden />
             </tr>
           )}
         </tbody>

diff --git a/docs/data/base/components/table-pagination/TableCustomized/system/index.tsx b/docs/data/base/components/table-pagination/TableCustomized/system/index.tsx
@@ -55,7 +55,7 @@ export default function TableCustomized() {
 
           {emptyRows > 0 && (
             <tr style={{ height: 34 * emptyRows }}>
-              <td colSpan={3} />
+              <td colSpan={3} aria-hidden />
             </tr>
           )}
         </tbody>

diff --git a/docs/data/base/components/table-pagination/TableCustomized/tailwind/index.js b/docs/data/base/components/table-pagination/TableCustomized/tailwind/index.js
@@ -82,6 +82,7 @@ export default function TableCustomized() {
               <td
                 className="border border-solid border-slate-200 dark:border-slate-800 text-left p-1.5"
                 colSpan={3}
+                aria-hidden
               />
             </tr>
           )}

diff --git a/docs/data/base/components/table-pagination/TableCustomized/tailwind/index.tsx b/docs/data/base/components/table-pagination/TableCustomized/tailwind/index.tsx
@@ -86,6 +86,7 @@ export default function TableCustomized() {
               <td
                 className="border border-solid border-slate-200 dark:border-slate-800 text-left p-1.5"
                 colSpan={3}
+                aria-hidden
               />
             </tr>
           )}

diff --git a/docs/data/base/components/table-pagination/TableUnstyled.js b/docs/data/base/components/table-pagination/TableUnstyled.js
@@ -49,7 +49,7 @@ export default function TableUnstyled() {
           ))}
           {emptyRows > 0 && (
             <tr style={{ height: 41 * emptyRows }}>
-              <td colSpan={3} />
+              <td colSpan={3} aria-hidden />
             </tr>
           )}
         </tbody>

diff --git a/docs/data/base/components/table-pagination/TableUnstyled.tsx b/docs/data/base/components/table-pagination/TableUnstyled.tsx
@@ -54,7 +54,7 @@ export default function TableUnstyled() {
           ))}
           {emptyRows > 0 && (
             <tr style={{ height: 41 * emptyRows }}>
-              <td colSpan={3} />
+              <td colSpan={3} aria-hidden />
             </tr>
           )}
         </tbody>

diff --git a/docs/data/joy/components/table/TableSortAndSelection.js b/docs/data/joy/components/table/TableSortAndSelection.js
@@ -401,7 +401,7 @@ export default function TableSortAndSelection() {
                 '--TableRow-hoverBackground': 'transparent',
               }}
             >
-              <td colSpan={6} />
+              <td colSpan={6} aria-hidden />
             </tr>
           )}
         </tbody>

diff --git a/docs/data/joy/components/table/TableSortAndSelection.tsx b/docs/data/joy/components/table/TableSortAndSelection.tsx
@@ -445,7 +445,7 @@ export default function TableSortAndSelection() {
                 } as React.CSSProperties
               }
             >
-              <td colSpan={6} />
+              <td colSpan={6} aria-hidden />
             </tr>
           )}
         </tbody>

diff --git a/docs/data/material/components/buttons/InputFileUpload.js b/docs/data/material/components/buttons/InputFileUpload.js
@@ -3,27 +3,22 @@ import { styled } from '@mui/material/styles';
 import Button from '@mui/material/Button';
 import CloudUploadIcon from '@mui/icons-material/CloudUpload';
 
-const VisuallyHiddenInput = styled('input')`
-  clip: rect(0 0 0 0);
-  clip-path: inset(50%);
-  height: 1px;
-  overflow: hidden;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  white-space: nowrap;
-  width: 1px;
-`;
+const VisuallyHiddenInput = styled('input')({
+  clip: 'rect(0 0 0 0)',
+  clipPath: 'inset(50%)',
+  height: 1,
+  overflow: 'hidden',
+  position: 'absolute',
+  bottom: 0,
+  left: 0,
+  whiteSpace: 'nowrap',
+  width: 1,
+});
 
 export default function InputFileUpload() {
   return (
-    <Button
-      component="label"
-      variant="contained"
-      startIcon={<CloudUploadIcon />}
-      href="#file-upload"
-    >
-      Upload a file
+    <Button component="label" variant="contained" startIcon={<CloudUploadIcon />}>
+      Upload file
       <VisuallyHiddenInput type="file" />
     </Button>
   );

diff --git a/docs/data/material/components/buttons/InputFileUpload.tsx b/docs/data/material/components/buttons/InputFileUpload.tsx
@@ -3,27 +3,22 @@ import { styled } from '@mui/material/styles';
 import Button from '@mui/material/Button';
 import CloudUploadIcon from '@mui/icons-material/CloudUpload';
 
-const VisuallyHiddenInput = styled('input')`
-  clip: rect(0 0 0 0);
-  clip-path: inset(50%);
-  height: 1px;
-  overflow: hidden;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  white-space: nowrap;
-  width: 1px;
-`;
+const VisuallyHiddenInput = styled('input')({
+  clip: 'rect(0 0 0 0)',
+  clipPath: 'inset(50%)',
+  height: 1,
+  overflow: 'hidden',
+  position: 'absolute',
+  bottom: 0,
+  left: 0,
+  whiteSpace: 'nowrap',
+  width: 1,
+});
 
 export default function InputFileUpload() {
   return (
-    <Button
-      component="label"
-      variant="contained"
-      startIcon={<CloudUploadIcon />}
-      href="#file-upload"
-    >
-      Upload a file
+    <Button component="label" variant="contained" startIcon={<CloudUploadIcon />}>
+      Upload file
       <VisuallyHiddenInput type="file" />
     </Button>
   );

diff --git a/docs/data/material/components/buttons/InputFileUpload.tsx.preview b/docs/data/material/components/buttons/InputFileUpload.tsx.preview
@@ -1,9 +1,4 @@
-<Button
-  component="label"
-  variant="contained"
-  startIcon={<CloudUploadIcon />}
-  href="#file-upload"
->
-  Upload a file
+<Button component="label" variant="contained" startIcon={<CloudUploadIcon />}>
+  Upload file
   <VisuallyHiddenInput type="file" />
 </Button>
diff --git a/docs/data/material/experimental-api/css-theme-variables/usage.md b/docs/data/material/experimental-api/css-theme-variables/usage.md
@@ -167,7 +167,6 @@ const StyledComponent = styled('button')(({ theme }) => ({
 
 - `defaultMode?: 'light' | 'dark' | 'system'` - Application's default mode (`light` by default)
 - `disableTransitionOnChange : boolean` - Disable CSS transitions when switching between modes
-- `enableColorScheme: boolean` - Indicate to the browser which color scheme is used (light or dark) for rendering built-in UI
 - `prefix: string` - CSS variable prefix
 - `theme: ThemeInput` - the theme provided to React's context
 - `modeStorageKey?: string` - localStorage key used to store application `mode`

diff --git a/docs/data/system/experimental-api/css-theme-variables/css-theme-variables.md b/docs/data/system/experimental-api/css-theme-variables/css-theme-variables.md
@@ -209,7 +209,6 @@ See the complete usage of `createVssVarsProvider` in [Material UI](https://githu
 
 - `defaultMode?: 'light' | 'dark' | 'system'` - Application's default mode (`light` by default)
 - `disableTransitionOnChange : boolean` - Disable CSS transitions when switching between modes
-- `enableColorScheme: boolean` - Indicate to the browser which color scheme is used (light or dark) for rendering built-in UI
 - `prefix: string` - CSS variable prefix
 - `theme: ThemeInput` - the theme provided to React's context
 - `modeStorageKey?: string` - localStorage key used to store application `mode`
-Original file line number
+Diff line change
@@ Expand Up / @@ -82,6 +82,7 @@ export default function TableCustomized() { @@
                   <td
                     className="border border-solid border-slate-200 dark:border-slate-800 text-left p-1.5"
                     colSpan={3}
+                    aria-hidden
                   />
                 </tr>
               )}
@@ Expand Down @@