Temporarily revert demo label changes to test Argos

mui · Jun 28, 2024 · 23dfe2b · 23dfe2b
1 parent ab05dc7
commit 23dfe2b
Show file tree

Hide file tree

Showing 48 changed files with 139 additions and 146 deletions.
diff --git a/docs/data/joy/components/grid/AutoGrid.js b/docs/data/joy/components/grid/AutoGrid.js
@@ -19,13 +19,13 @@ export default function AutoGrid() {
   return (
     <Grid container spacing={3} sx={{ flexGrow: 1 }}>
       <Grid size="grow">
-        <Item>size=grow</Item>
+        <Item>xs</Item>
       </Grid>
       <Grid size={6}>
-        <Item>size=6</Item>
+        <Item>xs=6</Item>
       </Grid>
       <Grid size="grow">
-        <Item>size=grow</Item>
+        <Item>xs</Item>
       </Grid>
     </Grid>
   );

diff --git a/docs/data/joy/components/grid/AutoGrid.tsx b/docs/data/joy/components/grid/AutoGrid.tsx
@@ -19,13 +19,13 @@ export default function AutoGrid() {
   return (
     <Grid container spacing={3} sx={{ flexGrow: 1 }}>
       <Grid size="grow">
-        <Item>size=grow</Item>
+        <Item>xs</Item>
       </Grid>
       <Grid size={6}>
-        <Item>size=6</Item>
+        <Item>xs=6</Item>
       </Grid>
       <Grid size="grow">
-        <Item>size=grow</Item>
+        <Item>xs</Item>
       </Grid>
     </Grid>
   );

diff --git a/docs/data/joy/components/grid/AutoGrid.tsx.preview b/docs/data/joy/components/grid/AutoGrid.tsx.preview
@@ -1,11 +1,11 @@
 <Grid container spacing={3} sx={{ flexGrow: 1 }}>
   <Grid size="grow">
-    <Item>size=grow</Item>
+    <Item>xs</Item>
   </Grid>
   <Grid size={6}>
-    <Item>size=6</Item>
+    <Item>xs=6</Item>
   </Grid>
   <Grid size="grow">
-    <Item>size=grow</Item>
+    <Item>xs</Item>
   </Grid>
 </Grid>
diff --git a/docs/data/joy/components/grid/BasicGrid.js b/docs/data/joy/components/grid/BasicGrid.js
@@ -19,16 +19,16 @@ export default function BasicGrid() {
   return (
     <Grid container spacing={2} sx={{ flexGrow: 1 }}>
       <Grid size={8}>
-        <Item>size=8</Item>
+        <Item>xs=8</Item>
       </Grid>
       <Grid size={4}>
-        <Item>size=4</Item>
+        <Item>xs=4</Item>
       </Grid>
       <Grid size={4}>
-        <Item>size=4</Item>
+        <Item>xs=4</Item>
       </Grid>
       <Grid size={8}>
-        <Item>size=8</Item>
+        <Item>xs=8</Item>
       </Grid>
     </Grid>
   );

diff --git a/docs/data/joy/components/grid/BasicGrid.tsx b/docs/data/joy/components/grid/BasicGrid.tsx
@@ -19,16 +19,16 @@ export default function BasicGrid() {
   return (
     <Grid container spacing={2} sx={{ flexGrow: 1 }}>
       <Grid size={8}>
-        <Item>size=8</Item>
+        <Item>xs=8</Item>
       </Grid>
       <Grid size={4}>
-        <Item>size=4</Item>
+        <Item>xs=4</Item>
       </Grid>
       <Grid size={4}>
-        <Item>size=4</Item>
+        <Item>xs=4</Item>
       </Grid>
       <Grid size={8}>
-        <Item>size=8</Item>
+        <Item>xs=8</Item>
       </Grid>
     </Grid>
   );

diff --git a/docs/data/joy/components/grid/BasicGrid.tsx.preview b/docs/data/joy/components/grid/BasicGrid.tsx.preview
@@ -1,14 +1,14 @@
 <Grid container spacing={2} sx={{ flexGrow: 1 }}>
   <Grid size={8}>
-    <Item>size=8</Item>
+    <Item>xs=8</Item>
   </Grid>
   <Grid size={4}>
-    <Item>size=4</Item>
+    <Item>xs=4</Item>
   </Grid>
   <Grid size={4}>
-    <Item>size=4</Item>
+    <Item>xs=4</Item>
   </Grid>
   <Grid size={8}>
-    <Item>size=8</Item>
+    <Item>xs=8</Item>
   </Grid>
 </Grid>
diff --git a/docs/data/joy/components/grid/CSSGrid.js b/docs/data/joy/components/grid/CSSGrid.js
@@ -20,16 +20,16 @@ export default function CSSGrid() {
     <Box sx={{ width: 1 }}>
       <Box sx={{ display: 'grid', gridTemplateColumns: 'repeat(12, 1fr)', gap: 2 }}>
         <Box sx={{ gridColumn: 'span 8' }}>
-          <Item>size=8</Item>
+          <Item>xs=8</Item>
         </Box>
         <Box sx={{ gridColumn: 'span 4' }}>
-          <Item>size=4</Item>
+          <Item>xs=4</Item>
         </Box>
         <Box sx={{ gridColumn: 'span 4' }}>
-          <Item>size=4</Item>
+          <Item>xs=4</Item>
         </Box>
         <Box sx={{ gridColumn: 'span 8' }}>
-          <Item>size=8</Item>
+          <Item>xs=8</Item>
         </Box>
       </Box>
     </Box>

diff --git a/docs/data/joy/components/grid/CSSGrid.tsx b/docs/data/joy/components/grid/CSSGrid.tsx
@@ -20,16 +20,16 @@ export default function CSSGrid() {
     <Box sx={{ width: 1 }}>
       <Box sx={{ display: 'grid', gridTemplateColumns: 'repeat(12, 1fr)', gap: 2 }}>
         <Box sx={{ gridColumn: 'span 8' }}>
-          <Item>size=8</Item>
+          <Item>xs=8</Item>
         </Box>
         <Box sx={{ gridColumn: 'span 4' }}>
-          <Item>size=4</Item>
+          <Item>xs=4</Item>
         </Box>
         <Box sx={{ gridColumn: 'span 4' }}>
-          <Item>size=4</Item>
+          <Item>xs=4</Item>
         </Box>
         <Box sx={{ gridColumn: 'span 8' }}>
-          <Item>size=8</Item>
+          <Item>xs=8</Item>
         </Box>
       </Box>
     </Box>

diff --git a/docs/data/joy/components/grid/CSSGrid.tsx.preview b/docs/data/joy/components/grid/CSSGrid.tsx.preview
@@ -1,14 +1,14 @@
 <Box sx={{ display: 'grid', gridTemplateColumns: 'repeat(12, 1fr)', gap: 2 }}>
   <Box sx={{ gridColumn: 'span 8' }}>
-    <Item>size=8</Item>
+    <Item>xs=8</Item>
   </Box>
   <Box sx={{ gridColumn: 'span 4' }}>
-    <Item>size=4</Item>
+    <Item>xs=4</Item>
   </Box>
   <Box sx={{ gridColumn: 'span 4' }}>
-    <Item>size=4</Item>
+    <Item>xs=4</Item>
   </Box>
   <Box sx={{ gridColumn: 'span 8' }}>
-    <Item>size=8</Item>
+    <Item>xs=8</Item>
   </Box>
 </Box>
diff --git a/docs/data/joy/components/grid/ColumnsGrid.js b/docs/data/joy/components/grid/ColumnsGrid.js
@@ -19,10 +19,10 @@ export default function ColumnsGrid() {
   return (
     <Grid container spacing={2} columns={16} sx={{ flexGrow: 1 }}>
       <Grid size={8}>
-        <Item>size=8</Item>
+        <Item>xs=8</Item>
       </Grid>
       <Grid size={8}>
-        <Item>size=8</Item>
+        <Item>xs=8</Item>
       </Grid>
     </Grid>
   );

diff --git a/docs/data/joy/components/grid/ColumnsGrid.tsx b/docs/data/joy/components/grid/ColumnsGrid.tsx
@@ -19,10 +19,10 @@ export default function ColumnsGrid() {
   return (
     <Grid container spacing={2} columns={16} sx={{ flexGrow: 1 }}>
       <Grid size={8}>
-        <Item>size=8</Item>
+        <Item>xs=8</Item>
       </Grid>
       <Grid size={8}>
-        <Item>size=8</Item>
+        <Item>xs=8</Item>
       </Grid>
     </Grid>
   );

diff --git a/docs/data/joy/components/grid/ColumnsGrid.tsx.preview b/docs/data/joy/components/grid/ColumnsGrid.tsx.preview
@@ -1,8 +1,8 @@
 <Grid container spacing={2} columns={16} sx={{ flexGrow: 1 }}>
   <Grid size={8}>
-    <Item>size=8</Item>
+    <Item>xs=8</Item>
   </Grid>
   <Grid size={8}>
-    <Item>size=8</Item>
+    <Item>xs=8</Item>
   </Grid>
 </Grid>
diff --git a/docs/data/joy/components/grid/ResponsiveGrid.js b/docs/data/joy/components/grid/ResponsiveGrid.js
@@ -25,7 +25,7 @@ export default function ResponsiveGrid() {
     >
       {Array.from(Array(6)).map((_, index) => (
         <Grid key={index} size={{ xs: 2, sm: 4, md: 4 }}>
-          <Item>{index + 1}</Item>
+          <Item>xs=2</Item>
         </Grid>
       ))}
     </Grid>

diff --git a/docs/data/joy/components/grid/ResponsiveGrid.tsx b/docs/data/joy/components/grid/ResponsiveGrid.tsx
@@ -25,7 +25,7 @@ export default function ResponsiveGrid() {
     >
       {Array.from(Array(6)).map((_, index) => (
         <Grid key={index} size={{ xs: 2, sm: 4, md: 4 }}>
-          <Item>{index + 1}</Item>
+          <Item>xs=2</Item>
         </Grid>
       ))}
     </Grid>

diff --git a/docs/data/joy/components/grid/ResponsiveGrid.tsx.preview b/docs/data/joy/components/grid/ResponsiveGrid.tsx.preview
@@ -6,7 +6,7 @@
 >
   {Array.from(Array(6)).map((_, index) => (
     <Grid key={index} size={{ xs: 2, sm: 4, md: 4 }}>
-      <Item>{index + 1}</Item>
+      <Item>xs=2</Item>
     </Grid>
   ))}
 </Grid>
diff --git a/docs/data/joy/components/grid/VariableWidthGrid.js b/docs/data/joy/components/grid/VariableWidthGrid.js
@@ -19,13 +19,13 @@ export default function VariableWidthGrid() {
   return (
     <Grid container spacing={3} sx={{ flexGrow: 1 }}>
       <Grid size="auto">
-        <Item>size=auto</Item>
+        <Item>variable width content</Item>
       </Grid>
       <Grid size={6}>
-        <Item>size=6</Item>
+        <Item>xs=6</Item>
       </Grid>
       <Grid size="grow">
-        <Item>size=grow</Item>
+        <Item>xs</Item>
       </Grid>
     </Grid>
   );

diff --git a/docs/data/joy/components/grid/VariableWidthGrid.tsx b/docs/data/joy/components/grid/VariableWidthGrid.tsx
@@ -19,13 +19,13 @@ export default function VariableWidthGrid() {
   return (
     <Grid container spacing={3} sx={{ flexGrow: 1 }}>
       <Grid size="auto">
-        <Item>size=auto</Item>
+        <Item>variable width content</Item>
       </Grid>
       <Grid size={6}>
-        <Item>size=6</Item>
+        <Item>xs=6</Item>
       </Grid>
       <Grid size="grow">
-        <Item>size=grow</Item>
+        <Item>xs</Item>
       </Grid>
     </Grid>
   );

diff --git a/docs/data/joy/components/grid/VariableWidthGrid.tsx.preview b/docs/data/joy/components/grid/VariableWidthGrid.tsx.preview
@@ -1,11 +1,11 @@
 <Grid container spacing={3} sx={{ flexGrow: 1 }}>
   <Grid size="auto">
-    <Item>size=auto</Item>
+    <Item>variable width content</Item>
   </Grid>
   <Grid size={6}>
-    <Item>size=6</Item>
+    <Item>xs=6</Item>
   </Grid>
   <Grid size="grow">
-    <Item>size=grow</Item>
+    <Item>xs</Item>
   </Grid>
 </Grid>
diff --git a/docs/data/material/components/grid2/AutoGrid.js b/docs/data/material/components/grid2/AutoGrid.js
@@ -20,13 +20,13 @@ export default function AutoGrid() {
     <Box sx={{ flexGrow: 1 }}>
       <Grid container spacing={3}>
         <Grid size="grow">
-          <Item>size=grow</Item>
+          <Item>xs</Item>
         </Grid>
         <Grid size={6}>
-          <Item>size=6</Item>
+          <Item>xs=6</Item>
         </Grid>
         <Grid size="grow">
-          <Item>size=grow</Item>
+          <Item>xs</Item>
         </Grid>
       </Grid>
     </Box>

diff --git a/docs/data/material/components/grid2/AutoGrid.tsx b/docs/data/material/components/grid2/AutoGrid.tsx
@@ -20,13 +20,13 @@ export default function AutoGrid() {
     <Box sx={{ flexGrow: 1 }}>
       <Grid container spacing={3}>
         <Grid size="grow">
-          <Item>size=grow</Item>
+          <Item>xs</Item>
         </Grid>
         <Grid size={6}>
-          <Item>size=6</Item>
+          <Item>xs=6</Item>
         </Grid>
         <Grid size="grow">
-          <Item>size=grow</Item>
+          <Item>xs</Item>
         </Grid>
       </Grid>
     </Box>

diff --git a/docs/data/material/components/grid2/AutoGrid.tsx.preview b/docs/data/material/components/grid2/AutoGrid.tsx.preview
@@ -1,11 +1,11 @@
 <Grid container spacing={3}>
   <Grid size="grow">
-    <Item>size=grow</Item>
+    <Item>xs</Item>
   </Grid>
   <Grid size={6}>
-    <Item>size=6</Item>
+    <Item>xs=6</Item>
   </Grid>
   <Grid size="grow">
-    <Item>size=grow</Item>
+    <Item>xs</Item>
   </Grid>
 </Grid>
diff --git a/docs/data/material/components/grid2/BasicGrid.js b/docs/data/material/components/grid2/BasicGrid.js
@@ -20,16 +20,16 @@ export default function BasicGrid() {
     <Box sx={{ flexGrow: 1 }}>
       <Grid container spacing={2}>
         <Grid size={8}>
-          <Item>size=8</Item>
+          <Item>xs=8</Item>
         </Grid>
         <Grid size={4}>
-          <Item>size=4</Item>
+          <Item>xs=4</Item>
         </Grid>
         <Grid size={4}>
-          <Item>size=4</Item>
+          <Item>xs=4</Item>
         </Grid>
         <Grid size={8}>
-          <Item>size=8</Item>
+          <Item>xs=8</Item>
         </Grid>
       </Grid>
     </Box>

diff --git a/docs/data/material/components/grid2/BasicGrid.tsx b/docs/data/material/components/grid2/BasicGrid.tsx
@@ -20,16 +20,16 @@ export default function BasicGrid() {
     <Box sx={{ flexGrow: 1 }}>
       <Grid container spacing={2}>
         <Grid size={8}>
-          <Item>size=8</Item>
+          <Item>xs=8</Item>
         </Grid>
         <Grid size={4}>
-          <Item>size=4</Item>
+          <Item>xs=4</Item>
         </Grid>
         <Grid size={4}>
-          <Item>size=4</Item>
+          <Item>xs=4</Item>
         </Grid>
         <Grid size={8}>
-          <Item>size=8</Item>
+          <Item>xs=8</Item>
         </Grid>
       </Grid>
     </Box>