@m4l/styles 0.0.19 → 0.0.21

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 (31) hide show
  1. package/index.js +19 -19
  2. package/package.json +1 -1
  3. package/theme/{defaultThemeOptions.d67fe64c.js → defaultThemeOptions.81e20130.js} +5 -5
  4. package/theme/index.38ad102a.js +7 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +237 -67
  6. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +1151 -336
  7. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +116 -63
  8. package/theme/overrides/M4LExtendedComponents/M4LCommonActions.d.ts +1 -0
  9. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +245 -8
  10. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +46 -12
  11. package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts +8 -4
  12. package/theme/overrides/M4LExtendedComponents/{index.bd713d88.js → index.9ecb9eb5.js} +524 -289
  13. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +17 -3
  14. package/theme/overrides/M4LRHFComponents/{index.1406e2ed.js → index.e3118e8b.js} +25 -11
  15. package/theme/overrides/MUIComponents/Button.d.ts +3 -1
  16. package/theme/overrides/MUIComponents/Input.d.ts +16 -3
  17. package/theme/overrides/MUIComponents/Tabs.d.ts +2 -0
  18. package/theme/overrides/MUIComponents/{index.e3d060c3.js → index.25926753.js} +50 -32
  19. package/theme/overrides/{index.6b7aec0f.js → index.05460ef6.js} +3 -3
  20. package/theme/{palette.95c4f9c8.js → palette.ad96498c.js} +114 -114
  21. package/theme/palette.d.ts +6 -6
  22. package/theme/{shadows.354bbb03.js → shadows.c56e8ae9.js} +1 -1
  23. package/theme/{typography.61f909b7.js → typography.39389e10.js} +4 -4
  24. package/types/types.d.ts +1 -1
  25. package/utils/getColorPresets.82f91ceb.js +70 -0
  26. package/utils/getColorPresets.d.ts +1 -1
  27. package/utils/getColorState.0e5b3a7c.js +172 -0
  28. package/utils/getColorState.d.ts +1 -0
  29. package/theme/index.efa44d2d.js +0 -7
  30. package/utils/getColorPresets.d73f30ad.js +0 -70
  31. package/utils/getColorState.bde51cf7.js +0 -159
package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts CHANGED
@@ -4,9 +4,25 @@ export declare const M4LSideBar: (theme: Theme) => {
4
4
  styleOverrides: {
5
5
  '&.M4LSideBar-root': {
6
6
  [x: string]: string | {
7
+ '& .M4LImage-root': {
8
+ minWidth: string;
9
+ minHeight: string;
10
+ background: string;
11
+ };
12
+ width?: undefined;
13
+ height?: undefined;
14
+ padding?: undefined;
15
+ '& .M4LSideBar-containerSideBarLogo'?: undefined;
16
+ '& .M4LSideBar-contentGroups'?: undefined;
17
+ '& .M4LSideBar-collapseButton'?: undefined;
18
+ display?: undefined;
19
+ flexDirection?: undefined;
20
+ paddingLeft?: undefined;
21
+ } | {
7
22
  width: string;
8
23
  height: string;
9
24
  padding: string;
25
+ '& .M4LImage-root'?: undefined;
10
26
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
11
27
  '& .M4LSideBar-contentGroups'?: undefined;
12
28
  '& .M4LSideBar-collapseButton'?: undefined;
@@ -16,11 +32,10 @@ export declare const M4LSideBar: (theme: Theme) => {
16
32
  } | {
17
33
  height: string;
18
34
  '& .M4LSideBar-containerSideBarLogo': {
19
- marginRight: string;
35
+ display: string;
36
+ justifyContent: string;
20
37
  '& .M4LSideBar-containerLogo': {
21
- height: string;
22
38
  display: string;
23
- flexDirection: string;
24
39
  justifyContent: string;
25
40
  alignItems: string;
26
41
  fitContent: string;
@@ -30,7 +45,6 @@ export declare const M4LSideBar: (theme: Theme) => {
30
45
  gap: string;
31
46
  '& .M4LTypography-root': {
32
47
  display: string;
33
- justifyContent: string;
34
48
  width: string;
35
49
  '& .MuiTypography-root': {
36
50
  with: string;
@@ -80,7 +94,7 @@ export declare const M4LSideBar: (theme: Theme) => {
80
94
  borderRadius: string;
81
95
  justifyContent: string;
82
96
  flexDirection: string;
83
- gap: string;
97
+ padding: string;
84
98
  '& .M4LSideBar-navItemMainRoot': {
85
99
  backgroundColor: string;
86
100
  '&:hover': {
@@ -150,14 +164,20 @@ export declare const M4LSideBar: (theme: Theme) => {
150
164
  };
151
165
  '& .M4LSideBar-navListSubItemRoot': {
152
166
  '& .M4LSideBar-navSubItemContentRoot ': {
167
+ width: string;
168
+ height: string;
169
+ borderRadius: string;
170
+ gap: string;
153
171
  '&.M4LSideBar-subItemCollapseActive': {
154
172
  backgroundColor: string;
173
+ gap: string;
155
174
  };
156
175
  '&.M4LSideBar-subItemActive': {
157
176
  '& .M4LSideBar-navSubItemContentBullet': {
158
177
  height: string;
159
178
  borderRadius: string;
160
179
  backgroundColor: string;
180
+ gap: string;
161
181
  };
162
182
  };
163
183
  '&:hover': {
@@ -217,6 +237,7 @@ export declare const M4LSideBar: (theme: Theme) => {
217
237
  };
218
238
  };
219
239
  };
240
+ '& .M4LImage-root'?: undefined;
220
241
  width?: undefined;
221
242
  padding?: undefined;
222
243
  display?: undefined;
@@ -227,6 +248,7 @@ export declare const M4LSideBar: (theme: Theme) => {
227
248
  display: string;
228
249
  flexDirection: string;
229
250
  paddingLeft: string;
251
+ '& .M4LImage-root'?: undefined;
230
252
  height?: undefined;
231
253
  padding?: undefined;
232
254
  '& .M4LSideBar-containerSideBarLogo'?: undefined;
@@ -234,6 +256,7 @@ export declare const M4LSideBar: (theme: Theme) => {
234
256
  '& .M4LSideBar-collapseButton'?: undefined;
235
257
  } | {
236
258
  display: string;
259
+ '& .M4LImage-root'?: undefined;
237
260
  width?: undefined;
238
261
  height?: undefined;
239
262
  padding?: undefined;
@@ -249,14 +272,20 @@ export declare const M4LSideBar: (theme: Theme) => {
249
272
  paddingLeft: string;
250
273
  paddingBottom: string;
251
274
  boxShadow: string;
275
+ '&.M4LSideBar-collapsed': {
276
+ '& .M4LImage-root': {
277
+ minWidth: string;
278
+ minHeight: string;
279
+ background: string;
280
+ };
281
+ };
252
282
  '& .M4LSideBar-wrapperSideBar': {
253
283
  height: string;
254
284
  '& .M4LSideBar-containerSideBarLogo': {
255
- marginRight: string;
285
+ display: string;
286
+ justifyContent: string;
256
287
  '& .M4LSideBar-containerLogo': {
257
- height: string;
258
288
  display: string;
259
- flexDirection: string;
260
289
  justifyContent: string;
261
290
  alignItems: string;
262
291
  fitContent: string;
@@ -266,7 +295,6 @@ export declare const M4LSideBar: (theme: Theme) => {
266
295
  gap: string;
267
296
  '& .M4LTypography-root': {
268
297
  display: string;
269
- justifyContent: string;
270
298
  width: string;
271
299
  '& .MuiTypography-root': {
272
300
  with: string;
@@ -316,7 +344,7 @@ export declare const M4LSideBar: (theme: Theme) => {
316
344
  borderRadius: string;
317
345
  justifyContent: string;
318
346
  flexDirection: string;
319
- gap: string;
347
+ padding: string;
320
348
  '& .M4LSideBar-navItemMainRoot': {
321
349
  backgroundColor: string;
322
350
  '&:hover': {
@@ -386,14 +414,20 @@ export declare const M4LSideBar: (theme: Theme) => {
386
414
  };
387
415
  '& .M4LSideBar-navListSubItemRoot': {
388
416
  '& .M4LSideBar-navSubItemContentRoot ': {
417
+ width: string;
418
+ height: string;
419
+ borderRadius: string;
420
+ gap: string;
389
421
  '&.M4LSideBar-subItemCollapseActive': {
390
422
  backgroundColor: string;
423
+ gap: string;
391
424
  };
392
425
  '&.M4LSideBar-subItemActive': {
393
426
  '& .M4LSideBar-navSubItemContentBullet': {
394
427
  height: string;
395
428
  borderRadius: string;
396
429
  backgroundColor: string;
430
+ gap: string;
397
431
  };
398
432
  };
399
433
  '&:hover': {
@@ -470,7 +504,7 @@ export declare const M4LSideBar: (theme: Theme) => {
470
504
  styleOverrides: {
471
505
  '&.M4LSideBar-popover': {
472
506
  '& .M4LSideBar-navListSubItemRoot': {
473
- '& .M4LSideBar-navSubItemContentRoot ': {
507
+ '& .M4LSideBar-navSubItemContentRoot': {
474
508
  gap: string;
475
509
  margin: string;
476
510
  padding: string;
@@ -582,7 +616,7 @@ export declare const M4LSideBar: (theme: Theme) => {
582
616
  borderRadius: string;
583
617
  justifyContent: string;
584
618
  flexDirection: string;
585
- gap: string;
619
+ padding: string;
586
620
  '& .M4LSideBar-navItemMainRoot': {
587
621
  backgroundColor: string;
588
622
  '&:hover': {
package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts CHANGED
@@ -3,8 +3,10 @@ export declare const M4LTab: (theme: Theme) => {
3
3
  M4LTab: {
4
4
  styleOverrides: {
5
5
  '&.M4LTab-root': {
6
+ width: string;
6
7
  "& .MuiButtonBase-root": {
7
8
  color: string;
9
+ lineHeight: string;
8
10
  "& .M4LIcon-root": {
9
11
  marginBottom: string;
10
12
  };
@@ -27,10 +29,8 @@ export declare const M4LTab: (theme: Theme) => {
27
29
  };
28
30
  };
29
31
  "& .Mui-selected": {
30
- background: string;
31
- border: string;
32
- borderColor: string;
33
- boxShadow: string;
32
+ color: string;
33
+ lineHeight: string;
34
34
  '&::before': {
35
35
  content: string;
36
36
  width: string;
@@ -40,6 +40,10 @@ export declare const M4LTab: (theme: Theme) => {
40
40
  borderRadius: string;
41
41
  position: string;
42
42
  };
43
+ background: string;
44
+ border: string;
45
+ borderColor: string;
46
+ boxShadow: string;
43
47
  };
44
48
  };
45
49
  };