@m4l/styles 0.0.16 → 0.0.18

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 (45) hide show
  1. package/index.js +10 -10
  2. package/package.json +2 -1
  3. package/theme/{defaultThemeOptions.364b28b6.js → defaultThemeOptions.d67fe64c.js} +7 -7
  4. package/theme/index.efa44d2d.js +7 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LAccordion.d.ts +53 -0
  6. package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts +42 -4
  7. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +77 -96
  8. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +206 -59
  9. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +1960 -37
  10. package/theme/overrides/M4LExtendedComponents/M4LBadge.d.ts +10 -0
  11. package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts +10 -15
  12. package/theme/overrides/M4LExtendedComponents/M4LCommonActions.d.ts +5 -1
  13. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +9 -10
  14. package/theme/overrides/M4LExtendedComponents/M4LMasterDetailLayout.d.ts +7 -6
  15. package/theme/overrides/M4LExtendedComponents/M4LModalDialog.d.ts +927 -0
  16. package/theme/overrides/M4LExtendedComponents/M4LPaperForm.d.ts +42 -0
  17. package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts +146 -0
  18. package/theme/overrides/M4LExtendedComponents/M4LPropertyValue.d.ts +10 -0
  19. package/theme/overrides/M4LExtendedComponents/M4LRHFormProvider.d.ts +13 -0
  20. package/theme/overrides/M4LExtendedComponents/M4LSplitLayout.d.ts +5 -0
  21. package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts +47 -0
  22. package/theme/overrides/M4LExtendedComponents/M4LTooltip.d.ts +26 -0
  23. package/theme/overrides/M4LExtendedComponents/M4LinearProgressIndeterminate.d.ts +56 -0
  24. package/theme/overrides/M4LExtendedComponents/M4LoadingButton.d.ts +8 -3
  25. package/theme/overrides/M4LExtendedComponents/{index.9d7c79cc.js → index.bd713d88.js} +1198 -226
  26. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +1 -0
  27. package/theme/overrides/M4LRHFComponents/M4LRHFAutocompleteAsync.d.ts +0 -1
  28. package/theme/overrides/M4LRHFComponents/M4LRHFPeriod.d.ts +10 -0
  29. package/theme/overrides/M4LRHFComponents/M4LRHFTextField.d.ts +16 -0
  30. package/theme/overrides/M4LRHFComponents/M4LRHFUploadImage.d.ts +172 -0
  31. package/theme/overrides/M4LRHFComponents/{index.b7f8e30c.js → index.1406e2ed.js} +209 -11
  32. package/theme/overrides/MUIComponents/Tabs.d.ts +23 -3
  33. package/theme/overrides/MUIComponents/{index.56660771.js → index.e3d060c3.js} +47 -27
  34. package/theme/overrides/index.6b7aec0f.js +90 -0
  35. package/theme/{palette.4b477f9b.js → palette.95c4f9c8.js} +17 -17
  36. package/theme/palette.d.ts +4 -4
  37. package/theme/{shadows.b2f38616.js → shadows.354bbb03.js} +1 -1
  38. package/theme/{typography.1db0276b.js → typography.61f909b7.js} +4 -4
  39. package/types/augmentations.d.ts +3 -1
  40. package/utils/{getColorPresets.f3113d85.js → getColorPresets.d73f30ad.js} +1 -1
  41. package/utils/getColorState.bde51cf7.js +159 -0
  42. package/utils/getColorState.d.ts +2 -0
  43. package/theme/index.cd1bedc8.js +0 -7
  44. package/theme/overrides/index.ff2a1a5a.js +0 -78
  45. package/utils/getColorState.456150fd.js +0 -136
package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts CHANGED
@@ -17,6 +17,7 @@ export declare const M4LRHFAutocomplete: (theme: Theme) => {
17
17
  '& .MuiInputBase-root': {
18
18
  padding: string;
19
19
  '& .MuiInputBase-input': {
20
+ heigth: string;
20
21
  color: string;
21
22
  padding: string;
22
23
  backgroundColor: string;
package/theme/overrides/M4LRHFComponents/M4LRHFAutocompleteAsync.d.ts CHANGED
@@ -4,7 +4,6 @@ export declare const M4LRHFAutocompleteAsync: (_theme: Theme) => {
4
4
  styleOverrides: {
5
5
  '&.M4LRHFAutocompleteAsync-root': {
6
6
  width: string;
7
- padding: string;
8
7
  };
9
8
  };
10
9
  };
package/theme/overrides/M4LRHFComponents/M4LRHFPeriod.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const M4LRHFPeriod: (_theme: Theme) => {
3
+ M4LRHFPeriod: {
4
+ styleOverrides: {
5
+ '&.M4LRHFPeriod-root': {
6
+ test: string;
7
+ };
8
+ };
9
+ };
10
+ };
package/theme/overrides/M4LRHFComponents/M4LRHFTextField.d.ts CHANGED
@@ -17,6 +17,7 @@ export declare const M4LRHFTextField: (theme: Theme) => {
17
17
  color: string;
18
18
  padding: string;
19
19
  backgroundColor: string;
20
+ height: string;
20
21
  };
21
22
  '& .MuiInputAdornment-root': {
22
23
  margin: string;
@@ -117,12 +118,27 @@ export declare const M4LRHFTextField: (theme: Theme) => {
117
118
  height: string;
118
119
  padding: string;
119
120
  };
121
+ "& .MuiInputBase-multiline": {
122
+ minHeight: string;
123
+ height: string;
124
+ "& .MuiInputBase-input": {
125
+ padding: string;
126
+ };
127
+ "& .MuiOutlinedInput-notchedOutline": {
128
+ height: string;
129
+ padding: string;
130
+ };
131
+ };
120
132
  };
121
133
  '&.M4LRHFTextField-sizeMedium': {
122
134
  '& .MuiInputBase-input, & .MuiOutlinedInput-notchedOutline, & .M4LRHFTextField-skeleton': {
123
135
  height: string;
124
136
  padding: string;
125
137
  };
138
+ "& .MuiInputBase-multiline": {
139
+ minHeight: string;
140
+ height: string;
141
+ };
126
142
  };
127
143
  };
128
144
  };
package/theme/overrides/M4LRHFComponents/M4LRHFUploadImage.d.ts ADDED
@@ -0,0 +1,172 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const M4LRHFUploadImage: (theme: Theme) => {
3
+ M4LRHFUploadImage: {
4
+ styleOverrides: {
5
+ '&.M4LRHFUploadImage-root': {
6
+ width: string;
7
+ height: string;
8
+ '& .M4LRHFUploadImage-containerUploadImage': {
9
+ width: string;
10
+ height: string;
11
+ minHeight: string;
12
+ minWidth: string;
13
+ position: string;
14
+ borderRadius: string;
15
+ padding: string;
16
+ boxShadow: string;
17
+ background: string;
18
+ '& .M4LRHFUploadImage-dropZoneStyle': {
19
+ zIndex: number;
20
+ width: string;
21
+ height: string;
22
+ outline: string;
23
+ padding: string;
24
+ display: string;
25
+ overflow: string;
26
+ borderRadius: string;
27
+ position: string;
28
+ inset: string;
29
+ alignItems: string;
30
+ justifyContent: string;
31
+ background: string;
32
+ '& > *': {
33
+ width: string;
34
+ height: string;
35
+ };
36
+ '&:hover': {
37
+ background: string;
38
+ border: string;
39
+ borderColor: string;
40
+ cursor: string;
41
+ '& .placeholder': {
42
+ zIndex: number;
43
+ };
44
+ };
45
+ '& .M4LRHFUploadImage-containerFileImage': {
46
+ width: string;
47
+ height: string;
48
+ position: string;
49
+ padding: string;
50
+ };
51
+ '& .M4LRHFUploadImage-placeHolder': {
52
+ overflor: string;
53
+ '&:hover': {
54
+ opacity: number;
55
+ };
56
+ display: string;
57
+ justifyContent: string;
58
+ position: string;
59
+ zIndex: string;
60
+ inset: string;
61
+ width: string;
62
+ height: string;
63
+ transition: string;
64
+ overflow: string;
65
+ '& .M4LRHFUploadImage-containerUploadBoddy': {
66
+ display: string;
67
+ flexDirection: string;
68
+ justifyContent: string;
69
+ alignItems: string;
70
+ width: string;
71
+ height: string;
72
+ gap: string;
73
+ position: string;
74
+ overflow: string;
75
+ '& .M4LRHFUploadImage-containerBodyImage': {
76
+ display: string;
77
+ justifyContent: string;
78
+ width: string;
79
+ height: string;
80
+ minWidth: string;
81
+ minHeight: string;
82
+ };
83
+ '& .M4LRHFUploadImage-containerMessage': {
84
+ display: string;
85
+ justifyContent: string;
86
+ flexDirection: string;
87
+ gap: string;
88
+ width: string;
89
+ "& .M4LRHFUploadImage-containerTitle": {
90
+ display: string;
91
+ justifyContent: string;
92
+ ".MuiTypography-subtitle": {
93
+ color: string;
94
+ };
95
+ };
96
+ "& .M4LRHFUploadImage-containerDescription": {
97
+ display: string;
98
+ justifyContent: string;
99
+ ".MuiTypography-root": {
100
+ color: string;
101
+ };
102
+ };
103
+ "& .M4LRHFUploadImage-containerConditions": {
104
+ display: string;
105
+ justifyContent: string;
106
+ ".MuiTypography-root": {
107
+ color: string;
108
+ };
109
+ };
110
+ "& .M4LButton-root": {
111
+ display: string;
112
+ justifyContent: string;
113
+ marginTop: string;
114
+ };
115
+ };
116
+ };
117
+ };
118
+ };
119
+ };
120
+ '& .M4LRHFUploadImage-skeleton': {
121
+ maskPosition: string;
122
+ maskRepeat: string;
123
+ WebkitMaskRepeat: string;
124
+ border: string;
125
+ width: string;
126
+ height: string;
127
+ mask: string;
128
+ WebkitMask: string;
129
+ };
130
+ };
131
+ "&.M4LRHFUploadImage-hasFile": {
132
+ '& .M4LRHFUploadImage-placeHolder': {
133
+ opacity: string;
134
+ overflor: string;
135
+ '&:hover': {
136
+ opacity: number;
137
+ };
138
+ display: string;
139
+ justifyContent: string;
140
+ position: string;
141
+ zIndex: string;
142
+ inset: string;
143
+ width: string;
144
+ height: string;
145
+ transition: string;
146
+ overflow: string;
147
+ '& .M4LRHFUploadImage-containerUploadBoddy': {
148
+ '& .M4LRHFUploadImage-containerBodyImage': {
149
+ opacity: string;
150
+ };
151
+ '& .M4LRHFUploadImage-containerMessage': {
152
+ "& .M4LRHFUploadImage-containerTitle": {
153
+ opacity: string;
154
+ };
155
+ "& .M4LRHFUploadImage-containerDescription": {
156
+ opacity: string;
157
+ };
158
+ "& .M4LRHFUploadImage-containerConditions": {
159
+ opacity: string;
160
+ };
161
+ "& .M4LButton-root": {
162
+ display: string;
163
+ justifyContent: string;
164
+ marginTop: string;
165
+ };
166
+ };
167
+ };
168
+ };
169
+ };
170
+ };
171
+ };
172
+ };
package/theme/overrides/M4LRHFComponents/{index.b7f8e30c.js → index.1406e2ed.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import { alpha as o } from "@mui/system";
2
2
  import { alpha as e } from "@mui/material/styles";
3
- const r = (t) => ({
3
+ const n = (t) => ({
4
4
  M4LRHFTextFieldPassword: {
5
5
  styleOverrides: {
6
6
  "&.M4LRHFTextFieldPassword-root": {
@@ -26,6 +26,7 @@ const r = (t) => ({
26
26
  color: t.palette.text.secondary,
27
27
  padding: "4px 8px",
28
28
  backgroundColor: "transparent",
29
+ height: "fit-content",
29
30
  ...t.typography.body
30
31
  },
31
32
  "& .MuiInputAdornment-root": {
@@ -126,18 +127,33 @@ const r = (t) => ({
126
127
  "& .MuiInputBase-input, & .MuiOutlinedInput-notchedOutline, & .M4LRHFTextField-skeleton": {
127
128
  height: "28px",
128
129
  padding: "0px 8px"
130
+ },
131
+ "& .MuiInputBase-multiline": {
132
+ minHeight: "28px",
133
+ height: "100%",
134
+ "& .MuiInputBase-input": {
135
+ padding: "4px"
136
+ },
137
+ "& .MuiOutlinedInput-notchedOutline": {
138
+ height: "100%",
139
+ padding: "4px"
140
+ }
129
141
  }
130
142
  },
131
143
  "&.M4LRHFTextField-sizeMedium": {
132
144
  "& .MuiInputBase-input, & .MuiOutlinedInput-notchedOutline, & .M4LRHFTextField-skeleton": {
133
145
  height: "32px",
134
146
  padding: "0px 8px"
147
+ },
148
+ "& .MuiInputBase-multiline": {
149
+ minHeight: "32px",
150
+ height: "100%"
135
151
  }
136
152
  }
137
153
  }
138
154
  }
139
155
  }
140
- }), n = (t) => ({
156
+ }), r = (t) => ({
141
157
  M4LRHFCheckbox: {
142
158
  styleOverrides: {
143
159
  "&.M4LRHFCheckbox-root": {
@@ -200,7 +216,7 @@ const r = (t) => ({
200
216
  }
201
217
  }
202
218
  }
203
- }), p = (t) => ({
219
+ }), u = (t) => ({
204
220
  M4LRHFAutocomplete: {
205
221
  styleOverrides: {
206
222
  "&.M4LRHFAutocomplete-root": {
@@ -221,7 +237,8 @@ const r = (t) => ({
221
237
  color: t.palette.text.secondary,
222
238
  padding: "4px",
223
239
  backgroundColor: "transparent",
224
- ...t.typography.body
240
+ ...t.typography.body,
241
+ heigth: "28px"
225
242
  },
226
243
  "& .MuiInputAdornment-root": {
227
244
  margin: "0px",
@@ -331,12 +348,11 @@ const r = (t) => ({
331
348
  }
332
349
  }
333
350
  }
334
- }), u = (t) => ({
351
+ }), p = (t) => ({
335
352
  M4LRHFAutocompleteAsync: {
336
353
  styleOverrides: {
337
354
  "&.M4LRHFAutocompleteAsync-root": {
338
- width: "100%",
339
- padding: "4px"
355
+ width: "100%"
340
356
  }
341
357
  }
342
358
  }
@@ -469,12 +485,194 @@ const r = (t) => ({
469
485
  }
470
486
  }
471
487
  }
488
+ }), s = (t) => ({
489
+ M4LRHFUploadImage: {
490
+ styleOverrides: {
491
+ "&.M4LRHFUploadImage-root": {
492
+ width: "fit-content",
493
+ height: "fit-content",
494
+ "& .M4LRHFUploadImage-containerUploadImage": {
495
+ width: "100%",
496
+ height: "100%",
497
+ minHeight: "200px",
498
+ minWidth: t.spacing(20),
499
+ position: "relative",
500
+ borderRadius: "4px",
501
+ padding: "8px",
502
+ boxShadow: t.customShadows.z2,
503
+ background: t.palette.background.default,
504
+ "& .M4LRHFUploadImage-dropZoneStyle": {
505
+ zIndex: 0,
506
+ width: "fit-content",
507
+ height: "fit-content",
508
+ outline: "none",
509
+ padding: "12px",
510
+ display: "flex",
511
+ overflow: "hidden",
512
+ borderRadius: "4px",
513
+ position: "relative",
514
+ inset: "0",
515
+ alignItems: "center",
516
+ justifyContent: "center",
517
+ background: t.palette.background.neutral,
518
+ "& > *": { width: "100%", height: "100%" },
519
+ "&:hover": {
520
+ background: t.palette.state.active12,
521
+ border: "1px solid",
522
+ borderColor: t.palette.state.active12,
523
+ cursor: "pointer",
524
+ "& .placeholder": {
525
+ zIndex: 9
526
+ }
527
+ },
528
+ "& .M4LRHFUploadImage-containerFileImage": {
529
+ width: "100%",
530
+ height: "100%",
531
+ position: "absolute",
532
+ padding: "12px"
533
+ },
534
+ "& .M4LRHFUploadImage-placeHolder": {
535
+ overflor: "hidden",
536
+ "&:hover": { opacity: 1 },
537
+ display: "flex",
538
+ justifyContent: "center",
539
+ position: "relative",
540
+ zIndex: "22",
541
+ inset: "0",
542
+ width: "100%",
543
+ height: "100%",
544
+ transition: t.transitions.create("opacity", {
545
+ easing: t.transitions.easing.easeInOut,
546
+ duration: t.transitions.duration.shorter
547
+ }),
548
+ overflow: "hidden",
549
+ "& .M4LRHFUploadImage-containerUploadBoddy": {
550
+ display: "flex",
551
+ flexDirection: "column",
552
+ justifyContent: "center",
553
+ alignItems: "center",
554
+ width: "100%",
555
+ height: "100%",
556
+ gap: "0",
557
+ position: "relative",
558
+ overflow: "hidden",
559
+ "& .M4LRHFUploadImage-containerBodyImage": {
560
+ display: "flex",
561
+ justifyContent: "center",
562
+ width: "56px",
563
+ height: "56px",
564
+ minWidth: "56px",
565
+ minHeight: "56px"
566
+ },
567
+ "& .M4LRHFUploadImage-containerMessage": {
568
+ display: "flex",
569
+ justifyContent: "center",
570
+ flexDirection: "column",
571
+ gap: "8px",
572
+ width: "100%",
573
+ "& .M4LRHFUploadImage-containerTitle": {
574
+ display: "flex",
575
+ justifyContent: "center",
576
+ ".MuiTypography-subtitle": {
577
+ ...t.typography.paragraphDens,
578
+ color: t.palette.text.primary
579
+ }
580
+ },
581
+ "& .M4LRHFUploadImage-containerDescription": {
582
+ display: "flex",
583
+ justifyContent: "center",
584
+ ".MuiTypography-root": {
585
+ ...t.typography.body,
586
+ color: t.palette.text.secondary
587
+ }
588
+ },
589
+ "& .M4LRHFUploadImage-containerConditions": {
590
+ display: "flex",
591
+ justifyContent: "center",
592
+ ".MuiTypography-root": {
593
+ ...t.typography.body,
594
+ color: t.palette.text.secondary
595
+ }
596
+ },
597
+ "& .M4LButton-root": {
598
+ display: "flex",
599
+ justifyContent: "center",
600
+ marginTop: "16px"
601
+ }
602
+ }
603
+ }
604
+ }
605
+ }
606
+ },
607
+ "& .M4LRHFUploadImage-skeleton": {
608
+ maskPosition: "center!important",
609
+ maskRepeat: "no-repeat!important",
610
+ WebkitMaskRepeat: "no-repeat!important",
611
+ border: `1px dashed ${t.palette.divider}`,
612
+ width: "100%",
613
+ height: "100%",
614
+ mask: "url('data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM2MzczODE7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSw4LjdjMS40LTEuNSwzLjQtMi4zLDUuNC0yLjNzMy45LDAuOCw1LjQsMi4zczIuNCwzLjUsMi41LDUuN2MwLDIuMi0wLjksNC4yLTIuNCw1LjdzLTMuNSwyLjMtNS41LDIuMgoJCWMtMi4xLDAuMS00LTAuNy01LjUtMi4yYy0xLjQtMS41LTIuMy0zLjUtMi40LTUuN0M0Mi42LDEyLjIsNDMuNSwxMC4yLDQ1LDguN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OC40LDYyLjFjLTAuMywwLjUtMC43LDAuOC0xLjIsMS4xcy0xLDAuNC0xLjYsMC40SDQuM2MtMC42LDAtMS4xLTAuMS0xLjYtMC40cy0wLjktMC42LTEuMi0xLjEKCQljLTAuMi0wLjUtMC40LTEtMC40LTEuNXMwLjEtMS4xLDAuNC0xLjVsMjMtMzYuNGMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNHMwLjksMC42LDEuMiwxLjEKCQlsMTEuNSwxOC4yYzAuMiwwLjMsMC41LDAuNSwwLjgsMC43czAuNiwwLjMsMSwwLjNjMC4zLDAsMC43LTAuMSwxLTAuM3MwLjYtMC40LDAuOC0wLjdsMy4xLTQuOWMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMQoJCXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNGMwLjUsMC4zLDAuOSwwLjYsMS4yLDEuMWwxNC42LDIzLjFjMC4zLDAuNSwwLjMsMSwwLjMsMS41UzY4LjcsNjEuNyw2OC40LDYyLjF6Ii8+CjwvZz4KPC9zdmc+Cg==')",
615
+ WebkitMask: "url('data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM2MzczODE7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSw4LjdjMS40LTEuNSwzLjQtMi4zLDUuNC0yLjNzMy45LDAuOCw1LjQsMi4zczIuNCwzLjUsMi41LDUuN2MwLDIuMi0wLjksNC4yLTIuNCw1LjdzLTMuNSwyLjMtNS41LDIuMgoJCWMtMi4xLDAuMS00LTAuNy01LjUtMi4yYy0xLjQtMS41LTIuMy0zLjUtMi40LTUuN0M0Mi42LDEyLjIsNDMuNSwxMC4yLDQ1LDguN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OC40LDYyLjFjLTAuMywwLjUtMC43LDAuOC0xLjIsMS4xcy0xLDAuNC0xLjYsMC40SDQuM2MtMC42LDAtMS4xLTAuMS0xLjYtMC40cy0wLjktMC42LTEuMi0xLjEKCQljLTAuMi0wLjUtMC40LTEtMC40LTEuNXMwLjEtMS4xLDAuNC0xLjVsMjMtMzYuNGMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNHMwLjksMC42LDEuMiwxLjEKCQlsMTEuNSwxOC4yYzAuMiwwLjMsMC41LDAuNSwwLjgsMC43czAuNiwwLjMsMSwwLjNjMC4zLDAsMC43LTAuMSwxLTAuM3MwLjYtMC40LDAuOC0wLjdsMy4xLTQuOWMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMQoJCXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNGMwLjUsMC4zLDAuOSwwLjYsMS4yLDEuMWwxNC42LDIzLjFjMC4zLDAuNSwwLjMsMSwwLjMsMS41UzY4LjcsNjEuNyw2OC40LDYyLjF6Ii8+CjwvZz4KPC9zdmc+Cg==')"
616
+ }
617
+ },
618
+ "&.M4LRHFUploadImage-hasFile": {
619
+ "& .M4LRHFUploadImage-placeHolder": {
620
+ opacity: "0",
621
+ overflor: "hidden",
622
+ "&:hover": { opacity: 1 },
623
+ display: "flex",
624
+ justifyContent: "center",
625
+ position: "relative",
626
+ zIndex: "22",
627
+ inset: "0",
628
+ width: "100%",
629
+ height: "100%",
630
+ transition: t.transitions.create("opacity", {
631
+ easing: t.transitions.easing.easeInOut,
632
+ duration: t.transitions.duration.shorter
633
+ }),
634
+ overflow: "hidden",
635
+ "& .M4LRHFUploadImage-containerUploadBoddy": {
636
+ "& .M4LRHFUploadImage-containerBodyImage": {
637
+ opacity: "0"
638
+ },
639
+ "& .M4LRHFUploadImage-containerMessage": {
640
+ "& .M4LRHFUploadImage-containerTitle": {
641
+ opacity: "0"
642
+ },
643
+ "& .M4LRHFUploadImage-containerDescription": {
644
+ opacity: "0"
645
+ },
646
+ "& .M4LRHFUploadImage-containerConditions": {
647
+ opacity: "0"
648
+ },
649
+ "& .M4LButton-root": {
650
+ display: "flex",
651
+ justifyContent: "center",
652
+ marginTop: "16px"
653
+ }
654
+ }
655
+ }
656
+ }
657
+ }
658
+ }
659
+ }
660
+ }), M = (t) => ({
661
+ M4LRHFPeriod: {
662
+ styleOverrides: {
663
+ "&.M4LRHFPeriod-root": {
664
+ test: "root"
665
+ }
666
+ }
667
+ }
472
668
  });
473
669
  export {
474
670
  l as M,
475
- r as a,
476
- p as b,
477
- u as c,
671
+ n as a,
672
+ u as b,
673
+ p as c,
478
674
  d,
479
- n as e
675
+ s as e,
676
+ M as f,
677
+ r as g
480
678
  };
package/theme/overrides/MUIComponents/Tabs.d.ts CHANGED
@@ -4,9 +4,28 @@ export default function Tabs(theme: Theme): {
4
4
  styleOverrides: {
5
5
  root: {
6
6
  padding: number;
7
- fontWeight: import("csstype").Property.FontWeight | undefined;
8
- borderTopLeftRadius: number;
9
- borderTopRightRadius: number;
7
+ borderRadius: number;
8
+ display: string;
9
+ flexDirection: string;
10
+ gap: number;
11
+ "& .MuiTabs-scroller": {
12
+ overflow: string;
13
+ "& .MuiTabs-flexContainer": {
14
+ padding: number;
15
+ borderRadius: number;
16
+ display: string;
17
+ flexDirection: string;
18
+ alignItems: string;
19
+ gap: number;
20
+ boxShadow: string;
21
+ background: string;
22
+ borderTop: string;
23
+ borderColor: string;
24
+ };
25
+ "& .MuiTabs-indicator": {
26
+ backgroundColor: string;
27
+ };
28
+ };
10
29
  '&.Mui-selected': {
11
30
  color: string;
12
31
  };
@@ -840,6 +859,7 @@ export default function Tabs(theme: Theme): {
840
859
  wrapper: {
841
860
  flexDirection: string;
842
861
  whiteSpace: string;
862
+ gap: string;
843
863
  };
844
864
  textColorInherit: {
845
865
  opacity: number;