init project

docs/data/joy/components/linear-progress/LinearProgressVariables.tsx

@@ -0,0 +1,34 @@
+import LinearProgress from '@mui/joy/LinearProgress';
+import Box from '@mui/joy/Box';
+import JoyVariablesDemo from 'docs/src/modules/components/JoyVariablesDemo';
+
+export default function LinearProgressVariables() {
+  return (
+    <JoyVariablesDemo
+      componentName="LinearProgress"
+      data={[
+        {
+          var: '--LinearProgress-thickness',
+          defaultValue: '6px',
+        },
+        {
+          var: '--LinearProgress-radius',
+          helperText: "Default to root's thickness",
+        },
+        {
+          var: '--LinearProgress-progressThickness',
+          helperText: "Default to root's thickness",
+        },
+        {
+          var: '--LinearProgress-progressRadius',
+          helperText: "Default to root's thickness",
+        },
+      ]}
+      renderDemo={(sx) => (
+        <Box sx={{ width: 300 }}>
+          <LinearProgress sx={sx} />
+        </Box>
+      )}
+    />
+  );
+}