@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
@@ -0,0 +1,10 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const M4LBadge: (_theme: Theme) => {
3
+ M4LBadge: {
4
+ styleOverrides: {
5
+ '& .M4LBadge-root': {
6
+ test: string;
7
+ };
8
+ };
9
+ };
10
+ };
@@ -3,9 +3,6 @@ export declare const M4LButton: (theme: Theme) => {
3
3
  M4LButton: {
4
4
  styleOverrides: {
5
5
  '&.M4LButton-root': {
6
- width: string;
7
- display: string;
8
- justifyContent: string;
9
6
  '& .M4LButton-skeleton ': {
10
7
  height: string;
11
8
  borderRadius: string;
@@ -77,18 +74,20 @@ export declare const M4LButton: (theme: Theme) => {
77
74
  };
78
75
  };
79
76
  '&.M4LButton-sizeSmall': {
80
- height: string;
81
77
  '& .MuiButtonBase-root': {
82
78
  padding: string;
79
+ height: string;
80
+ minHeight: string;
83
81
  };
84
82
  '&.M4LButton-skeleton': {
85
83
  height: string;
86
84
  };
87
85
  };
88
86
  '&.M4LButton-sizeMedium': {
89
- height: string;
90
87
  '& .MuiButtonBase-root': {
91
88
  padding: string;
89
+ height: string;
90
+ minHeight: string;
92
91
  };
93
92
  '&.M4LButton-skeleton': {
94
93
  height: string;
@@ -97,11 +96,11 @@ export declare const M4LButton: (theme: Theme) => {
97
96
  '&.M4LButton-variantContained': {
98
97
  '& .MuiButtonBase-root': {
99
98
  backgroundColor: string;
100
- color: string;
101
- boxShadow: string;
99
+ color: string | undefined;
100
+ boxShadow: string | undefined;
102
101
  position: string;
103
102
  '& .M4LIcon-icon': {
104
- backgroundColor: string;
103
+ backgroundColor: string | undefined;
105
104
  };
106
105
  '&:hover': {
107
106
  backgroundColor: string;
@@ -110,13 +109,6 @@ export declare const M4LButton: (theme: Theme) => {
110
109
  backgroundColor: string | undefined;
111
110
  };
112
111
  };
113
- '&:active': {
114
- backgroundColor: string;
115
- color: string | undefined;
116
- '& .M4LIcon-icon': {
117
- backgroundColor: string | undefined;
118
- };
119
- };
120
112
  '&.Mui-focusVisible': {
121
113
  backgroundColor: string;
122
114
  color: string | undefined;
@@ -198,6 +190,9 @@ export declare const M4LButton: (theme: Theme) => {
198
190
  };
199
191
  };
200
192
  };
193
+ width: string;
194
+ display: string;
195
+ justifyContent: string;
201
196
  };
202
197
  };
203
198
  };
@@ -3,7 +3,11 @@ export declare const M4LCommonActions: (_theme: Theme) => {
3
3
  M4LCommonActions: {
4
4
  styleOverrides: {
5
5
  '&.M4LCommonActions-root': {
6
- test: string;
6
+ padding: string;
7
+ display: string;
8
+ gap: string;
9
+ justifyContent: string;
10
+ width: string;
7
11
  };
8
12
  };
9
13
  };
@@ -9,7 +9,6 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
9
9
  padding: string;
10
10
  border: string;
11
11
  borderColor: string;
12
- overflow: string;
13
12
  '& .M4LDynamicFilter-containerFistRow': {
14
13
  height: string;
15
14
  width: string;
@@ -44,12 +43,14 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
44
43
  padding: string;
45
44
  width: string;
46
45
  height: string;
47
- BorderRadius: string;
46
+ borderRadius: string;
48
47
  border: string;
48
+ borderColor: string;
49
49
  background: string;
50
50
  };
51
51
  '& input:focus-visible': {
52
52
  border: string;
53
+ borderColor: string;
53
54
  background: string;
54
55
  BorderRadius: string;
55
56
  outline: string;
@@ -85,16 +86,12 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
85
86
  styleOverrides: {
86
87
  '&.M4LDynamicFilter-popoverMenuFields': {
87
88
  '& .M4LDynamicFilter-popoverMenuFieldsPaper': {
88
- padding: string;
89
- gap: string;
90
89
  '& .M4LDynamicFilter-classespopoverLabelMemuItem': {
91
90
  color: string;
92
- borderRadius: string;
93
91
  };
94
92
  '& .M4LDynamicFilter-popoverMenuFieldsItem:hover': {
95
93
  color: string;
96
94
  background: string;
97
- borderRadius: string;
98
95
  };
99
96
  };
100
97
  };
@@ -103,14 +100,17 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
103
100
  M4LDynamicFilterPopoverFilter: {
104
101
  styleOverrides: {
105
102
  '&.M4LDynamicFilter-popoverFilter': {
103
+ width: string;
106
104
  '& .M4LDynamicFilter-popoverFilterPaper': {
107
105
  padding: string;
106
+ width: string;
108
107
  "& .M4LPopover-arrowStyle": {
109
108
  background: string;
110
109
  };
111
- '& .m4l_FormProvider': {
110
+ '& .M4LRHFormProvider-root': {
112
111
  gap: string;
113
- minWidth: string;
112
+ widht: string;
113
+ minWidht: string;
114
114
  '& .M4LDynamicFilter-popoverFilterHeader': {
115
115
  background: string;
116
116
  display: string;
@@ -131,12 +131,11 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
131
131
  gap: string;
132
132
  };
133
133
  };
134
- '& .M4LCommonActions-root': {
134
+ '& .M4LCommonActions-wrapperActions': {
135
135
  display: string;
136
136
  flexDirection: string;
137
137
  gap: string;
138
138
  padding: string;
139
- margin: string;
140
139
  '.M4LButton-root': {
141
140
  width: string;
142
141
  };
@@ -18,14 +18,15 @@ export declare const M4LMasterDetailLayout: (theme: Theme) => {
18
18
  borderRadius: string;
19
19
  overFlow: string;
20
20
  };
21
- "& .layout-pane": {
22
- boxShadow: string;
23
- border: string;
24
- borderColor: string;
21
+ "& .M4LSplitLayout-secondPart": {
22
+ background: string;
25
23
  borderRadius: string;
24
+ padding: string;
26
25
  };
27
- "#splitMaster": {
28
- border: string;
26
+ "& .layout-pane-primary": {
27
+ background: string;
28
+ borderRadius: string;
29
+ padding: string;
29
30
  };
30
31
  };
31
32
  };