@m4l/styles 0.0.30 → 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 (69) 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/index.d.ts +1 -0
  6. package/theme/overrides/M4LExtendedComponents/M4LAccordion.d.ts +22 -15
  7. package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts +106 -76
  8. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +58 -3
  9. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +6834 -13145
  10. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +171 -977
  11. package/theme/overrides/M4LExtendedComponents/M4LAvatar.d.ts +0 -2
  12. package/theme/overrides/M4LExtendedComponents/M4LBadge.d.ts +5 -0
  13. package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts +56 -57
  14. package/theme/overrides/M4LExtendedComponents/M4LCheckBox.d.ts +13 -12
  15. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +41 -30
  16. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +78 -85
  17. package/theme/overrides/M4LExtendedComponents/M4LFormatter.d.ts +19 -0
  18. package/theme/overrides/M4LExtendedComponents/M4LIconButton.d.ts +2 -2
  19. package/theme/overrides/M4LExtendedComponents/{M4LToolkitPage.d.ts → M4LMFLoader.d.ts} +6 -7
  20. package/theme/overrides/M4LExtendedComponents/M4LMasterDetailLayout.d.ts +13 -2
  21. package/theme/overrides/M4LExtendedComponents/M4LMenuActions.d.ts +17 -0
  22. package/theme/overrides/M4LExtendedComponents/M4LModalDialog.d.ts +4 -48
  23. package/theme/overrides/M4LExtendedComponents/M4LModuleLayout.d.ts +1 -0
  24. package/theme/overrides/M4LExtendedComponents/M4LPager.d.ts +0 -2
  25. package/theme/overrides/M4LExtendedComponents/M4LPaperForm.d.ts +1 -2
  26. package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts +43 -33
  27. package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts +12 -0
  28. package/theme/overrides/M4LExtendedComponents/M4LPrintingSystem.d.ts +1000 -0
  29. package/theme/overrides/M4LExtendedComponents/M4LPropertyValue.d.ts +140 -2
  30. package/theme/overrides/M4LExtendedComponents/M4LRHFormProvider.d.ts +1 -0
  31. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +91 -48
  32. package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts +3 -0
  33. package/theme/overrides/M4LExtendedComponents/M4LTabContent.d.ts +1 -0
  34. package/theme/overrides/M4LExtendedComponents/M4LTabs.d.ts +16 -0
  35. package/theme/overrides/M4LExtendedComponents/M4LToastContainer.d.ts +29 -0
  36. package/theme/overrides/M4LExtendedComponents/M4LTooltip.d.ts +0 -4
  37. package/theme/overrides/M4LExtendedComponents/M4LoadingButton.d.ts +24 -20
  38. package/theme/overrides/M4LExtendedComponents/M4LoadingError.d.ts +881 -0
  39. package/theme/overrides/M4LExtendedComponents/{index.e875a5e1.js → index.15f2650a.js} +1539 -1080
  40. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +102 -4
  41. package/theme/overrides/M4LRHFComponents/M4LRHFColorPicker.d.ts +107 -0
  42. package/theme/overrides/M4LRHFComponents/M4LRHFDateTime.d.ts +20 -1
  43. package/theme/overrides/M4LRHFComponents/M4LRHFTextField.d.ts +5 -0
  44. package/theme/overrides/M4LRHFComponents/M4LRHFUploadImage.d.ts +2 -1
  45. package/theme/overrides/M4LRHFComponents/{index.d3125fd8.js → index.e6262889.js} +270 -38
  46. package/theme/overrides/MUIComponents/Accordion.d.ts +34 -17
  47. package/theme/overrides/MUIComponents/ControlLabel.d.ts +34 -17
  48. package/theme/overrides/MUIComponents/Input.d.ts +68 -34
  49. package/theme/overrides/MUIComponents/LoadingButton.d.ts +34 -17
  50. package/theme/overrides/MUIComponents/Table.d.ts +136 -68
  51. package/theme/overrides/MUIComponents/{index.f50cd1c7.js → index.1b2b2be2.js} +59 -138
  52. package/theme/overrides/index.158187f3.js +105 -0
  53. package/theme/{palette.104051a7.js → palette.31d770bc.js} +90 -47
  54. package/theme/palette.d.ts +18 -8
  55. package/theme/{shadows.b036a684.js → shadows.9800d84c.js} +24 -24
  56. package/theme/typography.b14a8e35.js +122 -0
  57. package/theme/typography.d.ts +20 -13
  58. package/types/augmentations.d.ts +1 -1
  59. package/utils/{getColorPresets.2693301f.js → getColorPresets.9fec9cc2.js} +1 -1
  60. package/utils/getColorState.4350ccb4.js +239 -0
  61. package/utils/getColorState.d.ts +5 -0
  62. package/theme/defaultThemeOptions.a8de2e18.js +0 -30
  63. package/theme/index.b0919dac.js +0 -7
  64. package/theme/overrides/M4LExtendedComponents/M4LToolkitDivider.d.ts +0 -18
  65. package/theme/overrides/M4LExtendedComponents/M4LToolkitSection.d.ts +0 -24
  66. package/theme/overrides/MUIComponents/Tabs.d.ts +0 -886
  67. package/theme/overrides/index.cbe0dea7.js +0 -103
  68. package/theme/typography.7591a12b.js +0 -124
  69. package/utils/getColorState.32c050bf.js +0 -208
package/theme/overrides/M4LExtendedComponents/M4LModalDialog.d.ts CHANGED
@@ -22,7 +22,6 @@ export declare const M4LModalDialog: (theme: Theme) => {
22
22
  '& .M4LModal-containerMassageIlustration'?: undefined;
23
23
  '& .M4LModal-headerContainer'?: undefined;
24
24
  '& .M4LModal-windowContent'?: undefined;
25
- '& .M4LIcon-root'?: undefined;
26
25
  } | {
27
26
  display: string;
28
27
  flexDirection: string;
@@ -40,7 +39,6 @@ export declare const M4LModalDialog: (theme: Theme) => {
40
39
  '& .M4LModal-containerMassageIlustration'?: undefined;
41
40
  '& .M4LModal-headerContainer'?: undefined;
42
41
  '& .M4LModal-windowContent'?: undefined;
43
- '& .M4LIcon-root'?: undefined;
44
42
  } | {
45
43
  display: string;
46
44
  flexDirection: string;
@@ -69,8 +67,8 @@ export declare const M4LModalDialog: (theme: Theme) => {
69
67
  alignItems: string;
70
68
  height: string;
71
69
  width: string;
72
- padding: string;
73
- background: string;
70
+ overflow: string;
71
+ gap: string;
74
72
  '& .M4LModal-modalContent': {
75
73
  display: string;
76
74
  flexDirection: string;
@@ -117,9 +115,6 @@ export declare const M4LModalDialog: (theme: Theme) => {
117
115
  '& .M4LModal-iconCloseHeader': {};
118
116
  };
119
117
  '& .M4LModal-windowContent': {
120
- [x: string]: string | {
121
- padding: string;
122
- };
123
118
  padding: string;
124
119
  width: string;
125
120
  height: string;
@@ -130,30 +125,6 @@ export declare const M4LModalDialog: (theme: Theme) => {
130
125
  };
131
126
  maxHeight?: undefined;
132
127
  borderColor?: undefined;
133
- '& .M4LIcon-root'?: undefined;
134
- } | {
135
- display: string;
136
- flexDirection: string;
137
- justifyContent: string;
138
- alignItems: string;
139
- '& .M4LIcon-root': {
140
- '& .M4LIcon-icon': {
141
- background: string;
142
- boxShadow: string;
143
- };
144
- };
145
- width?: undefined;
146
- height?: undefined;
147
- maxHeight?: undefined;
148
- borderColor?: undefined;
149
- overflow?: undefined;
150
- background?: undefined;
151
- boxShadow?: undefined;
152
- borderRadius?: undefined;
153
- '& .M4LCommonActions-root'?: undefined;
154
- '& .M4LModal-containerMassageIlustration'?: undefined;
155
- '& .M4LModal-headerContainer'?: undefined;
156
- '& .M4LModal-windowContent'?: undefined;
157
128
  };
158
129
  display: string;
159
130
  flexDirection: string;
@@ -202,8 +173,8 @@ export declare const M4LModalDialog: (theme: Theme) => {
202
173
  alignItems: string;
203
174
  height: string;
204
175
  width: string;
205
- padding: string;
206
- background: string;
176
+ overflow: string;
177
+ gap: string;
207
178
  '& .M4LModal-modalContent': {
208
179
  display: string;
209
180
  flexDirection: string;
@@ -250,9 +221,6 @@ export declare const M4LModalDialog: (theme: Theme) => {
250
221
  '& .M4LModal-iconCloseHeader': {};
251
222
  };
252
223
  '& .M4LModal-windowContent': {
253
- [x: string]: string | {
254
- padding: string;
255
- };
256
224
  padding: string;
257
225
  width: string;
258
226
  height: string;
@@ -262,18 +230,6 @@ export declare const M4LModalDialog: (theme: Theme) => {
262
230
  overflow: string;
263
231
  };
264
232
  };
265
- '& .react-resizable': {
266
- display: string;
267
- flexDirection: string;
268
- justifyContent: string;
269
- alignItems: string;
270
- '& .M4LIcon-root': {
271
- '& .M4LIcon-icon': {
272
- background: string;
273
- boxShadow: string;
274
- };
275
- };
276
- };
277
233
  };
278
234
  };
279
235
  };
package/theme/overrides/M4LExtendedComponents/M4LModuleLayout.d.ts CHANGED
@@ -10,6 +10,7 @@ export declare const M4LModuleLayout: (_theme: Theme) => {
10
10
  display: string;
11
11
  width: string;
12
12
  height: string;
13
+ overflow: string;
13
14
  borderRadius: string;
14
15
  };
15
16
  };
package/theme/overrides/M4LExtendedComponents/M4LPager.d.ts CHANGED
@@ -68,8 +68,6 @@ export declare const M4LPager: (theme: Theme) => {
68
68
  minWidth: string;
69
69
  "& .MuiSvgIcon-root": {
70
70
  background: string;
71
- borderRight: string;
72
- borderColor: string;
73
71
  };
74
72
  };
75
73
  '& .M4LPager-skeletonRoot': {
package/theme/overrides/M4LExtendedComponents/M4LPaperForm.d.ts CHANGED
@@ -5,7 +5,6 @@ export declare const M4LPaperForm: (theme: Theme) => {
5
5
  '&.M4LPaperForm-root': {
6
6
  padding: string;
7
7
  borderRadius: string;
8
- boxShadow: string;
9
8
  background: string;
10
9
  border: string;
11
10
  borderColor: string;
@@ -32,7 +31,6 @@ export declare const M4LPaperForm: (theme: Theme) => {
32
31
  margin: string;
33
32
  borderRadius: string;
34
33
  background: string;
35
- boxShadow: string;
36
34
  borderBottom: string;
37
35
  "& .M4LPaperForm-iconTitleContainer": {
38
36
  color: string;
@@ -47,6 +45,7 @@ export declare const M4LPaperForm: (theme: Theme) => {
47
45
  height: string;
48
46
  width: string;
49
47
  padding: string;
48
+ color: string;
50
49
  };
51
50
  };
52
51
  };
package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts CHANGED
@@ -7,70 +7,84 @@ export declare const M4LPeriod: (theme: Theme) => {
7
7
  borderColor: string;
8
8
  display: string;
9
9
  width: string;
10
- gap: string;
10
+ minHeight: string;
11
+ height: string;
11
12
  borderRadius: string;
12
- padding: string;
13
13
  '& .M4LPeriod-stateReadOnly': {};
14
14
  '& .M4LPeriod-gap': {
15
15
  backgroundColor: string;
16
16
  };
17
17
  '& .M4LIcon-root': {
18
- margin: string;
18
+ padding: string;
19
+ minHeight: string;
20
+ minWidth: string;
19
21
  };
20
22
  '& .M4LPeriod-containerDateLabel': {
21
23
  width: string;
22
- borderRadius: string;
23
- border: string;
24
+ borderRight: string;
24
25
  borderColor: string;
25
26
  padding: string;
26
27
  };
27
28
  '& .M4LPeriod-containerDateValue': {
28
29
  display: string;
29
30
  width: string;
30
- borderRadius: string;
31
- border: string;
31
+ borderRight: string;
32
32
  borderColor: string;
33
33
  padding: string;
34
34
  };
35
35
  '&:not(.M4LPeriod-stateReadOnly).M4LPeriod-variantMonoperiod': {
36
36
  width: string;
37
+ minHeight: string;
38
+ height: string;
37
39
  '& .MuiAutocomplete-root': {
38
40
  width: string;
39
- borderRadius: string;
41
+ minHeight: string;
42
+ height: string;
40
43
  borderColor: string;
41
44
  "& .MuiFormControl-root": {
45
+ minHeight: string;
46
+ height: string;
42
47
  width: string;
43
- border: string;
48
+ borderRight: string;
44
49
  borderColor: string;
45
- };
46
- '& .MuiInputBase-root': {
47
- width: string;
48
- borderRadius: string;
49
- paddingLeft: string;
50
- background: string;
51
- "& .MuiInputBase-input": {
50
+ '& .MuiInputBase-root': {
51
+ minHeight: string;
52
+ width: string;
53
+ gap: string;
52
54
  padding: string;
55
+ background: string;
56
+ "& .MuiInputBase-input": {
57
+ padding: string;
58
+ };
59
+ '& .MuiAutocomplete-endAdornment': {
60
+ position: string;
61
+ minHeight: string;
62
+ '& .MuiButtonBase-root': {
63
+ padding: string;
64
+ display: string;
65
+ margin: string;
66
+ height: string;
67
+ };
68
+ };
53
69
  };
54
70
  };
55
71
  };
56
72
  '& .MuiTextField-root': {
57
73
  width: string;
58
- borderRadius: string;
59
- border: string;
74
+ minHeight: string;
75
+ height: string;
76
+ borderRight: string;
60
77
  borderColor: string;
61
78
  '& .MuiInputBase-root': {
62
- borderRadius: string;
63
- paddingLeft: string;
79
+ minHeight: string;
80
+ padding: string;
64
81
  background: string;
65
82
  };
66
83
  '& .MuiInputBase-root.Mui-focused': {
67
- borderRadius: string;
68
84
  paddingLeft: string;
69
85
  borderColor: string;
70
86
  };
71
87
  '& .MuiInputBase-root:hover': {
72
- height: string;
73
- borderRadius: string;
74
88
  paddingLeft: string;
75
89
  background: string;
76
90
  padding: string;
@@ -95,9 +109,8 @@ export declare const M4LPeriod: (theme: Theme) => {
95
109
  width: string;
96
110
  background: string;
97
111
  '& .MuiInputBase-root:hover': {
98
- borderRadius: string;
99
112
  paddingLeft: string;
100
- background: string;
113
+ background: string | undefined;
101
114
  height: string;
102
115
  };
103
116
  };
@@ -107,14 +120,13 @@ export declare const M4LPeriod: (theme: Theme) => {
107
120
  boxShadow: string;
108
121
  '&.M4LPeriod-stateWarning:hover': {
109
122
  borderColor: string;
110
- background: string;
111
123
  boxShadow: string;
124
+ background: string;
112
125
  "& .MuiTextField-root:hover": {
113
126
  background: string;
114
127
  '& .MuiInputBase-root:hover': {
115
- borderRadius: string;
128
+ background: string | undefined;
116
129
  paddingLeft: string;
117
- background: string;
118
130
  };
119
131
  };
120
132
  };
@@ -124,14 +136,13 @@ export declare const M4LPeriod: (theme: Theme) => {
124
136
  boxShadow: string;
125
137
  '&.M4LPeriod-stateSuccess:hover': {
126
138
  borderColor: string;
127
- background: string;
128
139
  boxShadow: string;
140
+ background: string;
129
141
  "& .MuiTextField-root:hover": {
130
142
  background: string;
131
143
  '& .MuiInputBase-root:hover': {
132
- borderRadius: string;
144
+ background: string | undefined;
133
145
  paddingLeft: string;
134
- background: string;
135
146
  };
136
147
  };
137
148
  };
@@ -146,9 +157,8 @@ export declare const M4LPeriod: (theme: Theme) => {
146
157
  "& .MuiTextField-root:hover": {
147
158
  background: string;
148
159
  '& .MuiInputBase-root:hover': {
149
- borderRadius: string;
150
160
  paddingLeft: string;
151
- background: string;
161
+ background: string | undefined;
152
162
  };
153
163
  };
154
164
  };
package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts CHANGED
@@ -16,13 +16,25 @@ export declare const M4LPopover: (theme: Theme) => {
16
16
  zIndex: string;
17
17
  };
18
18
  '& .M4LanguagePopover-containerItems': {
19
+ '& :nth-of-type(-n + 1)': {
20
+ gap: string;
21
+ };
19
22
  '& .M4LanguagePopover-labelItem': {
20
23
  color: string;
21
24
  borderRadius: string;
25
+ margin: string;
26
+ paddingLeft: string;
27
+ };
28
+ '& .MuiButtonBase-root': {
29
+ margin: string;
30
+ borderRadius: string;
31
+ padding: string;
32
+ gap: string;
22
33
  };
23
34
  '& .MuiButtonBase-root:hover': {
24
35
  backgroundColor: string;
25
36
  borderRadius: string;
37
+ padding: string;
26
38
  };
27
39
  '& .MuiButtonBase-root.Mui-selected': {
28
40
  backgroundColor: string;