@m4l/styles 0.0.31 → 0.0.32

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 (58) hide show
  1. package/index.js +37 -37
  2. package/package.json +1 -1
  3. package/theme/defaultThemeOptions.b25c825e.js +27 -0
  4. package/theme/index.34d0fdea.js +1 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LAccordion.d.ts +22 -15
  6. package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts +106 -81
  7. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +58 -3
  8. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +636 -475
  9. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +42 -52
  10. package/theme/overrides/M4LExtendedComponents/M4LAvatar.d.ts +0 -2
  11. package/theme/overrides/M4LExtendedComponents/M4LBadge.d.ts +5 -0
  12. package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts +56 -57
  13. package/theme/overrides/M4LExtendedComponents/M4LCheckBox.d.ts +13 -12
  14. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +14 -6
  15. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +78 -87
  16. package/theme/overrides/M4LExtendedComponents/M4LIconButton.d.ts +2 -2
  17. package/theme/overrides/M4LExtendedComponents/M4LMFLoader.d.ts +2 -1
  18. package/theme/overrides/M4LExtendedComponents/M4LMasterDetailLayout.d.ts +13 -2
  19. package/theme/overrides/M4LExtendedComponents/M4LMenuActions.d.ts +17 -0
  20. package/theme/overrides/M4LExtendedComponents/M4LModalDialog.d.ts +2 -4
  21. package/theme/overrides/M4LExtendedComponents/M4LPager.d.ts +0 -2
  22. package/theme/overrides/M4LExtendedComponents/M4LPaperForm.d.ts +1 -2
  23. package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts +43 -33
  24. package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts +12 -0
  25. package/theme/overrides/M4LExtendedComponents/M4LPropertyValue.d.ts +142 -1
  26. package/theme/overrides/M4LExtendedComponents/M4LRHFormProvider.d.ts +1 -0
  27. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +91 -42
  28. package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts +3 -0
  29. package/theme/overrides/M4LExtendedComponents/M4LTabContent.d.ts +1 -0
  30. package/theme/overrides/M4LExtendedComponents/M4LTabs.d.ts +16 -0
  31. package/theme/overrides/M4LExtendedComponents/M4LToastContainer.d.ts +29 -0
  32. package/theme/overrides/M4LExtendedComponents/M4LTooltip.d.ts +0 -4
  33. package/theme/overrides/M4LExtendedComponents/M4LoadingButton.d.ts +24 -20
  34. package/theme/overrides/M4LExtendedComponents/M4LoadingError.d.ts +1 -4
  35. package/theme/overrides/M4LExtendedComponents/{index.1cd7b9f2.js → index.15f2650a.js} +1112 -826
  36. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +102 -4
  37. package/theme/overrides/M4LRHFComponents/M4LRHFColorPicker.d.ts +107 -0
  38. package/theme/overrides/M4LRHFComponents/M4LRHFDateTime.d.ts +5 -3
  39. package/theme/overrides/M4LRHFComponents/M4LRHFTextField.d.ts +5 -0
  40. package/theme/overrides/M4LRHFComponents/M4LRHFUploadImage.d.ts +2 -1
  41. package/theme/overrides/M4LRHFComponents/{index.2dbe138a.js → index.e6262889.js} +252 -37
  42. package/theme/overrides/MUIComponents/{index.f50cd1c7.js → index.1b2b2be2.js} +59 -138
  43. package/theme/overrides/index.158187f3.js +105 -0
  44. package/theme/{palette.76ca123c.js → palette.31d770bc.js} +84 -42
  45. package/theme/palette.d.ts +16 -6
  46. package/theme/{shadows.1c46a94e.js → shadows.9800d84c.js} +24 -24
  47. package/theme/typography.b14a8e35.js +122 -0
  48. package/theme/typography.d.ts +19 -13
  49. package/types/augmentations.d.ts +1 -1
  50. package/utils/{getColorPresets.5bb0236e.js → getColorPresets.9fec9cc2.js} +1 -1
  51. package/utils/getColorState.4350ccb4.js +239 -0
  52. package/utils/getColorState.d.ts +5 -0
  53. package/theme/defaultThemeOptions.85da8657.js +0 -30
  54. package/theme/index.4dffae0a.js +0 -7
  55. package/theme/overrides/MUIComponents/Tabs.d.ts +0 -903
  56. package/theme/overrides/index.a465322b.js +0 -104
  57. package/theme/typography.89adddae.js +0 -124
  58. package/utils/getColorState.42ed5268.js +0 -208
package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts CHANGED
@@ -24,6 +24,7 @@ export declare const M4LAreasViewer: (theme: Theme) => {
24
24
  '& .M4LAreasViewer-windowRoot': {
25
25
  background: string;
26
26
  border: string;
27
+ borderTop: string;
27
28
  borderColor: string;
28
29
  boxShadow: string;
29
30
  borderRadius: string;
@@ -48,47 +49,13 @@ export declare const M4LAreasViewer: (theme: Theme) => {
48
49
  overflow: string;
49
50
  };
50
51
  '& .M4LAreasViewer-windowHeader': {
51
- [x: string]: string | {
52
- height: string;
53
- display?: undefined;
54
- width?: undefined;
55
- alignItems?: undefined;
56
- '& .M4LAreasViewer-windowHeaderTitle'?: undefined;
57
- } | {
58
- display: string;
59
- width: string;
60
- height: string;
61
- alignItems: string;
62
- '& .M4LAreasViewer-windowHeaderTitle': {
63
- display: string;
64
- alignItems: string;
65
- overflow: string;
66
- width: string;
67
- padding: string;
68
- height: string;
69
- '& .MuiTypography-root': {
70
- whiteSpace: string;
71
- overflow: string;
72
- textOverflow: string;
73
- width: string;
74
- };
75
- };
76
- } | {
77
- color: string;
78
- overflow: string;
79
- height?: undefined;
80
- display?: undefined;
81
- width?: undefined;
82
- alignItems?: undefined;
83
- '& .M4LAreasViewer-windowHeaderTitle'?: undefined;
84
- };
52
+ borderTop: string;
53
+ borderColor: string;
85
54
  display: string;
86
55
  flexDirection: string;
87
56
  background: string;
88
57
  padding: string;
89
- border: string;
90
58
  boxShadow: string;
91
- height: string;
92
59
  '& .M4LAreasViewer-windowHeaderContent': {
93
60
  display: string;
94
61
  width: string;
@@ -106,6 +73,7 @@ export declare const M4LAreasViewer: (theme: Theme) => {
106
73
  overflow: string;
107
74
  textOverflow: string;
108
75
  width: string;
76
+ color: string;
109
77
  };
110
78
  };
111
79
  };
@@ -318,10 +286,13 @@ export declare const M4LAreasViewer: (theme: Theme) => {
318
286
  };
319
287
  '&.M4LAreasViewer-selectedWindow': {
320
288
  border: string;
289
+ borderTop: string;
321
290
  borderColor: string;
322
- boxShadow: string | undefined;
291
+ boxShadow: string;
323
292
  backdropFilter: string;
324
293
  '& .M4LAreasViewer-windowHeader': {
294
+ borderTop: string;
295
+ borderColor: string;
325
296
  display: string;
326
297
  flexDirection: string;
327
298
  background: string;
@@ -333,7 +304,7 @@ export declare const M4LAreasViewer: (theme: Theme) => {
333
304
  overflow: string;
334
305
  cursor: string;
335
306
  '& .M4LTypography-root .MuiTypography-root': {
336
- [x: string]: any;
307
+ color: string;
337
308
  };
338
309
  '& .MuiButtonBase-root': {
339
310
  '& .M4LIcon-icon': {
@@ -354,6 +325,12 @@ export declare const M4LAreasViewer: (theme: Theme) => {
354
325
  };
355
326
  };
356
327
  '&.M4LGridLayout-root .M4LGridLayout-maximizeMe': {
328
+ borderTop: string;
329
+ borderLeft: string;
330
+ borderRight: string;
331
+ borderBottom: string;
332
+ borderColor: string;
333
+ borderRadius: string;
357
334
  '& .M4LAreasViewer-windowContent': {
358
335
  padding: string;
359
336
  };
@@ -375,11 +352,9 @@ export declare const M4LAreasViewer: (theme: Theme) => {
375
352
  };
376
353
  '& .M4LAreasViewer-windowPopupRoot': {
377
354
  boxShadow: string;
378
- padding: string;
355
+ border: string;
379
356
  background: string;
380
357
  borderRadius: string;
381
- border: string;
382
- borderColor: string;
383
358
  backdropFilter: string;
384
359
  '& .M4LIcon-root.custom-handle': {
385
360
  '& .M4LIcon-icon': {
@@ -396,9 +371,16 @@ export declare const M4LAreasViewer: (theme: Theme) => {
396
371
  '& .M4LAreasViewer-windowRootContainer': {
397
372
  background: string;
398
373
  borderRadius: string;
374
+ border: string;
375
+ borderColor: string;
399
376
  '& .M4LAreasViewer-windowHeader': {
400
377
  boxShadow: string;
378
+ borderTopLeftRadius: string;
379
+ borderTopRightRadius: string;
401
380
  background: string;
381
+ border: string;
382
+ height: string;
383
+ minHeight: string;
402
384
  '& .M4LIcon-root': {
403
385
  '& .M4LIcon-icon': {
404
386
  width: string;
@@ -413,6 +395,9 @@ export declare const M4LAreasViewer: (theme: Theme) => {
413
395
  overflow: string;
414
396
  };
415
397
  };
398
+ '& .M4LAreasViewer-windowContent': {
399
+ background: string;
400
+ };
416
401
  };
417
402
  '& .M4LAreasViewer-windowRoot': {
418
403
  padding: string;
@@ -454,13 +439,17 @@ export declare const M4LAreasViewer: (theme: Theme) => {
454
439
  [x: string]: string | {
455
440
  padding: string;
456
441
  boxShadow?: undefined;
442
+ border?: undefined;
443
+ borderColor?: undefined;
457
444
  '& .M4LAreasViewer-windowHeader'?: undefined;
458
445
  } | {
459
446
  boxShadow: string;
447
+ border: string;
448
+ borderColor: string;
460
449
  '& .M4LAreasViewer-windowHeader': {
461
- background: import("../..").StateSkeleton;
462
- borderRadius: string;
463
- boxShadow: string;
450
+ background: string;
451
+ borderTopLeftRadius: string;
452
+ borderTopRightRadius: string;
464
453
  '& .M4LIcon-root': {
465
454
  '& .M4LIcon-icon': {
466
455
  backgroundColor: string;
@@ -474,16 +463,16 @@ export declare const M4LAreasViewer: (theme: Theme) => {
474
463
  padding?: undefined;
475
464
  };
476
465
  border: string;
477
- borderColor: string;
478
466
  background: string;
479
467
  boxShadow: string;
480
- padding: string;
481
468
  '& .M4LAreasViewer-windowRootContainer': {
482
469
  boxShadow: string;
470
+ border: string;
471
+ borderColor: string;
483
472
  '& .M4LAreasViewer-windowHeader': {
484
- background: import("../..").StateSkeleton;
485
- borderRadius: string;
486
- boxShadow: string;
473
+ background: string;
474
+ borderTopLeftRadius: string;
475
+ borderTopRightRadius: string;
487
476
  '& .M4LIcon-root': {
488
477
  '& .M4LIcon-icon': {
489
478
  backgroundColor: string;
@@ -500,11 +489,12 @@ export declare const M4LAreasViewer: (theme: Theme) => {
500
489
  };
501
490
  '& .M4LAreasViewer-panelWindowsRoot': {
502
491
  background: string;
503
- boxShadow: string;
504
492
  display: string;
505
493
  alignItems: string;
506
494
  padding: string;
507
495
  gap: string;
496
+ borderLeft: string;
497
+ borderColor: string;
508
498
  '& .M4LAreasViewer-panelWindowsButtonContainer': {
509
499
  borderRadius: string;
510
500
  background: string;
@@ -534,7 +524,6 @@ export declare const M4LAreasViewer: (theme: Theme) => {
534
524
  borderColor: string;
535
525
  '& .M4LAreasViewer-windowContent': {
536
526
  borderRadius: string;
537
- boxShadow: string;
538
527
  background: string;
539
528
  };
540
529
  '& .M4LAreasViewer-windowHeaderTitle': {
@@ -1451,6 +1440,7 @@ export declare const M4LAreasViewer: (theme: Theme) => {
1451
1440
  padding: string;
1452
1441
  borderRadius: string;
1453
1442
  border: string;
1443
+ background: string;
1454
1444
  '& .M4LTypography-root .MuiTypography-root': {
1455
1445
  color: string;
1456
1446
  overflow: string;
@@ -1462,7 +1452,7 @@ export declare const M4LAreasViewer: (theme: Theme) => {
1462
1452
  };
1463
1453
  };
1464
1454
  '& .M4LAreasViewer-windowContent': {
1465
- margin: string;
1455
+ padding: string;
1466
1456
  background: string;
1467
1457
  borderRadius: string;
1468
1458
  display: string;
package/theme/overrides/M4LExtendedComponents/M4LAvatar.d.ts CHANGED
@@ -4,7 +4,6 @@ export declare const M4LAvatar: (theme: Theme) => {
4
4
  styleOverrides: {
5
5
  '&.M4LAvatar-root': {
6
6
  '& .MuiAvatar-root': {
7
- borderColor: string;
8
7
  width: string;
9
8
  height: string;
10
9
  borderRadius: string;
@@ -12,7 +11,6 @@ export declare const M4LAvatar: (theme: Theme) => {
12
11
  background: string;
13
12
  color: string;
14
13
  boxShadow: string;
15
- borderTop: string;
16
14
  };
17
15
  test: string;
18
16
  };
package/theme/overrides/M4LExtendedComponents/M4LBadge.d.ts CHANGED
@@ -15,6 +15,11 @@ export declare const M4LBadge: (theme: Theme) => {
15
15
  width: string;
16
16
  lineHeight: string;
17
17
  textAlign: string;
18
+ paddingBottom: string;
19
+ paddingLeft: string;
20
+ borderRadius: string;
21
+ border: string;
22
+ borderColor: string;
18
23
  backgroundColor: string;
19
24
  height: string;
20
25
  top: string;
package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts CHANGED
@@ -8,6 +8,11 @@ export declare const M4LButton: (theme: Theme) => {
8
8
  borderRadius: string;
9
9
  };
10
10
  '& .MuiButtonBase-root': {
11
+ backgroundColor: string;
12
+ '&:hover, &:focus': {
13
+ backgroundColor: string;
14
+ transition: string;
15
+ };
11
16
  '& .M4LIcon-icon': {
12
17
  transition: string;
13
18
  };
@@ -38,37 +43,38 @@ export declare const M4LButton: (theme: Theme) => {
38
43
  };
39
44
  };
40
45
  '&.M4LButton-variantContained': {
41
- '& .MuiButtonBase-root': {
46
+ color: string;
47
+ backgroundColor: string;
48
+ border: string;
49
+ borderColor: string;
50
+ '& .M4LIcon-icon': {
51
+ backgroundColor: string;
52
+ };
53
+ '&:hover': {
54
+ backgroundColor: string;
42
55
  color: string;
43
56
  '& .M4LIcon-icon': {
44
57
  backgroundColor: string;
45
- };
46
- '&:hover': {
47
- backgroundColor: string;
48
58
  color: string;
49
- '& .M4LIcon-icon': {
50
- backgroundColor: string;
51
- color: string;
52
- };
53
59
  };
54
- '&:active': {
60
+ };
61
+ '&:active': {
62
+ backgroundColor: string;
63
+ color: string;
64
+ '& .M4LIcon-icon': {
55
65
  backgroundColor: string;
56
66
  color: string;
57
- '& .M4LIcon-icon': {
58
- backgroundColor: string;
59
- color: string;
60
- };
61
67
  };
62
- '&.Mui-focusVisible': {
68
+ };
69
+ '&.Mui-focusVisible': {
70
+ backgroundColor: string;
71
+ color: string;
72
+ '& .M4LIcon-icon': {
63
73
  backgroundColor: string;
64
74
  color: string;
65
- '& .M4LIcon-icon': {
66
- backgroundColor: string;
67
- color: string;
68
- };
69
- '&::before': {
70
- content: string;
71
- };
75
+ };
76
+ '&::before': {
77
+ content: string;
72
78
  };
73
79
  };
74
80
  };
@@ -94,30 +100,28 @@ export declare const M4LButton: (theme: Theme) => {
94
100
  };
95
101
  };
96
102
  '&.M4LButton-variantContained': {
97
- '& .MuiButtonBase-root': {
103
+ backgroundColor: string;
104
+ color: string | undefined;
105
+ boxShadow: string;
106
+ position: string;
107
+ '& .M4LIcon-icon': {
108
+ backgroundColor: string | undefined;
109
+ };
110
+ '&:hover': {
98
111
  backgroundColor: string;
99
112
  color: string | undefined;
100
- boxShadow: string;
101
- position: string;
102
113
  '& .M4LIcon-icon': {
103
114
  backgroundColor: string | undefined;
104
115
  };
105
- '&:hover': {
106
- backgroundColor: string;
107
- color: string | undefined;
108
- '& .M4LIcon-icon': {
109
- backgroundColor: string | undefined;
110
- };
116
+ };
117
+ '&.Mui-focusVisible': {
118
+ backgroundColor: string;
119
+ color: string | undefined;
120
+ '& .M4LIcon-icon': {
121
+ backgroundColor: string | undefined;
111
122
  };
112
- '&.Mui-focusVisible': {
113
- backgroundColor: string;
114
- color: string | undefined;
115
- '& .M4LIcon-icon': {
116
- backgroundColor: string | undefined;
117
- };
118
- '&::before': {
119
- content: string;
120
- };
123
+ '&::before': {
124
+ content: string;
121
125
  };
122
126
  };
123
127
  };
@@ -190,30 +194,25 @@ export declare const M4LButton: (theme: Theme) => {
190
194
  };
191
195
  };
192
196
  };
193
- "& .M4LButton-colorWarning": {
194
- backgroundColor: import("../..").StateDefault;
195
- color: string | undefined;
196
- boxShadow: string;
197
- };
198
- "& .M4LButton-colorError": {
199
- backgroundColor: import("../..").StateDefault;
200
- color: string | undefined;
201
- boxShadow: string;
202
- };
203
- "& .M4LButton-colorSuccess": {
204
- backgroundColor: import("../..").StateDefault;
205
- color: string | undefined;
206
- boxShadow: string;
207
- };
208
- '&.M4LButton-colorError .MuiButtonBase-root': {
197
+ '&.M4LButton-colorError': {
209
198
  backgroundColor: string;
199
+ '&:hover': {
200
+ backgroundColor: string;
201
+ };
210
202
  };
211
- "&.M4LButton-colorWarning .MuiButtonBase-root": {
203
+ '&.M4LButton-colorWarning': {
212
204
  backgroundColor: string;
205
+ '&:hover': {
206
+ backgroundColor: string;
207
+ };
213
208
  };
214
- "&.M4LButton-colorSuccess .MuiButtonBase-root": {
209
+ '&.M4LButton-colorSuccess': {
215
210
  backgroundColor: string;
211
+ '&:hover': {
212
+ backgroundColor: string;
213
+ };
216
214
  };
215
+ transition: string;
217
216
  width: string;
218
217
  display: string;
219
218
  justifyContent: string;
package/theme/overrides/M4LExtendedComponents/M4LCheckBox.d.ts CHANGED
@@ -9,45 +9,46 @@ export declare const M4LCheckBox: (theme: Theme) => {
9
9
  '& .MuiTypography-root': {
10
10
  color: string;
11
11
  };
12
- '.M4LCheckBox-small .MuiButtonBase-root': {
12
+ '& .M4LCheckBox-small .MuiButtonBase-root': {
13
13
  width: string;
14
14
  height: string;
15
15
  };
16
- '.MuiCheckbox-root .MuiSvgIcon-fontSizeSmall': {
16
+ '& .MuiCheckbox-root .MuiSvgIcon-fontSizeSmall': {
17
17
  width: string;
18
18
  height: string;
19
19
  };
20
- '.M4LCheckBox-medium .MuiButtonBase-root': {
20
+ '& .M4LCheckBox-medium .MuiButtonBase-root': {
21
21
  width: string;
22
22
  height: string;
23
23
  };
24
- '.MuiCheckbox-root .MuiSvgIcon-fontSizeMedium': {
24
+ '& .MuiCheckbox-root .MuiSvgIcon-fontSizeMedium': {
25
25
  width: string;
26
26
  height: string;
27
27
  };
28
- '.MuiButtonBase-root': {
28
+ '& .MuiButtonBase-root': {
29
29
  borderRadius: string;
30
30
  };
31
- '.MuiButtonBase-root:hover': {
31
+ '& .MuiButtonBase-root:hover': {
32
32
  backgroundColor: string;
33
+ borderRadius: string;
33
34
  };
34
- '.Mui-focusVisible': {
35
+ '& .Mui-focusVisible': {
35
36
  border: string;
36
37
  borderColor: string;
37
38
  };
38
- '.MuiButtonBase-root:hover .MuiSvgIcon-root': {
39
+ '& .MuiButtonBase-root:hover .MuiSvgIcon-root': {
39
40
  fill: string;
40
41
  };
41
- '.M4LCheckBox-checkTypography .MuiTypography-root': {
42
+ '& .M4LCheckBox-checkTypography .MuiTypography-root': {
42
43
  [x: string]: any;
43
44
  };
44
- '.M4LCheckBox-stateDisabled .MuiSvgIcon-root': {
45
+ '& .M4LCheckBox-stateDisabled .MuiSvgIcon-root': {
45
46
  fill: string;
46
47
  };
47
- '.M4LCheckBox-stateDisabled .MuiTypography-root': {
48
+ '& .M4LCheckBox-stateDisabled .MuiTypography-root': {
48
49
  color: string;
49
50
  };
50
- '.MuiButtonBase-root .Mui-focusVisible:focus-visible': {
51
+ '& .MuiButtonBase-root .Mui-focusVisible:focus-visible': {
51
52
  outline: string;
52
53
  };
53
54
  };
package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts CHANGED
@@ -13,7 +13,6 @@ export declare const M4LDataGrid: (theme: Theme) => {
13
13
  flexDirection: string;
14
14
  gap: string;
15
15
  height: string;
16
- borderTop: string;
17
16
  width: string;
18
17
  '& .M4LDataGrid-actions': {
19
18
  [x: string]: any;
@@ -45,7 +44,7 @@ export declare const M4LDataGrid: (theme: Theme) => {
45
44
  alignItems: string;
46
45
  '& .M4LDataGrid-rowsCountLabel': {
47
46
  color: string;
48
- heigth: string;
47
+ height: string;
49
48
  };
50
49
  '& .M4LDataGrid-rowsCountValue': {
51
50
  paddingTop: string;
@@ -68,6 +67,7 @@ export declare const M4LDataGrid: (theme: Theme) => {
68
67
  position?: undefined;
69
68
  height?: undefined;
70
69
  overflow?: undefined;
70
+ borderRadius?: undefined;
71
71
  '& .rdg '?: undefined;
72
72
  '& [role="columnheader"]'?: undefined;
73
73
  '& .rdg-row'?: undefined;
@@ -89,11 +89,10 @@ export declare const M4LDataGrid: (theme: Theme) => {
89
89
  position: string;
90
90
  height: string;
91
91
  overflow: string;
92
+ borderRadius: string;
92
93
  '& .rdg ': {
93
94
  border: string;
94
95
  background: string;
95
- borderTop: string;
96
- borderColor: string;
97
96
  gridColumnGap: string;
98
97
  gridRowGap: string;
99
98
  userSelect: string;
@@ -112,7 +111,10 @@ export declare const M4LDataGrid: (theme: Theme) => {
112
111
  '--rdg-checkbox-focus-color': string;
113
112
  '--rdg-border-color': string;
114
113
  '&:last-child .rdg-cell': {
114
+ borderTop: string;
115
115
  borderBottom: string;
116
+ borderLeft: string;
117
+ borderRight: string;
116
118
  borderColor: string;
117
119
  test: string;
118
120
  };
@@ -201,6 +203,7 @@ export declare const M4LDataGrid: (theme: Theme) => {
201
203
  };
202
204
  '& .rdg-header-row': {
203
205
  backgroundColor: string;
206
+ borderColor: string;
204
207
  };
205
208
  '& .rdg-header-row .rdg-cell': {
206
209
  fontFamily: Record<string, any>;
@@ -258,6 +261,8 @@ export declare const M4LDataGrid: (theme: Theme) => {
258
261
  left: string;
259
262
  right: string;
260
263
  overflow: string;
264
+ padding: string;
265
+ borderRadius: string;
261
266
  border: string;
262
267
  boxshadow: string;
263
268
  background: string;
@@ -265,11 +270,10 @@ export declare const M4LDataGrid: (theme: Theme) => {
265
270
  position: string;
266
271
  height: string;
267
272
  overflow: string;
273
+ borderRadius: string;
268
274
  '& .rdg ': {
269
275
  border: string;
270
276
  background: string;
271
- borderTop: string;
272
- borderColor: string;
273
277
  gridColumnGap: string;
274
278
  gridRowGap: string;
275
279
  userSelect: string;
@@ -288,7 +292,10 @@ export declare const M4LDataGrid: (theme: Theme) => {
288
292
  '--rdg-checkbox-focus-color': string;
289
293
  '--rdg-border-color': string;
290
294
  '&:last-child .rdg-cell': {
295
+ borderTop: string;
291
296
  borderBottom: string;
297
+ borderLeft: string;
298
+ borderRight: string;
292
299
  borderColor: string;
293
300
  test: string;
294
301
  };
@@ -377,6 +384,7 @@ export declare const M4LDataGrid: (theme: Theme) => {
377
384
  };
378
385
  '& .rdg-header-row': {
379
386
  backgroundColor: string;
387
+ borderColor: string;
380
388
  };
381
389
  '& .rdg-header-row .rdg-cell': {
382
390
  fontFamily: Record<string, any>;