@m4l/styles 0.0.13 → 0.0.15

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 (24) hide show
  1. package/config.5405b46b.js +16 -0
  2. package/index.js +39 -3684
  3. package/package.json +4 -3
  4. package/theme/defaultThemeOptions.364b28b6.js +30 -0
  5. package/theme/index.cd1bedc8.js +7 -0
  6. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +306 -2
  7. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +148 -1
  8. package/theme/overrides/M4LExtendedComponents/{DynamicFilter.d.ts → M4LDynamicFilter.d.ts} +45 -38
  9. package/theme/overrides/M4LExtendedComponents/M4LIconButton.d.ts +12 -0
  10. package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts +1 -18
  11. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +274 -4
  12. package/theme/overrides/M4LExtendedComponents/index.9ef37d1d.js +1712 -0
  13. package/theme/overrides/M4LRHFComponents/index.5f690e33.js +350 -0
  14. package/theme/overrides/MUIComponents/index.56660771.js +1354 -0
  15. package/theme/overrides/index.19dec027.js +70 -0
  16. package/theme/palette.4b477f9b.js +354 -0
  17. package/theme/shadows.b2f38616.js +69 -0
  18. package/theme/typography.1db0276b.js +124 -0
  19. package/utils/getColorPresets.f3113d85.js +70 -0
  20. package/utils/getColorState.456150fd.js +136 -0
  21. package/utils/getFontValue.88831637.js +37 -0
  22. package/utils/index.d.ts +1 -0
  23. package/utils/useResponsive.2c45e8e0.js +16 -0
  24. package/utils/useResponsive.d.ts +7 -0
package/theme/overrides/M4LExtendedComponents/{DynamicFilter.d.ts → M4LDynamicFilter.d.ts} RENAMED
@@ -2,13 +2,12 @@ import { Theme } from '@mui/material/styles';
2
2
  export declare const M4LDynamicFilter: (theme: Theme) => {
3
3
  M4LDynamicFilter: {
4
4
  styleOverrides: {
5
- "&.M4LDynamicFilter-root": {
5
+ '&.M4LDynamicFilter-root': {
6
6
  borderRadius: string;
7
7
  background: string;
8
8
  boxShadow: string;
9
9
  padding: string;
10
10
  border: string;
11
- borderTop: string;
12
11
  borderColor: string;
13
12
  overflow: string;
14
13
  '& .M4LDynamicFilter-containerFistRow': {
@@ -23,14 +22,14 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
23
22
  '&.M4LDynamicFilter-isInvalid': {
24
23
  borderColor: string;
25
24
  };
26
- "& .M4LDynamicFilter-containerClearFilter": {
25
+ '& .M4LDynamicFilter-containerClearFilter': {
27
26
  display: string;
28
27
  flexDirection: string;
29
28
  gap: string;
30
29
  backgroundColor: string;
31
30
  padding: string;
32
31
  };
33
- "& .M4LDynamicFilter-containerInputFilter": {
32
+ '& .M4LDynamicFilter-containerInputFilter': {
34
33
  display: string;
35
34
  flexDirection: string;
36
35
  gap: string;
@@ -40,15 +39,16 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
40
39
  maxWidth: string;
41
40
  width: string;
42
41
  alignItems: string;
43
- "& > input": {
42
+ '& > input': {
44
43
  color: string;
45
44
  padding: string;
46
45
  width: string;
46
+ height: string;
47
47
  BorderRadius: string;
48
48
  border: string;
49
49
  background: string;
50
50
  };
51
- "& input:focus-visible": {
51
+ '& input:focus-visible': {
52
52
  border: string;
53
53
  background: string;
54
54
  BorderRadius: string;
@@ -56,21 +56,21 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
56
56
  padding: string;
57
57
  };
58
58
  };
59
- "& .M4LDynamicFilter-wrapperApplyedFilters": {
59
+ '& .M4LDynamicFilter-wrapperApplyedFilters': {
60
60
  borderLeft: string;
61
61
  height: string;
62
62
  };
63
- "& .M4LDynamicFilter-containerApplyedFilters": {
63
+ '& .M4LDynamicFilter-containerApplyedFilters': {
64
64
  padding: string;
65
65
  };
66
- "& .M4LDynamicFilter-applyedFilter": {
66
+ '& .M4LDynamicFilter-applyedFilter': {
67
67
  border: string;
68
68
  borderTop: string;
69
69
  borderColor: string;
70
- "& .css-5ca9fi": {
70
+ '& .css-5ca9fi': {
71
71
  [x: string]: any;
72
72
  };
73
- "& .css-1wytxsy": {
73
+ '& .css-1wytxsy': {
74
74
  [x: string]: any;
75
75
  };
76
76
  borderRadius: string;
@@ -78,20 +78,35 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
78
78
  boxShadow: string;
79
79
  color: string;
80
80
  };
81
- "& .M4LDynamicFilter-popoverFilterPaper": {
82
- background: string;
83
- borderRadius: string;
84
- minWidth: string;
85
- boxShadow: string;
86
- borderTop: string;
87
- borderColor: string;
81
+ };
82
+ };
83
+ };
84
+ M4LDynamicFilterPopoverMenuFields: {
85
+ styleOverrides: {
86
+ '&.M4LDynamicFilter-popoverMenuFields': {
87
+ '& .M4LDynamicFilter-popoverMenuFieldsPaper': {
88
+ '& .M4LDynamicFilter-classespopoverLabelMemuItem': {
89
+ color: string;
90
+ };
91
+ '& .M4LDynamicFilter-popoverMenuFieldsItem:hover': {
92
+ color: string;
93
+ background: string;
94
+ };
95
+ };
96
+ };
97
+ };
98
+ };
99
+ M4LDynamicFilterPopoverFilter: {
100
+ styleOverrides: {
101
+ '&.M4LDynamicFilter-popoverFilter': {
102
+ '& .M4LDynamicFilter-popoverFilterPaper': {
88
103
  padding: string;
89
104
  "& .M4LPopover-arrowStyle": {
90
105
  background: string;
91
106
  };
92
- "& .m4l_FormProvider": {
107
+ '& .m4l_FormProvider': {
93
108
  gap: string;
94
- "& .M4LDynamicFilter-popoverFilterHeader": {
109
+ '& .M4LDynamicFilter-popoverFilterHeader': {
95
110
  background: string;
96
111
  display: string;
97
112
  gap: string;
@@ -99,37 +114,29 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
99
114
  borderRadius: string;
100
115
  boxShadow: string;
101
116
  borderBottom: string;
102
- borderTop: string;
103
- borderColor: string;
104
- "& .MuiTypography-root": {
117
+ '& .MuiTypography-root': {
105
118
  color: string;
106
119
  };
107
120
  };
108
- "& .M4LDynamicFilter-popoverContainerFields": {
109
- padding: string;
121
+ '& .M4LDynamicFilter-popoverContainerFields': {
122
+ "& .M4LDynamicFilter-containerStringFilter,\n & .M4LDynamicFilter-containerBooleanFilter,\n & .M4LDynamicFilter-containerNumberFilter,\n & .M4LDynamicFilter-containerDateTimeFilter\n ": {
123
+ display: string;
124
+ flexDirection: string;
125
+ padding: string;
126
+ gap: string;
127
+ };
110
128
  };
111
- "& #WrapperStandarActions": {
129
+ '& .M4LCommonActions-wrapperActions': {
112
130
  display: string;
113
131
  flexDirection: string;
114
132
  gap: string;
115
133
  padding: string;
116
- ".M4LButton-root": {
134
+ '.M4LButton-root': {
117
135
  width: string;
118
136
  };
119
137
  };
120
138
  };
121
139
  };
122
- "& .M4LDynamicFilter-popoverMenuFields": {
123
- borderTop: string;
124
- borderColor: string;
125
- "& .M4LDynamicFilter-classespopoverLabelMemuItem": {
126
- color: string;
127
- };
128
- "& .M4LDynamicFilter-popoverMenuFieldsItem:hover": {
129
- color: string;
130
- background: string;
131
- };
132
- };
133
140
  };
134
141
  };
135
142
  };
package/theme/overrides/M4LExtendedComponents/M4LIconButton.d.ts CHANGED
@@ -24,26 +24,38 @@ export declare const M4LIconButton: (theme: Theme) => {
24
24
  '.M4LIconButton-sizeExtraSmall&::before': {
25
25
  width: string;
26
26
  height: string;
27
+ minWidth: string;
28
+ minHeight: string;
27
29
  };
28
30
  '.M4LIconButton-sizeSmall&::before': {
29
31
  width: string;
30
32
  height: string;
33
+ minWidth: string;
34
+ minHeight: string;
31
35
  };
32
36
  '.M4LIconButton-sizeMedium&::before': {
33
37
  width: string;
34
38
  height: string;
39
+ minWidth: string;
40
+ minHeight: string;
35
41
  };
36
42
  '&.M4LIconButton-sizeExtraSmall': {
37
43
  width: string;
38
44
  height: string;
45
+ minWidth: string;
46
+ minHeight: string;
39
47
  };
40
48
  '&.M4LIconButton-sizeSmall': {
41
49
  width: string;
42
50
  height: string;
51
+ minWidth: string;
52
+ minHeight: string;
43
53
  };
44
54
  '&.M4LIconButton-sizeMedium': {
45
55
  width: string;
46
56
  height: string;
57
+ minWidth: string;
58
+ minHeight: string;
47
59
  };
48
60
  '& .MuiIconButton-root': {
49
61
  position: string;
package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts CHANGED
@@ -2,30 +2,13 @@ import { Theme } from '@mui/material/styles';
2
2
  export declare const M4LPopover: (theme: Theme) => {
3
3
  M4LPopover: {
4
4
  styleOverrides: {
5
- "&.M4LDynamicFilter-popoverMenuFields": {
6
- "& .M4LDynamicFilter-popoverMenuFieldsPaper": {
7
- borderRadius: string;
8
- background: string;
9
- padding: string;
10
- boxShadow: string;
11
- display: string;
12
- flexDirection: string;
13
- gap: string;
14
- };
15
- "& .M4LDynamicFilter-popoverMenuFieldsItem": {
16
- borderRadius: string;
17
- padding: string;
18
- display: string;
19
- flexDirection: string;
20
- gap: string;
21
- };
22
- };
23
5
  "&.M4LPopover-root": {
24
6
  '.MuiPaper-root': {
25
7
  background: string;
26
8
  borderRadius: string;
27
9
  padding: string;
28
10
  boxShadow: string;
11
+ width: string;
29
12
  };
30
13
  '& .M4LanguagePopover-containerItems': {
31
14
  '& .M4LanguagePopover-labelItem': {
package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts CHANGED
@@ -131,8 +131,17 @@ export declare const M4LSideBar: (theme: Theme) => {
131
131
  '& .M4LIcon-icon': {
132
132
  backgroundColor: string;
133
133
  };
134
- '& .MuiTypography-root': {
135
- color: string;
134
+ '& .M4LTypography-root': {
135
+ display: string;
136
+ flexGrow: string;
137
+ overflow: string;
138
+ '& .MuiTypography-root': {
139
+ color: string;
140
+ textWrap: string;
141
+ textOverflow: string;
142
+ display: string;
143
+ overflow: string;
144
+ };
136
145
  };
137
146
  '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
138
147
  backgroundColor: string;
@@ -358,8 +367,17 @@ export declare const M4LSideBar: (theme: Theme) => {
358
367
  '& .M4LIcon-icon': {
359
368
  backgroundColor: string;
360
369
  };
361
- '& .MuiTypography-root': {
362
- color: string;
370
+ '& .M4LTypography-root': {
371
+ display: string;
372
+ flexGrow: string;
373
+ overflow: string;
374
+ '& .MuiTypography-root': {
375
+ color: string;
376
+ textWrap: string;
377
+ textOverflow: string;
378
+ display: string;
379
+ overflow: string;
380
+ };
363
381
  };
364
382
  '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
365
383
  backgroundColor: string;
@@ -448,4 +466,256 @@ export declare const M4LSideBar: (theme: Theme) => {
448
466
  };
449
467
  };
450
468
  };
469
+ M4LSideBarPopover: {
470
+ styleOverrides: {
471
+ '&.M4LSideBar-popover': {
472
+ '& .M4LSideBar-navListSubItemRoot': {
473
+ '& .M4LSideBar-navSubItemContentRoot ': {
474
+ gap: string;
475
+ margin: string;
476
+ padding: string;
477
+ '&.M4LSideBar-subItemCollapseActive': {
478
+ backgroundColor: string;
479
+ };
480
+ '& .M4LTypography-root': {
481
+ display: string;
482
+ width: string;
483
+ '& .MuiTypography-root': {
484
+ color: string;
485
+ with: string;
486
+ overflow: string;
487
+ textOverflow: string;
488
+ textWrap: string;
489
+ };
490
+ };
491
+ '&.M4LSideBar-subItemActive': {
492
+ '& .M4LSideBar-navSubItemContentBullet': {
493
+ height: string;
494
+ borderRadius: string;
495
+ backgroundColor: string;
496
+ };
497
+ };
498
+ '& .M4LSideBar-navSubItemContentBullet': {
499
+ minWidth: string;
500
+ minHeight: string;
501
+ borderRadius: string;
502
+ backgroundColor: string;
503
+ };
504
+ '&:hover': {
505
+ background: string;
506
+ };
507
+ };
508
+ };
509
+ };
510
+ };
511
+ };
512
+ M4LSideBarDrawer: {
513
+ styleOverrides: {
514
+ '&.M4LSideBar-drawer': {
515
+ '& .M4LSideBar-contentMobile': {
516
+ width: string;
517
+ height: string;
518
+ display: string;
519
+ flexDirection: string;
520
+ '& .M4LSideBar-containerSideBarLogo': {
521
+ marginRight: string;
522
+ '& .M4LSideBar-containerLogo': {
523
+ height: string;
524
+ display: string;
525
+ flexDirection: string;
526
+ justifyContent: string;
527
+ alignItems: string;
528
+ fitContent: string;
529
+ boxSizing: string;
530
+ paddingTop: string;
531
+ paddingBottom: string;
532
+ gap: string;
533
+ '& .M4LTypography-root': {
534
+ display: string;
535
+ justifyContent: string;
536
+ width: string;
537
+ '& .MuiTypography-root': {
538
+ with: string;
539
+ overflow: string;
540
+ textOverflow: string;
541
+ textWrap: string;
542
+ };
543
+ };
544
+ '& .M4LImage-root': {
545
+ position: string;
546
+ background: string;
547
+ boxShadow: string;
548
+ padding: string;
549
+ borderRadius: string;
550
+ };
551
+ };
552
+ };
553
+ '& .M4LSideBar-contentGroups': {
554
+ overflow: string;
555
+ flexGrow: string;
556
+ display: string;
557
+ flexDirection: string;
558
+ '& .M4LSideBar-contentGroupsLine': {
559
+ display: string;
560
+ height: string;
561
+ marginRight: string;
562
+ backgroundColor: string;
563
+ };
564
+ '& .M4LSideBar-wrapperGroup': {
565
+ height: string;
566
+ '& .M4LSideBar-wrapperGroupTitle': {
567
+ padding: string;
568
+ height: string;
569
+ '& .M4LTypography-root': {
570
+ display: string;
571
+ width: string;
572
+ '& .MuiTypography-root': {
573
+ with: string;
574
+ overflow: string;
575
+ textOverflow: string;
576
+ textWrap: string;
577
+ };
578
+ };
579
+ };
580
+ '& .M4LSideBar-itemListMainRoot': {
581
+ display: string;
582
+ borderRadius: string;
583
+ justifyContent: string;
584
+ flexDirection: string;
585
+ gap: string;
586
+ '& .M4LSideBar-navItemMainRoot': {
587
+ backgroundColor: string;
588
+ '&:hover': {
589
+ background: string;
590
+ };
591
+ };
592
+ '&.M4LSideBar-itemMainActive': {
593
+ '& .M4LSideBar-navItemMainRoot': {
594
+ background: string;
595
+ '&:hover': {
596
+ background: string;
597
+ };
598
+ };
599
+ '& .M4LSideBar-navItemRootContent': {
600
+ '& .M4LSideBar-navItemRootContentIconTypo': {
601
+ '& .M4LIcon-icon': {
602
+ backgroundColor: string;
603
+ };
604
+ '& .MuiTypography-root': {
605
+ color: string;
606
+ };
607
+ '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
608
+ backgroundColor: string;
609
+ };
610
+ };
611
+ '&::before': {
612
+ content: string;
613
+ width: string;
614
+ top: string;
615
+ bottom: string;
616
+ right: string;
617
+ backgroundColor: string;
618
+ borderRadius: string;
619
+ position: string;
620
+ };
621
+ };
622
+ };
623
+ '& .M4LSideBar-navItemRootContent': {
624
+ display: string;
625
+ padding: string;
626
+ justifyContent: string;
627
+ borderRadius: string;
628
+ position: string;
629
+ '& .M4LSideBar-navItemRootContentIconTypo': {
630
+ display: string;
631
+ gap: string;
632
+ width: string;
633
+ '& .M4LIcon-icon': {
634
+ backgroundColor: string;
635
+ };
636
+ '& .MuiTypography-root': {
637
+ color: string;
638
+ textWrap: string;
639
+ textOverflow: string;
640
+ display: string;
641
+ overflow: string;
642
+ };
643
+ '& .M4LSideBar-arrowIconRoot .M4LIcon-icon': {
644
+ backgroundColor: string;
645
+ };
646
+ };
647
+ };
648
+ '& .M4LSideBar-navListSubItemRoot': {
649
+ '& .M4LSideBar-navSubItemContentRoot ': {
650
+ '&.M4LSideBar-subItemCollapseActive': {
651
+ backgroundColor: string;
652
+ };
653
+ '&.M4LSideBar-subItemActive': {
654
+ '& .M4LSideBar-navSubItemContentBullet': {
655
+ height: string;
656
+ borderRadius: string;
657
+ backgroundColor: string;
658
+ };
659
+ };
660
+ '&:hover': {
661
+ background: string;
662
+ };
663
+ };
664
+ '& .M4LSideBar-navSubItemContentRoot': {
665
+ gap: string;
666
+ margin: string;
667
+ padding: string;
668
+ '& .M4LSideBar-navSubItemContentBullet': {
669
+ minWidth: string;
670
+ minHeight: string;
671
+ borderRadius: string;
672
+ backgroundColor: string;
673
+ };
674
+ '& .M4LTypography-root': {
675
+ display: string;
676
+ width: string;
677
+ '& .MuiTypography-root': {
678
+ color: string;
679
+ with: string;
680
+ overflow: string;
681
+ textOverflow: string;
682
+ textWrap: string;
683
+ };
684
+ };
685
+ };
686
+ };
687
+ '& .MuiCollapse-root': {
688
+ marginLeft: string;
689
+ };
690
+ };
691
+ };
692
+ '& .M4LIcon-root .M4LIcon-icon': {
693
+ backgroundColor: string;
694
+ };
695
+ };
696
+ '& .M4LSideBar-collapseButton': {
697
+ display: string;
698
+ paddingTop: string;
699
+ borderTop: string;
700
+ borderColor: string;
701
+ justifyContent: string;
702
+ marginRight: string;
703
+ gap: string;
704
+ '& .M4LSideBar-containerLogoButton': {
705
+ display: string;
706
+ gap: string;
707
+ '& .M4LSideBar-containerLogoButtonLogo': {
708
+ width: string;
709
+ height: string;
710
+ };
711
+ '& .M4LSideBar-containerLogoButtonIcon': {
712
+ display: string;
713
+ alignItems: string;
714
+ };
715
+ };
716
+ };
717
+ };
718
+ };
719
+ };
720
+ };
451
721
  };