@m4l/styles 2.0.2 → 2.0.3
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.
- package/index.js +42 -35
- package/package.json +1 -1
- package/theme/{defaultThemeOptions-CNJ2UmWH.js → defaultThemeOptions.d580f3ec.js} +10 -7
- package/theme/index.16e25179.js +7 -0
- package/theme/overrides/M4LExtendedComponents/{index-CyXBfJc_.js → index.79301515.js} +132 -485
- package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +2 -0
- package/theme/overrides/M4LRHFComponents/{index-DEvENvuH.js → index.38639c1b.js} +8 -78
- package/theme/overrides/MUIComponents/{index-oLVtA5nq.js → index.5c43e3b5.js} +0 -48
- package/theme/overrides/{index-CuD-MKOg.js → index.78952902.js} +3 -9
- package/theme/{palette-CR1CkF2l.js → palette.287635f2.js} +0 -1
- package/theme/{shadows-C9Ji2xrX.js → shadows.e0c009ff.js} +1 -4
- package/theme/{typography-BsOO459U.js → typography.947dc33f.js} +31 -34
- package/utils/{getColorPresets-B12zVrZ8.js → getColorPresets.a96a4046.js} +1 -10
- package/utils/{getColorState-CGc0yrt5.js → getColorState.18b61422.js} +10 -17
- package/utils/{getFontValue-BEO-XID9.js → getFontValue.88831637.js} +5 -8
- package/theme/index-l0sNRNKZ.js +0 -1
- /package/{config-CoeBxEZB.js → config.5405b46b.js} +0 -0
- /package/utils/{useResponsive-DaeQVwlH.js → useResponsive.2c45e8e0.js} +0 -0
|
@@ -185,6 +185,7 @@ export declare const M4LRHFAutocomplete: (theme: Omit<Theme, 'palette' | 'applyS
|
|
|
185
185
|
marginLeft: string;
|
|
186
186
|
};
|
|
187
187
|
height: string;
|
|
188
|
+
minHeight: string;
|
|
188
189
|
};
|
|
189
190
|
};
|
|
190
191
|
'&.M4LRHFAutocomplete-sizeMedium': {
|
|
@@ -195,6 +196,7 @@ export declare const M4LRHFAutocomplete: (theme: Omit<Theme, 'palette' | 'applyS
|
|
|
195
196
|
marginLeft: string;
|
|
196
197
|
};
|
|
197
198
|
height: string;
|
|
199
|
+
minHeight: string;
|
|
198
200
|
};
|
|
199
201
|
};
|
|
200
202
|
'&.M4LRHFAutocomplete-imageWidthDefined': {
|
|
@@ -12,13 +12,11 @@ const a = (t) => ({
|
|
|
12
12
|
M4LRHFTextField: {
|
|
13
13
|
styleOverrides: {
|
|
14
14
|
"&.M4LRHFTextField-root": {
|
|
15
|
-
/* Root styles */
|
|
16
15
|
display: "flex",
|
|
17
16
|
flexDirection: "column",
|
|
18
17
|
width: "100%",
|
|
19
18
|
gap: "2px",
|
|
20
19
|
outline: "unset",
|
|
21
|
-
/* General properties */
|
|
22
20
|
"&.M4LRHFTextField-variantText": {
|
|
23
21
|
height: "auto",
|
|
24
22
|
"& .MuiFormControl-root": {
|
|
@@ -71,7 +69,6 @@ const a = (t) => ({
|
|
|
71
69
|
}
|
|
72
70
|
}
|
|
73
71
|
},
|
|
74
|
-
/* State hover */
|
|
75
72
|
"&:hover": {
|
|
76
73
|
"& .M4LRHFTextField-label": {
|
|
77
74
|
color: t.vars.palette.state?.hover
|
|
@@ -88,7 +85,6 @@ const a = (t) => ({
|
|
|
88
85
|
backgroundColor: t.vars.palette.state?.hover
|
|
89
86
|
}
|
|
90
87
|
},
|
|
91
|
-
/* State focus and active */
|
|
92
88
|
"&.M4LRHFTextField-isFocus": {
|
|
93
89
|
"& .M4LRHFTextField-label": {
|
|
94
90
|
color: t.vars.palette.state?.active
|
|
@@ -107,7 +103,6 @@ const a = (t) => ({
|
|
|
107
103
|
backgroundColor: t.vars.palette.state?.active
|
|
108
104
|
}
|
|
109
105
|
},
|
|
110
|
-
/* State error */
|
|
111
106
|
"&.M4LRHFTextField-variantError": {
|
|
112
107
|
"& .M4LRHFTextField-label": {
|
|
113
108
|
color: t.vars.palette.state?.error.normal
|
|
@@ -134,7 +129,6 @@ const a = (t) => ({
|
|
|
134
129
|
}
|
|
135
130
|
}
|
|
136
131
|
},
|
|
137
|
-
/* State disabled */
|
|
138
132
|
"&.M4LRHFTextField-isDisabled": {
|
|
139
133
|
"& .M4LRHFTextField-label": {
|
|
140
134
|
color: t.vars.palette.text.disabled
|
|
@@ -152,7 +146,6 @@ const a = (t) => ({
|
|
|
152
146
|
backgroundColor: t.vars.palette.text.disabled
|
|
153
147
|
}
|
|
154
148
|
},
|
|
155
|
-
/* Sizes */
|
|
156
149
|
"&.M4LRHFTextField-sizeSmall": {
|
|
157
150
|
"& .MuiInputBase-input, & .MuiOutlinedInput-notchedOutline, & .M4LRHFTextField-skeleton": {
|
|
158
151
|
height: "24px",
|
|
@@ -203,7 +196,6 @@ const a = (t) => ({
|
|
|
203
196
|
color: t.vars.palette.text.primary,
|
|
204
197
|
...t.colorSchemes.finalTheme.typography.body
|
|
205
198
|
},
|
|
206
|
-
/* caso small */
|
|
207
199
|
".M4LRHFCheckbox-small .MuiButtonBase-root": {
|
|
208
200
|
width: "20px",
|
|
209
201
|
height: "20px"
|
|
@@ -212,7 +204,6 @@ const a = (t) => ({
|
|
|
212
204
|
width: "16px",
|
|
213
205
|
height: "16px"
|
|
214
206
|
},
|
|
215
|
-
/* caso medium */
|
|
216
207
|
".M4LRHFCheckbox-medium .MuiButtonBase-root": {
|
|
217
208
|
width: "24px",
|
|
218
209
|
height: "24px"
|
|
@@ -234,14 +225,12 @@ const a = (t) => ({
|
|
|
234
225
|
".MuiButtonBase-root:hover .MuiSvgIcon-root": {
|
|
235
226
|
fill: t.vars.palette.state?.hover
|
|
236
227
|
},
|
|
237
|
-
/* caso general */
|
|
238
228
|
".M4LRHFCheckbox-checkTypography .MuiTypography-root": {
|
|
239
229
|
...t.colorSchemes.finalTheme.typography.body
|
|
240
230
|
},
|
|
241
231
|
".M4LRHFCheckbox-stateDisabled .MuiSvgIcon-root": {
|
|
242
232
|
fill: t.vars.palette.state?.default
|
|
243
233
|
},
|
|
244
|
-
/* selector del caso focus por tab */
|
|
245
234
|
".MuiButtonBase-root .Mui-focusVisible:focus-visible": {
|
|
246
235
|
outline: "#FFF00"
|
|
247
236
|
}
|
|
@@ -258,7 +247,6 @@ const a = (t) => ({
|
|
|
258
247
|
width: "100%",
|
|
259
248
|
gap: "2px",
|
|
260
249
|
outline: "unset",
|
|
261
|
-
// Variant
|
|
262
250
|
"&.M4LRHFAutocomplete-multiple": {
|
|
263
251
|
"& .MuiAutocomplete-inputRoot": {
|
|
264
252
|
display: "flex",
|
|
@@ -282,7 +270,6 @@ const a = (t) => ({
|
|
|
282
270
|
}
|
|
283
271
|
}
|
|
284
272
|
},
|
|
285
|
-
/* General properties */
|
|
286
273
|
"& .MuiAutocomplete-root": {
|
|
287
274
|
height: "100%",
|
|
288
275
|
"& .MuiFormControl-root": {
|
|
@@ -292,35 +279,12 @@ const a = (t) => ({
|
|
|
292
279
|
position: "relative",
|
|
293
280
|
height: "100%",
|
|
294
281
|
"& .MuiInputBase-input": {
|
|
295
|
-
/* Selector del elemento html input */
|
|
296
282
|
boxSizing: "border-box",
|
|
297
283
|
color: t.vars.palette.text.secondary,
|
|
298
284
|
backgroundColor: "transparent",
|
|
299
285
|
height: "100%",
|
|
300
286
|
padding: "0 16px 0 8px",
|
|
301
287
|
...t.colorSchemes.finalTheme.typography.body
|
|
302
|
-
/* '& .MuiInputAdornment-root': {
|
|
303
|
-
margin: '0px',
|
|
304
|
-
padding: '0px',
|
|
305
|
-
},
|
|
306
|
-
|
|
307
|
-
'& .M4LIcon-icon': {
|
|
308
|
-
backgroundColor: theme.vars.palette.text.secondary,
|
|
309
|
-
transition: 'all .3s ease',
|
|
310
|
-
},
|
|
311
|
-
|
|
312
|
-
'& .MuiOutlinedInput-notchedOutline': {
|
|
313
|
-
border: '1px solid',
|
|
314
|
-
borderColor: theme.vars.palette.state.borderPrimary,
|
|
315
|
-
borderRadius: '4px',
|
|
316
|
-
inset: '0px',
|
|
317
|
-
transition: 'all .3s ease',
|
|
318
|
-
|
|
319
|
-
'& legend': {
|
|
320
|
-
display: 'none'
|
|
321
|
-
},
|
|
322
|
-
|
|
323
|
-
} */
|
|
324
288
|
},
|
|
325
289
|
"& .M4LRHFAutocomplete-containerRefreshDown": {
|
|
326
290
|
display: "flex",
|
|
@@ -341,7 +305,6 @@ const a = (t) => ({
|
|
|
341
305
|
}
|
|
342
306
|
}
|
|
343
307
|
},
|
|
344
|
-
/* Skeleton general properties*/
|
|
345
308
|
"& .M4LRHFAutocomplete-skeletonRoot": {
|
|
346
309
|
display: "flex",
|
|
347
310
|
flexDirection: "column",
|
|
@@ -377,9 +340,7 @@ const a = (t) => ({
|
|
|
377
340
|
"& .MuiAutocomplete-root .MuiInputBase-root": {
|
|
378
341
|
padding: "0p 8px",
|
|
379
342
|
height: "100%"
|
|
380
|
-
//revisar
|
|
381
343
|
},
|
|
382
|
-
/* State hover */
|
|
383
344
|
"&:hover": {
|
|
384
345
|
"& .M4LRHFAutocomplete-label": {
|
|
385
346
|
color: t.vars.palette.text.secondary
|
|
@@ -398,7 +359,6 @@ const a = (t) => ({
|
|
|
398
359
|
backgroundColor: t.vars.palette.state?.hover
|
|
399
360
|
}
|
|
400
361
|
},
|
|
401
|
-
/* State focus and active */
|
|
402
362
|
"&.M4LRHFAutocomplete-isFocus": {
|
|
403
363
|
"& .M4LRHFAutocomplete-label": {
|
|
404
364
|
color: t.vars.palette.state?.active
|
|
@@ -420,7 +380,6 @@ const a = (t) => ({
|
|
|
420
380
|
backgroundColor: t.vars.palette.state?.active
|
|
421
381
|
}
|
|
422
382
|
},
|
|
423
|
-
/* State error */
|
|
424
383
|
"&.M4LRHFAutocomplete-variantError": {
|
|
425
384
|
"& .M4LRHFAutocomplete-label": {
|
|
426
385
|
color: t.vars.palette.state?.error.normal
|
|
@@ -446,7 +405,6 @@ const a = (t) => ({
|
|
|
446
405
|
}
|
|
447
406
|
}
|
|
448
407
|
},
|
|
449
|
-
/* State disabled */
|
|
450
408
|
"&.M4LRHFAutocomplete-isDisabled": {
|
|
451
409
|
"& .M4LRHFAutocomplete-label": {
|
|
452
410
|
color: t.vars.palette.text.disabled
|
|
@@ -464,28 +422,30 @@ const a = (t) => ({
|
|
|
464
422
|
backgroundColor: t.vars.palette.text.disabled
|
|
465
423
|
}
|
|
466
424
|
},
|
|
467
|
-
/* Sizes */
|
|
468
425
|
"&.M4LRHFAutocomplete-sizeSmall": {
|
|
469
|
-
|
|
426
|
+
[`& .M4LRHFAutocomplete-skeleton,
|
|
427
|
+
& .MuiAutocomplete-root`]: {
|
|
470
428
|
"& .M4LImage-root": {
|
|
471
429
|
width: "24px",
|
|
472
430
|
height: "24px",
|
|
473
431
|
marginLeft: "6px"
|
|
474
432
|
},
|
|
475
|
-
height: "
|
|
433
|
+
height: "fit-content",
|
|
434
|
+
minHeight: "24px"
|
|
476
435
|
}
|
|
477
436
|
},
|
|
478
437
|
"&.M4LRHFAutocomplete-sizeMedium": {
|
|
479
|
-
|
|
438
|
+
[`& .M4LRHFAutocomplete-skeleton,
|
|
439
|
+
& .MuiAutocomplete-root`]: {
|
|
480
440
|
"& .M4LImage-root": {
|
|
481
441
|
width: "28px",
|
|
482
442
|
height: "28px",
|
|
483
443
|
marginLeft: "6px"
|
|
484
444
|
},
|
|
485
|
-
height: "
|
|
445
|
+
height: "fit-content",
|
|
446
|
+
minHeight: "36px"
|
|
486
447
|
}
|
|
487
448
|
},
|
|
488
|
-
// variant image defined
|
|
489
449
|
"&.M4LRHFAutocomplete-imageWidthDefined": {
|
|
490
450
|
"& .M4LImage-root": {
|
|
491
451
|
"& .M4LImage-img": {
|
|
@@ -493,17 +453,13 @@ const a = (t) => ({
|
|
|
493
453
|
}
|
|
494
454
|
}
|
|
495
455
|
}
|
|
496
|
-
// with multiple values in chips
|
|
497
456
|
}
|
|
498
457
|
}
|
|
499
458
|
},
|
|
500
459
|
M4LRHFAutocompletePopover: {
|
|
501
460
|
styleOverrides: {
|
|
502
|
-
// Menu popover que se despliega luego de interactuar con el componente.
|
|
503
|
-
// Despliega la lista de opciones diponibles.
|
|
504
461
|
"&.M4LRHFAutocomplete-popper": {
|
|
505
462
|
zIndex: "1300",
|
|
506
|
-
// Primer contendeor del manu, se utiliza para dar espacio interno y distribuir los items.
|
|
507
463
|
"& .MuiAutocomplete-listbox": {
|
|
508
464
|
padding: "8px",
|
|
509
465
|
display: "flex",
|
|
@@ -522,11 +478,9 @@ const a = (t) => ({
|
|
|
522
478
|
}
|
|
523
479
|
}
|
|
524
480
|
},
|
|
525
|
-
// Estilos generales para withImage
|
|
526
481
|
"& .M4LRHFAutocomplete-withImage": {
|
|
527
482
|
display: "flex",
|
|
528
483
|
gap: "8px",
|
|
529
|
-
// Estados por evento de usuario
|
|
530
484
|
"&:hover": {
|
|
531
485
|
color: t.vars.palette.text.primary,
|
|
532
486
|
backgroundColor: t.vars.palette.state.active12
|
|
@@ -536,14 +490,11 @@ const a = (t) => ({
|
|
|
536
490
|
height: "100%"
|
|
537
491
|
}
|
|
538
492
|
},
|
|
539
|
-
// Estilos del menu para la versión de tamaño small
|
|
540
493
|
"&.M4LRHFAutocomplete-sizeSmall": {
|
|
541
|
-
// Item sin imagen
|
|
542
494
|
"& .MuiAutocomplete-listbox": {
|
|
543
495
|
"& .MuiAutocomplete-option": {
|
|
544
496
|
minHeight: "24px"
|
|
545
497
|
},
|
|
546
|
-
// Item con imagen
|
|
547
498
|
"& .M4LRHFAutocomplete-withImage": {
|
|
548
499
|
paddingLeft: "4px",
|
|
549
500
|
height: "24px",
|
|
@@ -559,15 +510,12 @@ const a = (t) => ({
|
|
|
559
510
|
}
|
|
560
511
|
}
|
|
561
512
|
},
|
|
562
|
-
// Estilos del menu para la versión de tamaño medium
|
|
563
513
|
"&.M4LRHFAutocomplete-sizeMedium": {
|
|
564
|
-
// Item sin imagen
|
|
565
514
|
"& .MuiAutocomplete-listbox": {
|
|
566
515
|
"& .MuiAutocomplete-option": {
|
|
567
516
|
height: "36px"
|
|
568
517
|
}
|
|
569
518
|
},
|
|
570
|
-
// Item con imagen
|
|
571
519
|
"& .M4LRHFAutocomplete-withImage": {
|
|
572
520
|
paddingLeft: "4px",
|
|
573
521
|
height: "36px",
|
|
@@ -582,7 +530,6 @@ const a = (t) => ({
|
|
|
582
530
|
}
|
|
583
531
|
}
|
|
584
532
|
},
|
|
585
|
-
// variación de ancho de imagen definido
|
|
586
533
|
"&.M4LRHFAutocomplete-imageWidthDefined": {
|
|
587
534
|
"& .M4LImage-img": {
|
|
588
535
|
minWidth: "24px",
|
|
@@ -603,7 +550,6 @@ const a = (t) => ({
|
|
|
603
550
|
styleOverrides: {
|
|
604
551
|
"&.M4LRHFAutocomplete-sizeSmall": {
|
|
605
552
|
height: "18px",
|
|
606
|
-
// important debido a que MUI agrega media queries directamente al elemento.
|
|
607
553
|
minHeight: "18px !important",
|
|
608
554
|
"& .MuiChip-deleteIcon": {
|
|
609
555
|
fontSize: "16px"
|
|
@@ -614,7 +560,6 @@ const a = (t) => ({
|
|
|
614
560
|
},
|
|
615
561
|
"&.M4LRHFAutocomplete-sizeMedium": {
|
|
616
562
|
height: "24px",
|
|
617
|
-
// important debido a que MUI agrega media queries directamente al elemento.
|
|
618
563
|
minHeight: "24px !important",
|
|
619
564
|
"& .MuiChip-deleteIcon": {
|
|
620
565
|
fontSize: "20px"
|
|
@@ -680,7 +625,6 @@ const a = (t) => ({
|
|
|
680
625
|
height: "36px"
|
|
681
626
|
}
|
|
682
627
|
},
|
|
683
|
-
/* General properties */
|
|
684
628
|
"& .MuiFormControl-root": {
|
|
685
629
|
"& .MuiInputBase-root": {
|
|
686
630
|
padding: "0 4px 0 0",
|
|
@@ -735,7 +679,6 @@ const a = (t) => ({
|
|
|
735
679
|
}
|
|
736
680
|
}
|
|
737
681
|
},
|
|
738
|
-
/* State hover */
|
|
739
682
|
"&:hover": {
|
|
740
683
|
"& .M4LTypography-root": {
|
|
741
684
|
color: t.vars.palette.state?.hover
|
|
@@ -750,7 +693,6 @@ const a = (t) => ({
|
|
|
750
693
|
backgroundColor: t.vars.palette.state?.hover
|
|
751
694
|
}
|
|
752
695
|
},
|
|
753
|
-
/* State focus and active */
|
|
754
696
|
"&.M4LRHFDateTime-isFocus": {
|
|
755
697
|
"& .M4LTypography-root": {
|
|
756
698
|
color: t.vars.palette.state.active
|
|
@@ -767,7 +709,6 @@ const a = (t) => ({
|
|
|
767
709
|
backgroundColor: t.vars.palette.state?.active
|
|
768
710
|
}
|
|
769
711
|
},
|
|
770
|
-
/* State error */
|
|
771
712
|
"&.M4LRHFTextField-variantError": {
|
|
772
713
|
"& .M4LRHFTextField-label": {
|
|
773
714
|
color: t.vars.palette.state?.error.normal
|
|
@@ -793,7 +734,6 @@ const a = (t) => ({
|
|
|
793
734
|
}
|
|
794
735
|
}
|
|
795
736
|
},
|
|
796
|
-
/* State disabled */
|
|
797
737
|
"&.M4LRHFTextField-isDisabled": {
|
|
798
738
|
"& .M4LRHFTextField-label": {
|
|
799
739
|
color: t.vars.palette.text.disabled
|
|
@@ -890,7 +830,6 @@ const a = (t) => ({
|
|
|
890
830
|
gap: "0",
|
|
891
831
|
position: "relative",
|
|
892
832
|
overflow: "hidden",
|
|
893
|
-
// Icono de carga
|
|
894
833
|
"& .M4LRHFUploadImage-containerBodyImage": {
|
|
895
834
|
display: "flex",
|
|
896
835
|
justifyContent: "center",
|
|
@@ -940,7 +879,6 @@ const a = (t) => ({
|
|
|
940
879
|
}
|
|
941
880
|
}
|
|
942
881
|
},
|
|
943
|
-
// Skeleton
|
|
944
882
|
"& .M4LRHFUploadImage-skeleton": {
|
|
945
883
|
maskPosition: "center!important",
|
|
946
884
|
maskRepeat: "no-repeat!important",
|
|
@@ -952,7 +890,6 @@ const a = (t) => ({
|
|
|
952
890
|
WebkitMask: "url('data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM2MzczODE7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSw4LjdjMS40LTEuNSwzLjQtMi4zLDUuNC0yLjNzMy45LDAuOCw1LjQsMi4zczIuNCwzLjUsMi41LDUuN2MwLDIuMi0wLjksNC4yLTIuNCw1LjdzLTMuNSwyLjMtNS41LDIuMgoJCWMtMi4xLDAuMS00LTAuNy01LjUtMi4yYy0xLjQtMS41LTIuMy0zLjUtMi40LTUuN0M0Mi42LDEyLjIsNDMuNSwxMC4yLDQ1LDguN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OC40LDYyLjFjLTAuMywwLjUtMC43LDAuOC0xLjIsMS4xcy0xLDAuNC0xLjYsMC40SDQuM2MtMC42LDAtMS4xLTAuMS0xLjYtMC40cy0wLjktMC42LTEuMi0xLjEKCQljLTAuMi0wLjUtMC40LTEtMC40LTEuNXMwLjEtMS4xLDAuNC0xLjVsMjMtMzYuNGMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNHMwLjksMC42LDEuMiwxLjEKCQlsMTEuNSwxOC4yYzAuMiwwLjMsMC41LDAuNSwwLjgsMC43czAuNiwwLjMsMSwwLjNjMC4zLDAsMC43LTAuMSwxLTAuM3MwLjYtMC40LDAuOC0wLjdsMy4xLTQuOWMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMQoJCXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNGMwLjUsMC4zLDAuOSwwLjYsMS4yLDEuMWwxNC42LDIzLjFjMC4zLDAuNSwwLjMsMSwwLjMsMS41UzY4LjcsNjEuNyw2OC40LDYyLjF6Ii8+CjwvZz4KPC9zdmc+Cg==')"
|
|
953
891
|
}
|
|
954
892
|
},
|
|
955
|
-
// Imagen cargada
|
|
956
893
|
"&.M4LRHFUploadImage-hasFile": {
|
|
957
894
|
"& .M4LRHFUploadImage-placeHolder": {
|
|
958
895
|
opacity: "0",
|
|
@@ -972,7 +909,6 @@ const a = (t) => ({
|
|
|
972
909
|
"&:hover": {
|
|
973
910
|
opacity: 1
|
|
974
911
|
},
|
|
975
|
-
// Comportamiento Hover imagen cargada
|
|
976
912
|
"& .M4LRHFUploadImage-containerUploadBoddy": {
|
|
977
913
|
"& .M4LRHFUploadImage-containerBodyImage": {
|
|
978
914
|
opacity: "0"
|
|
@@ -1047,12 +983,6 @@ const a = (t) => ({
|
|
|
1047
983
|
"& .M4LRHFColorPicker-boxColor": {
|
|
1048
984
|
cursor: "pointer"
|
|
1049
985
|
},
|
|
1050
|
-
/* '& .M4LIcon-root': {
|
|
1051
|
-
minHeight: '18px',
|
|
1052
|
-
minWidth: '18px',
|
|
1053
|
-
cursor: 'pointer',
|
|
1054
|
-
borderRadius: '4px',
|
|
1055
|
-
}, */
|
|
1056
986
|
"& .M4LIcon-root:hover": {
|
|
1057
987
|
background: t.vars.palette.state.hoverDefault
|
|
1058
988
|
}
|
|
@@ -43,7 +43,6 @@ function l(r) {
|
|
|
43
43
|
sizeLarge: {
|
|
44
44
|
height: 48
|
|
45
45
|
},
|
|
46
|
-
// contained
|
|
47
46
|
containedInherit: {
|
|
48
47
|
color: r.vars.palette.grey[800],
|
|
49
48
|
boxShadow: r.customShadows?.z1,
|
|
@@ -55,7 +54,6 @@ function l(r) {
|
|
|
55
54
|
},
|
|
56
55
|
containedPrimary: {
|
|
57
56
|
boxShadow: r.customShadows?.z4
|
|
58
|
-
// color: theme.vars.palette.primary.contrastText,
|
|
59
57
|
},
|
|
60
58
|
containedSecondary: {
|
|
61
59
|
boxShadow: r.customShadows?.secondary
|
|
@@ -72,7 +70,6 @@ function l(r) {
|
|
|
72
70
|
containedError: {
|
|
73
71
|
boxShadow: r.customShadows?.error
|
|
74
72
|
},
|
|
75
|
-
// outlined
|
|
76
73
|
outlinedInherit: {
|
|
77
74
|
borderRadius: "4px",
|
|
78
75
|
border: `1px solid ${r.vars.palette.state.borderDefault}`,
|
|
@@ -95,9 +92,6 @@ function l(r) {
|
|
|
95
92
|
function u(r) {
|
|
96
93
|
return {
|
|
97
94
|
MuiIconButton: {
|
|
98
|
-
// defaultProps: {
|
|
99
|
-
// color: theme.vars.palette.text.primary,
|
|
100
|
-
// },
|
|
101
95
|
styleOverrides: {
|
|
102
96
|
root: {
|
|
103
97
|
"&.MuiIconButton-sizeSmall": {
|
|
@@ -115,9 +109,6 @@ function u(r) {
|
|
|
115
109
|
}
|
|
116
110
|
}
|
|
117
111
|
}
|
|
118
|
-
// colorDefault: {
|
|
119
|
-
// color: theme.vars.palette.text.primary,
|
|
120
|
-
// }
|
|
121
112
|
}
|
|
122
113
|
}
|
|
123
114
|
};
|
|
@@ -166,7 +157,6 @@ function c(r) {
|
|
|
166
157
|
boxShadow: r.customShadows?.card,
|
|
167
158
|
borderRadius: Number(r.shape.borderRadius) * 2,
|
|
168
159
|
zIndex: 0
|
|
169
|
-
// Fix Safari overflow: hidden with border radius
|
|
170
160
|
}
|
|
171
161
|
}
|
|
172
162
|
},
|
|
@@ -351,7 +341,6 @@ function f(r) {
|
|
|
351
341
|
width: "16px",
|
|
352
342
|
height: "16px",
|
|
353
343
|
borderRadius: "50%"
|
|
354
|
-
//background: "red",
|
|
355
344
|
}
|
|
356
345
|
}
|
|
357
346
|
}
|
|
@@ -374,7 +363,6 @@ function M(r) {
|
|
|
374
363
|
backgroundImage: "none",
|
|
375
364
|
backgroundColor: r.vars.palette.background.default,
|
|
376
365
|
borderRadius: "2px",
|
|
377
|
-
/* Stack */
|
|
378
366
|
"& .MuiStack-root .MuiMenuItem-root": {
|
|
379
367
|
color: r.vars.palette.text.primary,
|
|
380
368
|
transition: "all .5s",
|
|
@@ -397,7 +385,6 @@ function M(r) {
|
|
|
397
385
|
backgroundColor: r.vars.palette.background.default,
|
|
398
386
|
boxShadow: `0 0 0 1px ${r.vars.palette.state?.focus}`
|
|
399
387
|
},
|
|
400
|
-
/* Autocomplete Listbox */
|
|
401
388
|
"& .MuiAutocomplete-listbox .MuiAutocomplete-option": {
|
|
402
389
|
color: r.vars.palette.text.primary,
|
|
403
390
|
transition: "all .5s",
|
|
@@ -460,7 +447,6 @@ function h(r) {
|
|
|
460
447
|
}
|
|
461
448
|
}
|
|
462
449
|
},
|
|
463
|
-
/* Style input outline */
|
|
464
450
|
MuiInput: {
|
|
465
451
|
styleOverrides: {
|
|
466
452
|
underline: {
|
|
@@ -491,7 +477,6 @@ function h(r) {
|
|
|
491
477
|
}
|
|
492
478
|
}
|
|
493
479
|
},
|
|
494
|
-
/* Estilos variante outlined */
|
|
495
480
|
MuiOutlinedInput: {
|
|
496
481
|
styleOverrides: {
|
|
497
482
|
root: {
|
|
@@ -566,11 +551,6 @@ function S(r) {
|
|
|
566
551
|
display: "flex",
|
|
567
552
|
flexDirection: "row"
|
|
568
553
|
}
|
|
569
|
-
/* "& .MuiPaper-root": {
|
|
570
|
-
borderRadius: "4px",
|
|
571
|
-
backgroundColor: theme.vars.palette.state.active12,
|
|
572
|
-
padding: "8px",
|
|
573
|
-
}, */
|
|
574
554
|
}
|
|
575
555
|
},
|
|
576
556
|
modal: {
|
|
@@ -875,18 +855,10 @@ function P(r) {
|
|
|
875
855
|
function z(r) {
|
|
876
856
|
return {
|
|
877
857
|
MuiCheckbox: {
|
|
878
|
-
// defaultProps: {
|
|
879
|
-
// icon: <CheckboxIcon />,
|
|
880
|
-
// checkedIcon: <CheckboxCheckedIcon />,
|
|
881
|
-
// indeterminateIcon: <CheckboxIndeterminateIcon />,
|
|
882
|
-
// },
|
|
883
858
|
styleOverrides: {
|
|
884
859
|
root: {
|
|
885
860
|
padding: r.spacing(1),
|
|
886
861
|
oleee: "sss",
|
|
887
|
-
// '& .MuiCheckbox-root': {
|
|
888
|
-
// color: theme.vars.palette.divider,
|
|
889
|
-
// },
|
|
890
862
|
color: r.vars.palette.action.active,
|
|
891
863
|
"& .Mui-checked": {
|
|
892
864
|
color: r.vars.palette.primary.main
|
|
@@ -894,23 +866,6 @@ function z(r) {
|
|
|
894
866
|
"&.Mui-checked.Mui-disabled, &.Mui-disabled": {
|
|
895
867
|
color: r.vars.palette.action.disabled
|
|
896
868
|
}
|
|
897
|
-
// '& .MuiSvgIcon-root': {
|
|
898
|
-
// color: theme.vars.palette.text.secondary,
|
|
899
|
-
// },
|
|
900
|
-
// '& .MuiSvgIcon-fontSizeMedium': {
|
|
901
|
-
// width: 24,
|
|
902
|
-
// height: 24,
|
|
903
|
-
// },
|
|
904
|
-
// '& .MuiSvgIcon-fontSizeSmall': {
|
|
905
|
-
// width: 18,
|
|
906
|
-
// height: 18,
|
|
907
|
-
// },
|
|
908
|
-
// svg: {
|
|
909
|
-
// fontSize: 24,
|
|
910
|
-
// '&[font-size=small]': {
|
|
911
|
-
// fontSize: 18,
|
|
912
|
-
// },
|
|
913
|
-
// },
|
|
914
869
|
}
|
|
915
870
|
}
|
|
916
871
|
}
|
|
@@ -983,8 +938,6 @@ function A(r) {
|
|
|
983
938
|
content: {
|
|
984
939
|
...r.colorSchemes.finalTheme.typography.subtitle2,
|
|
985
940
|
margin: "0px",
|
|
986
|
-
// '& .MuiTypography-root': {
|
|
987
|
-
// },
|
|
988
941
|
"&.Mui-expanded": {
|
|
989
942
|
margin: "0px"
|
|
990
943
|
}
|
|
@@ -998,7 +951,6 @@ function $(r) {
|
|
|
998
951
|
MuiTypography: {
|
|
999
952
|
defaultProps: {
|
|
1000
953
|
variantMapping: {
|
|
1001
|
-
// Map the new variant to render a <h1> by default
|
|
1002
954
|
subtitleDens: "span"
|
|
1003
955
|
}
|
|
1004
956
|
},
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import { F as s, C as o, M as r, L, I as M, a as n, R as i, B as p, b as l, T as c, P as d, S as u, c as g, d as B, A as F, e as P, D as A, f as T, g as b, h as C, i as S, j as y, k as I, l as R, m as v, n as H, o as k, p as D, q as f, r as x, s as w, t as G, u as V, v as j, w as E, x as N, y as O, z as q } from "./MUIComponents/index
|
|
2
|
-
import { M as z, a as U, b as J, c as K, d as Q, e as W, f as X, g as Y, h as Z } from "./M4LRHFComponents/index
|
|
3
|
-
import { M as _, a as $, b as t, c as m, d as e, e as h, f as aa, g as sa, h as oa, i as ra, j as La, k as Ma, l as na, m as ia, n as pa, o as la, p as ca, q as da, r as ua, s as ga, t as Ba, u as Fa, v as Pa, w as Aa, x as Ta, y as ba, z as Ca, A as Sa, B as ya, C as Ia, D as Ra, E as va, F as Ha, G as ka, H as Da, I as fa, J as xa, K as wa, L as Ga, N as Va, O as ja, P as Ea, Q as Na, R as Oa, S as qa, T as za, U as Ua, V as Ja, W as Ka, X as Qa, Y as Wa, Z as Xa, _ as Ya } from "./M4LExtendedComponents/index
|
|
1
|
+
import { F as s, C as o, M as r, L, I as M, a as n, R as i, B as p, b as l, T as c, P as d, S as u, c as g, d as B, A as F, e as P, D as A, f as T, g as b, h as C, i as S, j as y, k as I, l as R, m as v, n as H, o as k, p as D, q as f, r as x, s as w, t as G, u as V, v as j, w as E, x as N, y as O, z as q } from "./MUIComponents/index.5c43e3b5.js";
|
|
2
|
+
import { M as z, a as U, b as J, c as K, d as Q, e as W, f as X, g as Y, h as Z } from "./M4LRHFComponents/index.38639c1b.js";
|
|
3
|
+
import { M as _, a as $, b as t, c as m, d as e, e as h, f as aa, g as sa, h as oa, i as ra, j as La, k as Ma, l as na, m as ia, n as pa, o as la, p as ca, q as da, r as ua, s as ga, t as Ba, u as Fa, v as Pa, w as Aa, x as Ta, y as ba, z as Ca, A as Sa, B as ya, C as Ia, D as Ra, E as va, F as Ha, G as ka, H as Da, I as fa, J as xa, K as wa, L as Ga, N as Va, O as ja, P as Ea, Q as Na, R as Oa, S as qa, T as za, U as Ua, V as Ja, W as Ka, X as Qa, Y as Wa, Z as Xa, _ as Ya } from "./M4LExtendedComponents/index.79301515.js";
|
|
4
4
|
function ta(a) {
|
|
5
5
|
return Object.assign(
|
|
6
6
|
s(a),
|
|
7
|
-
// Chip(theme),
|
|
8
7
|
o(a),
|
|
9
8
|
r(a),
|
|
10
9
|
L(a),
|
|
@@ -15,12 +14,9 @@ function ta(a) {
|
|
|
15
14
|
l(a),
|
|
16
15
|
c(a),
|
|
17
16
|
d(a),
|
|
18
|
-
// Alert(theme),
|
|
19
17
|
u(a),
|
|
20
|
-
// Select(theme),
|
|
21
18
|
g(a),
|
|
22
19
|
B(a),
|
|
23
|
-
// Rating(theme),
|
|
24
20
|
F(a),
|
|
25
21
|
P(a),
|
|
26
22
|
A(a),
|
|
@@ -32,7 +28,6 @@ function ta(a) {
|
|
|
32
28
|
I(a),
|
|
33
29
|
R(a),
|
|
34
30
|
v(a),
|
|
35
|
-
// TreeView(theme),
|
|
36
31
|
H(a),
|
|
37
32
|
k(a),
|
|
38
33
|
D(a),
|
|
@@ -46,7 +41,6 @@ function ta(a) {
|
|
|
46
41
|
N(a),
|
|
47
42
|
O(a),
|
|
48
43
|
_(a),
|
|
49
|
-
/* Owner components */
|
|
50
44
|
q(),
|
|
51
45
|
z(a),
|
|
52
46
|
U(),
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { alpha as r } from "@mui/material/styles";
|
|
2
|
-
import { p as a, P as e } from "./palette
|
|
2
|
+
import { p as a, P as e } from "./palette.287635f2.js";
|
|
3
3
|
const s = a.light.grey[500], o = "#000000", n = (t) => {
|
|
4
4
|
const p = r(t, 0.2), x = r(t, 0.14), $ = r(t, 0.12);
|
|
5
5
|
return [
|
|
@@ -36,7 +36,6 @@ const s = a.light.grey[500], o = "#000000", n = (t) => {
|
|
|
36
36
|
success: `0px 2px 8px 0px ${r(e.acidGreen[50], 0.2)}`,
|
|
37
37
|
warning: `0px 2px 8px 0px ${r(e.middleYellow[50], 0.2)}`,
|
|
38
38
|
error: `0px 2px 8px 0px ${r(e.flameRed[50], 0.2)}`,
|
|
39
|
-
//
|
|
40
39
|
card: `0 0 2px 0 ${r(a.light.grey[500], 0.2)}, 0 12px 24px -4px ${r(
|
|
41
40
|
a.light.grey[500],
|
|
42
41
|
0.12
|
|
@@ -52,14 +51,12 @@ const s = a.light.grey[500], o = "#000000", n = (t) => {
|
|
|
52
51
|
z2: "0px 0px 4px 2px rgba(73, 88, 89, 0.14)",
|
|
53
52
|
z3: "0px 0px 8px 2px rgba(36, 59, 70, 0.14)",
|
|
54
53
|
z4: "0px 0px 18px 6px rgba(36, 59, 70, 0.12)",
|
|
55
|
-
//
|
|
56
54
|
...p
|
|
57
55
|
} : {
|
|
58
56
|
z1: "0px 0px 2px 2px rgba(0, 0, 0, 0.16)",
|
|
59
57
|
z2: "0px 0px 4px 2px rgba(17, 20, 20, 0.5)",
|
|
60
58
|
z3: "0px 0px 8px 2px rgba(9, 9, 10, 0.60)",
|
|
61
59
|
z4: "0px 0px 18px 6px rgba(9, 10, 10, 0.65)",
|
|
62
|
-
//
|
|
63
60
|
...p
|
|
64
61
|
};
|
|
65
62
|
}, l = {
|