@m4l/styles 0.0.19 → 0.0.21

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 (31) hide show
  1. package/index.js +19 -19
  2. package/package.json +1 -1
  3. package/theme/{defaultThemeOptions.d67fe64c.js → defaultThemeOptions.81e20130.js} +5 -5
  4. package/theme/index.38ad102a.js +7 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +237 -67
  6. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +1151 -336
  7. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +116 -63
  8. package/theme/overrides/M4LExtendedComponents/M4LCommonActions.d.ts +1 -0
  9. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +245 -8
  10. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +46 -12
  11. package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts +8 -4
  12. package/theme/overrides/M4LExtendedComponents/{index.bd713d88.js → index.9ecb9eb5.js} +524 -289
  13. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +17 -3
  14. package/theme/overrides/M4LRHFComponents/{index.1406e2ed.js → index.e3118e8b.js} +25 -11
  15. package/theme/overrides/MUIComponents/Button.d.ts +3 -1
  16. package/theme/overrides/MUIComponents/Input.d.ts +16 -3
  17. package/theme/overrides/MUIComponents/Tabs.d.ts +2 -0
  18. package/theme/overrides/MUIComponents/{index.e3d060c3.js → index.25926753.js} +50 -32
  19. package/theme/overrides/{index.6b7aec0f.js → index.05460ef6.js} +3 -3
  20. package/theme/{palette.95c4f9c8.js → palette.ad96498c.js} +114 -114
  21. package/theme/palette.d.ts +6 -6
  22. package/theme/{shadows.354bbb03.js → shadows.c56e8ae9.js} +1 -1
  23. package/theme/{typography.61f909b7.js → typography.39389e10.js} +4 -4
  24. package/types/types.d.ts +1 -1
  25. package/utils/getColorPresets.82f91ceb.js +70 -0
  26. package/utils/getColorPresets.d.ts +1 -1
  27. package/utils/getColorState.0e5b3a7c.js +172 -0
  28. package/utils/getColorState.d.ts +1 -0
  29. package/theme/index.efa44d2d.js +0 -7
  30. package/utils/getColorPresets.d73f30ad.js +0 -70
  31. package/utils/getColorState.bde51cf7.js +0 -159
package/index.js CHANGED
@@ -1,34 +1,34 @@
1
- import { d as f } from "./theme/defaultThemeOptions.d67fe64c.js";
2
- import { c as l, s as g } from "./theme/shadows.354bbb03.js";
3
- import { P as u, p as d } from "./theme/palette.95c4f9c8.js";
4
- import { t as S } from "./theme/typography.61f909b7.js";
5
- import { f as C } from "./theme/overrides/index.6b7aec0f.js";
6
- import { u as R } from "./utils/useResponsive.2c45e8e0.js";
7
- import { e as T, b, c as v, d as y, g as z, a as w, t as F } from "./utils/getColorPresets.d73f30ad.js";
8
- import { g as k } from "./utils/getColorState.bde51cf7.js";
1
+ import { d as f } from "./theme/defaultThemeOptions.81e20130.js";
2
+ import { c as l, s as g } from "./theme/shadows.c56e8ae9.js";
3
+ import { P as n, p as d } from "./theme/palette.ad96498c.js";
4
+ import { t as S } from "./theme/typography.39389e10.js";
5
+ import { f as O } from "./theme/overrides/index.05460ef6.js";
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.82f91ceb.js";
8
+ import { g as k } from "./utils/getColorState.0e5b3a7c.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.bd713d88.js";
17
- import "./theme/overrides/M4LRHFComponents/index.1406e2ed.js";
15
+ import "./theme/overrides/MUIComponents/index.25926753.js";
16
+ import "./theme/overrides/M4LExtendedComponents/index.9ecb9eb5.js";
17
+ import "./theme/overrides/M4LRHFComponents/index.e3118e8b.js";
18
18
  export {
19
- u as PATRONUSCOLORS,
19
+ n as PATRONUSCOLORS,
20
20
  T as blaze,
21
- b as candy,
22
- v as colorPresets,
21
+ b as colorPresets,
23
22
  l as createCustomShadows,
24
- y as defaultPreset,
23
+ v as defaultPreset,
25
24
  f as defaultThemeOptions,
26
- C as fnComponentsOverrides,
27
- z as getColorPresets,
25
+ z as desert,
26
+ O as fnComponentsOverrides,
27
+ w as getColorPresets,
28
28
  k as getColorState,
29
29
  A as getFontValue,
30
30
  j as globalRemSize,
31
- w as grass,
31
+ y as grass,
32
32
  D as muiBreakpointsValues,
33
33
  d as palette,
34
34
  B as pxToRem,
@@ -37,5 +37,5 @@ export {
37
37
  g as shadows,
38
38
  F as turqui,
39
39
  S as typography,
40
- R as useResponsive
40
+ c as useResponsive
41
41
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m4l/styles",
3
- "version": "0.0.19",
3
+ "version": "0.0.21",
4
4
  "license": "UNLICENSED",
5
5
  "author": "m4l team",
6
6
  "dependencies": {
package/theme/{defaultThemeOptions.d67fe64c.js → defaultThemeOptions.81e20130.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.d73f30ad.js";
3
+ import { g as t } from "../utils/getColorPresets.82f91ceb.js";
4
4
  import "@mui/system";
5
- import { t as o } from "./typography.61f909b7.js";
6
- import { p as a } from "./palette.95c4f9c8.js";
5
+ import { t as o } from "./typography.39389e10.js";
6
+ import { p as a } from "./palette.ad96498c.js";
7
7
  import { alpha as s } from "@mui/material";
8
- import { s as p, c as e } from "./shadows.354bbb03.js";
9
- import { g as i } from "../utils/getColorState.bde51cf7.js";
8
+ import { s as p, c as e } from "./shadows.c56e8ae9.js";
9
+ import { g as i } from "../utils/getColorState.0e5b3a7c.js";
10
10
  const w = {
11
11
  typography: o,
12
12
  palette: {
package/theme/index.38ad102a.js ADDED
@@ -0,0 +1,7 @@
1
+ import "./defaultThemeOptions.81e20130.js";
2
+ import "./shadows.c56e8ae9.js";
3
+ import "./palette.ad96498c.js";
4
+ import "./typography.39389e10.js";
5
+ import "@mui/material";
6
+ import "@mui/material/styles";
7
+ import "@mui/system";
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
  };