@m4l/styles 0.0.32 → 0.0.34

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 (37) hide show
  1. package/index.js +9 -9
  2. package/package.json +1 -1
  3. package/theme/{defaultThemeOptions.b25c825e.js → defaultThemeOptions.66a289a7.js} +4 -4
  4. package/theme/overrides/M4LExtendedComponents/M4LAccordion.d.ts +245 -32
  5. package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts +326 -1
  6. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +85 -77
  7. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +87 -17
  8. package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts +4 -1
  9. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +12 -7
  10. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +29 -3
  11. package/theme/overrides/M4LExtendedComponents/M4LImageButton.d.ts +115 -0
  12. package/theme/overrides/M4LExtendedComponents/M4LMasterDetailLayout.d.ts +0 -2
  13. package/theme/overrides/M4LExtendedComponents/M4LMenuActions.d.ts +5 -1
  14. package/theme/overrides/M4LExtendedComponents/M4LPDFViewer.d.ts +17 -0
  15. package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts +424 -10
  16. package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts +90 -0
  17. package/theme/overrides/M4LExtendedComponents/M4LPrintingSystem.d.ts +1 -1
  18. package/theme/overrides/M4LExtendedComponents/M4LPropertyValue.d.ts +83 -36
  19. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +12 -6
  20. package/theme/overrides/M4LExtendedComponents/M4LStack.d.ts +1 -0
  21. package/theme/overrides/M4LExtendedComponents/M4LTabs.d.ts +3 -0
  22. package/theme/overrides/M4LExtendedComponents/M4LToastContainer.d.ts +65 -15
  23. package/theme/overrides/M4LExtendedComponents/M4LanguagePopover.d.ts +16 -1
  24. package/theme/overrides/M4LExtendedComponents/M4LoadingButton.d.ts +326 -0
  25. package/theme/overrides/M4LExtendedComponents/{index.15f2650a.js → index.e406c71f.js} +687 -253
  26. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +0 -1
  27. package/theme/overrides/M4LRHFComponents/M4LRHFCheckbox.d.ts +178 -0
  28. package/theme/overrides/M4LRHFComponents/M4LRHFDateTime.d.ts +155 -6
  29. package/theme/overrides/M4LRHFComponents/M4LRHFUploadImage.d.ts +9 -9
  30. package/theme/overrides/M4LRHFComponents/{index.e6262889.js → index.d7a80536.js} +61 -31
  31. package/theme/overrides/MUIComponents/Input.d.ts +5 -5
  32. package/theme/overrides/MUIComponents/{index.1b2b2be2.js → index.b3f5b7a7.js} +4 -4
  33. package/theme/overrides/{index.158187f3.js → index.2d07abe3.js} +16 -15
  34. package/theme/{palette.31d770bc.js → palette.1b577d8c.js} +14 -14
  35. package/theme/{shadows.9800d84c.js → shadows.a726d8c6.js} +26 -26
  36. package/utils/{getColorPresets.9fec9cc2.js → getColorPresets.479f9922.js} +1 -1
  37. package/utils/{getColorState.4350ccb4.js → getColorState.ce01540c.js} +47 -47
package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts CHANGED
@@ -16,7 +16,6 @@ export declare const M4LRHFAutocomplete: (theme: Theme) => {
16
16
  borderColor: string;
17
17
  position: string;
18
18
  height: string;
19
- gap: string;
20
19
  '& .MuiInputBase-input': {
21
20
  boxSizing: string;
22
21
  color: string;
package/theme/overrides/M4LRHFComponents/M4LRHFCheckbox.d.ts CHANGED
@@ -3,15 +3,193 @@ export declare const M4LRHFCheckbox: (theme: Theme) => {
3
3
  M4LRHFCheckbox: {
4
4
  styleOverrides: {
5
5
  '&.M4LRHFCheckbox-root': {
6
+ [x: string]: string | {
7
+ '& .M4LRHFCheckbox-checkTypography': {
8
+ '& .M4LCheckBox-root': {
9
+ '& .MuiButtonBase-root': {
10
+ '& .MuiSvgIcon-fontSizeSmall': {
11
+ height: string;
12
+ width: string;
13
+ };
14
+ };
15
+ };
16
+ };
17
+ display?: undefined;
18
+ gap?: undefined;
19
+ '& .M4LCheckBox-root'?: undefined;
20
+ width?: undefined;
21
+ height?: undefined;
22
+ borderRadius?: undefined;
23
+ backgroundColor?: undefined;
24
+ border?: undefined;
25
+ borderColor?: undefined;
26
+ fill?: undefined;
27
+ outline?: undefined;
28
+ } | {
29
+ [x: string]: string | {
30
+ gap: string;
31
+ display?: undefined;
32
+ '& .M4LTypography-root'?: undefined;
33
+ } | {
34
+ display: string;
35
+ gap: string;
36
+ '& .M4LTypography-root': {
37
+ display: string;
38
+ alignItems: string;
39
+ };
40
+ };
41
+ display: string;
42
+ gap: string;
43
+ '& .M4LCheckBox-root': {
44
+ display: string;
45
+ gap: string;
46
+ '& .M4LTypography-root': {
47
+ display: string;
48
+ alignItems: string;
49
+ };
50
+ };
51
+ '& .M4LRHFCheckbox-checkTypography'?: undefined;
52
+ width?: undefined;
53
+ height?: undefined;
54
+ borderRadius?: undefined;
55
+ backgroundColor?: undefined;
56
+ border?: undefined;
57
+ borderColor?: undefined;
58
+ fill?: undefined;
59
+ outline?: undefined;
60
+ } | {
61
+ color: string;
62
+ '& .M4LRHFCheckbox-checkTypography'?: undefined;
63
+ display?: undefined;
64
+ gap?: undefined;
65
+ '& .M4LCheckBox-root'?: undefined;
66
+ width?: undefined;
67
+ height?: undefined;
68
+ borderRadius?: undefined;
69
+ backgroundColor?: undefined;
70
+ border?: undefined;
71
+ borderColor?: undefined;
72
+ fill?: undefined;
73
+ outline?: undefined;
74
+ } | {
75
+ width: string;
76
+ height: string;
77
+ '& .M4LRHFCheckbox-checkTypography'?: undefined;
78
+ display?: undefined;
79
+ gap?: undefined;
80
+ '& .M4LCheckBox-root'?: undefined;
81
+ borderRadius?: undefined;
82
+ backgroundColor?: undefined;
83
+ border?: undefined;
84
+ borderColor?: undefined;
85
+ fill?: undefined;
86
+ outline?: undefined;
87
+ } | {
88
+ borderRadius: string;
89
+ '& .M4LRHFCheckbox-checkTypography'?: undefined;
90
+ display?: undefined;
91
+ gap?: undefined;
92
+ '& .M4LCheckBox-root'?: undefined;
93
+ width?: undefined;
94
+ height?: undefined;
95
+ backgroundColor?: undefined;
96
+ border?: undefined;
97
+ borderColor?: undefined;
98
+ fill?: undefined;
99
+ outline?: undefined;
100
+ } | {
101
+ backgroundColor: string;
102
+ '& .M4LRHFCheckbox-checkTypography'?: undefined;
103
+ display?: undefined;
104
+ gap?: undefined;
105
+ '& .M4LCheckBox-root'?: undefined;
106
+ width?: undefined;
107
+ height?: undefined;
108
+ borderRadius?: undefined;
109
+ border?: undefined;
110
+ borderColor?: undefined;
111
+ fill?: undefined;
112
+ outline?: undefined;
113
+ } | {
114
+ border: string;
115
+ borderColor: string;
116
+ '& .M4LRHFCheckbox-checkTypography'?: undefined;
117
+ display?: undefined;
118
+ gap?: undefined;
119
+ '& .M4LCheckBox-root'?: undefined;
120
+ width?: undefined;
121
+ height?: undefined;
122
+ borderRadius?: undefined;
123
+ backgroundColor?: undefined;
124
+ fill?: undefined;
125
+ outline?: undefined;
126
+ } | {
127
+ fill: string;
128
+ '& .M4LRHFCheckbox-checkTypography'?: undefined;
129
+ display?: undefined;
130
+ gap?: undefined;
131
+ '& .M4LCheckBox-root'?: undefined;
132
+ width?: undefined;
133
+ height?: undefined;
134
+ borderRadius?: undefined;
135
+ backgroundColor?: undefined;
136
+ border?: undefined;
137
+ borderColor?: undefined;
138
+ outline?: undefined;
139
+ } | {
140
+ [x: string]: any;
141
+ '& .M4LRHFCheckbox-checkTypography'?: undefined;
142
+ display?: undefined;
143
+ gap?: undefined;
144
+ '& .M4LCheckBox-root'?: undefined;
145
+ width?: undefined;
146
+ height?: undefined;
147
+ borderRadius?: undefined;
148
+ backgroundColor?: undefined;
149
+ border?: undefined;
150
+ borderColor?: undefined;
151
+ fill?: undefined;
152
+ outline?: undefined;
153
+ } | {
154
+ outline: string;
155
+ '& .M4LRHFCheckbox-checkTypography'?: undefined;
156
+ display?: undefined;
157
+ gap?: undefined;
158
+ '& .M4LCheckBox-root'?: undefined;
159
+ width?: undefined;
160
+ height?: undefined;
161
+ borderRadius?: undefined;
162
+ backgroundColor?: undefined;
163
+ border?: undefined;
164
+ borderColor?: undefined;
165
+ fill?: undefined;
166
+ };
6
167
  display: string;
7
168
  flexDirection: string;
8
169
  gap: string;
9
170
  '.M4LRHFCheckbox-checkTypography': {
10
171
  [x: string]: string | {
11
172
  gap: string;
173
+ display?: undefined;
174
+ '& .M4LTypography-root'?: undefined;
175
+ } | {
176
+ display: string;
177
+ gap: string;
178
+ '& .M4LTypography-root': {
179
+ display: string;
180
+ alignItems: string;
181
+ };
12
182
  };
13
183
  display: string;
14
184
  gap: string;
185
+ '& .M4LCheckBox-root': {
186
+ display: string;
187
+ gap: string;
188
+ '& .M4LTypography-root': {
189
+ display: string;
190
+ alignItems: string;
191
+ };
192
+ };
15
193
  };
16
194
  '& .MuiTypography-root': {
17
195
  color: string;
package/theme/overrides/M4LRHFComponents/M4LRHFDateTime.d.ts CHANGED
@@ -2,7 +2,7 @@ import { Theme } from '@mui/material/styles';
2
2
  export declare const M4LRHFDateTime: (theme: Theme) => {
3
3
  M4LRHFDateTime: {
4
4
  styleOverrides: {
5
- '&.M4LRHFDateTime-root': {
5
+ [x: string]: {
6
6
  test: string;
7
7
  display: string;
8
8
  flexDirection: string;
@@ -13,6 +13,10 @@ export declare const M4LRHFDateTime: (theme: Theme) => {
13
13
  '& .MuiInputBase-root': {
14
14
  padding: string;
15
15
  minHeight: string;
16
+ '& .MuiInputBase-input': {
17
+ minHeight: string;
18
+ height: string;
19
+ };
16
20
  };
17
21
  };
18
22
  '& .M4LRHFTextField-label': {
@@ -131,16 +135,161 @@ export declare const M4LRHFDateTime: (theme: Theme) => {
131
135
  backgroundColor: string;
132
136
  };
133
137
  };
134
- '&.M4LRHFTextField-sizeSmall': {
135
- '& .MuiInputBase-input, & .MuiOutlinedInput-notchedOutline, & .M4LRHFTextField-skeleton': {
136
- height: string;
138
+ } | {
139
+ '& .MuiFormControl-root': {
140
+ height: string;
141
+ '& .MuiInputBase-root': {
142
+ minHeight: string;
143
+ '& .MuiInputBase-input': {
144
+ minHeight: string;
145
+ height: string;
146
+ };
147
+ padding?: undefined;
148
+ };
149
+ };
150
+ test?: undefined;
151
+ display?: undefined;
152
+ flexDirection?: undefined;
153
+ width?: undefined;
154
+ gap?: undefined;
155
+ '& .M4LRHFTextField-label'?: undefined;
156
+ '& .MuiInputBase-root.MuiInputBase-formControl'?: undefined;
157
+ '&:hover'?: undefined;
158
+ '&.M4LRHFDateTime-isFocus'?: undefined;
159
+ '&.M4LRHFTextField-variantError'?: undefined;
160
+ '&.M4LRHFTextField-isDisabled'?: undefined;
161
+ };
162
+ '&.M4LRHFDateTime-root': {
163
+ test: string;
164
+ display: string;
165
+ flexDirection: string;
166
+ width: string;
167
+ gap: string;
168
+ '& .MuiFormControl-root': {
169
+ height: string;
170
+ '& .MuiInputBase-root': {
137
171
  padding: string;
172
+ minHeight: string;
173
+ '& .MuiInputBase-input': {
174
+ minHeight: string;
175
+ height: string;
176
+ };
138
177
  };
139
178
  };
140
- '&.M4LRHFTextField-sizeMedium': {
141
- '& .MuiInputBase-input, & .MuiOutlinedInput-notchedOutline, & .M4LRHFTextField-skeleton': {
179
+ '& .M4LRHFTextField-label': {
180
+ color: string;
181
+ transition: string;
182
+ };
183
+ '& .MuiInputBase-root.MuiInputBase-formControl': {
184
+ padding: string;
185
+ '& .MuiInputBase-input': {
142
186
  height: string;
187
+ color: string;
143
188
  padding: string;
189
+ backgroundColor: string;
190
+ };
191
+ '& .MuiInputAdornment-root': {
192
+ margin: string;
193
+ padding: string;
194
+ width: string;
195
+ height: string;
196
+ position: string;
197
+ maxWidth: string;
198
+ minWidth: string;
199
+ display: string;
200
+ flex: string;
201
+ overflow: string;
202
+ '& .MuiButtonBase-root': {
203
+ padding: string;
204
+ backgroundColor: string;
205
+ };
206
+ };
207
+ '& .M4LIcon-icon': {
208
+ backgroundColor: string;
209
+ transition: string;
210
+ };
211
+ '& .MuiOutlinedInput-notchedOutline': {
212
+ border: string;
213
+ padding: string;
214
+ borderColor: string;
215
+ borderRadius: string;
216
+ inset: string;
217
+ transition: string;
218
+ '& legend': {
219
+ display: string;
220
+ };
221
+ };
222
+ };
223
+ '&:hover': {
224
+ '& .M4LTypography-root': {
225
+ color: string;
226
+ };
227
+ '& .MuiInputBase-root .MuiOutlinedInput-notchedOutline': {
228
+ borderColor: string;
229
+ };
230
+ '& .MuiInputBase-input': {
231
+ color: string;
232
+ };
233
+ '& .M4LIcon-icon': {
234
+ backgroundColor: string;
235
+ };
236
+ };
237
+ '&.M4LRHFDateTime-isFocus': {
238
+ '& .M4LTypography-root': {
239
+ color: string;
240
+ };
241
+ '& .MuiInputBase-root .MuiOutlinedInput-notchedOutline': {
242
+ transition: string;
243
+ border: string;
244
+ borderColor: string;
245
+ };
246
+ '& .MuiInputBase-input': {
247
+ color: string;
248
+ };
249
+ '& .M4LIcon-icon': {
250
+ backgroundColor: string;
251
+ };
252
+ };
253
+ '&.M4LRHFTextField-variantError': {
254
+ '& .M4LRHFTextField-label': {
255
+ color: string;
256
+ };
257
+ '& .MuiInputBase-root .MuiOutlinedInput-notchedOutline': {
258
+ border: string;
259
+ borderColor: string;
260
+ };
261
+ '& .MuiInputBase-input': {
262
+ color: string;
263
+ };
264
+ '& .M4LIcon-icon': {
265
+ backgroundColor: string;
266
+ };
267
+ '&:hover': {
268
+ '& .MuiInputBase-root .MuiOutlinedInput-notchedOutline': {
269
+ boxShadow: string;
270
+ };
271
+ };
272
+ '&.M4LRHFTextField-isFocus': {
273
+ '& .MuiInputBase-root .MuiOutlinedInput-notchedOutline': {
274
+ boxShadow: string;
275
+ };
276
+ };
277
+ };
278
+ '&.M4LRHFTextField-isDisabled': {
279
+ '& .M4LRHFTextField-label': {
280
+ color: string;
281
+ };
282
+ '& .MuiInputBase-root .MuiOutlinedInput-notchedOutline': {
283
+ border: string;
284
+ borderColor: string;
285
+ backgroundColor: string;
286
+ boxShadow: string;
287
+ };
288
+ '& .MuiInputBase-input': {
289
+ color: string;
290
+ };
291
+ '& .M4LIcon-icon': {
292
+ backgroundColor: string;
144
293
  };
145
294
  };
146
295
  };
package/theme/overrides/M4LRHFComponents/M4LRHFUploadImage.d.ts CHANGED
@@ -50,9 +50,6 @@ export declare const M4LRHFUploadImage: (theme: Theme) => {
50
50
  };
51
51
  '& .M4LRHFUploadImage-placeHolder': {
52
52
  overflor: string;
53
- '&:hover': {
54
- opacity: number;
55
- };
56
53
  display: string;
57
54
  justifyContent: string;
58
55
  position: string;
@@ -60,8 +57,11 @@ export declare const M4LRHFUploadImage: (theme: Theme) => {
60
57
  inset: string;
61
58
  width: string;
62
59
  height: string;
63
- transition: string;
64
60
  overflow: string;
61
+ transition: string;
62
+ '&:hover': {
63
+ opacity: number;
64
+ };
65
65
  '& .M4LRHFUploadImage-containerUploadBoddy': {
66
66
  display: string;
67
67
  flexDirection: string;
@@ -111,7 +111,7 @@ export declare const M4LRHFUploadImage: (theme: Theme) => {
111
111
  "& .M4LButton-root": {
112
112
  display: string;
113
113
  justifyContent: string;
114
- paddingTop: string;
114
+ marginTop: string;
115
115
  };
116
116
  };
117
117
  };
@@ -133,9 +133,6 @@ export declare const M4LRHFUploadImage: (theme: Theme) => {
133
133
  '& .M4LRHFUploadImage-placeHolder': {
134
134
  opacity: string;
135
135
  overflor: string;
136
- '&:hover': {
137
- opacity: number;
138
- };
139
136
  display: string;
140
137
  justifyContent: string;
141
138
  position: string;
@@ -143,8 +140,11 @@ export declare const M4LRHFUploadImage: (theme: Theme) => {
143
140
  inset: string;
144
141
  width: string;
145
142
  height: string;
146
- transition: string;
147
143
  overflow: string;
144
+ transition: string;
145
+ '&:hover': {
146
+ opacity: number;
147
+ };
148
148
  '& .M4LRHFUploadImage-containerUploadBoddy': {
149
149
  '& .M4LRHFUploadImage-containerBodyImage': {
150
150
  opacity: string;
package/theme/overrides/M4LRHFComponents/{index.e6262889.js → index.d7a80536.js} RENAMED
@@ -153,30 +153,50 @@ const r = (t) => ({
153
153
  },
154
154
  "&.M4LRHFTextField-sizeMedium": {
155
155
  "& .MuiInputBase-input, & .MuiOutlinedInput-notchedOutline, & .M4LRHFTextField-skeleton": {
156
- height: "32px",
156
+ height: "36px",
157
157
  padding: "0px 8px"
158
158
  },
159
159
  "& .MuiInputBase-multiline": {
160
- minHeight: "32px",
160
+ minHeight: "36px",
161
161
  height: "100%"
162
162
  }
163
163
  }
164
164
  }
165
165
  }
166
166
  }
167
- }), l = (t) => ({
167
+ }), p = (t) => ({
168
168
  M4LRHFCheckbox: {
169
169
  styleOverrides: {
170
170
  "&.M4LRHFCheckbox-root": {
171
171
  display: "flex",
172
172
  flexDirection: "column",
173
173
  gap: t.spacing(0.5),
174
+ [t.breakpoints.down("sm")]: {
175
+ "& .M4LRHFCheckbox-checkTypography": {
176
+ "& .M4LCheckBox-root": {
177
+ "& .MuiButtonBase-root": {
178
+ "& .MuiSvgIcon-fontSizeSmall": {
179
+ height: "20px",
180
+ width: "20px"
181
+ }
182
+ }
183
+ }
184
+ }
185
+ },
174
186
  ".M4LRHFCheckbox-checkTypography": {
175
187
  display: "flex",
176
188
  gap: t.spacing(2),
177
189
  [t.breakpoints.down("sm")]: {
178
190
  gap: t.spacing(1),
179
191
  ...t.typography.paragraph
192
+ },
193
+ "& .M4LCheckBox-root": {
194
+ display: "flex",
195
+ gap: "8px",
196
+ "& .M4LTypography-root": {
197
+ display: "flex",
198
+ alignItems: "center"
199
+ }
180
200
  }
181
201
  },
182
202
  "& .MuiTypography-root": {
@@ -222,12 +242,12 @@ const r = (t) => ({
222
242
  color: t.palette.text.disabled
223
243
  },
224
244
  ".MuiButtonBase-root .Mui-focusVisible:focus-visible": {
225
- outline: "#fff00"
245
+ outline: "#FFF00"
226
246
  }
227
247
  }
228
248
  }
229
249
  }
230
- }), p = (t) => ({
250
+ }), l = (t) => ({
231
251
  M4LRHFAutocomplete: {
232
252
  styleOverrides: {
233
253
  "&.M4LRHFAutocomplete-root": {
@@ -237,20 +257,19 @@ const r = (t) => ({
237
257
  width: "100%",
238
258
  gap: "2px",
239
259
  "& .MuiAutocomplete-root": {
240
- height: "auto",
260
+ height: "100%",
241
261
  "& .MuiFormControl-root": {
242
262
  height: "100%",
243
263
  "& .MuiInputBase-root": {
244
264
  borderColor: t.palette.state.borderPrimary,
245
265
  position: "relative",
246
266
  height: "100%",
247
- gap: "16px",
248
267
  "& .MuiInputBase-input": {
249
268
  boxSizing: "border-box",
250
269
  color: t.palette.text.secondary,
251
270
  backgroundColor: "transparent",
252
271
  height: "100%",
253
- padding: "0 0 0 8px",
272
+ padding: "0 16px 0 8px",
254
273
  ...t.typography.body
255
274
  },
256
275
  "& .M4LRHFAutocomplete-iconDown": {},
@@ -468,12 +487,12 @@ const r = (t) => ({
468
487
  "&.M4LRHFAutocomplete-sizeMedium": {
469
488
  "& .MuiAutocomplete-listbox": {
470
489
  "& .MuiAutocomplete-option": {
471
- height: "32px"
490
+ height: "36px"
472
491
  }
473
492
  },
474
493
  "& .M4LRHFAutocomplete-withImage": {
475
494
  paddingLeft: "4px",
476
- height: "32px",
495
+ height: "36px",
477
496
  display: "flex",
478
497
  alignItems: "center",
479
498
  gap: "8px",
@@ -520,10 +539,14 @@ const r = (t) => ({
520
539
  width: "100%",
521
540
  gap: "2px",
522
541
  "& .MuiFormControl-root": {
523
- height: "auto",
542
+ height: "24px",
524
543
  "& .MuiInputBase-root": {
525
544
  padding: "0 4px 0 0",
526
- minHeight: "24px"
545
+ minHeight: "24px",
546
+ "& .MuiInputBase-input": {
547
+ minHeight: "24px",
548
+ height: "24px"
549
+ }
527
550
  }
528
551
  },
529
552
  "& .M4LRHFTextField-label": {
@@ -642,17 +665,17 @@ const r = (t) => ({
642
665
  "& .M4LIcon-icon": {
643
666
  backgroundColor: t.palette.text.disabled
644
667
  }
645
- },
646
- "&.M4LRHFTextField-sizeSmall": {
647
- "& .MuiInputBase-input, & .MuiOutlinedInput-notchedOutline, & .M4LRHFTextField-skeleton": {
648
- height: "24px",
649
- padding: "0px 8px"
650
- }
651
- },
652
- "&.M4LRHFTextField-sizeMedium": {
653
- "& .MuiInputBase-input, & .MuiOutlinedInput-notchedOutline, & .M4LRHFTextField-skeleton": {
654
- height: "28px",
655
- padding: "0px 8px"
668
+ }
669
+ },
670
+ [t.breakpoints.down("md")]: {
671
+ "& .MuiFormControl-root": {
672
+ height: "36px !important",
673
+ "& .MuiInputBase-root": {
674
+ minHeight: "36px !important",
675
+ "& .MuiInputBase-input": {
676
+ minHeight: "36px !important",
677
+ height: "36px !important"
678
+ }
656
679
  }
657
680
  }
658
681
  }
@@ -688,7 +711,10 @@ const r = (t) => ({
688
711
  alignItems: "center",
689
712
  justifyContent: "center",
690
713
  background: t.palette.background.neutral,
691
- "& > *": { width: "100%", height: "100%" },
714
+ "& > *": {
715
+ width: "100%",
716
+ height: "100%"
717
+ },
692
718
  "&:hover": {
693
719
  background: t.palette.state.active12,
694
720
  border: "1px solid",
@@ -706,7 +732,6 @@ const r = (t) => ({
706
732
  },
707
733
  "& .M4LRHFUploadImage-placeHolder": {
708
734
  overflor: "hidden",
709
- "&:hover": { opacity: 1 },
710
735
  display: "flex",
711
736
  justifyContent: "center",
712
737
  position: "relative",
@@ -714,11 +739,14 @@ const r = (t) => ({
714
739
  inset: "0",
715
740
  width: "100%",
716
741
  height: "100%",
742
+ overflow: "hidden",
717
743
  transition: t.transitions.create("opacity", {
718
744
  easing: t.transitions.easing.easeInOut,
719
745
  duration: t.transitions.duration.shorter
720
746
  }),
721
- overflow: "hidden",
747
+ "&:hover": {
748
+ opacity: 1
749
+ },
722
750
  "& .M4LRHFUploadImage-containerUploadBoddy": {
723
751
  display: "flex",
724
752
  flexDirection: "column",
@@ -771,7 +799,7 @@ const r = (t) => ({
771
799
  "& .M4LButton-root": {
772
800
  display: "flex",
773
801
  justifyContent: "center",
774
- paddingTop: "8px"
802
+ marginTop: "8px"
775
803
  }
776
804
  }
777
805
  }
@@ -793,7 +821,6 @@ const r = (t) => ({
793
821
  "& .M4LRHFUploadImage-placeHolder": {
794
822
  opacity: "0",
795
823
  overflor: "hidden",
796
- "&:hover": { opacity: 1 },
797
824
  display: "flex",
798
825
  justifyContent: "center",
799
826
  position: "relative",
@@ -801,11 +828,14 @@ const r = (t) => ({
801
828
  inset: "0",
802
829
  width: "100%",
803
830
  height: "100%",
831
+ overflow: "hidden",
804
832
  transition: t.transitions.create("opacity", {
805
833
  easing: t.transitions.easing.easeInOut,
806
834
  duration: t.transitions.duration.shorter
807
835
  }),
808
- overflow: "hidden",
836
+ "&:hover": {
837
+ opacity: 1
838
+ },
809
839
  "& .M4LRHFUploadImage-containerUploadBoddy": {
810
840
  "& .M4LRHFUploadImage-containerBodyImage": {
811
841
  opacity: "0"
@@ -951,11 +981,11 @@ const r = (t) => ({
951
981
  export {
952
982
  n as M,
953
983
  r as a,
954
- p as b,
984
+ l as b,
955
985
  d as c,
956
986
  u as d,
957
987
  s as e,
958
988
  M as f,
959
- l as g,
989
+ p as g,
960
990
  c as h
961
991
  };