@campxdev/shared 1.4.3 → 1.4.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/src/components/HookForm/TextField.tsx +2 -1
  3. package/src/components/Input/TextField.tsx +0 -3
  4. package/src/components/LoginForm.tsx +2 -2
  5. package/src/theme/muiTheme.ts +9 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@campxdev/shared",
3
- "version": "1.4.3",
3
+ "version": "1.4.5",
4
4
  "main": "./exports.ts",
5
5
  "scripts": {
6
6
  "start": "react-scripts start",
package/src/components/HookForm/TextField.tsx CHANGED
@@ -17,7 +17,7 @@ export default function FormTextField({
17
17
  name,
18
18
  control,
19
19
  label,
20
- value,
20
+ required,
21
21
  ...rest
22
22
  }: MyTextFieldProps) {
23
23
  return (
@@ -30,6 +30,7 @@ export default function FormTextField({
30
30
  label={label}
31
31
  onChange={onChange}
32
32
  value={value}
33
+ required={required}
33
34
  error={error ? true : false}
34
35
  helperText={error ? error.message : null}
35
36
  {...rest}
package/src/components/Input/TextField.tsx CHANGED
@@ -15,9 +15,6 @@ const StyledTextField = styled(MuiTextField)(({ theme }) => ({
15
15
  display: 'none',
16
16
  },
17
17
  },
18
- '& .MuiInputAdornment-positionStart': {
19
- paddingLeft: '14px',
20
- },
21
18
  }))
22
19
 
23
20
  export default function TextField({
package/src/components/LoginForm.tsx CHANGED
@@ -31,7 +31,7 @@ export function LoginForm({ loginUrl }: { loginUrl?: string }) {
31
31
  }
32
32
 
33
33
  return (
34
- <Box sx={{ maxWidth: '500px' }} margin="0 auto" padding={'0 1rem'}>
34
+ <>
35
35
  <form onSubmit={handleSubmit(onSubmit)}>
36
36
  <Stack gap={'30px'}>
37
37
  <Box>
@@ -73,7 +73,7 @@ export function LoginForm({ loginUrl }: { loginUrl?: string }) {
73
73
  {error}
74
74
  </Alert>
75
75
  )}
76
- </Box>
76
+ </>
77
77
  )
78
78
  }
79
79
 
package/src/theme/muiTheme.ts CHANGED
@@ -162,7 +162,6 @@ const muiTheme = createTheme({
162
162
  textTransform: 'capitalize',
163
163
  fontWeight: 600,
164
164
  borderRadius: borderRadius.small,
165
- flexShrink: 0,
166
165
  '&.MuiButton-sizeSmall': {
167
166
  padding: '6px 8px',
168
167
  height: '40px',
@@ -187,6 +186,8 @@ const muiTheme = createTheme({
187
186
  MuiInputBase: {
188
187
  styleOverrides: {
189
188
  root: {
189
+ fontFamily: PRIMARY_FONT,
190
+ fontWeight: 500,
190
191
  minHeight: '50px',
191
192
  borderRadius: '10px',
192
193
  '& input': {
@@ -208,7 +209,10 @@ const muiTheme = createTheme({
208
209
  root: {
209
210
  borderRadius: borderRadius.large,
210
211
  '& .MuiInputAdornment-positionEnd.MuiInputAdornment-outlined': {
211
- paddingRight: 2,
212
+ paddingRight: '14px',
213
+ },
214
+ '& .MuiInputAdornment-positionStart.MuiInputAdornment-outlined': {
215
+ paddingLeft: '14px',
212
216
  },
213
217
  '& .MuiOutlinedInput-notchedOutline': {
214
218
  top: 1,
@@ -253,6 +257,9 @@ const muiTheme = createTheme({
253
257
  '&.MuiTextField-root > .MuiInputBase-root': {
254
258
  padding: 0,
255
259
  },
260
+ '& .MuiInputBase-inputMultiline': {
261
+ padding: '14px',
262
+ },
256
263
  '& .MuiSelect-select': {
257
264
  padding: '14px',
258
265
  '&.MuiInputBase-inputSizeSmall': {