@m4l/styles 0.0.14 → 0.0.16

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 (30) hide show
  1. package/config.5405b46b.js +16 -0
  2. package/index.js +39 -3741
  3. package/package.json +1 -1
  4. package/theme/defaultThemeOptions.364b28b6.js +30 -0
  5. package/theme/index.cd1bedc8.js +7 -0
  6. package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts +17 -0
  7. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +188 -0
  8. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +319 -2
  9. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +131 -25
  10. package/theme/overrides/M4LExtendedComponents/M4LAvatar.d.ts +15 -0
  11. package/theme/overrides/M4LExtendedComponents/M4LCommonActions.d.ts +10 -0
  12. package/theme/overrides/M4LExtendedComponents/{DynamicFilter.d.ts → M4LDynamicFilter.d.ts} +51 -38
  13. package/theme/overrides/M4LExtendedComponents/M4LIconButton.d.ts +12 -0
  14. package/theme/overrides/M4LExtendedComponents/M4LMasterDetailLayout.d.ts +33 -0
  15. package/theme/overrides/M4LExtendedComponents/M4LModuleLayout.d.ts +22 -0
  16. package/theme/overrides/M4LExtendedComponents/M4LPopover.d.ts +1 -18
  17. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +274 -4
  18. package/theme/overrides/M4LExtendedComponents/M4LSplitLayout.d.ts +87 -0
  19. package/theme/overrides/M4LExtendedComponents/index.9d7c79cc.js +1969 -0
  20. package/theme/overrides/M4LRHFComponents/M4LRHFDateTime.d.ts +130 -0
  21. package/theme/overrides/M4LRHFComponents/index.b7f8e30c.js +480 -0
  22. package/theme/overrides/MUIComponents/index.56660771.js +1354 -0
  23. package/theme/overrides/index.ff2a1a5a.js +78 -0
  24. package/theme/palette.4b477f9b.js +354 -0
  25. package/theme/shadows.b2f38616.js +69 -0
  26. package/theme/typography.1db0276b.js +124 -0
  27. package/utils/getColorPresets.f3113d85.js +70 -0
  28. package/utils/getColorState.456150fd.js +136 -0
  29. package/utils/getFontValue.88831637.js +37 -0
  30. package/utils/useResponsive.2c45e8e0.js +16 -0
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
  };
package/theme/overrides/M4LExtendedComponents/M4LSplitLayout.d.ts ADDED
@@ -0,0 +1,87 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const M4LSplitLayout: (theme: Theme) => {
3
+ M4LSplitLayout: {
4
+ styleOverrides: {
5
+ '&.M4LSplitLayout-root': {
6
+ display: string;
7
+ flexDirection: string;
8
+ position: string;
9
+ flexGrow: number;
10
+ overflow: string;
11
+ '& .splitter-layout': {
12
+ position: string;
13
+ display: string;
14
+ flexDirection: string;
15
+ width: string;
16
+ height: string;
17
+ overflow: string;
18
+ };
19
+ '& .splitter-layout .layout-pane': {
20
+ position: string;
21
+ flex: string;
22
+ overflow: string;
23
+ };
24
+ '& .splitter-layout .layout-pane.layout-pane-primary': {
25
+ flex: string;
26
+ };
27
+ '& .splitter-layout.layout-changing': {
28
+ cursor: string;
29
+ };
30
+ '& .splitter-layout > .layout-splitter': {
31
+ display: string;
32
+ alignItems: string;
33
+ backgroundColor: string;
34
+ boxSizing: string;
35
+ backgroundClip: string;
36
+ width: string;
37
+ margin: string;
38
+ borderLeft: string;
39
+ borderRight: string;
40
+ cursor: string;
41
+ justifyContent: string;
42
+ height: string;
43
+ };
44
+ '& .splitter-layout .layout-splitter:before': {
45
+ content: string;
46
+ height: string;
47
+ width: string;
48
+ top: string;
49
+ position: string;
50
+ background: string;
51
+ borderRadius: string;
52
+ };
53
+ '& .splitter-layout > .layout-splitter:hover': {
54
+ borderLeft: string;
55
+ borderRight: string;
56
+ };
57
+ '& .splitter-layout.splitter-layout-vertical.layout-changing': {
58
+ cursor: string;
59
+ };
60
+ '& .splitter-layout.splitter-layout-vertical > .layout-splitter': {
61
+ height: string;
62
+ width: string;
63
+ margin: string;
64
+ borderTop: string;
65
+ borderBottom: string;
66
+ cursor: string;
67
+ };
68
+ '& .splitter-layout.splitter-layout-vertical .layout-splitter:before': {
69
+ width: string;
70
+ height: string;
71
+ left: string;
72
+ top: string;
73
+ };
74
+ '& .splitter-layout > .layout-splitter:hover:before, .splitter-layout.layout-changing > .layout-splitter:before': {
75
+ background: string;
76
+ };
77
+ '& .splitter-layout.splitter-layout-vertical': {
78
+ flexDirection: string;
79
+ };
80
+ '& .splitter-layout.splitter-layout-vertical > .layout-splitter:hover': {
81
+ borderTop: string;
82
+ borderBottom: string;
83
+ };
84
+ };
85
+ };
86
+ };
87
+ };