@m4l/styles 3.2.1 → 3.2.2
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 +41 -33
- package/package.json +1 -1
- package/theme/{defaultThemeOptions-BlJvKCE6.js → defaultThemeOptions.b39953a8.js} +4 -4
- package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +0 -3
- package/theme/overrides/M4LExtendedComponents/{index-D8SeTLwa.js → index.dbc24a3d.js} +23 -343
- package/theme/overrides/M4LRHFComponents/{index-BRZVeOM5.js → index.7d702163.js} +4 -76
- package/theme/overrides/MUIComponents/{index-XoLdmZP6.js → index.2b5bc914.js} +0 -48
- package/theme/overrides/{index-DFdz4PJZ.js → index.cc540e59.js} +3 -9
- package/theme/{palette-DM0gXxA2.js → palette.fc293d0e.js} +0 -9
- package/theme/{shadows-GTYqExFA.js → shadows.67c0a60a.js} +1 -2
- package/theme/{typography-BsOO459U.js → typography.616cfe0c.js} +1 -11
- package/types/augmentations.d.ts +155 -155
- package/utils/{getColorPresets-CXZaM9oS.js → getColorPresets.38329841.js} +1 -1
- package/utils/{getFontValue-BEO-XID9.js → getFontValue.88831637.js} +5 -8
- package/vite-env.d.ts +3 -3
- /package/{config-B8bZIPuH.js → config.3bb6415c.js} +0 -0
- /package/theme/{index-l0sNRNKZ.js → index.34d0fdea.js} +0 -0
- /package/utils/{getColorState-D1JKXD4T.js → getColorState.b8092fb6.js} +0 -0
- /package/utils/{useResponsive-DaeQVwlH.js → useResponsive.2c45e8e0.js} +0 -0
|
@@ -12,13 +12,11 @@ const a = (o) => ({
|
|
|
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 = (o) => ({
|
|
|
71
69
|
}
|
|
72
70
|
}
|
|
73
71
|
},
|
|
74
|
-
/* State hover */
|
|
75
72
|
"&:hover": {
|
|
76
73
|
"& .M4LRHFTextField-label": {
|
|
77
74
|
color: o.vars.palette.primary?.hover
|
|
@@ -91,7 +88,6 @@ const a = (o) => ({
|
|
|
91
88
|
backgroundColor: o.vars.palette.primary?.hover
|
|
92
89
|
}
|
|
93
90
|
},
|
|
94
|
-
/* State focus and active */
|
|
95
91
|
"&.M4LRHFTextField-isFocus": {
|
|
96
92
|
"& .M4LRHFTextField-label": {
|
|
97
93
|
color: o.vars.palette.primary?.active
|
|
@@ -113,7 +109,6 @@ const a = (o) => ({
|
|
|
113
109
|
backgroundColor: o.vars.palette.primary?.active
|
|
114
110
|
}
|
|
115
111
|
},
|
|
116
|
-
/* State error */
|
|
117
112
|
"&.M4LRHFTextField-variantError": {
|
|
118
113
|
"& .M4LRHFTextField-label": {
|
|
119
114
|
color: o.vars.palette.error.main
|
|
@@ -140,7 +135,6 @@ const a = (o) => ({
|
|
|
140
135
|
}
|
|
141
136
|
}
|
|
142
137
|
},
|
|
143
|
-
/* State disabled */
|
|
144
138
|
"&.M4LRHFTextField-isDisabled": {
|
|
145
139
|
"& .M4LRHFTextField-label": {
|
|
146
140
|
color: o.vars.palette.text.disabled
|
|
@@ -158,7 +152,6 @@ const a = (o) => ({
|
|
|
158
152
|
backgroundColor: o.vars.palette.text.disabled
|
|
159
153
|
}
|
|
160
154
|
},
|
|
161
|
-
/* Sizes */
|
|
162
155
|
"&.M4LRHFTextField-sizeSmall": {
|
|
163
156
|
"& .MuiInputBase-input, & .MuiOutlinedInput-notchedOutline, & .M4LRHFTextField-skeleton": {
|
|
164
157
|
height: "24px",
|
|
@@ -209,7 +202,6 @@ const a = (o) => ({
|
|
|
209
202
|
color: o.vars.palette.text.primary,
|
|
210
203
|
...o.colorSchemes.finalTheme.typography.body
|
|
211
204
|
},
|
|
212
|
-
/* caso small */
|
|
213
205
|
".M4LRHFCheckbox-small .MuiButtonBase-root": {
|
|
214
206
|
width: "20px",
|
|
215
207
|
height: "20px"
|
|
@@ -218,7 +210,6 @@ const a = (o) => ({
|
|
|
218
210
|
width: "16px",
|
|
219
211
|
height: "16px"
|
|
220
212
|
},
|
|
221
|
-
/* caso medium */
|
|
222
213
|
".M4LRHFCheckbox-medium .MuiButtonBase-root": {
|
|
223
214
|
width: "24px",
|
|
224
215
|
height: "24px"
|
|
@@ -240,14 +231,12 @@ const a = (o) => ({
|
|
|
240
231
|
".MuiButtonBase-root:hover .MuiSvgIcon-root": {
|
|
241
232
|
fill: o.vars.palette.primary?.hover
|
|
242
233
|
},
|
|
243
|
-
/* caso general */
|
|
244
234
|
".M4LRHFCheckbox-checkTypography .MuiTypography-root": {
|
|
245
235
|
...o.colorSchemes.finalTheme.typography.body
|
|
246
236
|
},
|
|
247
237
|
".M4LRHFCheckbox-stateDisabled .MuiSvgIcon-root": {
|
|
248
238
|
fill: o.vars.palette.background?.default
|
|
249
239
|
},
|
|
250
|
-
/* selector del caso focus por tab */
|
|
251
240
|
".MuiButtonBase-root .Mui-focusVisible:focus-visible": {
|
|
252
241
|
outline: "#FFF00"
|
|
253
242
|
}
|
|
@@ -264,7 +253,6 @@ const a = (o) => ({
|
|
|
264
253
|
width: "100%",
|
|
265
254
|
gap: "2px",
|
|
266
255
|
outline: "unset",
|
|
267
|
-
// Variant
|
|
268
256
|
"&.M4LRHFAutocomplete-multiple": {
|
|
269
257
|
"& .MuiAutocomplete-inputRoot": {
|
|
270
258
|
display: "flex",
|
|
@@ -288,7 +276,6 @@ const a = (o) => ({
|
|
|
288
276
|
}
|
|
289
277
|
}
|
|
290
278
|
},
|
|
291
|
-
/* General properties */
|
|
292
279
|
"& .MuiAutocomplete-root": {
|
|
293
280
|
height: "100%",
|
|
294
281
|
"& .MuiFormControl-root": {
|
|
@@ -298,35 +285,12 @@ const a = (o) => ({
|
|
|
298
285
|
position: "relative",
|
|
299
286
|
height: "100%",
|
|
300
287
|
"& .MuiInputBase-input": {
|
|
301
|
-
/* Selector del elemento html input */
|
|
302
288
|
boxSizing: "border-box",
|
|
303
289
|
color: o.vars.palette.text.secondary,
|
|
304
290
|
backgroundColor: "transparent",
|
|
305
291
|
height: "100%",
|
|
306
292
|
padding: "0 16px 0 8px",
|
|
307
293
|
...o.colorSchemes.finalTheme.typography.body
|
|
308
|
-
/* '& .MuiInputAdornment-root': {
|
|
309
|
-
margin: '0px',
|
|
310
|
-
padding: '0px',
|
|
311
|
-
},
|
|
312
|
-
|
|
313
|
-
'& .M4LIcon-icon': {
|
|
314
|
-
backgroundColor: theme.vars.palette.text.secondary,
|
|
315
|
-
transition: 'all .3s ease',
|
|
316
|
-
},
|
|
317
|
-
|
|
318
|
-
'& .MuiOutlinedInput-notchedOutline': {
|
|
319
|
-
border: '1px solid',
|
|
320
|
-
borderColor: theme.vars.palette.border.primary,
|
|
321
|
-
borderRadius: '4px',
|
|
322
|
-
inset: '0px',
|
|
323
|
-
transition: 'all .3s ease',
|
|
324
|
-
|
|
325
|
-
'& legend': {
|
|
326
|
-
display: 'none'
|
|
327
|
-
},
|
|
328
|
-
|
|
329
|
-
} */
|
|
330
294
|
},
|
|
331
295
|
"& .M4LRHFAutocomplete-containerRefreshDown": {
|
|
332
296
|
display: "flex",
|
|
@@ -347,7 +311,6 @@ const a = (o) => ({
|
|
|
347
311
|
}
|
|
348
312
|
}
|
|
349
313
|
},
|
|
350
|
-
/* Skeleton general properties*/
|
|
351
314
|
"& .M4LRHFAutocomplete-skeletonRoot": {
|
|
352
315
|
display: "flex",
|
|
353
316
|
flexDirection: "column",
|
|
@@ -383,9 +346,7 @@ const a = (o) => ({
|
|
|
383
346
|
"& .MuiAutocomplete-root .MuiInputBase-root": {
|
|
384
347
|
padding: "0p 8px",
|
|
385
348
|
height: "100%"
|
|
386
|
-
//revisar
|
|
387
349
|
},
|
|
388
|
-
/* State hover */
|
|
389
350
|
"&:hover": {
|
|
390
351
|
"& .M4LRHFAutocomplete-label": {
|
|
391
352
|
color: o.vars.palette.text.secondary
|
|
@@ -404,7 +365,6 @@ const a = (o) => ({
|
|
|
404
365
|
backgroundColor: o.vars.palette.primary?.hover
|
|
405
366
|
}
|
|
406
367
|
},
|
|
407
|
-
/* State focus and active */
|
|
408
368
|
"&.M4LRHFAutocomplete-isFocus": {
|
|
409
369
|
"& .M4LRHFAutocomplete-label": {
|
|
410
370
|
color: o.vars.palette.primary?.active
|
|
@@ -426,7 +386,6 @@ const a = (o) => ({
|
|
|
426
386
|
backgroundColor: o.vars.palette.primary?.active
|
|
427
387
|
}
|
|
428
388
|
},
|
|
429
|
-
/* State error */
|
|
430
389
|
"&.M4LRHFAutocomplete-variantError": {
|
|
431
390
|
"& .M4LRHFAutocomplete-label": {
|
|
432
391
|
color: o.vars.palette.error.main
|
|
@@ -452,7 +411,6 @@ const a = (o) => ({
|
|
|
452
411
|
}
|
|
453
412
|
}
|
|
454
413
|
},
|
|
455
|
-
/* State disabled */
|
|
456
414
|
"&.M4LRHFAutocomplete-isDisabled": {
|
|
457
415
|
"& .M4LRHFAutocomplete-label": {
|
|
458
416
|
color: o.vars.palette.text.disabled
|
|
@@ -470,9 +428,9 @@ const a = (o) => ({
|
|
|
470
428
|
backgroundColor: o.vars.palette.text.disabled
|
|
471
429
|
}
|
|
472
430
|
},
|
|
473
|
-
/* Sizes */
|
|
474
431
|
"&.M4LRHFAutocomplete-sizeSmall": {
|
|
475
|
-
|
|
432
|
+
[`& .M4LRHFAutocomplete-skeleton,
|
|
433
|
+
& .MuiAutocomplete-root`]: {
|
|
476
434
|
"& .M4LImage-root": {
|
|
477
435
|
width: "24px",
|
|
478
436
|
height: "24px",
|
|
@@ -483,7 +441,8 @@ const a = (o) => ({
|
|
|
483
441
|
}
|
|
484
442
|
},
|
|
485
443
|
"&.M4LRHFAutocomplete-sizeMedium": {
|
|
486
|
-
|
|
444
|
+
[`& .M4LRHFAutocomplete-skeleton,
|
|
445
|
+
& .MuiAutocomplete-root`]: {
|
|
487
446
|
"& .M4LImage-root": {
|
|
488
447
|
width: "28px",
|
|
489
448
|
height: "28px",
|
|
@@ -493,7 +452,6 @@ const a = (o) => ({
|
|
|
493
452
|
minHeight: "36px"
|
|
494
453
|
}
|
|
495
454
|
},
|
|
496
|
-
// variant image defined
|
|
497
455
|
"&.M4LRHFAutocomplete-imageWidthDefined": {
|
|
498
456
|
"& .M4LImage-root": {
|
|
499
457
|
"& .M4LImage-img": {
|
|
@@ -501,17 +459,13 @@ const a = (o) => ({
|
|
|
501
459
|
}
|
|
502
460
|
}
|
|
503
461
|
}
|
|
504
|
-
// with multiple values in chips
|
|
505
462
|
}
|
|
506
463
|
}
|
|
507
464
|
},
|
|
508
465
|
M4LRHFAutocompletePopover: {
|
|
509
466
|
styleOverrides: {
|
|
510
|
-
// Menu popover que se despliega luego de interactuar con el componente.
|
|
511
|
-
// Despliega la lista de opciones diponibles.
|
|
512
467
|
"&.M4LRHFAutocomplete-popper": {
|
|
513
468
|
zIndex: "1300",
|
|
514
|
-
// Primer contendeor del manu, se utiliza para dar espacio interno y distribuir los items.
|
|
515
469
|
"& .MuiAutocomplete-listbox": {
|
|
516
470
|
padding: "8px",
|
|
517
471
|
display: "flex",
|
|
@@ -530,11 +484,9 @@ const a = (o) => ({
|
|
|
530
484
|
}
|
|
531
485
|
}
|
|
532
486
|
},
|
|
533
|
-
// Estilos generales para withImage
|
|
534
487
|
"& .M4LRHFAutocomplete-withImage": {
|
|
535
488
|
display: "flex",
|
|
536
489
|
gap: "8px",
|
|
537
|
-
// Estados por evento de usuario
|
|
538
490
|
"&:hover": {
|
|
539
491
|
color: o.vars.palette.text.primary,
|
|
540
492
|
backgroundColor: o.vars.palette.primary.activeOpacity
|
|
@@ -544,14 +496,11 @@ const a = (o) => ({
|
|
|
544
496
|
height: "100%"
|
|
545
497
|
}
|
|
546
498
|
},
|
|
547
|
-
// Estilos del menu para la versión de tamaño small
|
|
548
499
|
"&.M4LRHFAutocomplete-sizeSmall": {
|
|
549
|
-
// Item sin imagen
|
|
550
500
|
"& .MuiAutocomplete-listbox": {
|
|
551
501
|
"& .MuiAutocomplete-option": {
|
|
552
502
|
minHeight: "24px"
|
|
553
503
|
},
|
|
554
|
-
// Item con imagen
|
|
555
504
|
"& .M4LRHFAutocomplete-withImage": {
|
|
556
505
|
paddingLeft: "4px",
|
|
557
506
|
height: "24px",
|
|
@@ -567,15 +516,12 @@ const a = (o) => ({
|
|
|
567
516
|
}
|
|
568
517
|
}
|
|
569
518
|
},
|
|
570
|
-
// Estilos del menu para la versión de tamaño medium
|
|
571
519
|
"&.M4LRHFAutocomplete-sizeMedium": {
|
|
572
|
-
// Item sin imagen
|
|
573
520
|
"& .MuiAutocomplete-listbox": {
|
|
574
521
|
"& .MuiAutocomplete-option": {
|
|
575
522
|
height: "36px"
|
|
576
523
|
}
|
|
577
524
|
},
|
|
578
|
-
// Item con imagen
|
|
579
525
|
"& .M4LRHFAutocomplete-withImage": {
|
|
580
526
|
paddingLeft: "4px",
|
|
581
527
|
height: "36px",
|
|
@@ -590,7 +536,6 @@ const a = (o) => ({
|
|
|
590
536
|
}
|
|
591
537
|
}
|
|
592
538
|
},
|
|
593
|
-
// variación de ancho de imagen definido
|
|
594
539
|
"&.M4LRHFAutocomplete-imageWidthDefined": {
|
|
595
540
|
"& .M4LImage-img": {
|
|
596
541
|
minWidth: "24px",
|
|
@@ -611,7 +556,6 @@ const a = (o) => ({
|
|
|
611
556
|
styleOverrides: {
|
|
612
557
|
"&.M4LRHFAutocomplete-sizeSmall": {
|
|
613
558
|
height: "18px",
|
|
614
|
-
// important debido a que MUI agrega media queries directamente al elemento.
|
|
615
559
|
minHeight: "18px !important",
|
|
616
560
|
"& .MuiChip-deleteIcon": {
|
|
617
561
|
fontSize: "16px"
|
|
@@ -622,7 +566,6 @@ const a = (o) => ({
|
|
|
622
566
|
},
|
|
623
567
|
"&.M4LRHFAutocomplete-sizeMedium": {
|
|
624
568
|
height: "24px",
|
|
625
|
-
// important debido a que MUI agrega media queries directamente al elemento.
|
|
626
569
|
minHeight: "24px !important",
|
|
627
570
|
"& .MuiChip-deleteIcon": {
|
|
628
571
|
fontSize: "20px"
|
|
@@ -688,7 +631,6 @@ const a = (o) => ({
|
|
|
688
631
|
height: "36px"
|
|
689
632
|
}
|
|
690
633
|
},
|
|
691
|
-
/* General properties */
|
|
692
634
|
"& .MuiFormControl-root": {
|
|
693
635
|
"& .MuiInputBase-root": {
|
|
694
636
|
padding: "0 4px 0 0",
|
|
@@ -743,7 +685,6 @@ const a = (o) => ({
|
|
|
743
685
|
}
|
|
744
686
|
}
|
|
745
687
|
},
|
|
746
|
-
/* State hover */
|
|
747
688
|
"&:hover": {
|
|
748
689
|
"& .M4LTypography-root": {
|
|
749
690
|
color: o.vars.palette.primary?.hover
|
|
@@ -758,7 +699,6 @@ const a = (o) => ({
|
|
|
758
699
|
backgroundColor: o.vars.palette.primary?.hover
|
|
759
700
|
}
|
|
760
701
|
},
|
|
761
|
-
/* State focus and active */
|
|
762
702
|
"&.M4LRHFDateTime-isFocus": {
|
|
763
703
|
"& .M4LTypography-root": {
|
|
764
704
|
color: o.vars.palette.primary.active
|
|
@@ -775,7 +715,6 @@ const a = (o) => ({
|
|
|
775
715
|
backgroundColor: o.vars.palette.primary?.active
|
|
776
716
|
}
|
|
777
717
|
},
|
|
778
|
-
/* State error */
|
|
779
718
|
"&.M4LRHFTextField-variantError": {
|
|
780
719
|
"& .M4LRHFTextField-label": {
|
|
781
720
|
color: o.vars.palette.error.main
|
|
@@ -801,7 +740,6 @@ const a = (o) => ({
|
|
|
801
740
|
}
|
|
802
741
|
}
|
|
803
742
|
},
|
|
804
|
-
/* State disabled */
|
|
805
743
|
"&.M4LRHFTextField-isDisabled": {
|
|
806
744
|
"& .M4LRHFTextField-label": {
|
|
807
745
|
color: o.vars.palette.text.disabled
|
|
@@ -898,7 +836,6 @@ const a = (o) => ({
|
|
|
898
836
|
gap: "0",
|
|
899
837
|
position: "relative",
|
|
900
838
|
overflow: "hidden",
|
|
901
|
-
// Icono de carga
|
|
902
839
|
"& .M4LRHFUploadImage-containerBodyImage": {
|
|
903
840
|
display: "flex",
|
|
904
841
|
justifyContent: "center",
|
|
@@ -948,7 +885,6 @@ const a = (o) => ({
|
|
|
948
885
|
}
|
|
949
886
|
}
|
|
950
887
|
},
|
|
951
|
-
// Skeleton
|
|
952
888
|
"& .M4LRHFUploadImage-skeleton": {
|
|
953
889
|
maskPosition: "center!important",
|
|
954
890
|
maskRepeat: "no-repeat!important",
|
|
@@ -960,7 +896,6 @@ const a = (o) => ({
|
|
|
960
896
|
WebkitMask: "url('data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM2MzczODE7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSw4LjdjMS40LTEuNSwzLjQtMi4zLDUuNC0yLjNzMy45LDAuOCw1LjQsMi4zczIuNCwzLjUsMi41LDUuN2MwLDIuMi0wLjksNC4yLTIuNCw1LjdzLTMuNSwyLjMtNS41LDIuMgoJCWMtMi4xLDAuMS00LTAuNy01LjUtMi4yYy0xLjQtMS41LTIuMy0zLjUtMi40LTUuN0M0Mi42LDEyLjIsNDMuNSwxMC4yLDQ1LDguN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OC40LDYyLjFjLTAuMywwLjUtMC43LDAuOC0xLjIsMS4xcy0xLDAuNC0xLjYsMC40SDQuM2MtMC42LDAtMS4xLTAuMS0xLjYtMC40cy0wLjktMC42LTEuMi0xLjEKCQljLTAuMi0wLjUtMC40LTEtMC40LTEuNXMwLjEtMS4xLDAuNC0xLjVsMjMtMzYuNGMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNHMwLjksMC42LDEuMiwxLjEKCQlsMTEuNSwxOC4yYzAuMiwwLjMsMC41LDAuNSwwLjgsMC43czAuNiwwLjMsMSwwLjNjMC4zLDAsMC43LTAuMSwxLTAuM3MwLjYtMC40LDAuOC0wLjdsMy4xLTQuOWMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMQoJCXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNGMwLjUsMC4zLDAuOSwwLjYsMS4yLDEuMWwxNC42LDIzLjFjMC4zLDAuNSwwLjMsMSwwLjMsMS41UzY4LjcsNjEuNyw2OC40LDYyLjF6Ii8+CjwvZz4KPC9zdmc+Cg==')"
|
|
961
897
|
}
|
|
962
898
|
},
|
|
963
|
-
// Imagen cargada
|
|
964
899
|
"&.M4LRHFUploadImage-hasFile": {
|
|
965
900
|
"& .M4LRHFUploadImage-placeHolder": {
|
|
966
901
|
opacity: "0",
|
|
@@ -980,7 +915,6 @@ const a = (o) => ({
|
|
|
980
915
|
"&:hover": {
|
|
981
916
|
opacity: 1
|
|
982
917
|
},
|
|
983
|
-
// Comportamiento Hover imagen cargada
|
|
984
918
|
"& .M4LRHFUploadImage-containerUploadBoddy": {
|
|
985
919
|
"& .M4LRHFUploadImage-containerBodyImage": {
|
|
986
920
|
opacity: "0"
|
|
@@ -1055,12 +989,6 @@ const a = (o) => ({
|
|
|
1055
989
|
"& .M4LRHFColorPicker-boxColor": {
|
|
1056
990
|
cursor: "pointer"
|
|
1057
991
|
},
|
|
1058
|
-
/* '& .M4LIcon-root': {
|
|
1059
|
-
minHeight: '18px',
|
|
1060
|
-
minWidth: '18px',
|
|
1061
|
-
cursor: 'pointer',
|
|
1062
|
-
borderRadius: '4px',
|
|
1063
|
-
}, */
|
|
1064
992
|
"& .M4LIcon-root:hover": {
|
|
1065
993
|
background: o.vars.palette.background.hover
|
|
1066
994
|
}
|
|
@@ -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.border.line}`,
|
|
@@ -95,9 +92,6 @@ function l(r) {
|
|
|
95
92
|
function p(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 p(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 M(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 f(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 f(r) {
|
|
|
397
385
|
backgroundColor: r.vars.palette.background.default,
|
|
398
386
|
boxShadow: `0 0 0 1px ${r.vars.palette.primary?.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 m(r) {
|
|
|
566
551
|
display: "flex",
|
|
567
552
|
flexDirection: "row"
|
|
568
553
|
}
|
|
569
|
-
/* "& .MuiPaper-root": {
|
|
570
|
-
borderRadius: "4px",
|
|
571
|
-
backgroundColor: theme.vars.palette.primary.activeOpacity,
|
|
572
|
-
padding: "8px",
|
|
573
|
-
}, */
|
|
574
554
|
}
|
|
575
555
|
},
|
|
576
556
|
modal: {
|
|
@@ -875,18 +855,10 @@ function z(r) {
|
|
|
875
855
|
function A(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 A(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 $(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 D(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.2b5bc914.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.7d702163.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.dbc24a3d.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(),
|
|
@@ -148,7 +148,6 @@ const e = {
|
|
|
148
148
|
"00": "#FFFFFF",
|
|
149
149
|
10: "#FFFFFF",
|
|
150
150
|
20: "#F9FAFA",
|
|
151
|
-
//'#F5F9FA',
|
|
152
151
|
30: "#F4F5F5",
|
|
153
152
|
40: "#F0F4F4",
|
|
154
153
|
50: "#E6E8EA",
|
|
@@ -496,17 +495,12 @@ const a = {
|
|
|
496
495
|
},
|
|
497
496
|
background: {
|
|
498
497
|
default: e.marbleLight[10],
|
|
499
|
-
// todo: revisar contra figma (old state.default)
|
|
500
498
|
hover: a.oxford[4],
|
|
501
|
-
// todo: revisar contra figma (old state.hoverDefault)
|
|
502
499
|
surface: a.oxford[4],
|
|
503
500
|
subtle: e.marbleLight[10],
|
|
504
501
|
main: e.marbleLight[30],
|
|
505
|
-
// todo: background.neutral
|
|
506
502
|
bold: e.marbleLight[60],
|
|
507
|
-
// background.background
|
|
508
503
|
backdrop: a.oxford[72],
|
|
509
|
-
// hace referencia a alpha(`${theme.colorSchemes.finalTheme.palette.patronus?.onyx[60]}`, 0.8)
|
|
510
504
|
reverse: e.onyx[50],
|
|
511
505
|
header: e.marbleLight[20]
|
|
512
506
|
},
|
|
@@ -514,7 +508,6 @@ const a = {
|
|
|
514
508
|
active: s?.active,
|
|
515
509
|
selected: s?.selected,
|
|
516
510
|
default: a.oxford[4],
|
|
517
|
-
// before oxford 12 (hoverDefault)
|
|
518
511
|
primary: a.oxford[16],
|
|
519
512
|
secondary: a.oxford[10],
|
|
520
513
|
disabled: a.oxford[4],
|
|
@@ -541,9 +534,7 @@ const a = {
|
|
|
541
534
|
},
|
|
542
535
|
background: {
|
|
543
536
|
default: e.onyx[40],
|
|
544
|
-
// todo: revisar contra figma (old state default)
|
|
545
537
|
hover: a.mint[14],
|
|
546
|
-
// todo: revisar contra figma (old state hoverDefault)
|
|
547
538
|
surface: a.mint[8],
|
|
548
539
|
subtle: e.onyx[30],
|
|
549
540
|
main: e.onyx[50],
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { alpha as a } from "@mui/material/styles";
|
|
2
|
-
import { G as n, B as s, C as e } from "./palette
|
|
2
|
+
import { G as n, B as s, C as e } from "./palette.fc293d0e.js";
|
|
3
3
|
const o = n[500], c = "#000000", t = (r) => {
|
|
4
4
|
const p = a(r, 0.2), x = a(r, 0.14), $ = a(r, 0.12);
|
|
5
5
|
return [
|
|
@@ -36,7 +36,6 @@ const o = n[500], c = "#000000", t = (r) => {
|
|
|
36
36
|
success: `0px 2px 8px 0px ${a(s.acidGreen[50], 0.2)}`,
|
|
37
37
|
warning: `0px 2px 8px 0px ${a(s.middleYellow[50], 0.2)}`,
|
|
38
38
|
error: `0px 2px 8px 0px ${a(s.flameRed[50], 0.2)}`,
|
|
39
|
-
//
|
|
40
39
|
card: `0 0 2px 0 ${a(n[500], 0.2)}, 0 12px 24px -4px ${a(
|
|
41
40
|
n[500],
|
|
42
41
|
0.12
|