@m4l/styles 0.0.20 → 0.0.22

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 (34) hide show
  1. package/index.js +10 -10
  2. package/package.json +1 -1
  3. package/theme/{defaultThemeOptions.dd98806d.js → defaultThemeOptions.733652aa.js} +5 -5
  4. package/theme/index.fa6b03ae.js +7 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts +8 -2
  6. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +237 -67
  7. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +1151 -336
  8. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +132 -65
  9. package/theme/overrides/M4LExtendedComponents/M4LAvatar.d.ts +2 -1
  10. package/theme/overrides/M4LExtendedComponents/M4LCheckBox.d.ts +56 -0
  11. package/theme/overrides/M4LExtendedComponents/M4LCommonActions.d.ts +1 -0
  12. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +988 -0
  13. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +31 -7
  14. package/theme/overrides/M4LExtendedComponents/M4LPager.d.ts +34 -0
  15. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +20 -14
  16. package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts +8 -4
  17. package/theme/overrides/M4LExtendedComponents/{index.ead1a06a.js → index.28d622ba.js} +823 -309
  18. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +77 -29
  19. package/theme/overrides/M4LRHFComponents/M4LRHFAutocompleteAsync.d.ts +1 -0
  20. package/theme/overrides/M4LRHFComponents/{index.1406e2ed.js → index.0e107243.js} +79 -36
  21. package/theme/overrides/MUIComponents/Autocomplete.d.ts +13 -2
  22. package/theme/overrides/MUIComponents/Button.d.ts +3 -1
  23. package/theme/overrides/MUIComponents/Input.d.ts +16 -3
  24. package/theme/overrides/MUIComponents/Tabs.d.ts +2 -0
  25. package/theme/overrides/MUIComponents/{index.e3d060c3.js → index.d308ce65.js} +68 -39
  26. package/theme/overrides/index.76becad2.js +93 -0
  27. package/theme/{palette.6e480083.js → palette.a914c187.js} +5 -5
  28. package/theme/{shadows.0d04d424.js → shadows.3dfe77c2.js} +1 -1
  29. package/theme/{typography.8b60719b.js → typography.dd335f0f.js} +4 -4
  30. package/utils/{getColorPresets.4a88b0ed.js → getColorPresets.9c103b85.js} +1 -1
  31. package/utils/{getColorState.1cdd7909.js → getColorState.184e9d10.js} +40 -28
  32. package/utils/getColorState.d.ts +1 -0
  33. package/theme/index.7512919c.js +0 -7
  34. package/theme/overrides/index.0d219399.js +0 -90
package/index.js CHANGED
@@ -1,20 +1,20 @@
1
- import { d as f } from "./theme/defaultThemeOptions.dd98806d.js";
2
- import { c as l, s as g } from "./theme/shadows.0d04d424.js";
3
- import { P as n, p as d } from "./theme/palette.6e480083.js";
4
- import { t as S } from "./theme/typography.8b60719b.js";
5
- import { f as O } from "./theme/overrides/index.0d219399.js";
1
+ import { d as f } from "./theme/defaultThemeOptions.733652aa.js";
2
+ import { c as l, s as g } from "./theme/shadows.3dfe77c2.js";
3
+ import { P as n, p as d } from "./theme/palette.a914c187.js";
4
+ import { t as S } from "./theme/typography.dd335f0f.js";
5
+ import { f as O } from "./theme/overrides/index.76becad2.js";
6
6
  import { u as c } from "./utils/useResponsive.2c45e8e0.js";
7
- import { e as T, c as b, d as v, b as z, g as w, a as y, t as F } from "./utils/getColorPresets.4a88b0ed.js";
8
- import { g as k } from "./utils/getColorState.1cdd7909.js";
7
+ import { e as T, c as b, d as v, b as z, g as w, a as y, t as F } from "./utils/getColorPresets.9c103b85.js";
8
+ import { g as k } from "./utils/getColorState.184e9d10.js";
9
9
  import { g as A, p as B, a as L, r as N } from "./utils/getFontValue.88831637.js";
10
10
  import { g as j, m as D } from "./config.5405b46b.js";
11
11
  import "@mui/material/styles";
12
12
  import "@mui/material/useMediaQuery";
13
13
  import "@mui/system";
14
14
  import "@mui/material";
15
- import "./theme/overrides/MUIComponents/index.e3d060c3.js";
16
- import "./theme/overrides/M4LExtendedComponents/index.ead1a06a.js";
17
- import "./theme/overrides/M4LRHFComponents/index.1406e2ed.js";
15
+ import "./theme/overrides/MUIComponents/index.d308ce65.js";
16
+ import "./theme/overrides/M4LExtendedComponents/index.28d622ba.js";
17
+ import "./theme/overrides/M4LRHFComponents/index.0e107243.js";
18
18
  export {
19
19
  n as PATRONUSCOLORS,
20
20
  T as blaze,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m4l/styles",
3
- "version": "0.0.20",
3
+ "version": "0.0.22",
4
4
  "license": "UNLICENSED",
5
5
  "author": "m4l team",
6
6
  "dependencies": {
package/theme/{defaultThemeOptions.dd98806d.js → defaultThemeOptions.733652aa.js} RENAMED
@@ -1,12 +1,12 @@
1
1
  import "@mui/material/styles";
2
2
  import "@mui/material/useMediaQuery";
3
- import { g as t } from "../utils/getColorPresets.4a88b0ed.js";
3
+ import { g as t } from "../utils/getColorPresets.9c103b85.js";
4
4
  import "@mui/system";
5
- import { t as o } from "./typography.8b60719b.js";
6
- import { p as a } from "./palette.6e480083.js";
5
+ import { t as o } from "./typography.dd335f0f.js";
6
+ import { p as a } from "./palette.a914c187.js";
7
7
  import { alpha as s } from "@mui/material";
8
- import { s as p, c as e } from "./shadows.0d04d424.js";
9
- import { g as i } from "../utils/getColorState.1cdd7909.js";
8
+ import { s as p, c as e } from "./shadows.3dfe77c2.js";
9
+ import { g as i } from "../utils/getColorState.184e9d10.js";
10
10
  const w = {
11
11
  typography: o,
12
12
  palette: {
package/theme/index.fa6b03ae.js ADDED
@@ -0,0 +1,7 @@
1
+ import "./defaultThemeOptions.733652aa.js";
2
+ import "./shadows.3dfe77c2.js";
3
+ import "./palette.a914c187.js";
4
+ import "./typography.dd335f0f.js";
5
+ import "@mui/material";
6
+ import "@mui/material/styles";
7
+ import "@mui/system";
package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts CHANGED
@@ -2,7 +2,9 @@ import { Theme } from '@mui/material/styles';
2
2
  export declare const M4LAccountPopover: (theme: Theme) => {
3
3
  M4LAccountPopover: {
4
4
  styleOverrides: {
5
- '&.M4LAccountPopover-root': {};
5
+ '&.M4LAccountPopover-root': {
6
+ borderRadius: string;
7
+ };
6
8
  };
7
9
  };
8
10
  M4LAccountPopoverPopover: {
@@ -12,17 +14,21 @@ export declare const M4LAccountPopover: (theme: Theme) => {
12
14
  display: string;
13
15
  flexDirection: string;
14
16
  gap: string;
17
+ borderRadius: string;
15
18
  '& .MuiPaper-root': {
16
19
  display: string;
17
20
  flexDirection: string;
18
21
  gap: string;
19
22
  padding: string;
23
+ borderRadius: string;
24
+ boxShadow: string;
25
+ background: string;
20
26
  };
21
27
  '& .M4LAccountPopover-containerAppVersion': {
22
28
  display: string;
23
29
  borderBottom: string;
24
30
  borderColor: string;
25
- paddingBottom: string;
31
+ padding: string;
26
32
  };
27
33
  '& .M4LAccountPopover-containerMenuItems': {
28
34
  '& .M4LAccountPopover-menuItem': {
package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts CHANGED
@@ -4,8 +4,23 @@ export declare const M4LAppBar: (theme: Theme) => {
4
4
  styleOverrides: {
5
5
  '&.M4LAppBar-root': {
6
6
  [x: string]: string | {
7
+ width: string;
8
+ marginLeft: string;
9
+ display?: undefined;
10
+ alingItems?: undefined;
11
+ height?: undefined;
12
+ minWidth?: undefined;
13
+ minHeight?: undefined;
14
+ alignItems?: undefined;
15
+ borderRadius?: undefined;
16
+ borderColor?: undefined;
17
+ justifyContent?: undefined;
18
+ "& .M4LAppBar-iconMenuToggle"?: undefined;
19
+ flexDirection?: undefined;
20
+ gap?: undefined;
21
+ '& .M4LAppBar-containerChilds'?: undefined;
22
+ } | {
7
23
  display: string;
8
- justifyContent: string;
9
24
  alingItems: string;
10
25
  width: string;
11
26
  height: string;
@@ -14,7 +29,18 @@ export declare const M4LAppBar: (theme: Theme) => {
14
29
  alignItems: string;
15
30
  borderRadius: string;
16
31
  borderColor: string;
32
+ justifyContent: string;
17
33
  "& .M4LAppBar-iconMenuToggle": {
34
+ [x: string]: string | {
35
+ background: string;
36
+ boxShadow: string;
37
+ borderTop: string;
38
+ borderColor: string;
39
+ width: string;
40
+ height: string;
41
+ minWidth: string;
42
+ minHeight: string;
43
+ };
18
44
  background: string;
19
45
  boxShadow: string;
20
46
  borderTop: string;
@@ -24,77 +50,130 @@ export declare const M4LAppBar: (theme: Theme) => {
24
50
  minWidth: string;
25
51
  minHeight: string;
26
52
  };
27
- borderTop?: undefined;
28
- background?: undefined;
29
- boxShadow?: undefined;
30
- paddingRight?: undefined;
31
- overflow?: undefined;
32
- '& .M4LAvatar-root'?: undefined;
33
- } | {
34
- display: string;
35
- alignItems: string;
36
- width: string;
37
- borderTop: string;
38
- borderColor: string;
39
- background: string;
40
- boxShadow: string;
41
- paddingRight: string;
42
- borderRadius: string;
43
- justifyContent?: undefined;
44
- alingItems?: undefined;
45
- height?: undefined;
46
- minWidth?: undefined;
47
- minHeight?: undefined;
48
- "& .M4LAppBar-iconMenuToggle"?: undefined;
49
- overflow?: undefined;
50
- '& .M4LAvatar-root'?: undefined;
53
+ marginLeft?: undefined;
54
+ flexDirection?: undefined;
55
+ gap?: undefined;
56
+ '& .M4LAppBar-containerChilds'?: undefined;
51
57
  } | {
52
58
  [x: string]: string | {
53
- width: string;
59
+ display: string;
54
60
  alignItems: string;
55
- gap: string;
61
+ width: string;
62
+ borderTop: string;
63
+ borderColor: string;
64
+ background: string;
65
+ boxShadow: string;
66
+ paddingRight: string;
56
67
  borderRadius: string;
57
- display: string;
58
- height?: undefined;
59
- '& .MuiAvatar-root'?: undefined;
68
+ overflow: string;
69
+ justifyContent?: undefined;
70
+ '& .M4LAvatar-root'?: undefined;
60
71
  } | {
72
+ [x: string]: string | {
73
+ width: string;
74
+ alignItems: string;
75
+ gap: string;
76
+ borderRadius: string;
77
+ display: string;
78
+ background: string;
79
+ boxShadow: string;
80
+ borderTop: string;
81
+ height?: undefined;
82
+ '& .MuiAvatar-root'?: undefined;
83
+ } | {
84
+ width: string;
85
+ height: string;
86
+ '& .MuiAvatar-root': {
87
+ width: string;
88
+ height: string;
89
+ };
90
+ alignItems?: undefined;
91
+ gap?: undefined;
92
+ borderRadius?: undefined;
93
+ display?: undefined;
94
+ background?: undefined;
95
+ boxShadow?: undefined;
96
+ borderTop?: undefined;
97
+ };
98
+ display: string;
61
99
  width: string;
62
- height: string;
63
- '& .MuiAvatar-root': {
100
+ overflow: string;
101
+ alignItems: string;
102
+ borderRadius: string;
103
+ background: string;
104
+ boxShadow: string;
105
+ justifyContent: string;
106
+ '& .M4LAvatar-root': {
64
107
  width: string;
65
108
  height: string;
109
+ '& .MuiAvatar-root': {
110
+ width: string;
111
+ height: string;
112
+ };
66
113
  };
67
- alignItems?: undefined;
68
- gap?: undefined;
69
- borderRadius?: undefined;
70
- display?: undefined;
114
+ borderTop?: undefined;
115
+ borderColor?: undefined;
116
+ paddingRight?: undefined;
71
117
  };
72
118
  display: string;
119
+ flexDirection: string;
120
+ gap: string;
73
121
  width: string;
74
- overflow: string;
75
- alignItems: string;
76
- borderRadius: string;
77
- '& .M4LAvatar-root': {
122
+ justifyContent: string;
123
+ '& .M4LAppBar-containerChilds': {
124
+ [x: string]: string | {
125
+ width: string;
126
+ alignItems: string;
127
+ gap: string;
128
+ borderRadius: string;
129
+ display: string;
130
+ background: string;
131
+ boxShadow: string;
132
+ borderTop: string;
133
+ height?: undefined;
134
+ '& .MuiAvatar-root'?: undefined;
135
+ } | {
136
+ width: string;
137
+ height: string;
138
+ '& .MuiAvatar-root': {
139
+ width: string;
140
+ height: string;
141
+ };
142
+ alignItems?: undefined;
143
+ gap?: undefined;
144
+ borderRadius?: undefined;
145
+ display?: undefined;
146
+ background?: undefined;
147
+ boxShadow?: undefined;
148
+ borderTop?: undefined;
149
+ };
150
+ display: string;
78
151
  width: string;
79
- height: string;
80
- '& .MuiAvatar-root': {
152
+ overflow: string;
153
+ alignItems: string;
154
+ borderRadius: string;
155
+ background: string;
156
+ boxShadow: string;
157
+ justifyContent: string;
158
+ '& .M4LAvatar-root': {
81
159
  width: string;
82
160
  height: string;
161
+ '& .MuiAvatar-root': {
162
+ width: string;
163
+ height: string;
164
+ };
83
165
  };
84
166
  };
85
- justifyContent?: undefined;
167
+ marginLeft?: undefined;
86
168
  alingItems?: undefined;
87
169
  height?: undefined;
88
170
  minWidth?: undefined;
89
171
  minHeight?: undefined;
172
+ alignItems?: undefined;
173
+ borderRadius?: undefined;
90
174
  borderColor?: undefined;
91
175
  "& .M4LAppBar-iconMenuToggle"?: undefined;
92
- borderTop?: undefined;
93
- background?: undefined;
94
- boxShadow?: undefined;
95
- paddingRight?: undefined;
96
176
  };
97
- test: string;
98
177
  display: string;
99
178
  width: string;
100
179
  overflow: string;
@@ -106,9 +185,10 @@ export declare const M4LAppBar: (theme: Theme) => {
106
185
  borderColor: string;
107
186
  background: string;
108
187
  boxShadow: string;
188
+ justifyContent: string;
189
+ marginLeft: string;
109
190
  '& .M4LAppBar-containerIconMenuToggle': {
110
191
  display: string;
111
- justifyContent: string;
112
192
  alingItems: string;
113
193
  width: string;
114
194
  height: string;
@@ -117,7 +197,18 @@ export declare const M4LAppBar: (theme: Theme) => {
117
197
  alignItems: string;
118
198
  borderRadius: string;
119
199
  borderColor: string;
200
+ justifyContent: string;
120
201
  "& .M4LAppBar-iconMenuToggle": {
202
+ [x: string]: string | {
203
+ background: string;
204
+ boxShadow: string;
205
+ borderTop: string;
206
+ borderColor: string;
207
+ width: string;
208
+ height: string;
209
+ minWidth: string;
210
+ minHeight: string;
211
+ };
121
212
  background: string;
122
213
  boxShadow: string;
123
214
  borderTop: string;
@@ -128,42 +219,121 @@ export declare const M4LAppBar: (theme: Theme) => {
128
219
  minHeight: string;
129
220
  };
130
221
  };
131
- '& .M4LAppBar-containerChilds': {
222
+ "& .M4LAppBar-containerChilds": {
132
223
  [x: string]: string | {
133
- width: string;
224
+ display: string;
134
225
  alignItems: string;
135
- gap: string;
226
+ width: string;
227
+ borderTop: string;
228
+ borderColor: string;
229
+ background: string;
230
+ boxShadow: string;
231
+ paddingRight: string;
136
232
  borderRadius: string;
137
- display: string;
138
- height?: undefined;
139
- '& .MuiAvatar-root'?: undefined;
233
+ overflow: string;
234
+ justifyContent?: undefined;
235
+ '& .M4LAvatar-root'?: undefined;
140
236
  } | {
237
+ [x: string]: string | {
238
+ width: string;
239
+ alignItems: string;
240
+ gap: string;
241
+ borderRadius: string;
242
+ display: string;
243
+ background: string;
244
+ boxShadow: string;
245
+ borderTop: string;
246
+ height?: undefined;
247
+ '& .MuiAvatar-root'?: undefined;
248
+ } | {
249
+ width: string;
250
+ height: string;
251
+ '& .MuiAvatar-root': {
252
+ width: string;
253
+ height: string;
254
+ };
255
+ alignItems?: undefined;
256
+ gap?: undefined;
257
+ borderRadius?: undefined;
258
+ display?: undefined;
259
+ background?: undefined;
260
+ boxShadow?: undefined;
261
+ borderTop?: undefined;
262
+ };
263
+ display: string;
141
264
  width: string;
142
- height: string;
143
- '& .MuiAvatar-root': {
265
+ overflow: string;
266
+ alignItems: string;
267
+ borderRadius: string;
268
+ background: string;
269
+ boxShadow: string;
270
+ justifyContent: string;
271
+ '& .M4LAvatar-root': {
144
272
  width: string;
145
273
  height: string;
274
+ '& .MuiAvatar-root': {
275
+ width: string;
276
+ height: string;
277
+ };
146
278
  };
147
- alignItems?: undefined;
148
- gap?: undefined;
149
- borderRadius?: undefined;
150
- display?: undefined;
279
+ borderTop?: undefined;
280
+ borderColor?: undefined;
281
+ paddingRight?: undefined;
151
282
  };
152
283
  display: string;
284
+ flexDirection: string;
285
+ gap: string;
153
286
  width: string;
154
- overflow: string;
155
- alignItems: string;
156
- borderRadius: string;
157
- '& .M4LAvatar-root': {
287
+ justifyContent: string;
288
+ '& .M4LAppBar-containerChilds': {
289
+ [x: string]: string | {
290
+ width: string;
291
+ alignItems: string;
292
+ gap: string;
293
+ borderRadius: string;
294
+ display: string;
295
+ background: string;
296
+ boxShadow: string;
297
+ borderTop: string;
298
+ height?: undefined;
299
+ '& .MuiAvatar-root'?: undefined;
300
+ } | {
301
+ width: string;
302
+ height: string;
303
+ '& .MuiAvatar-root': {
304
+ width: string;
305
+ height: string;
306
+ };
307
+ alignItems?: undefined;
308
+ gap?: undefined;
309
+ borderRadius?: undefined;
310
+ display?: undefined;
311
+ background?: undefined;
312
+ boxShadow?: undefined;
313
+ borderTop?: undefined;
314
+ };
315
+ display: string;
158
316
  width: string;
159
- height: string;
160
- '& .MuiAvatar-root': {
317
+ overflow: string;
318
+ alignItems: string;
319
+ borderRadius: string;
320
+ background: string;
321
+ boxShadow: string;
322
+ justifyContent: string;
323
+ '& .M4LAvatar-root': {
161
324
  width: string;
162
325
  height: string;
326
+ '& .MuiAvatar-root': {
327
+ width: string;
328
+ height: string;
329
+ };
163
330
  };
164
331
  };
165
332
  };
166
333
  };
167
334
  };
335
+ "*css-1gn3ygk": {
336
+ overflow: string;
337
+ };
168
338
  };
169
339
  };