refactor(web): remove typescript

packages/web/src/components/EditableTypography/style.js

@@ -0,0 +1,22 @@
+import { styled } from '@mui/material/styles';
+import MuiBox from '@mui/material/Box';
+import MuiTextField from '@mui/material/TextField';
+import { inputClasses } from '@mui/material/Input';
+const boxShouldForwardProp = (prop) => !['editing'].includes(prop);
+export const Box = styled(MuiBox, {
+  shouldForwardProp: boxShouldForwardProp,
+})`
+  display: flex;
+  flex: 1;
+  width: 300px;
+  height: 33px;
+  align-items: center;
+  ${({ editing }) => editing && 'border-bottom: 1px dashed #000;'}
+`;
+export const TextField = styled(MuiTextField)({
+  width: '100%',
+  [`.${inputClasses.root}:before, .${inputClasses.root}:after, .${inputClasses.root}:hover`]:
+    {
+      borderBottom: '0 !important',
+    },
+});