@m4l/styles 0.0.16 → 0.0.18

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 (45) hide show
  1. package/index.js +10 -10
  2. package/package.json +2 -1
  3. package/theme/{defaultThemeOptions.364b28b6.js → defaultThemeOptions.d67fe64c.js} +7 -7
  4. package/theme/index.efa44d2d.js +7 -0
  5. package/theme/overrides/M4LExtendedComponents/M4LAccordion.d.ts +53 -0
  6. package/theme/overrides/M4LExtendedComponents/M4LAccountPopover.d.ts +42 -4
  7. package/theme/overrides/M4LExtendedComponents/M4LAppBar.d.ts +77 -96
  8. package/theme/overrides/M4LExtendedComponents/M4LAreasAdmin.d.ts +206 -59
  9. package/theme/overrides/M4LExtendedComponents/M4LAreasViewer.d.ts +1960 -37
  10. package/theme/overrides/M4LExtendedComponents/M4LBadge.d.ts +10 -0
  11. package/theme/overrides/M4LExtendedComponents/M4LButton.d.ts +10 -15
  12. package/theme/overrides/M4LExtendedComponents/M4LCommonActions.d.ts +5 -1
  13. package/theme/overrides/M4LExtendedComponents/M4LDynamicFilter.d.ts +9 -10
  14. package/theme/overrides/M4LExtendedComponents/M4LMasterDetailLayout.d.ts +7 -6
  15. package/theme/overrides/M4LExtendedComponents/M4LModalDialog.d.ts +927 -0
  16. package/theme/overrides/M4LExtendedComponents/M4LPaperForm.d.ts +42 -0
  17. package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts +146 -0
  18. package/theme/overrides/M4LExtendedComponents/M4LPropertyValue.d.ts +10 -0
  19. package/theme/overrides/M4LExtendedComponents/M4LRHFormProvider.d.ts +13 -0
  20. package/theme/overrides/M4LExtendedComponents/M4LSplitLayout.d.ts +5 -0
  21. package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts +47 -0
  22. package/theme/overrides/M4LExtendedComponents/M4LTooltip.d.ts +26 -0
  23. package/theme/overrides/M4LExtendedComponents/M4LinearProgressIndeterminate.d.ts +56 -0
  24. package/theme/overrides/M4LExtendedComponents/M4LoadingButton.d.ts +8 -3
  25. package/theme/overrides/M4LExtendedComponents/{index.9d7c79cc.js → index.bd713d88.js} +1198 -226
  26. package/theme/overrides/M4LRHFComponents/M4LRHFAutocomplete.d.ts +1 -0
  27. package/theme/overrides/M4LRHFComponents/M4LRHFAutocompleteAsync.d.ts +0 -1
  28. package/theme/overrides/M4LRHFComponents/M4LRHFPeriod.d.ts +10 -0
  29. package/theme/overrides/M4LRHFComponents/M4LRHFTextField.d.ts +16 -0
  30. package/theme/overrides/M4LRHFComponents/M4LRHFUploadImage.d.ts +172 -0
  31. package/theme/overrides/M4LRHFComponents/{index.b7f8e30c.js → index.1406e2ed.js} +209 -11
  32. package/theme/overrides/MUIComponents/Tabs.d.ts +23 -3
  33. package/theme/overrides/MUIComponents/{index.56660771.js → index.e3d060c3.js} +47 -27
  34. package/theme/overrides/index.6b7aec0f.js +90 -0
  35. package/theme/{palette.4b477f9b.js → palette.95c4f9c8.js} +17 -17
  36. package/theme/palette.d.ts +4 -4
  37. package/theme/{shadows.b2f38616.js → shadows.354bbb03.js} +1 -1
  38. package/theme/{typography.1db0276b.js → typography.61f909b7.js} +4 -4
  39. package/types/augmentations.d.ts +3 -1
  40. package/utils/{getColorPresets.f3113d85.js → getColorPresets.d73f30ad.js} +1 -1
  41. package/utils/getColorState.bde51cf7.js +159 -0
  42. package/utils/getColorState.d.ts +2 -0
  43. package/theme/index.cd1bedc8.js +0 -7
  44. package/theme/overrides/index.ff2a1a5a.js +0 -78
  45. package/utils/getColorState.456150fd.js +0 -136
package/theme/overrides/M4LExtendedComponents/M4LPaperForm.d.ts ADDED
@@ -0,0 +1,42 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const M4LPaperForm: (theme: Theme) => {
3
+ M4LPaperForm: {
4
+ styleOverrides: {
5
+ '&.M4LPaperForm-root': {
6
+ margin: string;
7
+ padding: string;
8
+ borderRadius: string;
9
+ boxShadow: string;
10
+ background: string;
11
+ border: string;
12
+ borderColor: string;
13
+ width: string;
14
+ height: string;
15
+ "& .M4LPaperForm-headerContainer": {
16
+ width: string;
17
+ height: string;
18
+ minHeight: string;
19
+ padding: string;
20
+ margin: string;
21
+ borderRadius: string;
22
+ background: string;
23
+ boxShadow: string;
24
+ borderBottom: string;
25
+ "& .M4LPaperForm-iconTitleContainer": {
26
+ color: string;
27
+ display: string;
28
+ gap: string;
29
+ "& .M4LPaperForm-iconHeaderContainer": {
30
+ margin: string;
31
+ };
32
+ };
33
+ };
34
+ "& .M4LPaperForm-content": {
35
+ height: string;
36
+ width: string;
37
+ padding: string;
38
+ };
39
+ };
40
+ };
41
+ };
42
+ };
package/theme/overrides/M4LExtendedComponents/M4LPeriod.d.ts ADDED
@@ -0,0 +1,146 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const M4LPeriod: (theme: Theme) => {
3
+ M4LPeriod: {
4
+ styleOverrides: {
5
+ '&.M4LPeriod-root': {
6
+ border: string;
7
+ borderColor: string;
8
+ boxShadow: string;
9
+ display: string;
10
+ width: string;
11
+ gap: string;
12
+ borderRadius: string;
13
+ padding: string;
14
+ '& .M4LPeriod-stateReadOnly': {};
15
+ '& .M4LPeriod-gap': {
16
+ backgroundColor: string;
17
+ };
18
+ '& .M4LIcon-root': {
19
+ margin: string;
20
+ };
21
+ '& .M4LPeriod-containerDateLabel': {
22
+ width: string;
23
+ borderRadius: string;
24
+ border: string;
25
+ borderColor: string;
26
+ padding: string;
27
+ };
28
+ '& .M4LPeriod-containerDateValue': {
29
+ width: string;
30
+ borderRadius: string;
31
+ border: string;
32
+ borderColor: string;
33
+ padding: string;
34
+ };
35
+ '&:not(.M4LPeriod-stateReadOnly).M4LPeriod-variantMonoperiod': {
36
+ width: string;
37
+ '& .MuiAutocomplete-root': {
38
+ width: string;
39
+ borderRadius: string;
40
+ borderColor: string;
41
+ '& .MuiInputBase-root': {
42
+ borderRadius: string;
43
+ paddingLeft: string;
44
+ background: string;
45
+ };
46
+ };
47
+ '& .MuiTextField-root': {
48
+ width: string;
49
+ borderRadius: string;
50
+ border: string;
51
+ borderColor: string;
52
+ '& .MuiInputBase-root': {
53
+ borderRadius: string;
54
+ paddingLeft: string;
55
+ background: string;
56
+ };
57
+ '& .MuiInputBase-root.Mui-focused': {
58
+ borderRadius: string;
59
+ paddingLeft: string;
60
+ borderColor: string;
61
+ };
62
+ '& .MuiInputBase-root:hover': {
63
+ borderRadius: string;
64
+ paddingLeft: string;
65
+ background: string;
66
+ };
67
+ };
68
+ "&:hover": {
69
+ borderColor: string;
70
+ '& .MuiAutocomplete-root': {
71
+ borderColor: string;
72
+ };
73
+ };
74
+ };
75
+ '&.M4LPeriod-stateError': {
76
+ borderColor: string;
77
+ boxShadow: string;
78
+ "&.M4LPeriod-stateError:hover": {
79
+ borderColor: string;
80
+ background: string;
81
+ boxShadow: string;
82
+ };
83
+ "& .MuiTextField-root:hover": {
84
+ background: string;
85
+ '& .MuiInputBase-root:hover': {
86
+ borderRadius: string;
87
+ paddingLeft: string;
88
+ background: string;
89
+ };
90
+ };
91
+ };
92
+ '&.M4LPeriod-stateWarning': {
93
+ borderColor: string;
94
+ boxShadow: string;
95
+ '&.M4LPeriod-stateWarning:hover': {
96
+ borderColor: string;
97
+ background: string;
98
+ boxShadow: string;
99
+ "& .MuiTextField-root:hover": {
100
+ background: string;
101
+ '& .MuiInputBase-root:hover': {
102
+ borderRadius: string;
103
+ paddingLeft: string;
104
+ background: string;
105
+ };
106
+ };
107
+ };
108
+ };
109
+ '&.M4LPeriod-stateSuccess': {
110
+ borderColor: string;
111
+ boxShadow: string;
112
+ '&.M4LPeriod-stateSuccess:hover': {
113
+ borderColor: string;
114
+ background: string;
115
+ boxShadow: string;
116
+ "& .MuiTextField-root:hover": {
117
+ background: string;
118
+ '& .MuiInputBase-root:hover': {
119
+ borderRadius: string;
120
+ paddingLeft: string;
121
+ background: string;
122
+ };
123
+ };
124
+ };
125
+ };
126
+ '&.M4LPeriod-stateInfo': {
127
+ borderColor: string;
128
+ boxShadow: string;
129
+ '&.M4LPeriod-stateInfo:hover': {
130
+ borderColor: string;
131
+ background: string;
132
+ boxShadow: string;
133
+ "& .MuiTextField-root:hover": {
134
+ background: string;
135
+ '& .MuiInputBase-root:hover': {
136
+ borderRadius: string;
137
+ paddingLeft: string;
138
+ background: string;
139
+ };
140
+ };
141
+ };
142
+ };
143
+ };
144
+ };
145
+ };
146
+ };
package/theme/overrides/M4LExtendedComponents/M4LPropertyValue.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const M4LPropertyValue: (_theme: Theme) => {
3
+ M4LPropertyValue: {
4
+ styleOverrides: {
5
+ '&.M4LPropertyValue-root': {
6
+ test: string;
7
+ };
8
+ };
9
+ };
10
+ };
package/theme/overrides/M4LExtendedComponents/M4LRHFormProvider.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const M4LRHFormProvider: (_theme: Theme) => {
3
+ M4LRHFormProvider: {
4
+ styleOverrides: {
5
+ '&.M4LRHFormProvider-root': {
6
+ display: string;
7
+ flexDirection: string;
8
+ width: string;
9
+ height: string;
10
+ };
11
+ };
12
+ };
13
+ };
package/theme/overrides/M4LExtendedComponents/M4LSplitLayout.d.ts CHANGED
@@ -51,8 +51,10 @@ export declare const M4LSplitLayout: (theme: Theme) => {
51
51
  borderRadius: string;
52
52
  };
53
53
  '& .splitter-layout > .layout-splitter:hover': {
54
+ borderRadius: string;
54
55
  borderLeft: string;
55
56
  borderRight: string;
57
+ background: string;
56
58
  };
57
59
  '& .splitter-layout.splitter-layout-vertical.layout-changing': {
58
60
  cursor: string;
@@ -70,6 +72,8 @@ export declare const M4LSplitLayout: (theme: Theme) => {
70
72
  height: string;
71
73
  left: string;
72
74
  top: string;
75
+ background: string;
76
+ borderRadius: string;
73
77
  };
74
78
  '& .splitter-layout > .layout-splitter:hover:before, .splitter-layout.layout-changing > .layout-splitter:before': {
75
79
  background: string;
@@ -80,6 +84,7 @@ export declare const M4LSplitLayout: (theme: Theme) => {
80
84
  '& .splitter-layout.splitter-layout-vertical > .layout-splitter:hover': {
81
85
  borderTop: string;
82
86
  borderBottom: string;
87
+ background: string;
83
88
  };
84
89
  };
85
90
  };
package/theme/overrides/M4LExtendedComponents/M4LTab.d.ts ADDED
@@ -0,0 +1,47 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const M4LTab: (theme: Theme) => {
3
+ M4LTab: {
4
+ styleOverrides: {
5
+ '&.M4LTab-root': {
6
+ "& .MuiButtonBase-root": {
7
+ color: string;
8
+ "& .M4LIcon-root": {
9
+ marginBottom: string;
10
+ };
11
+ borderRadius: string;
12
+ display: string;
13
+ flexDirection: string;
14
+ alignItems: string;
15
+ padding: string;
16
+ height: string;
17
+ width: string;
18
+ minHeight: string;
19
+ minWidth: string;
20
+ gap: string;
21
+ };
22
+ "& .MuiButtonBase-root:hover": {
23
+ background: string;
24
+ color: string;
25
+ "& .M4LIcon-icon": {
26
+ backgroundColor: string;
27
+ };
28
+ };
29
+ "& .Mui-selected": {
30
+ background: string;
31
+ border: string;
32
+ borderColor: string;
33
+ boxShadow: string;
34
+ '&::before': {
35
+ content: string;
36
+ width: string;
37
+ height: string;
38
+ left: string;
39
+ backgroundColor: string;
40
+ borderRadius: string;
41
+ position: string;
42
+ };
43
+ };
44
+ };
45
+ };
46
+ };
47
+ };
package/theme/overrides/M4LExtendedComponents/M4LTooltip.d.ts ADDED
@@ -0,0 +1,26 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const M4LTooltip: (theme: Theme) => {
3
+ M4LTooltip: {
4
+ styleOverrides: {
5
+ '&.M4LTooltip-root': {
6
+ test: string;
7
+ "& .MuiTooltip-tooltip": {
8
+ display: string;
9
+ alignItems: string;
10
+ background: string;
11
+ borderRadius: string;
12
+ boxShadow: string;
13
+ padding: string;
14
+ height: string;
15
+ minHeight: string;
16
+ width: string;
17
+ margin: string;
18
+ marginTop: string;
19
+ color: string;
20
+ borderTop: string;
21
+ borderColor: string;
22
+ };
23
+ };
24
+ };
25
+ };
26
+ };
package/theme/overrides/M4LExtendedComponents/M4LinearProgressIndeterminate.d.ts ADDED
@@ -0,0 +1,56 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const M4LinearProgressIndeterminate: (theme: Theme) => {
3
+ M4LinearProgressIndeterminate: {
4
+ styleOverrides: {
5
+ '&.M4LinearProgressIndeterminate-root': {
6
+ width: string;
7
+ position: string;
8
+ padding: string;
9
+ top: string;
10
+ left: string;
11
+ '@keyframes borealisBar': {
12
+ '0%': {
13
+ left: string;
14
+ right: string;
15
+ width: string;
16
+ };
17
+ '30%': {
18
+ left: string;
19
+ right: string;
20
+ width: string;
21
+ };
22
+ '90%': {
23
+ right: string;
24
+ left: string;
25
+ width: string;
26
+ };
27
+ '100%': {
28
+ left: string;
29
+ right: string;
30
+ width: string;
31
+ };
32
+ };
33
+ '&:before': {
34
+ content: string;
35
+ borderRadius: string;
36
+ position: string;
37
+ top: string;
38
+ right: string;
39
+ bottom: string;
40
+ left: string;
41
+ };
42
+ '& .M4LinearProgressIndeterminate-windowLinearProgressBar': {
43
+ position: string;
44
+ borderRadius: string;
45
+ top: string;
46
+ right: string;
47
+ bottom: string;
48
+ left: string;
49
+ backgroundColor: string;
50
+ width: string;
51
+ animation: string;
52
+ };
53
+ };
54
+ };
55
+ };
56
+ };
package/theme/overrides/M4LExtendedComponents/M4LoadingButton.d.ts CHANGED
@@ -109,9 +109,14 @@ export declare const M4LoadingButton: (theme: Theme) => {
109
109
  '&.M4LoadingButton-variantContained': {
110
110
  '& .MuiButtonBase-root': {
111
111
  backgroundColor: string;
112
- color: string;
113
- boxShadow: string;
112
+ color: string | undefined;
113
+ boxShadow: string | undefined;
114
114
  position: string;
115
+ '& .M4LTypography-root': {
116
+ 'MuiTypography-root': {
117
+ color: string;
118
+ };
119
+ };
115
120
  '& .M4LIcon-icon': {
116
121
  backgroundColor: string;
117
122
  };
@@ -121,7 +126,7 @@ export declare const M4LoadingButton: (theme: Theme) => {
121
126
  backgroundColor: string | undefined;
122
127
  };
123
128
  '& .MuiTypography-root': {
124
- color: string | undefined;
129
+ color: string;
125
130
  };
126
131
  };
127
132
  '&:active': {