All files / src/theme/v2/customStyles customFormControlStyle.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
548x
2905x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
export const getCustomFormControlStyle = (palette: any, basePallete: any) => {
  return {
    styleOverrides: {
      root: {
        ".MuiFormHelperText-root": {
          margin: 0,
          textTransform: "none",
          paddingInline: "12px",
          fontSize: "12px",
          marginTop: "4px",
          color: palette.text.secondary,
          lineHeight: "14px",
          fontFamily: "Give Whyte",
          fontWeight: 400,
          fontStyle: "normal",
          paddingLeft: 0,
          marginLeft: 0,
        },
        ".MuiFormLabel-root": {
          marginBottom: "8px",
          fontSize: "14px",
          color: palette.text.primary,
        },
        ".MuiFormHelperText-root.Mui-error, .MuiFormLabel-root.Mui-error": {
          color: basePallete.primitive.error["100"],
        },
        "& .MuiFormLabel-root.Mui-disabled": {
          color: palette.text.primary,
        },
      },
    },
  };
};