@m4l/styles 0.0.8 → 0.0.10

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 (25) hide show
  1. package/index.js +2009 -507
  2. package/package.json +1 -1
  3. package/theme/defaultThemeOptions.d.ts +2 -1
  4. package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts +200 -2
  5. package/theme/overrides/M4LExtendedComponents/M4LErrorLabel.d.ts +14 -3
  6. package/theme/overrides/M4LExtendedComponents/M4LIcon.d.ts +33 -2
  7. package/theme/overrides/M4LExtendedComponents/M4LIconButton.d.ts +130 -2
  8. package/theme/overrides/M4LExtendedComponents/M4LImage.d.ts +30 -1
  9. package/theme/overrides/M4LExtendedComponents/M4LImageButton.d.ts +3 -3
  10. package/theme/overrides/M4LExtendedComponents/M4LNavLink.d.ts +14 -2
  11. package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts +48 -1
  12. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +1093 -0
  13. package/theme/overrides/M4LExtendedComponents/M4LTypography.d.ts +2 -1
  14. package/theme/overrides/M4LExtendedComponents/M4LanguagePopover.d.ts +1 -3
  15. package/theme/overrides/M4LExtendedComponents/M4LoadingButton.d.ts +214 -2
  16. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +125 -3
  17. package/theme/overrides/M4LRHFComponents/M4LRHFAutocompleteAsync.d.ts +2 -2
  18. package/theme/overrides/M4LRHFComponents/M4LRHFCheckbox.d.ts +8 -6
  19. package/theme/overrides/M4LRHFComponents/M4LRHFTextField.d.ts +125 -2
  20. package/theme/overrides/M4LRHFComponents/M4LRHFTextFieldPassword.d.ts +3 -8
  21. package/theme/overrides/MUIComponents/Drawer.d.ts +1078 -0
  22. package/theme/overrides/MUIComponents/Input.d.ts +0 -6
  23. package/theme/overrides/MUIComponents/Paper.d.ts +10 -10
  24. package/types/augmentations.d.ts +11 -7
  25. package/types/types.d.ts +1 -0
package/theme/overrides/M4LExtendedComponents/M4LTypography.d.ts CHANGED
@@ -1,8 +1,9 @@
1
1
  import { Theme } from '@mui/material/styles';
2
- export declare const M4LTypography: (_theme: Theme) => {
2
+ export declare const M4LTypography: (theme: Theme) => {
3
3
  M4LTypography: {
4
4
  styleOverrides: {
5
5
  "&.M4LTypography-root": {
6
+ color: string;
6
7
  display: string;
7
8
  '& .MuiTypography-root': {
8
9
  margin: string;
package/theme/overrides/M4LExtendedComponents/M4LanguagePopover.d.ts CHANGED
@@ -2,9 +2,7 @@ import { Theme } from '@mui/material/styles';
2
2
  export declare const M4LanguagePopover: (_theme: Theme) => {
3
3
  M4LanguagePopover: {
4
4
  styleOverrides: {
5
- "&.M4LanguagePopover-root": {
6
- test: string;
7
- };
5
+ "&.M4LanguagePopover-root": {};
8
6
  };
9
7
  };
10
8
  };
package/theme/overrides/M4LExtendedComponents/M4LoadingButton.d.ts CHANGED
@@ -1,6 +1,218 @@
1
1
  import { Theme } from '@mui/material/styles';
2
- export declare const M4LoadingButton: (_theme: Theme) => {
2
+ export declare const M4LoadingButton: (theme: Theme) => {
3
3
  M4LoadingButton: {
4
- styleOverrides: {};
4
+ styleOverrides: {
5
+ '&.M4LoadingButton-root': {
6
+ width: string;
7
+ display: string;
8
+ justifyContent: string;
9
+ '& .MuiLoadingButton-loading': {
10
+ '& .MuiTypography-root': {
11
+ color: string;
12
+ };
13
+ };
14
+ '& .MuiCircularProgress-root': {
15
+ color: string;
16
+ };
17
+ '& .MuiTypography-root': {
18
+ color: string;
19
+ transition: string;
20
+ };
21
+ '& .M4LoadingButton-skeleton ': {
22
+ height: string;
23
+ borderRadius: string;
24
+ };
25
+ '& .MuiButtonBase-root': {
26
+ '& .M4LIcon-icon': {
27
+ transition: string;
28
+ };
29
+ '& .MuiButton-startIcon, & .MuiButton-endIcon': {
30
+ margin: string;
31
+ };
32
+ '&::before': {
33
+ inset: string;
34
+ border: string;
35
+ borderColor: string;
36
+ borderRadius: string;
37
+ transform: string;
38
+ position: string;
39
+ boxSizing: string;
40
+ };
41
+ display: string;
42
+ textTransform: string;
43
+ gap: string;
44
+ transition: string;
45
+ borderRadius: string;
46
+ border: string;
47
+ };
48
+ '&.M4LoadingButton-isDisabled': {
49
+ '& .MuiButtonBase-root': {
50
+ color: string;
51
+ '& .M4LIcon-icon': {
52
+ backgroundColor: string;
53
+ };
54
+ };
55
+ '&.M4LoadingButton-variantContained': {
56
+ '& .MuiButtonBase-root': {
57
+ color: string;
58
+ '& .M4LIcon-icon': {
59
+ backgroundColor: string;
60
+ };
61
+ '&:hover': {
62
+ backgroundColor: string;
63
+ color: string;
64
+ '& .M4LIcon-icon': {
65
+ backgroundColor: string;
66
+ color: string;
67
+ };
68
+ };
69
+ '&:active': {
70
+ backgroundColor: string;
71
+ color: string;
72
+ '& .M4LIcon-icon': {
73
+ backgroundColor: string;
74
+ color: string;
75
+ };
76
+ };
77
+ '&.Mui-focusVisible': {
78
+ backgroundColor: string;
79
+ color: string;
80
+ '& .M4LIcon-icon': {
81
+ backgroundColor: string;
82
+ color: string;
83
+ };
84
+ '&::before': {
85
+ content: string;
86
+ };
87
+ };
88
+ };
89
+ };
90
+ };
91
+ '&.M4LoadingButton-sizeSmall': {
92
+ height: string;
93
+ '& .MuiButtonBase-root': {
94
+ padding: string;
95
+ };
96
+ '&.M4LoadingButton-skeleton': {
97
+ height: string;
98
+ };
99
+ };
100
+ '&.M4LoadingButton-sizeMedium': {
101
+ height: string;
102
+ '& .MuiButtonBase-root': {
103
+ padding: string;
104
+ };
105
+ '&.M4LoadingButton-skeleton': {
106
+ height: string;
107
+ };
108
+ };
109
+ '&.M4LoadingButton-variantContained': {
110
+ '& .MuiButtonBase-root': {
111
+ backgroundColor: string;
112
+ color: string;
113
+ boxShadow: string;
114
+ position: string;
115
+ '& .M4LIcon-icon': {
116
+ backgroundColor: string;
117
+ };
118
+ '&:hover': {
119
+ backgroundColor: string;
120
+ '& .M4LIcon-icon': {
121
+ backgroundColor: string | undefined;
122
+ };
123
+ '& .MuiTypography-root': {
124
+ color: string | undefined;
125
+ };
126
+ };
127
+ '&:active': {
128
+ backgroundColor: string;
129
+ color: string | undefined;
130
+ '& .M4LIcon-icon': {
131
+ backgroundColor: string | undefined;
132
+ };
133
+ };
134
+ '&.Mui-focusVisible': {
135
+ backgroundColor: string;
136
+ color: string | undefined;
137
+ '& .M4LIcon-icon': {
138
+ backgroundColor: string | undefined;
139
+ };
140
+ '&::before': {
141
+ content: string;
142
+ };
143
+ };
144
+ };
145
+ };
146
+ '&.M4LoadingButton-variantOutlined': {
147
+ '& .MuiButtonBase-root': {
148
+ border: string;
149
+ borderColor: string;
150
+ color: string;
151
+ '& .M4LIcon-icon': {
152
+ backgroundColor: string;
153
+ };
154
+ '&:hover': {
155
+ borderColor: string;
156
+ color: string;
157
+ backgroundColor: string;
158
+ '& .M4LIcon-icon': {
159
+ backgroundColor: string;
160
+ };
161
+ };
162
+ '&:active': {
163
+ borderColor: string;
164
+ color: string;
165
+ backgroundColor: string;
166
+ '& .M4LIcon-icon': {
167
+ backgroundColor: string;
168
+ };
169
+ };
170
+ '&.Mui-focusVisible': {
171
+ borderColor: string;
172
+ color: string;
173
+ backgroundColor: string;
174
+ '& .M4LIcon-icon': {
175
+ backgroundColor: string;
176
+ };
177
+ '&::before': {
178
+ content: string;
179
+ };
180
+ };
181
+ };
182
+ };
183
+ '&.M4LoadingButton-variantText': {
184
+ '& .MuiButtonBase-root': {
185
+ color: string;
186
+ '& .M4LIcon-icon': {
187
+ backgroundColor: string;
188
+ };
189
+ '&:hover': {
190
+ backgroundColor: string;
191
+ color: string;
192
+ '& .M4LIcon-icon': {
193
+ backgroundColor: string;
194
+ };
195
+ };
196
+ '&:active': {
197
+ backgroundColor: string;
198
+ color: string;
199
+ '& .M4LIcon-icon': {
200
+ backgroundColor: string;
201
+ };
202
+ };
203
+ '&.Mui-focusVisible': {
204
+ backgroundColor: string;
205
+ color: string;
206
+ '& .M4LIcon-icon': {
207
+ backgroundColor: string;
208
+ };
209
+ '&:before': {
210
+ content: string;
211
+ };
212
+ };
213
+ };
214
+ };
215
+ };
216
+ };
5
217
  };
6
218
  };
package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts CHANGED
@@ -1,9 +1,131 @@
1
1
  import { Theme } from '@mui/material/styles';
2
- export declare const M4LRHFAutocomplete: (_theme: Theme) => {
2
+ export declare const M4LRHFAutocomplete: (theme: Theme) => {
3
3
  M4LRHFAutocomplete: {
4
4
  styleOverrides: {
5
- "&.M4LRHFAutocomplete-root": {
6
- test: string;
5
+ '&.M4LRHFAutocomplete-root': {
6
+ display: string;
7
+ flexDirection: string;
8
+ width: string;
9
+ gap: string;
10
+ '& .M4LRHFAutocomplete-label': {
11
+ color: string;
12
+ transition: string;
13
+ };
14
+ '& .MuiAutocomplete-endAdornment': {
15
+ top: string;
16
+ };
17
+ '& .MuiInputBase-root': {
18
+ padding: string;
19
+ '& .MuiInputBase-input': {
20
+ color: string;
21
+ padding: string;
22
+ backgroundColor: string;
23
+ };
24
+ '& .MuiInputAdornment-root': {
25
+ margin: string;
26
+ padding: string;
27
+ };
28
+ '& .M4LIcon-icon': {
29
+ backgroundColor: string;
30
+ transition: string;
31
+ };
32
+ '& .MuiOutlinedInput-notchedOutline': {
33
+ border: string;
34
+ borderColor: string;
35
+ borderRadius: string;
36
+ inset: string;
37
+ transition: string;
38
+ '& legend': {
39
+ display: string;
40
+ };
41
+ };
42
+ };
43
+ '&:hover': {
44
+ '& .M4LRHFAutocomplete-label': {
45
+ color: string;
46
+ };
47
+ '& .MuiInputBase-root .MuiOutlinedInput-notchedOutline': {
48
+ borderColor: string;
49
+ boxShadow: string;
50
+ };
51
+ '& .MuiInputBase-input': {
52
+ color: string;
53
+ };
54
+ '& .M4LIcon-icon': {
55
+ backgroundColor: string;
56
+ };
57
+ };
58
+ '&.M4LRHFAutocomplete-isFocus': {
59
+ '& .M4LRHFAutocomplete-label': {
60
+ color: string;
61
+ };
62
+ '& .MuiInputBase-root .MuiOutlinedInput-notchedOutline': {
63
+ transition: string;
64
+ border: string;
65
+ borderColor: string;
66
+ boxShadow: string;
67
+ };
68
+ '& .MuiInputBase-input': {
69
+ color: string;
70
+ };
71
+ '& .M4LIcon-icon': {
72
+ backgroundColor: string;
73
+ };
74
+ };
75
+ '&.M4LRHFAutocomplete-variantError': {
76
+ '& .M4LRHFAutocomplete-label': {
77
+ color: string;
78
+ };
79
+ '& .MuiInputBase-root .MuiOutlinedInput-notchedOutline': {
80
+ border: string;
81
+ borderColor: string;
82
+ };
83
+ '& .MuiInputBase-input': {
84
+ color: string;
85
+ };
86
+ '& .M4LIcon-icon': {
87
+ backgroundColor: string;
88
+ };
89
+ '&:hover': {
90
+ '& .MuiInputBase-root .MuiOutlinedInput-notchedOutline': {
91
+ boxShadow: string;
92
+ };
93
+ };
94
+ '&.M4LRHFAutocomplete-isFocus': {
95
+ '& .MuiInputBase-root .MuiOutlinedInput-notchedOutline': {
96
+ boxShadow: string;
97
+ };
98
+ };
99
+ };
100
+ '&.M4LRHFAutocomplete-isDisabled': {
101
+ '& .M4LRHFAutocomplete-label': {
102
+ color: string;
103
+ };
104
+ '& .MuiInputBase-root .MuiOutlinedInput-notchedOutline': {
105
+ border: string;
106
+ borderColor: string;
107
+ backgroundColor: string;
108
+ boxShadow: string;
109
+ };
110
+ '& .MuiInputBase-input': {
111
+ color: string;
112
+ };
113
+ '& .M4LIcon-icon': {
114
+ backgroundColor: string;
115
+ };
116
+ };
117
+ '&.M4LRHFAutocomplete-sizeSmall': {
118
+ '& .MuiInputBase-input, & .MuiOutlinedInput-notchedOutline, & .M4LRHFAutocomplete-skeleton': {
119
+ height: string;
120
+ padding: string;
121
+ };
122
+ };
123
+ '&.M4LRHFAutocomplete-sizeMedium': {
124
+ '& .MuiInputBase-input, & .MuiOutlinedInput-notchedOutline, & .M4LRHFAutocomplete-skeleton': {
125
+ height: string;
126
+ padding: string;
127
+ };
128
+ };
7
129
  };
8
130
  };
9
131
  };
package/theme/overrides/M4LRHFComponents/M4LRHFAutocompleteAsync.d.ts CHANGED
@@ -2,8 +2,8 @@ import { Theme } from '@mui/material/styles';
2
2
  export declare const M4LRHFAutocompleteAsync: (_theme: Theme) => {
3
3
  M4LRHFAutocompleteAsync: {
4
4
  styleOverrides: {
5
- "&.M4LRHFAutocompleteAsync-root": {
6
- test: string;
5
+ '&.M4LRHFAutocompleteAsync-root': {
6
+ width: string;
7
7
  };
8
8
  };
9
9
  };
package/theme/overrides/M4LRHFComponents/M4LRHFCheckbox.d.ts CHANGED
@@ -2,8 +2,10 @@ import { Theme } from '@mui/material/styles';
2
2
  export declare const M4LRHFCheckbox: (theme: Theme) => {
3
3
  M4LRHFCheckbox: {
4
4
  styleOverrides: {
5
- "&.M4LRHFCheckbox-root": {
6
- test: string;
5
+ '&.M4LRHFCheckbox-root': {
6
+ display: string;
7
+ flexDirection: string;
8
+ gap: string;
7
9
  '.M4LRHFCheckbox-checkTypography': {
8
10
  [x: string]: string | {
9
11
  gap: string;
@@ -34,20 +36,20 @@ export declare const M4LRHFCheckbox: (theme: Theme) => {
34
36
  borderRadius: string;
35
37
  };
36
38
  '.MuiButtonBase-root:hover': {
37
- backgroundColor: any;
39
+ backgroundColor: string;
38
40
  };
39
41
  '.Mui-focusVisible': {
40
42
  border: string;
41
- borderColor: any;
43
+ borderColor: string;
42
44
  };
43
45
  '.MuiButtonBase-root:hover .MuiSvgIcon-root': {
44
- fill: any;
46
+ fill: string;
45
47
  };
46
48
  '.M4LRHFCheckbox-checkTypography .MuiTypography-root': {
47
49
  [x: string]: any;
48
50
  };
49
51
  '.M4LRHFCheckbox-stateDisabled .MuiSvgIcon-root': {
50
- fill: any;
52
+ fill: string;
51
53
  };
52
54
  '.M4LRHFCheckbox-stateDisabled .MuiTypography-root': {
53
55
  color: string;
package/theme/overrides/M4LRHFComponents/M4LRHFTextField.d.ts CHANGED
@@ -1,6 +1,129 @@
1
1
  import { Theme } from '@mui/material/styles';
2
- export declare const M4LRHFTextField: (_theme: Theme) => {
2
+ export declare const M4LRHFTextField: (theme: Theme) => {
3
3
  M4LRHFTextField: {
4
- styleOverrides: {};
4
+ styleOverrides: {
5
+ '&.M4LRHFTextField-root': {
6
+ display: string;
7
+ flexDirection: string;
8
+ width: string;
9
+ gap: string;
10
+ '& .M4LRHFTextField-label': {
11
+ color: string;
12
+ transition: string;
13
+ };
14
+ '& .MuiInputBase-root': {
15
+ padding: string;
16
+ '& .MuiInputBase-input': {
17
+ color: string;
18
+ padding: string;
19
+ backgroundColor: string;
20
+ };
21
+ '& .MuiInputAdornment-root': {
22
+ margin: string;
23
+ padding: string;
24
+ };
25
+ '& .M4LIcon-icon': {
26
+ backgroundColor: string;
27
+ transition: string;
28
+ };
29
+ '& .MuiOutlinedInput-notchedOutline': {
30
+ border: string;
31
+ borderColor: string;
32
+ borderRadius: string;
33
+ inset: string;
34
+ transition: string;
35
+ '& legend': {
36
+ display: string;
37
+ };
38
+ };
39
+ };
40
+ '&:hover': {
41
+ '& .M4LRHFTextField-label': {
42
+ color: string;
43
+ };
44
+ '& .MuiInputBase-root .MuiOutlinedInput-notchedOutline': {
45
+ borderColor: string;
46
+ boxShadow: string;
47
+ };
48
+ '& .MuiInputBase-input': {
49
+ color: string;
50
+ };
51
+ '& .M4LIcon-icon': {
52
+ backgroundColor: string;
53
+ };
54
+ };
55
+ '&.M4LRHFTextField-isFocus': {
56
+ '& .M4LRHFTextField-label': {
57
+ color: string;
58
+ };
59
+ '& .MuiInputBase-root .MuiOutlinedInput-notchedOutline': {
60
+ transition: string;
61
+ border: string;
62
+ borderColor: string;
63
+ boxShadow: string;
64
+ };
65
+ '& .MuiInputBase-input': {
66
+ color: string;
67
+ };
68
+ '& .M4LIcon-icon': {
69
+ backgroundColor: string;
70
+ };
71
+ };
72
+ '&.M4LRHFTextField-variantError': {
73
+ '& .M4LRHFTextField-label': {
74
+ color: string;
75
+ };
76
+ '& .MuiInputBase-root .MuiOutlinedInput-notchedOutline': {
77
+ border: string;
78
+ borderColor: string;
79
+ };
80
+ '& .MuiInputBase-input': {
81
+ color: string;
82
+ };
83
+ '& .M4LIcon-icon': {
84
+ backgroundColor: string;
85
+ };
86
+ '&:hover': {
87
+ '& .MuiInputBase-root .MuiOutlinedInput-notchedOutline': {
88
+ boxShadow: string;
89
+ };
90
+ };
91
+ '&.M4LRHFTextField-isFocus': {
92
+ '& .MuiInputBase-root .MuiOutlinedInput-notchedOutline': {
93
+ boxShadow: string;
94
+ };
95
+ };
96
+ };
97
+ '&.M4LRHFTextField-isDisabled': {
98
+ '& .M4LRHFTextField-label': {
99
+ color: string;
100
+ };
101
+ '& .MuiInputBase-root .MuiOutlinedInput-notchedOutline': {
102
+ border: string;
103
+ borderColor: string;
104
+ backgroundColor: string;
105
+ boxShadow: string;
106
+ };
107
+ '& .MuiInputBase-input': {
108
+ color: string;
109
+ };
110
+ '& .M4LIcon-icon': {
111
+ backgroundColor: string;
112
+ };
113
+ };
114
+ '&.M4LRHFTextField-sizeSmall': {
115
+ '& .MuiInputBase-input, & .MuiOutlinedInput-notchedOutline, & .M4LRHFTextField-skeleton': {
116
+ height: string;
117
+ padding: string;
118
+ };
119
+ };
120
+ '&.M4LRHFTextField-sizeMedium': {
121
+ '& .MuiInputBase-input, & .MuiOutlinedInput-notchedOutline, & .M4LRHFTextField-skeleton': {
122
+ height: string;
123
+ padding: string;
124
+ };
125
+ };
126
+ };
127
+ };
5
128
  };
6
129
  };
package/theme/overrides/M4LRHFComponents/M4LRHFTextFieldPassword.d.ts CHANGED
@@ -1,14 +1,9 @@
1
1
  import { Theme } from '@mui/material/styles';
2
- export declare const M4LRHFTextFieldPassword: (theme: Theme) => {
2
+ export declare const M4LRHFTextFieldPassword: (_theme: Theme) => {
3
3
  M4LRHFTextFieldPassword: {
4
4
  styleOverrides: {
5
- "&.M4LRHFTextFieldPassword-root": {
6
- ".M4LRHFTextField-root .MuiTextField-root": {
7
- test: string;
8
- display: string;
9
- flexDirection: string;
10
- gap: string;
11
- };
5
+ '&.M4LRHFTextFieldPassword-root': {
6
+ width: string;
12
7
  };
13
8
  };
14
9
  };