@m4l/styles 0.0.14 → 0.0.16

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 (30) hide show
  1. package/config.5405b46b.js +16 -0
  2. package/index.js +39 -3741
  3. package/package.json +1 -1
  4. package/theme/defaultThemeOptions.364b28b6.js +30 -0
  5. package/theme/index.cd1bedc8.js +7 -0
  6. package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts +17 -0
  7. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +188 -0
  8. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +319 -2
  9. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +131 -25
  10. package/theme/overrides/M4LExtendedComponents/M4LAvatar.d.ts +15 -0
  11. package/theme/overrides/M4LExtendedComponents/M4LCommonActions.d.ts +10 -0
  12. package/theme/overrides/M4LExtendedComponents/{DynamicFilter.d.ts → M4LDynamicFilter.d.ts} +51 -38
  13. package/theme/overrides/M4LExtendedComponents/M4LIconButton.d.ts +12 -0
  14. package/theme/overrides/M4LExtendedComponents/M4LMasterDetailLayout.d.ts +33 -0
  15. package/theme/overrides/M4LExtendedComponents/M4LModuleLayout.d.ts +22 -0
  16. package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts +1 -18
  17. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +274 -4
  18. package/theme/overrides/M4LExtendedComponents/M4LSplitLayout.d.ts +87 -0
  19. package/theme/overrides/M4LExtendedComponents/index.9d7c79cc.js +1969 -0
  20. package/theme/overrides/M4LRHFComponents/M4LRHFDateTime.d.ts +130 -0
  21. package/theme/overrides/M4LRHFComponents/index.b7f8e30c.js +480 -0
  22. package/theme/overrides/MUIComponents/index.56660771.js +1354 -0
  23. package/theme/overrides/index.ff2a1a5a.js +78 -0
  24. package/theme/palette.4b477f9b.js +354 -0
  25. package/theme/shadows.b2f38616.js +69 -0
  26. package/theme/typography.1db0276b.js +124 -0
  27. package/utils/getColorPresets.f3113d85.js +70 -0
  28. package/utils/getColorState.456150fd.js +136 -0
  29. package/utils/getFontValue.88831637.js +37 -0
  30. package/utils/useResponsive.2c45e8e0.js +16 -0
package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts CHANGED
@@ -5,45 +5,151 @@ export declare const M4LAreasViewer: (theme: Theme) => {
5
5
  '&.M4LAreasViewer-root': {
6
6
  test: string;
7
7
  background: string;
8
- "& .M4LAreasViewer-windowRoot": {
9
- background: string;
10
- border: string;
11
- boxShadow: string;
12
- borderRadius: string;
13
- "& .M4LAreasViewer-windowHeader": {
8
+ '& .M4LAreasViewer-areaGridLayout': {
9
+ "& .M4LAreasViewer-windowRoot": {
14
10
  background: string;
15
- padding: string;
16
- height: string;
17
- borderRadius: string;
11
+ border: string;
18
12
  boxShadow: string;
19
- borderTop: string;
13
+ borderRadius: string;
14
+ display: string;
15
+ '& .react-resizable-handle': {
16
+ backgroundColor: string;
17
+ };
18
+ "& .M4LAreasViewer-windowRootContainer": {
19
+ display: string;
20
+ flexDirection: string;
21
+ width: string;
22
+ height: string;
23
+ };
24
+ "& .M4LAreasViewer-windowHeader": {
25
+ background: string;
26
+ padding: string;
27
+ height: string;
28
+ borderRadius: string;
29
+ border: string;
30
+ boxShadow: string;
31
+ borderTop: string;
32
+ borderColor: string;
33
+ "& .M4LTypography-root .MuiTypography-root": {
34
+ color: string;
35
+ };
36
+ };
37
+ "& .M4LAreasViewer-windowContent": {
38
+ margin: string;
39
+ background: string;
40
+ borderRadius: string;
41
+ display: string;
42
+ flexDirection: string;
43
+ alignItems: string;
44
+ justifyContent: string;
45
+ };
46
+ "&.M4LAreasViewer-selectedWindow": {
47
+ border: string;
48
+ borderColor: string;
49
+ boxShadow: string | undefined;
50
+ "& .M4LAreasViewer-windowHeader": {
51
+ background: string;
52
+ "& .M4LTypography-root .MuiTypography-root": {
53
+ [x: string]: any;
54
+ };
55
+ };
56
+ };
57
+ };
58
+ };
59
+ '& .M4LAreasViewer-panelWindowsRoot': {
60
+ '& .M4LAreasViewer-panelWindowsButtonContainer': {
61
+ border: string;
20
62
  borderColor: string;
21
- "& .M4LTypography-root .MuiTypography-root": {
22
- color: string;
63
+ '&.M4LAreasViewer-selected': {
64
+ borderColor: string;
23
65
  };
24
66
  };
25
- "& .M4LAreasViewer-windowContent": {
26
- margin: string;
67
+ };
68
+ "& .M4LAreasViewer-windowPopupRoot": {
69
+ boxShadow: string;
70
+ "& .M4LAreasViewer-windowRoot": {
71
+ padding: string;
27
72
  background: string;
28
73
  borderRadius: string;
74
+ border: string;
75
+ borderColor: string;
76
+ backdropFilter: string;
77
+ '& > .react-resizable-handle': {
78
+ backgroundColor: string;
79
+ };
80
+ "& .M4LAreasViewer-windowRootContainer": {
81
+ background: string;
82
+ borderRadius: string;
83
+ "& .M4LAreasViewer-windowHeader": {
84
+ height: string;
85
+ minHeight: string;
86
+ padding: string;
87
+ boxShadow: string;
88
+ "& .M4LTypography-root .MuiTypography-root": {
89
+ color: string;
90
+ };
91
+ };
92
+ };
93
+ "&.M4LAreasViewer-selectedWindow": {
94
+ border: string;
95
+ borderColor: string;
96
+ background: string;
97
+ boxShadow: string;
98
+ padding: string;
99
+ "& .M4LAreasViewer-windowHeader": {
100
+ background: string;
101
+ padding: string;
102
+ height: string;
103
+ borderRadius: string;
104
+ boxShadow: string;
105
+ borderTop: string;
106
+ borderColor: string;
107
+ "& .M4LTypography-root .MuiTypography-root": {
108
+ color: string;
109
+ };
110
+ };
111
+ };
29
112
  };
30
113
  };
31
- "& .M4LAreasViewer-windowPopupRoot": {
114
+ "& .M4LAreasViewer-windowModalRoot": {
32
115
  background: string;
33
116
  borderRadius: string;
34
- border: string;
35
- borderColor: string;
36
- backdropFilter: string;
117
+ boxShadow: string;
37
118
  "& .M4LAreasViewer-windowRoot": {
38
- margin: string;
39
119
  background: string;
40
- };
41
- "& .M4LAreasViewer-windowHeader": {
42
- height: string;
120
+ margin: string;
43
121
  padding: string;
44
- boxShadow: string;
45
- "& .M4LTypography-root .MuiTypography-root": {
46
- color: string;
122
+ borderRadius: string;
123
+ border: string;
124
+ '& .react-resizable-handle': {
125
+ backgroundColor: string;
126
+ };
127
+ '& .M4LAreasViewer-windowRootContainer': {
128
+ display: string;
129
+ flexDirection: string;
130
+ height: string;
131
+ "& .M4LAreasViewer-windowHeader": {
132
+ height: string;
133
+ minHeight: string;
134
+ padding: string;
135
+ boxShadow: string;
136
+ background: string;
137
+ borderColor: string;
138
+ "& .M4LTypography-root .MuiTypography-root": {
139
+ color: string;
140
+ };
141
+ };
142
+ "& .M4LAreasViewer-windowContent": {
143
+ margin: string;
144
+ background: string;
145
+ borderRadius: string;
146
+ display: string;
147
+ flexDirection: string;
148
+ alignItems: string;
149
+ justifyContent: string;
150
+ flexGrow: string;
151
+ height: string;
152
+ };
47
153
  };
48
154
  };
49
155
  };
package/theme/overrides/M4LExtendedComponents/M4LAvatar.d.ts ADDED
@@ -0,0 +1,15 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const M4LAvatar: (_theme: Theme) => {
3
+ M4LAvatar: {
4
+ styleOverrides: {
5
+ '&.M4LAvatar-root': {
6
+ '& .MuiAvatar-root': {
7
+ width: string;
8
+ height: string;
9
+ borderRadius: string;
10
+ };
11
+ test: string;
12
+ };
13
+ };
14
+ };
15
+ };
package/theme/overrides/M4LExtendedComponents/M4LCommonActions.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const M4LCommonActions: (_theme: Theme) => {
3
+ M4LCommonActions: {
4
+ styleOverrides: {
5
+ '&.M4LCommonActions-root': {
6
+ test: string;
7
+ };
8
+ };
9
+ };
10
+ };
package/theme/overrides/M4LExtendedComponents/{DynamicFilter.d.ts → M4LDynamicFilter.d.ts} RENAMED
@@ -2,13 +2,12 @@ import { Theme } from '@mui/material/styles';
2
2
  export declare const M4LDynamicFilter: (theme: Theme) => {
3
3
  M4LDynamicFilter: {
4
4
  styleOverrides: {
5
- "&.M4LDynamicFilter-root": {
5
+ '&.M4LDynamicFilter-root': {
6
6
  borderRadius: string;
7
7
  background: string;
8
8
  boxShadow: string;
9
9
  padding: string;
10
10
  border: string;
11
- borderTop: string;
12
11
  borderColor: string;
13
12
  overflow: string;
14
13
  '& .M4LDynamicFilter-containerFistRow': {
@@ -23,14 +22,14 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
23
22
  '&.M4LDynamicFilter-isInvalid': {
24
23
  borderColor: string;
25
24
  };
26
- "& .M4LDynamicFilter-containerClearFilter": {
25
+ '& .M4LDynamicFilter-containerClearFilter': {
27
26
  display: string;
28
27
  flexDirection: string;
29
28
  gap: string;
30
29
  backgroundColor: string;
31
30
  padding: string;
32
31
  };
33
- "& .M4LDynamicFilter-containerInputFilter": {
32
+ '& .M4LDynamicFilter-containerInputFilter': {
34
33
  display: string;
35
34
  flexDirection: string;
36
35
  gap: string;
@@ -40,15 +39,16 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
40
39
  maxWidth: string;
41
40
  width: string;
42
41
  alignItems: string;
43
- "& > input": {
42
+ '& > input': {
44
43
  color: string;
45
44
  padding: string;
46
45
  width: string;
46
+ height: string;
47
47
  BorderRadius: string;
48
48
  border: string;
49
49
  background: string;
50
50
  };
51
- "& input:focus-visible": {
51
+ '& input:focus-visible': {
52
52
  border: string;
53
53
  background: string;
54
54
  BorderRadius: string;
@@ -56,21 +56,21 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
56
56
  padding: string;
57
57
  };
58
58
  };
59
- "& .M4LDynamicFilter-wrapperApplyedFilters": {
59
+ '& .M4LDynamicFilter-wrapperApplyedFilters': {
60
60
  borderLeft: string;
61
61
  height: string;
62
62
  };
63
- "& .M4LDynamicFilter-containerApplyedFilters": {
63
+ '& .M4LDynamicFilter-containerApplyedFilters': {
64
64
  padding: string;
65
65
  };
66
- "& .M4LDynamicFilter-applyedFilter": {
66
+ '& .M4LDynamicFilter-applyedFilter': {
67
67
  border: string;
68
68
  borderTop: string;
69
69
  borderColor: string;
70
- "& .css-5ca9fi": {
70
+ '& .css-5ca9fi': {
71
71
  [x: string]: any;
72
72
  };
73
- "& .css-1wytxsy": {
73
+ '& .css-1wytxsy': {
74
74
  [x: string]: any;
75
75
  };
76
76
  borderRadius: string;
@@ -78,20 +78,40 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
78
78
  boxShadow: string;
79
79
  color: string;
80
80
  };
81
- "& .M4LDynamicFilter-popoverFilterPaper": {
82
- background: string;
83
- borderRadius: string;
84
- minWidth: string;
85
- boxShadow: string;
86
- borderTop: string;
87
- borderColor: string;
81
+ };
82
+ };
83
+ };
84
+ M4LDynamicFilterPopoverMenuFields: {
85
+ styleOverrides: {
86
+ '&.M4LDynamicFilter-popoverMenuFields': {
87
+ '& .M4LDynamicFilter-popoverMenuFieldsPaper': {
88
+ padding: string;
89
+ gap: string;
90
+ '& .M4LDynamicFilter-classespopoverLabelMemuItem': {
91
+ color: string;
92
+ borderRadius: string;
93
+ };
94
+ '& .M4LDynamicFilter-popoverMenuFieldsItem:hover': {
95
+ color: string;
96
+ background: string;
97
+ borderRadius: string;
98
+ };
99
+ };
100
+ };
101
+ };
102
+ };
103
+ M4LDynamicFilterPopoverFilter: {
104
+ styleOverrides: {
105
+ '&.M4LDynamicFilter-popoverFilter': {
106
+ '& .M4LDynamicFilter-popoverFilterPaper': {
88
107
  padding: string;
89
108
  "& .M4LPopover-arrowStyle": {
90
109
  background: string;
91
110
  };
92
- "& .m4l_FormProvider": {
111
+ '& .m4l_FormProvider': {
93
112
  gap: string;
94
- "& .M4LDynamicFilter-popoverFilterHeader": {
113
+ minWidth: string;
114
+ '& .M4LDynamicFilter-popoverFilterHeader': {
95
115
  background: string;
96
116
  display: string;
97
117
  gap: string;
@@ -99,37 +119,30 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
99
119
  borderRadius: string;
100
120
  boxShadow: string;
101
121
  borderBottom: string;
102
- borderTop: string;
103
- borderColor: string;
104
- "& .MuiTypography-root": {
122
+ '& .MuiTypography-root': {
105
123
  color: string;
106
124
  };
107
125
  };
108
- "& .M4LDynamicFilter-popoverContainerFields": {
109
- padding: string;
126
+ '& .M4LDynamicFilter-popoverContainerFields': {
127
+ "& .M4LDynamicFilter-containerStringFilter,\n & .M4LDynamicFilter-containerBooleanFilter,\n & .M4LDynamicFilter-containerNumberFilter,\n & .M4LDynamicFilter-containerDateTimeFilter\n ": {
128
+ display: string;
129
+ flexDirection: string;
130
+ padding: string;
131
+ gap: string;
132
+ };
110
133
  };
111
- "& #WrapperStandarActions": {
134
+ '& .M4LCommonActions-root': {
112
135
  display: string;
113
136
  flexDirection: string;
114
137
  gap: string;
115
138
  padding: string;
116
- ".M4LButton-root": {
139
+ margin: string;
140
+ '.M4LButton-root': {
117
141
  width: string;
118
142
  };
119
143
  };
120
144
  };
121
145
  };
122
- "& .M4LDynamicFilter-popoverMenuFields": {
123
- borderTop: string;
124
- borderColor: string;
125
- "& .M4LDynamicFilter-classespopoverLabelMemuItem": {
126
- color: string;
127
- };
128
- "& .M4LDynamicFilter-popoverMenuFieldsItem:hover": {
129
- color: string;
130
- background: string;
131
- };
132
- };
133
146
  };
134
147
  };
135
148
  };
package/theme/overrides/M4LExtendedComponents/M4LIconButton.d.ts CHANGED
@@ -24,26 +24,38 @@ export declare const M4LIconButton: (theme: Theme) => {
24
24
  '.M4LIconButton-sizeExtraSmall&::before': {
25
25
  width: string;
26
26
  height: string;
27
+ minWidth: string;
28
+ minHeight: string;
27
29
  };
28
30
  '.M4LIconButton-sizeSmall&::before': {
29
31
  width: string;
30
32
  height: string;
33
+ minWidth: string;
34
+ minHeight: string;
31
35
  };
32
36
  '.M4LIconButton-sizeMedium&::before': {
33
37
  width: string;
34
38
  height: string;
39
+ minWidth: string;
40
+ minHeight: string;
35
41
  };
36
42
  '&.M4LIconButton-sizeExtraSmall': {
37
43
  width: string;
38
44
  height: string;
45
+ minWidth: string;
46
+ minHeight: string;
39
47
  };
40
48
  '&.M4LIconButton-sizeSmall': {
41
49
  width: string;
42
50
  height: string;
51
+ minWidth: string;
52
+ minHeight: string;
43
53
  };
44
54
  '&.M4LIconButton-sizeMedium': {
45
55
  width: string;
46
56
  height: string;
57
+ minWidth: string;
58
+ minHeight: string;
47
59
  };
48
60
  '& .MuiIconButton-root': {
49
61
  position: string;
package/theme/overrides/M4LExtendedComponents/M4LMasterDetailLayout.d.ts ADDED
@@ -0,0 +1,33 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const M4LMasterDetailLayout: (theme: Theme) => {
3
+ M4LMasterDetailLayout: {
4
+ styleOverrides: {
5
+ '&.M4LMasterDetailLayout-root': {
6
+ display: string;
7
+ width: string;
8
+ height: string;
9
+ overFlow: string;
10
+ "& .M4LModuleLayout-root .M4LModuleLayout-moduleContent": {
11
+ display: string;
12
+ width: string;
13
+ height: string;
14
+ boxShadow: string;
15
+ background: string;
16
+ border: string;
17
+ borderColor: string;
18
+ borderRadius: string;
19
+ overFlow: string;
20
+ };
21
+ "& .layout-pane": {
22
+ boxShadow: string;
23
+ border: string;
24
+ borderColor: string;
25
+ borderRadius: string;
26
+ };
27
+ "#splitMaster": {
28
+ border: string;
29
+ };
30
+ };
31
+ };
32
+ };
33
+ };
package/theme/overrides/M4LExtendedComponents/M4LModuleLayout.d.ts ADDED
@@ -0,0 +1,22 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const M4LModuleLayout: (theme: Theme) => {
3
+ M4LModuleLayout: {
4
+ styleOverrides: {
5
+ '&.M4LModuleLayout-root': {
6
+ display: string;
7
+ width: string;
8
+ height: string;
9
+ '& .M4LModuleLayout-moduleContent': {
10
+ display: string;
11
+ width: string;
12
+ height: string;
13
+ boxShadow: string;
14
+ background: string;
15
+ border: string;
16
+ borderColor: string;
17
+ borderRadius: string;
18
+ };
19
+ };
20
+ };
21
+ };
22
+ };
package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts CHANGED
@@ -2,30 +2,13 @@ import { Theme } from '@mui/material/styles';
2
2
  export declare const M4LPopover: (theme: Theme) => {
3
3
  M4LPopover: {
4
4
  styleOverrides: {
5
- "&.M4LDynamicFilter-popoverMenuFields": {
6
- "& .M4LDynamicFilter-popoverMenuFieldsPaper": {
7
- borderRadius: string;
8
- background: string;
9
- padding: string;
10
- boxShadow: string;
11
- display: string;
12
- flexDirection: string;
13
- gap: string;
14
- };
15
- "& .M4LDynamicFilter-popoverMenuFieldsItem": {
16
- borderRadius: string;
17
- padding: string;
18
- display: string;
19
- flexDirection: string;
20
- gap: string;
21
- };
22
- };
23
5
  "&.M4LPopover-root": {
24
6
  '.MuiPaper-root': {
25
7
  background: string;
26
8
  borderRadius: string;
27
9
  padding: string;
28
10
  boxShadow: string;
11
+ width: string;
29
12
  };
30
13
  '& .M4LanguagePopover-containerItems': {
31
14
  '& .M4LanguagePopover-labelItem': {