@m4l/styles 7.1.28 → 7.1.29-16062025.beta.1

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 (27) hide show
  1. package/index.js +55 -47
  2. package/package.json +1 -1
  3. package/theme/overrides/MUIComponents/ControlLabel.d.ts +1 -1
  4. package/theme/overrides/MUIComponents/TreeView.d.ts +1 -1
  5. package/theme/overrides/index.js +79 -83
  6. package/theme/palette/baseChipsPalette.js +58 -58
  7. package/theme/palette/baseColors.js +30 -30
  8. package/theme/palette/baseOpacityColors.js +5 -5
  9. package/theme/palette/defaultColors.js +33 -20
  10. package/theme/palette/index.d.ts +4 -0
  11. package/theme/palette/presetColors.js +154 -93
  12. package/theme/palette/semanticColors.js +104 -54
  13. package/theme/shadows.js +52 -60
  14. package/theme/sizes/size.js +3 -3
  15. package/theme/typography/baseWeight.js +3 -4
  16. package/theme/typography/types.d.ts +3 -4
  17. package/theme/typography/typography.js +3 -3
  18. package/theme/typography/typographySizes.js +108 -108
  19. package/types/augmentations.d.ts +2 -0
  20. package/types/types.d.ts +10 -0
  21. package/utils/getPaletteByPreset.d.ts +26 -2
  22. package/utils/getPaletteByPreset.js +99 -103
  23. package/utils/getUserThemeOptions.js +20 -18
  24. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts +0 -358
  25. package/theme/overrides/M4LExtendedComponents/M4LDataGrid.js +0 -393
  26. package/theme/overrides/M4LExtendedComponents/M4LSideBar.d.ts +0 -2441
  27. package/theme/overrides/M4LExtendedComponents/M4LSideBar.js +0 -1747
package/theme/overrides/M4LExtendedComponents/M4LDataGrid.d.ts DELETED
@@ -1,358 +0,0 @@
1
- import { Theme, CssVarsTheme } from '@mui/material/styles';
2
- /**
3
- * M4LDataGrid overrides
4
- */
5
- export declare const M4LDataGrid: (theme: Omit<Theme, "palette" | "applyStyles"> & CssVarsTheme) => {
6
- M4LDataGrid: {
7
- styleOverrides: {
8
- '&.M4LDataGrid-root': {
9
- background: string;
10
- boxShadow: string;
11
- borderRadius: string;
12
- border: string;
13
- borderColor: string;
14
- display: string;
15
- position: string;
16
- flexDirection: string;
17
- gap: string;
18
- height: string;
19
- width: string;
20
- flexGrow: number;
21
- '& .rdg .MuiCheckbox-root': {
22
- '& > svg': {
23
- color: string;
24
- };
25
- };
26
- "&.M4LDataGrid-xs": {
27
- '& .M4LDataGrid-actions': {
28
- height: string;
29
- '& .M4LPager-labelRowsPerPageContainer': {
30
- '& .M4LTypography-root': {
31
- display: string;
32
- };
33
- };
34
- '& .M4LPager-labelDisplayRows': {
35
- display: string;
36
- };
37
- };
38
- };
39
- '& .M4LDataGrid-actions': {
40
- left: string;
41
- right: string;
42
- top: string;
43
- height: string;
44
- minHeight: string;
45
- padding: string;
46
- display: string;
47
- flexDirection: string;
48
- borderRadius: string;
49
- alignItems: string;
50
- justifyContent: string;
51
- background: string;
52
- position: string;
53
- gap: string;
54
- "@container main (max-width: 600px)": {
55
- height: string;
56
- };
57
- '& .M4LDataGrid-actionsConfigContainer': {
58
- display: string;
59
- flexDirection: string;
60
- gap: string;
61
- marginLeft: string;
62
- '& .M4LIconButton-root': {
63
- background: string;
64
- };
65
- };
66
- '& .M4LDataGrid-rowsCount': {
67
- display: string;
68
- gap: string;
69
- alignItems: string;
70
- '& .M4LDataGrid-rowsCountLabel': {
71
- color: string;
72
- height: string;
73
- };
74
- '& .M4LDataGrid-rowsCountValue': {
75
- paddingTop: string;
76
- paddingBottom: string;
77
- paddingLeft: string;
78
- paddingRight: string;
79
- background: string;
80
- borderRadius: string;
81
- };
82
- };
83
- '& .M4LDataGrid-actionFilter': {};
84
- '& .M4LDataGrid-actionSettings': {};
85
- };
86
- '& .M4LDataGrid-tableContaniner:not(.M4LDataGrid-withActions)': {
87
- top: string;
88
- };
89
- '& .M4LDataGrid-tableContaniner': {
90
- display: string;
91
- flexDirection: string;
92
- position: string;
93
- top: string;
94
- bottom: string;
95
- left: string;
96
- right: string;
97
- overflow: string;
98
- padding: string;
99
- borderRadius: string;
100
- border: string;
101
- boxshadow: string;
102
- background: string;
103
- "@container main (max-width: 600px)": {
104
- top: string;
105
- };
106
- '& .M4LDataGrid-wrapperDataGridCss': {
107
- position: string;
108
- height: string;
109
- overflow: string;
110
- borderRadius: string;
111
- '& .rdg ': {
112
- border: string;
113
- background: string;
114
- gridColumnGap: string;
115
- gridRowGap: string;
116
- userSelect: string;
117
- height: string;
118
- contentVisibility: string;
119
- overflow: string;
120
- padding: string;
121
- '--rdg-grid-inline-size': string;
122
- '--rdg-header-background-color': string;
123
- '--rdg-row-selected-background-color': string;
124
- '--rdg-row-hover-background-color': string;
125
- '--rdg-background-color': string;
126
- '--rdg-selection-color': string;
127
- '--row-selected-hover-background-color': string;
128
- '--rdg-checkbox-color': string;
129
- '--rdg-checkbox-focus-color': string;
130
- '--rdg-border-color': string;
131
- '&:last-child .rdg-cell': {
132
- borderTop: string;
133
- borderBottom: string;
134
- borderLeft: string;
135
- borderRight: string;
136
- borderColor: string;
137
- };
138
- };
139
- '& [role="columnheader"]': {
140
- justifyContent: string;
141
- alignItems: string;
142
- };
143
- '& .rdg-row': {
144
- '&[aria-selected="false"] .rdg-cell': {
145
- backgroundColor: string;
146
- borderLeft: string;
147
- borderColor: string;
148
- };
149
- '&:nth-of-type(odd)': {
150
- '& .rdg-cell': {
151
- backgroundColor: string;
152
- };
153
- };
154
- '&[aria-selected="true"] .rdg-cell': {
155
- backgroundColor: string;
156
- };
157
- '&:hover': {
158
- '& .rdg-cell': {
159
- backgroundColor: string;
160
- transition: string;
161
- };
162
- };
163
- backgroundColor: string;
164
- };
165
- '& .rdg-cell': {
166
- transition: string;
167
- borderBottom: string;
168
- borderRight: string;
169
- borderColor: string;
170
- color: string;
171
- display: string;
172
- justifyContent: string;
173
- alignItems: string;
174
- textOverflow: string;
175
- gridTemplateColumns: string;
176
- '& .rdg-text-editor': {
177
- textAlign: string;
178
- color: string;
179
- padding: string;
180
- lineHeight: string;
181
- border: string;
182
- borderTop: string;
183
- borderBottom: string;
184
- borderLeft: string;
185
- borderRight: string;
186
- borderColor: string;
187
- };
188
- '&.rdg-cell-frozen': {
189
- display: string;
190
- justifyContent: string;
191
- alignItems: string;
192
- boxShadow: string;
193
- };
194
- '&:after': {
195
- content: string;
196
- borderRight: string;
197
- position: string;
198
- right: string;
199
- height: string;
200
- };
201
- '& .m4l_icon': {
202
- height: string;
203
- };
204
- };
205
- '& .rdg-cell[role="gridcell"]': {
206
- lineHeight: string;
207
- };
208
- '& .rdg-cell[role="columnheader"] .rdg-header-sort-name': {
209
- lineHeight: string;
210
- height: string;
211
- display: string;
212
- justifyContent: string;
213
- alignItems: string;
214
- };
215
- '& .rdg-cell[role="columnheader"] [draggable="true"]': {
216
- lineHeight: string;
217
- };
218
- '& [aria-selected=true]': {
219
- backgroundColor: string;
220
- color: string;
221
- outline: string;
222
- outlineOffset: string;
223
- outlineColor: string;
224
- };
225
- '& .rdg-cell.rdg-cell-align-left': {
226
- textAlign: string;
227
- display: string;
228
- justifyContent: string;
229
- alignItems: string;
230
- };
231
- '& .rdg-cell.rdg-cell-align-center': {
232
- textAlign: string;
233
- display: string;
234
- };
235
- '& .rdg-cell.rdg-cell-align-right': {
236
- textAlign: string;
237
- };
238
- '& .rdg-row .rdg-cell-frozen-last:after': {
239
- borderRight: string;
240
- };
241
- '& .rdg-row :last-child:after': {
242
- borderRight: string;
243
- borderColor: string;
244
- };
245
- '& .rdg-header-row': {
246
- backgroundColor: string;
247
- };
248
- '& .rdg-header-row .rdg-cell': {
249
- fontFamily: Record<string, any>;
250
- fontWeight: Record<string, any>;
251
- fontSize: Record<string, any>;
252
- color: string;
253
- borderRight: string;
254
- boxShadow: string;
255
- gridTemplateColumns: string;
256
- borderBottom: string;
257
- borderColor: string;
258
- '& [draggable="true"]': {
259
- fontSize: Record<string, any>;
260
- };
261
- '&.rdg-cell-frozen-last': {
262
- borderColor: string;
263
- boxShadow: string;
264
- '&:after': {};
265
- };
266
- '& .rdg-header-sort-cell': {
267
- '& .rdg-header-sort-name + span': {
268
- position: string;
269
- margin: string;
270
- right: string;
271
- '& .rdg-sort-arrow': {
272
- width: string;
273
- };
274
- };
275
- };
276
- '& .rdg-sort-arrow': {};
277
- };
278
- '& .rdg-header-row :last-child.rdg-cell': {
279
- borderTopRightRadius: string;
280
- '&:after': {
281
- borderRight: string;
282
- };
283
- };
284
- '& .filter_cell_div': {
285
- paddingLeft: string;
286
- paddingRight: string;
287
- };
288
- '& .rdg-header-sort-cell': {
289
- width: string;
290
- flexGrow: string;
291
- alignItems: string;
292
- color: string;
293
- };
294
- };
295
- };
296
- '&.M4LDataGrid-withNoPager': {};
297
- };
298
- };
299
- };
300
- M4LDataGridDensityPopover: {
301
- styleOverrides: {
302
- '&.M4LDataGrid-actionDensityPopover': {
303
- test: string;
304
- };
305
- };
306
- };
307
- M4LDataGridActionsFormatter: {
308
- styleOverrides: {
309
- '&.M4LDataGrid-actionsFormatter': {
310
- [x: string]: string | {
311
- gap: string;
312
- '& .MuiButtonBase-root': {
313
- minHeight: string;
314
- padding: string;
315
- gap: string;
316
- '& .M4LIcon-root': {
317
- minHeight: string;
318
- minWidth: string;
319
- };
320
- };
321
- '& .MuiPaper-root'?: undefined;
322
- } | {
323
- '& .MuiPaper-root': {
324
- padding: string;
325
- '& .MuiButtonBase-root': {
326
- minHeight: string;
327
- padding: string;
328
- gap: string;
329
- '& .M4LIcon-root': {
330
- minHeight: string;
331
- minWidth: string;
332
- '& .M4LIcon-icon': {
333
- minHeight: string;
334
- minWidth: string;
335
- };
336
- };
337
- };
338
- };
339
- gap?: undefined;
340
- '& .MuiButtonBase-root'?: undefined;
341
- };
342
- test: string;
343
- '& .MuiPaper-root': {
344
- gap: string;
345
- '& .MuiButtonBase-root': {
346
- minHeight: string;
347
- padding: string;
348
- gap: string;
349
- '& .M4LIcon-root': {
350
- minHeight: string;
351
- minWidth: string;
352
- };
353
- };
354
- };
355
- };
356
- };
357
- };
358
- };