@m4l/styles 0.0.34 → 0.0.35

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 (27) hide show
  1. package/index.js +37 -37
  2. package/package.json +1 -1
  3. package/theme/{defaultThemeOptions.66a289a7.js → defaultThemeOptions.5e505df7.js} +11 -8
  4. package/theme/index.149cbcc9.js +7 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LAccordion.d.ts +74 -41
  6. package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts +52 -10
  7. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +155 -121
  8. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +1382 -2463
  9. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +48 -2
  10. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +124 -5
  11. package/theme/overrides/M4LExtendedComponents/M4LModalDialog.d.ts +8 -0
  12. package/theme/overrides/M4LExtendedComponents/M4LPaperForm.d.ts +5 -0
  13. package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts +14 -1
  14. package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts +32 -3
  15. package/theme/overrides/M4LExtendedComponents/M4LPropertyValue.d.ts +1 -1
  16. package/theme/overrides/M4LExtendedComponents/M4LScrollBar.d.ts +4 -1
  17. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +134 -15
  18. package/theme/overrides/M4LExtendedComponents/M4LSplitLayout.d.ts +7 -0
  19. package/theme/overrides/M4LExtendedComponents/M4LTabContent.d.ts +3 -0
  20. package/theme/overrides/M4LExtendedComponents/{index.e406c71f.js → index.1e3b4f6c.js} +585 -311
  21. package/theme/overrides/M4LRHFComponents/{index.d7a80536.js → index.8ab5d2b9.js} +1 -1
  22. package/theme/overrides/{index.2d07abe3.js → index.0ca75445.js} +2 -2
  23. package/theme/{shadows.a726d8c6.js → shadows.479d005a.js} +2 -2
  24. package/theme/{typography.b14a8e35.js → typography.927a0f62.js} +32 -24
  25. package/utils/{getColorState.ce01540c.js → getColorState.4b06bb84.js} +21 -16
  26. package/utils/getColorState.d.ts +1 -1
  27. package/theme/index.34d0fdea.js +0 -1
package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts CHANGED
@@ -19,8 +19,13 @@ export declare const M4LAppBar: (theme: Theme) => {
19
19
  borderColor?: undefined;
20
20
  justifyContent?: undefined;
21
21
  "& .M4LAppBar-iconMenuToggle"?: undefined;
22
+ flexGrow?: undefined;
22
23
  flexDirection?: undefined;
23
- '& .M4LAppBar-containerChilds'?: undefined;
24
+ overflow?: undefined;
25
+ background?: undefined;
26
+ boxShadow?: undefined;
27
+ '& .M4LanguagePopover-root'?: undefined;
28
+ '& .M4LAvatar-root'?: undefined;
24
29
  } | {
25
30
  '& .M4LImage-root': {
26
31
  width: string;
@@ -33,6 +38,7 @@ export declare const M4LAppBar: (theme: Theme) => {
33
38
  display: string;
34
39
  alignItems: string;
35
40
  gap: string;
41
+ width: string;
36
42
  '& .M4LTypography-root': {
37
43
  textWrap: string;
38
44
  textTransform: string;
@@ -51,8 +57,13 @@ export declare const M4LAppBar: (theme: Theme) => {
51
57
  borderColor?: undefined;
52
58
  justifyContent?: undefined;
53
59
  "& .M4LAppBar-iconMenuToggle"?: undefined;
60
+ flexGrow?: undefined;
54
61
  flexDirection?: undefined;
55
- '& .M4LAppBar-containerChilds'?: undefined;
62
+ overflow?: undefined;
63
+ background?: undefined;
64
+ boxShadow?: undefined;
65
+ '& .M4LanguagePopover-root'?: undefined;
66
+ '& .M4LAvatar-root'?: undefined;
56
67
  } | {
57
68
  display: string;
58
69
  alingItems: string;
@@ -88,8 +99,13 @@ export declare const M4LAppBar: (theme: Theme) => {
88
99
  gap?: undefined;
89
100
  '& .M4LImage-root'?: undefined;
90
101
  '& .M4LAppBar-containerImageTypography'?: undefined;
102
+ flexGrow?: undefined;
91
103
  flexDirection?: undefined;
92
- '& .M4LAppBar-containerChilds'?: undefined;
104
+ overflow?: undefined;
105
+ background?: undefined;
106
+ boxShadow?: undefined;
107
+ '& .M4LanguagePopover-root'?: undefined;
108
+ '& .M4LAvatar-root'?: undefined;
93
109
  } | {
94
110
  [x: string]: string | {
95
111
  display: string;
@@ -101,103 +117,112 @@ export declare const M4LAppBar: (theme: Theme) => {
101
117
  boxShadow: string;
102
118
  paddingRight: string;
103
119
  borderRadius: string;
104
- overflow?: undefined;
105
- justifyContent?: undefined;
106
- '& .M4LAvatar-root'?: undefined;
120
+ gap: string;
121
+ '& .M4LImageButton-root'?: undefined;
122
+ height?: undefined;
123
+ padding?: undefined;
124
+ '& .MuiAvatar-root'?: undefined;
125
+ } | {
126
+ '& .M4LImageButton-root': {
127
+ '& .MuiButtonBase-root': {
128
+ width: string;
129
+ height: string;
130
+ };
131
+ };
132
+ display?: undefined;
133
+ alignItems?: undefined;
134
+ width?: undefined;
135
+ borderTop?: undefined;
136
+ borderColor?: undefined;
137
+ background?: undefined;
138
+ boxShadow?: undefined;
139
+ paddingRight?: undefined;
140
+ borderRadius?: undefined;
141
+ gap?: undefined;
142
+ height?: undefined;
143
+ padding?: undefined;
144
+ '& .MuiAvatar-root'?: undefined;
107
145
  } | {
108
146
  [x: string]: string | {
109
147
  width: string;
110
- alignItems: string;
111
- gap: string;
112
- borderRadius: string;
113
- display: string;
114
- background: string;
115
- boxShadow: string;
116
- borderTop: string;
117
- height?: undefined;
148
+ height: string;
149
+ fontSize: string;
150
+ padding?: undefined;
118
151
  '& .MuiAvatar-root'?: undefined;
119
152
  } | {
120
153
  width: string;
121
154
  height: string;
155
+ padding: string;
122
156
  '& .MuiAvatar-root': {
123
157
  width: string;
124
158
  height: string;
159
+ fontSize: string;
125
160
  };
126
- alignItems?: undefined;
127
- gap?: undefined;
128
- borderRadius?: undefined;
129
- display?: undefined;
130
- background?: undefined;
131
- boxShadow?: undefined;
132
- borderTop?: undefined;
161
+ fontSize?: undefined;
133
162
  };
134
- display: string;
135
163
  width: string;
136
- overflow: string;
137
- alignItems: string;
138
- borderRadius: string;
139
- background: string;
140
- boxShadow: string;
141
- justifyContent: string;
142
- '& .M4LAvatar-root': {
164
+ height: string;
165
+ padding: string;
166
+ '& .MuiAvatar-root': {
143
167
  width: string;
144
168
  height: string;
145
- '& .MuiAvatar-root': {
146
- width: string;
147
- height: string;
148
- };
169
+ fontSize: string;
149
170
  };
171
+ display?: undefined;
172
+ alignItems?: undefined;
150
173
  borderTop?: undefined;
151
174
  borderColor?: undefined;
175
+ background?: undefined;
176
+ boxShadow?: undefined;
152
177
  paddingRight?: undefined;
178
+ borderRadius?: undefined;
179
+ gap?: undefined;
180
+ '& .M4LImageButton-root'?: undefined;
153
181
  };
182
+ flexGrow: string;
154
183
  display: string;
155
184
  flexDirection: string;
156
185
  gap: string;
157
186
  width: string;
158
187
  justifyContent: string;
159
- '& .M4LAppBar-containerChilds': {
188
+ overflow: string;
189
+ alignItems: string;
190
+ borderRadius: string;
191
+ background: string;
192
+ boxShadow: string;
193
+ '& .M4LanguagePopover-root': {
194
+ '& .M4LImageButton-root': {
195
+ '& .MuiButtonBase-root': {
196
+ width: string;
197
+ height: string;
198
+ };
199
+ };
200
+ };
201
+ '& .M4LAvatar-root': {
160
202
  [x: string]: string | {
161
203
  width: string;
162
- alignItems: string;
163
- gap: string;
164
- borderRadius: string;
165
- display: string;
166
- background: string;
167
- boxShadow: string;
168
- borderTop: string;
169
- height?: undefined;
204
+ height: string;
205
+ fontSize: string;
206
+ padding?: undefined;
170
207
  '& .MuiAvatar-root'?: undefined;
171
208
  } | {
172
209
  width: string;
173
210
  height: string;
211
+ padding: string;
174
212
  '& .MuiAvatar-root': {
175
213
  width: string;
176
214
  height: string;
215
+ fontSize: string;
177
216
  };
178
- alignItems?: undefined;
179
- gap?: undefined;
180
- borderRadius?: undefined;
181
- display?: undefined;
182
- background?: undefined;
183
- boxShadow?: undefined;
184
- borderTop?: undefined;
217
+ fontSize?: undefined;
185
218
  };
186
- display: string;
187
219
  width: string;
188
- overflow: string;
189
- alignItems: string;
190
- borderRadius: string;
191
- background: string;
192
- boxShadow: string;
193
- justifyContent: string;
194
- '& .M4LAvatar-root': {
220
+ height: string;
221
+ padding: string;
222
+ '& .MuiAvatar-root': {
195
223
  width: string;
196
224
  height: string;
197
- '& .MuiAvatar-root': {
198
- width: string;
199
- height: string;
200
- };
225
+ fontSize: string;
201
226
  };
202
227
  };
203
228
  marginLeft?: undefined;
@@ -207,13 +232,12 @@ export declare const M4LAppBar: (theme: Theme) => {
207
232
  height?: undefined;
208
233
  minWidth?: undefined;
209
234
  minHeight?: undefined;
210
- alignItems?: undefined;
211
- borderRadius?: undefined;
212
235
  borderColor?: undefined;
213
236
  "& .M4LAppBar-iconMenuToggle"?: undefined;
214
237
  };
215
238
  display: string;
216
239
  width: string;
240
+ maxWidth: string;
217
241
  overflow: string;
218
242
  minHeight: string;
219
243
  height: string;
@@ -236,6 +260,7 @@ export declare const M4LAppBar: (theme: Theme) => {
236
260
  display: string;
237
261
  alignItems: string;
238
262
  gap: string;
263
+ width: string;
239
264
  '& .M4LTypography-root': {
240
265
  textWrap: string;
241
266
  textTransform: string;
@@ -285,103 +310,112 @@ export declare const M4LAppBar: (theme: Theme) => {
285
310
  boxShadow: string;
286
311
  paddingRight: string;
287
312
  borderRadius: string;
288
- overflow?: undefined;
289
- justifyContent?: undefined;
290
- '& .M4LAvatar-root'?: undefined;
313
+ gap: string;
314
+ '& .M4LImageButton-root'?: undefined;
315
+ height?: undefined;
316
+ padding?: undefined;
317
+ '& .MuiAvatar-root'?: undefined;
318
+ } | {
319
+ '& .M4LImageButton-root': {
320
+ '& .MuiButtonBase-root': {
321
+ width: string;
322
+ height: string;
323
+ };
324
+ };
325
+ display?: undefined;
326
+ alignItems?: undefined;
327
+ width?: undefined;
328
+ borderTop?: undefined;
329
+ borderColor?: undefined;
330
+ background?: undefined;
331
+ boxShadow?: undefined;
332
+ paddingRight?: undefined;
333
+ borderRadius?: undefined;
334
+ gap?: undefined;
335
+ height?: undefined;
336
+ padding?: undefined;
337
+ '& .MuiAvatar-root'?: undefined;
291
338
  } | {
292
339
  [x: string]: string | {
293
340
  width: string;
294
- alignItems: string;
295
- gap: string;
296
- borderRadius: string;
297
- display: string;
298
- background: string;
299
- boxShadow: string;
300
- borderTop: string;
301
- height?: undefined;
341
+ height: string;
342
+ fontSize: string;
343
+ padding?: undefined;
302
344
  '& .MuiAvatar-root'?: undefined;
303
345
  } | {
304
346
  width: string;
305
347
  height: string;
348
+ padding: string;
306
349
  '& .MuiAvatar-root': {
307
350
  width: string;
308
351
  height: string;
352
+ fontSize: string;
309
353
  };
310
- alignItems?: undefined;
311
- gap?: undefined;
312
- borderRadius?: undefined;
313
- display?: undefined;
314
- background?: undefined;
315
- boxShadow?: undefined;
316
- borderTop?: undefined;
354
+ fontSize?: undefined;
317
355
  };
318
- display: string;
319
356
  width: string;
320
- overflow: string;
321
- alignItems: string;
322
- borderRadius: string;
323
- background: string;
324
- boxShadow: string;
325
- justifyContent: string;
326
- '& .M4LAvatar-root': {
357
+ height: string;
358
+ padding: string;
359
+ '& .MuiAvatar-root': {
327
360
  width: string;
328
361
  height: string;
329
- '& .MuiAvatar-root': {
330
- width: string;
331
- height: string;
332
- };
362
+ fontSize: string;
333
363
  };
364
+ display?: undefined;
365
+ alignItems?: undefined;
334
366
  borderTop?: undefined;
335
367
  borderColor?: undefined;
368
+ background?: undefined;
369
+ boxShadow?: undefined;
336
370
  paddingRight?: undefined;
371
+ borderRadius?: undefined;
372
+ gap?: undefined;
373
+ '& .M4LImageButton-root'?: undefined;
337
374
  };
375
+ flexGrow: string;
338
376
  display: string;
339
377
  flexDirection: string;
340
378
  gap: string;
341
379
  width: string;
342
380
  justifyContent: string;
343
- '& .M4LAppBar-containerChilds': {
381
+ overflow: string;
382
+ alignItems: string;
383
+ borderRadius: string;
384
+ background: string;
385
+ boxShadow: string;
386
+ '& .M4LanguagePopover-root': {
387
+ '& .M4LImageButton-root': {
388
+ '& .MuiButtonBase-root': {
389
+ width: string;
390
+ height: string;
391
+ };
392
+ };
393
+ };
394
+ '& .M4LAvatar-root': {
344
395
  [x: string]: string | {
345
396
  width: string;
346
- alignItems: string;
347
- gap: string;
348
- borderRadius: string;
349
- display: string;
350
- background: string;
351
- boxShadow: string;
352
- borderTop: string;
353
- height?: undefined;
397
+ height: string;
398
+ fontSize: string;
399
+ padding?: undefined;
354
400
  '& .MuiAvatar-root'?: undefined;
355
401
  } | {
356
402
  width: string;
357
403
  height: string;
404
+ padding: string;
358
405
  '& .MuiAvatar-root': {
359
406
  width: string;
360
407
  height: string;
408
+ fontSize: string;
361
409
  };
362
- alignItems?: undefined;
363
- gap?: undefined;
364
- borderRadius?: undefined;
365
- display?: undefined;
366
- background?: undefined;
367
- boxShadow?: undefined;
368
- borderTop?: undefined;
410
+ fontSize?: undefined;
369
411
  };
370
- display: string;
371
412
  width: string;
372
- overflow: string;
373
- alignItems: string;
374
- borderRadius: string;
375
- background: string;
376
- boxShadow: string;
377
- justifyContent: string;
378
- '& .M4LAvatar-root': {
413
+ height: string;
414
+ padding: string;
415
+ '& .MuiAvatar-root': {
379
416
  width: string;
380
417
  height: string;
381
- '& .MuiAvatar-root': {
382
- width: string;
383
- height: string;
384
- };
418
+ fontSize: string;
385
419
  };
386
420
  };
387
421
  };