@m4l/styles 0.0.15 → 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.
package/index.js CHANGED
@@ -2,7 +2,7 @@ import { d as f } from "./theme/defaultThemeOptions.364b28b6.js";
2
2
  import { c as l, s as g } from "./theme/shadows.b2f38616.js";
3
3
  import { P as u, p as d } from "./theme/palette.4b477f9b.js";
4
4
  import { t as S } from "./theme/typography.1db0276b.js";
5
- import { f as C } from "./theme/overrides/index.19dec027.js";
5
+ import { f as C } from "./theme/overrides/index.ff2a1a5a.js";
6
6
  import { u as R } from "./utils/useResponsive.2c45e8e0.js";
7
7
  import { e as T, b, c as v, d as y, g as z, a as w, t as F } from "./utils/getColorPresets.f3113d85.js";
8
8
  import { g as k } from "./utils/getColorState.456150fd.js";
@@ -13,8 +13,8 @@ import "@mui/material/useMediaQuery";
13
13
  import "@mui/system";
14
14
  import "@mui/material";
15
15
  import "./theme/overrides/MUIComponents/index.56660771.js";
16
- import "./theme/overrides/M4LExtendedComponents/index.9ef37d1d.js";
17
- import "./theme/overrides/M4LRHFComponents/index.5f690e33.js";
16
+ import "./theme/overrides/M4LExtendedComponents/index.9d7c79cc.js";
17
+ import "./theme/overrides/M4LRHFComponents/index.b7f8e30c.js";
18
18
  export {
19
19
  u as PATRONUSCOLORS,
20
20
  T as blaze,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m4l/styles",
3
- "version": "0.0.15",
3
+ "version": "0.0.16",
4
4
  "license": "UNLICENSED",
5
5
  "dependencies": {
6
6
  "@emotion/react": "^11.9.0",
@@ -0,0 +1,17 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const M4LAccountPopover: (_theme: Theme) => {
3
+ M4LAccountPopover: {
4
+ styleOverrides: {
5
+ '&.M4LAccountPopover-root': {
6
+ test: string;
7
+ };
8
+ };
9
+ };
10
+ M4LAccountPopoverPopover: {
11
+ styleOverrides: {
12
+ '&.M4LAccountPopover-popover': {
13
+ test: string;
14
+ };
15
+ };
16
+ };
17
+ };
@@ -0,0 +1,188 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const M4LAppBar: (_theme: Theme) => {
3
+ M4LAppBar: {
4
+ styleOverrides: {
5
+ '&.M4LAppBar-root': {
6
+ [x: string]: string | {
7
+ display: string;
8
+ alignItems: string;
9
+ width: string;
10
+ height: string;
11
+ gap: string;
12
+ background: string;
13
+ boxShadow?: undefined;
14
+ minWidth?: undefined;
15
+ minHeight?: undefined;
16
+ '& .M4LIconButton-root'?: undefined;
17
+ '& .M4LAvatar-root'?: undefined;
18
+ } | {
19
+ background: string;
20
+ boxShadow: string;
21
+ width: string;
22
+ height: string;
23
+ minWidth: string;
24
+ minHeight: string;
25
+ display?: undefined;
26
+ alignItems?: undefined;
27
+ gap?: undefined;
28
+ '& .M4LIconButton-root'?: undefined;
29
+ '& .M4LAvatar-root'?: undefined;
30
+ } | {
31
+ [x: string]: string | {
32
+ display: string;
33
+ alignItems: string;
34
+ gap: string;
35
+ widht: string;
36
+ padding: string;
37
+ borderRadius: string;
38
+ '&.M4LIconButton-sizeSmall'?: undefined;
39
+ width?: undefined;
40
+ height?: undefined;
41
+ '& .MuiAvatar-root'?: undefined;
42
+ } | {
43
+ '&.M4LIconButton-sizeSmall': {
44
+ backgroundColor: string;
45
+ marginLeft: string;
46
+ '& .M4LIcon-icon': {
47
+ background: string;
48
+ };
49
+ };
50
+ display?: undefined;
51
+ alignItems?: undefined;
52
+ gap?: undefined;
53
+ widht?: undefined;
54
+ padding?: undefined;
55
+ borderRadius?: undefined;
56
+ width?: undefined;
57
+ height?: undefined;
58
+ '& .MuiAvatar-root'?: undefined;
59
+ } | {
60
+ width: string;
61
+ height: string;
62
+ '& .MuiAvatar-root': {
63
+ width: string;
64
+ height: string;
65
+ };
66
+ display?: undefined;
67
+ alignItems?: undefined;
68
+ gap?: undefined;
69
+ widht?: undefined;
70
+ padding?: undefined;
71
+ borderRadius?: undefined;
72
+ '&.M4LIconButton-sizeSmall'?: undefined;
73
+ };
74
+ display: string;
75
+ width: string;
76
+ gap: string;
77
+ '& .M4LIconButton-root': {
78
+ '&.M4LIconButton-sizeSmall': {
79
+ backgroundColor: string;
80
+ marginLeft: string;
81
+ '& .M4LIcon-icon': {
82
+ background: string;
83
+ };
84
+ };
85
+ };
86
+ '& .M4LAvatar-root': {
87
+ width: string;
88
+ height: string;
89
+ '& .MuiAvatar-root': {
90
+ width: string;
91
+ height: string;
92
+ };
93
+ };
94
+ alignItems?: undefined;
95
+ height?: undefined;
96
+ background?: undefined;
97
+ boxShadow?: undefined;
98
+ minWidth?: undefined;
99
+ minHeight?: undefined;
100
+ };
101
+ test: string;
102
+ display: string;
103
+ width: string;
104
+ height: string;
105
+ padding: string;
106
+ alignItems: string;
107
+ borderRadius: string;
108
+ background: string;
109
+ boxShadow: string;
110
+ borderTop: string;
111
+ borderColor: string;
112
+ "& .M4LAppBar-iconMenuToggle": {
113
+ background: string;
114
+ boxShadow: string;
115
+ width: string;
116
+ height: string;
117
+ minWidth: string;
118
+ minHeight: string;
119
+ };
120
+ '& .M4LAppBar-containerChilds': {
121
+ [x: string]: string | {
122
+ display: string;
123
+ alignItems: string;
124
+ gap: string;
125
+ widht: string;
126
+ padding: string;
127
+ borderRadius: string;
128
+ '&.M4LIconButton-sizeSmall'?: undefined;
129
+ width?: undefined;
130
+ height?: undefined;
131
+ '& .MuiAvatar-root'?: undefined;
132
+ } | {
133
+ '&.M4LIconButton-sizeSmall': {
134
+ backgroundColor: string;
135
+ marginLeft: string;
136
+ '& .M4LIcon-icon': {
137
+ background: string;
138
+ };
139
+ };
140
+ display?: undefined;
141
+ alignItems?: undefined;
142
+ gap?: undefined;
143
+ widht?: undefined;
144
+ padding?: undefined;
145
+ borderRadius?: undefined;
146
+ width?: undefined;
147
+ height?: undefined;
148
+ '& .MuiAvatar-root'?: undefined;
149
+ } | {
150
+ width: string;
151
+ height: string;
152
+ '& .MuiAvatar-root': {
153
+ width: string;
154
+ height: string;
155
+ };
156
+ display?: undefined;
157
+ alignItems?: undefined;
158
+ gap?: undefined;
159
+ widht?: undefined;
160
+ padding?: undefined;
161
+ borderRadius?: undefined;
162
+ '&.M4LIconButton-sizeSmall'?: undefined;
163
+ };
164
+ display: string;
165
+ width: string;
166
+ gap: string;
167
+ '& .M4LIconButton-root': {
168
+ '&.M4LIconButton-sizeSmall': {
169
+ backgroundColor: string;
170
+ marginLeft: string;
171
+ '& .M4LIcon-icon': {
172
+ background: string;
173
+ };
174
+ };
175
+ };
176
+ '& .M4LAvatar-root': {
177
+ width: string;
178
+ height: string;
179
+ '& .MuiAvatar-root': {
180
+ width: string;
181
+ height: string;
182
+ };
183
+ };
184
+ };
185
+ };
186
+ };
187
+ };
188
+ };
@@ -18,6 +18,10 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
18
18
  '& .simplebar-content'?: undefined;
19
19
  '& .M4LAreasAdmin-areaChipRoot '?: undefined;
20
20
  } | {
21
+ [x: string]: string | {
22
+ height: string;
23
+ width: string;
24
+ };
21
25
  background: string;
22
26
  display: string;
23
27
  justifyContent: string;
@@ -38,7 +42,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
38
42
  padding: string;
39
43
  width: string;
40
44
  justifyContent: string;
41
- background: string;
42
45
  height: string;
43
46
  alignItems: string;
44
47
  paddingLeft: string;
@@ -117,7 +120,10 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
117
120
  height: string;
118
121
  gap: string;
119
122
  paddingLeft: string;
120
- marginRight: string;
123
+ alignItems: string;
124
+ borderTop: string;
125
+ borderColor: string;
126
+ background: string;
121
127
  '&.M4LAreasAdmin-selected': {
122
128
  color: string;
123
129
  '& .M4LAreasAdmin-areaChipTitle': {
@@ -165,6 +171,7 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
165
171
  };
166
172
  };
167
173
  };
174
+ background?: undefined;
168
175
  };
169
176
  width: string;
170
177
  height: string;
@@ -177,6 +184,10 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
177
184
  borderTop: string;
178
185
  borderColor: string;
179
186
  '& .M4LAreasAdmin-areaIconLayer': {
187
+ [x: string]: string | {
188
+ height: string;
189
+ width: string;
190
+ };
180
191
  background: string;
181
192
  display: string;
182
193
  justifyContent: string;
@@ -190,7 +201,6 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
190
201
  padding: string;
191
202
  width: string;
192
203
  justifyContent: string;
193
- background: string;
194
204
  height: string;
195
205
  alignItems: string;
196
206
  paddingLeft: string;
@@ -269,7 +279,10 @@ export declare const M4LAreasAdmin: (theme: Theme) => {
269
279
  height: string;
270
280
  gap: string;
271
281
  paddingLeft: string;
272
- marginRight: string;
282
+ alignItems: string;
283
+ borderTop: string;
284
+ borderColor: string;
285
+ background: string;
273
286
  '&.M4LAreasAdmin-selected': {
274
287
  color: string;
275
288
  '& .M4LAreasAdmin-areaChipTitle': {
@@ -26,6 +26,7 @@ export declare const M4LAreasViewer: (theme: Theme) => {
26
26
  padding: string;
27
27
  height: string;
28
28
  borderRadius: string;
29
+ border: string;
29
30
  boxShadow: string;
30
31
  borderTop: string;
31
32
  borderColor: string;
@@ -119,6 +120,7 @@ export declare const M4LAreasViewer: (theme: Theme) => {
119
120
  margin: string;
120
121
  padding: string;
121
122
  borderRadius: string;
123
+ border: string;
122
124
  '& .react-resizable-handle': {
123
125
  backgroundColor: string;
124
126
  };
@@ -0,0 +1,15 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const M4LAvatar: (_theme: Theme) => {
3
+ M4LAvatar: {
4
+ styleOverrides: {
5
+ '&.M4LAvatar-root': {
6
+ '& .MuiAvatar-root': {
7
+ width: string;
8
+ height: string;
9
+ borderRadius: string;
10
+ };
11
+ test: string;
12
+ };
13
+ };
14
+ };
15
+ };
@@ -0,0 +1,10 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const M4LCommonActions: (_theme: Theme) => {
3
+ M4LCommonActions: {
4
+ styleOverrides: {
5
+ '&.M4LCommonActions-root': {
6
+ test: string;
7
+ };
8
+ };
9
+ };
10
+ };
@@ -85,12 +85,16 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
85
85
  styleOverrides: {
86
86
  '&.M4LDynamicFilter-popoverMenuFields': {
87
87
  '& .M4LDynamicFilter-popoverMenuFieldsPaper': {
88
+ padding: string;
89
+ gap: string;
88
90
  '& .M4LDynamicFilter-classespopoverLabelMemuItem': {
89
91
  color: string;
92
+ borderRadius: string;
90
93
  };
91
94
  '& .M4LDynamicFilter-popoverMenuFieldsItem:hover': {
92
95
  color: string;
93
96
  background: string;
97
+ borderRadius: string;
94
98
  };
95
99
  };
96
100
  };
@@ -106,6 +110,7 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
106
110
  };
107
111
  '& .m4l_FormProvider': {
108
112
  gap: string;
113
+ minWidth: string;
109
114
  '& .M4LDynamicFilter-popoverFilterHeader': {
110
115
  background: string;
111
116
  display: string;
@@ -126,11 +131,12 @@ export declare const M4LDynamicFilter: (theme: Theme) => {
126
131
  gap: string;
127
132
  };
128
133
  };
129
- '& .M4LCommonActions-wrapperActions': {
134
+ '& .M4LCommonActions-root': {
130
135
  display: string;
131
136
  flexDirection: string;
132
137
  gap: string;
133
138
  padding: string;
139
+ margin: string;
134
140
  '.M4LButton-root': {
135
141
  width: string;
136
142
  };
@@ -0,0 +1,33 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const M4LMasterDetailLayout: (theme: Theme) => {
3
+ M4LMasterDetailLayout: {
4
+ styleOverrides: {
5
+ '&.M4LMasterDetailLayout-root': {
6
+ display: string;
7
+ width: string;
8
+ height: string;
9
+ overFlow: string;
10
+ "& .M4LModuleLayout-root .M4LModuleLayout-moduleContent": {
11
+ display: string;
12
+ width: string;
13
+ height: string;
14
+ boxShadow: string;
15
+ background: string;
16
+ border: string;
17
+ borderColor: string;
18
+ borderRadius: string;
19
+ overFlow: string;
20
+ };
21
+ "& .layout-pane": {
22
+ boxShadow: string;
23
+ border: string;
24
+ borderColor: string;
25
+ borderRadius: string;
26
+ };
27
+ "#splitMaster": {
28
+ border: string;
29
+ };
30
+ };
31
+ };
32
+ };
33
+ };
@@ -0,0 +1,22 @@
1
+ import { Theme } from '@mui/material/styles';
2
+ export declare const M4LModuleLayout: (theme: Theme) => {
3
+ M4LModuleLayout: {
4
+ styleOverrides: {
5
+ '&.M4LModuleLayout-root': {
6
+ display: string;
7
+ width: string;
8
+ height: string;
9
+ '& .M4LModuleLayout-moduleContent': {
10
+ display: string;
11
+ width: string;
12
+ height: string;
13
+ boxShadow: string;
14
+ background: string;
15
+ border: string;
16
+ borderColor: string;
17
+ borderRadius: string;
18
+ };
19
+ };
20
+ };
21
+ };
22
+ };
@@ -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
+ };