Migrate 'Note' component away from makeStyles + cleanup (#630)

Migrate 'Note' component away from makeStyles + cleanup (#630)

CHANGELOG.md

@@ -3,6 +3,7 @@
 ## Not released
 
 - Storybook documentation and fixes [#629](https://github.com/CartoDB/carto-react/pull/629)
+- Note component cleaned styles from makeStyles [#630](https://github.com/CartoDB/carto-react/pull/630)
 
 ## 2.0
 

packages/react-ui/src/widgets/legend/Note.js

@@ -1,27 +1,16 @@
 import { Box } from '@mui/material';
-import makeStyles from '@mui/styles/makeStyles';
 import React from 'react';
 import Typography from '../../components/atoms/Typography';
 
-const useNoteStyles = makeStyles(() => ({
-  note: {
-    fontWeight: 'normal'
-  }
-}));
-
 export default function Note({ children }) {
-  const classes = useNoteStyles();
-
   if (!children) {
     return null;
   }
 
   return (
     <Box mt={1} data-testid='note-legend'>
       <Typography variant='caption'>Note:</Typography>{' '}
-      <Typography className={classes.note} variant='caption'>
-        {children}
-      </Typography>
+      <Typography variant='caption'>{children}</Typography>
     </Box>
   );
 }